@import "reset.css";
@import "loading.css";

html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#000;font-family:Lato,Arial;font-size:14px;}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#000;}
a:hover{color:#8b876a;}
b,strong{font-weight:bold;}
.alpha60 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#nav ul.menu li ul li a.curry{background-color:#000;color:#fff;padding:3px;}
#thover {position:fixed;background:#000;width:100%;height:100%;opacity: .5;z-index: 9889;}
#tpopup {position:absolute;width:464px;height:464px;left:50%;top:50%;border-radius:5px;margin-left:-232px; /* width/2 + padding-left */margin-top:-232px; /* height/2 + padding-top */text-align:center;box-shadow:0 0 10px 0 #000;z-index: 10000;}
#tclose {position:absolute;background:black;color:white;right:-15px;top:-15px;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;font-size:15px;font-weight:bold;
font-family:'Arial Black', Arial, sans-serif;cursor:pointer;box-shadow:0 0 10px 0 #000;}
#priceSl{font-size:10px;text-align:center; color:#565b6f;font-weight:normal;text-align: left;}
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;margin-top:50px;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1920px;width:95%;height: auto;margin: 0px auto;position:relative;}
.wrapper2 {max-width: 1160px;width:95%;height: auto;margin: 0px auto;position:relative;}
#filterBtn{display:none;background-color:#ccc;color:#000;text-transform:uppercase;padding:5px 10px 5px 10px;text-align:center;text-decoration:none;border-radius:5px;}
#filterBtn2{display:none;background-color:#ccc;color:#000;text-transform:uppercase;padding:5px 10px 5px 10px;text-align:center;text-decoration:none;border-radius:5px;}
.placeholder {color:#2e2e2e;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#2e2e2e;}
:-moz-placeholder {color:#2e2e2e;opacity:1;}
::-moz-placeholder {color:#2e2e2e;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#2e2e2e;}	
input[placeholder], textarea[placeholder] {color:#2e2e2e;}
#navMob22{display:none;}

#bgvideo {background-color: #eee;margin-bottom: 60px;}
#video {position: relative;margin-bottom: 40px;}
video{object-fit: cover; width: 100%; left: 0;  z-index: 3;padding-top:120px;}



.grid-6 							{display: grid;grid-gap: 20px;grid-template-columns: repeat(6,1fr);}
.grid-5 							{display: grid;grid-gap: 20px;grid-template-columns: repeat(5,1fr);}
.grid-4 							{display: grid;grid-gap: 20px;grid-template-columns: repeat(4,1fr);}
.grid-3 							{display: grid;grid-gap: 20px;grid-template-columns: repeat(3,1fr);}
.grid-2 							{display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
.sectiongrid						{margin:0px 0px 20px 0px;}


#warning,#Zwarning		{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup2.png);}
#Wmessage,#ZWmessage	{background-color:#fff;width:400px;margin:50px auto;padding:50px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}


/*page Title
**************/
h1 {color:#000;font-size:30px;line-height:normal;font-weight:normal;margin-bottom:20px;text-transform:uppercase;}
h2 {color:#000;font-size:18px;line-height:normal;font-weight:700;margin-bottom:30px;text-transform:uppercase;}
h5 {color:#000;font-size:16px;text-transform:uppercase;font-weight:700;margin-bottom:20px;line-height:normal;}
h6 {color:#fff;font-size:24px;text-transform:uppercase;font-weight:700;margin-bottom:20px;line-height:normal;}
#navMob22Holder{display:none;}
#graveren{display:none;}
.txtDiv{border:solid 1px #ccc;padding:10px;z-index:0;position:relative;display:none;}
a.txtBtn{display:inline-block;width:70px;margin-bottom:-2px;position:relative;background-color:#fff;z-index:10;text-decoration:none;border:solid 1px #ccc;padding:3px;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;}
a.txtBtn:hover{background-color:#8b876a;color:#fff;}

.infoCol{float:left;width:25%;}
.infoCol ul{margin:0px;padding:0px;}
.infoCol ul li{list-style-type:none;}

.melding {text-align:center;font-size:20px;background-color:#fff;position:fixed;bottom:0px;left:0px;z-index:200;padding:25px 0;width:100%;border-top:1px solid #eee;}


/*header
******************/
.ui-front {z-index:9999 !important;}
#top {width:100%;z-index:9000;position:fixed;top:0px;left:0px;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);}
#header {background-color:#202d39;position:relative;width:100%;}
.topleft {float:left;}
.topright {float:right;}
#logo {float:left;padding:10px 0;}
#logo a {font-size:34px;font-weight:700;text-transform:uppercase;text-decoration:none;color:#231f20;}

#open {background-color:#202020;color:#fff;font-size:12px;border-top:1px solid #2e2e2e;padding:10px 0;}
.contactgegevens {}
.adres {display:inline-block;margin-right:10px;padding-right:10px;border-right:1px solid #2e2e2e;padding-top:8px;padding-bottom:8px;}
.open {display:inline-block;padding-top:8px;padding-bottom:8px;position:relative;}

.rechts {}
.account2 i, #winkelmand i {color:#fff;}
.zoeken {float:left;margin-right:10px;padding-right:10px;border-right:1px solid #2e2e2e;cursor:pointer;position:relative;color:#fff;}
.zoekenM{display:none;}
.account2 {float:left;padding-top:8px;padding-bottom:8px;margin-right:10px;padding-right:10px;border-right:1px solid #2e2e2e;position:relative;}
.account2 a, .account2 span {text-decoration:none;cursor:pointer;display:inline-block;color:#fff;}
#folder {position:absolute;top:0px;left:0px;z-index:999;width:100%;}
#folder a {text-decoration:none;cursor:pointer;display:block;color:#fff;background-color:#0382b2;padding:8px 10px;font-weight:700;text-align:center;font-size:18px;}

#search {position:relative;}
.searchfield {background-color:#fff;color:#2e2e2e;border:1px solid #fff;border-radius: 0px;box-shadow: none;-webkit-appearance:none;width:300px;padding:4px 10px 3px 10px;}
input.search {background-color:#fff;font-family:Lato,arial;border:0;box-shadow:none;-webkit-appearance:none;outline:none;width:100%;font-size:12px;padding:3px 0;}
.search_submit {display:block;position:absolute;right:10px;top:5px;font-size:16px;color:#2e2e2e !important;}
.search_submit:hover {}

#nav ul li:nth-child(5) .dropdown-menu, #nav ul li:nth-child(6) .dropdown-menu, #nav ul li:nth-child(7) .dropdown-menu, #nav ul li:nth-child(8) .dropdown-menu, #nav ul li:nth-child(9) .dropdown-menu {right:0;left:auto !important;}
.dropdown-menu {width:700px;position:absolute;top:60px;z-index: 1000;left:0;list-style: none;background-color: #fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);box-shadow: 0 5px 10px rgba(0, 0, 0, .2);-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;text-align:left;line-height:30px;}	
.dropdown-menu.info {right: 0;left: auto;}	
.dropdown-menu2 {width:200px;position:absolute;top:60px;z-index: 1000;left:0;list-style: none;background-color: #fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);box-shadow: 0 5px 10px rgba(0, 0, 0, .2);-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;text-align:left;line-height:30px;}	
.dropdown-menu2.info {right: 0;left: auto;}	

.kol {float:left;margin-right:5%;}

#aanmelden {float:right;}
#aanmelden a {display:block;padding:10px;color:#fff;text-decoration:none;}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;display: none;
}
#accBtn{display:none;}

#scroll {position:absolute;bottom:150px;width:100%;text-align:center;z-index:899;}
.scroll {cursor:pointer;font-size:40px;color:rgba(255,255,255,0.5);display:inline-block;}

.header {border-top:1px solid #2e2e2e;position:absolute;top:102px;left:0px;width:100%;z-index:999;}
.header2 {background:rgba(0,0,0,1);border-top:1px solid #2e2e2e;width:100%;z-index:999;}
.fixed {position:fixed;top:0px;left:0px;width:100%;z-index:999;}

#navigation,#mobSearch,#topMob,#topMob,#searchMob{display:none;}
#navMob {background-color:#343434;display:none;float:right;margin-top:10px;}
#mobile-header a {display:block;padding:7px 10px;color:#fff;text-decoration:none;text-transform:uppercase;background-color:#8b876a;font-size:20px;} 

#slideshow {position:fixed;top:0px;left:0px;width:100%;height: 100vh;}
#canvas {position:absolute;display:table;width:100%;z-index:999;}
#slogan {display:table;width:auto;margin:0 auto;text-align:center;position:relative;z-index:8000;height: 100vh;}
.hidden {display:none;}
#sloganinner {display:table-cell;vertical-align:middle;}
.padding {width:95%;max-width:960px;margin:0 auto;position:relative;padding:25px 0;display:none;}
#slogan h4 {font-size:40px;color:#fff;text-transform:uppercase;font-family:Raleway,arial;font-weight:700;}
#slogan h5 {font-size:30px;color:#fff;text-transform:uppercase;font-family:Raleway,arial;font-weight:700;}
.rea a {display:block;margin-top:10px;background-color:#fff;padding:15px 20px;color:#8b876a;text-decoration:none;text-transform:uppercase;letter-spacing:1px;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;border:1px solid #fff;font-size:20px;}
.rea a:hover {background-color:#8b876a;color:#fff;}
.folder a {display:block;margin-top:10px;background-color:#8b876a;padding:15px 20px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;border:1px solid #8b876a;font-size:30px;}
.folder a:hover {background-color:#fff;color:#8b876a;}

/*main content -> menu & content
*********************************/
#mainhome {width:100%;padding:35px 0 0 0;line-height:21px;background-color:#fff;position:relative;}
#main {width:100%;padding-top:107px;background-color:#fff;position:relative;}
.outlet{text-decoration:none;border:solid 1px #565b6f;padding:5px;border-radius:10px;color:#565b6f;}
a.outlet:hover{background-color:#565b6f;color:#fff;font-weight:bold;}
.contentleft {float:left;width:55%;margin-right:5%;line-height:25px;}
.popup-youtube {background-color:#fff;color:#8b876a;border:1px solid #8b876a;padding:10px 20px;border-radius:5px;font-weight:700;text-decoration:none;margin-top:20px;display:inline-block;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;font-size:16px;}
.popup-youtube:hover {background-color:#8b876a;color:#fff;}
.contentright {float:right;width:40%;}

#content{width:100%;margin:60px 0;line-height:24px;}

#banneru {position:relative;background:url(../images/home/uurwerken.jpg) no-repeat center center;width:100%;height:300px;}
#bannerj {position:relative;background:url(../images/home/juwelen.jpg) no-repeat center center;width:100%;height:300px;}
#bannert {position:relative;background:url(../images/home/trouwringen.jpg) no-repeat center center;width:100%;height:300px;}
#abs {position:absolute;height:100%;width:100%;display:block;top:0px;left:0px;z-index:99;}
.table {display:table;width:100%;height:100%;}
#row1 {display:table-cell;vertical-align:middle;text-align:center;background:rgba(0,0,0,0.35);color:#fff;padding:0 20px;}
#row2 {display:table-cell;vertical-align:middle;text-align:center;color:#fff;padding:0 20px;background:rgba(0,0,0,0.35);}
#row3 {display:table-cell;vertical-align:middle;text-align:center;color:#000;padding:0 20px;}
#row3 h6{color:#000;}

.tabler{display:table;width:100%;}
.tr{display:table-row;}
.td{display:table-cell;box-sizing:border-box;padding:0px;}


#cats {margin-bottom:100px;}
.kolom {position:relative;float:left;width:33%;overflow:hidden;}
.meer {text-align:center;margin-top:20px;}
.meer a {display:inline-block;background-color:#8b876a;border:1px solid #8b876a;color:#fff;text-decoration:none;text-transform:uppercase;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;padding:5px 20px;font-family:Raleway,arial;font-weight:700;font-size:12px;}
.meer a:hover {background-color:transparent;}

.snowflake {
    position: absolute;
    display: block;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-image: -webkit-radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: -moz-radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: -ms-radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
    );
}

#snow {
    position: absolute;
    width: 100%;
    height: 100%;
	z-index:8500;
}

/*footer top
****************/
#sticky {position:relative;z-index:300;line-height:24px;}

#footer {background-color:#000;border-top:1px solid #2e2e2e;padding:25px 0px;color:#fff;}
.ftkol1 {float:left;width:33%;}
#navContainer2 {width:auto;display:block;z-index:100;}
#nav2 {z-index:100;}
#nav2 ul {list-style-type: none; margin: 0; padding: 0; width:auto;white-space:normal;}
#nav2 ul li {}
#nav2 ul li a {display:inline-block;color: #fff;text-decoration:none;}
#nav2 ul li a:hover, #nav2 li a:focus { color: #fff;text-decoration:underline;}
#nav2 li a:active, #nav2 ul li a.active { color: #fff;text-decoration:underline;}
#nav2 ul li.menu-current a {text-decoration:underline;}

.ftkol2 {float:left;width:34%;}

.ftkol3 {float:left;width:33%;text-align:right;}
.ftkol3 a {color:#fff;}
.ftkol3 a.tel{text-decoration:none;}
.ftkol3 a:hover {color:#fff;}
#fct ul {margin:0px;list-style-type:none;}

#footer2 { background-color:#000000;border-top: 1px solid #2e2e2e;padding: 25px 0px;color: #fff;}
#footer2 a {color:#fff;text-decoration:underline;}

#fct2 {text-align:center;font-size:12px;}
#fct2 a {color:#fff;}

/*FORMS
********/
.required 				{color: #FF0000;}
.field_heading 			{font-weight: bold;padding-top: 10px;}
.field_row 				{display:flex;}
.field_title 			{flex:1;}
.field_input 			{flex:2;}
.field_checkbox 		{width: 100%;margin-bottom:10px;}
.field_title2 			{width:100%;margin-bottom:10px;}
.field_input2 			{width:100%;margin-bottom:10px;}
input[type='checkbox'] 	{width:auto;}
input[type='radio'] 	{width:auto;}
.textarea				{width:100%;}


.email,.textfield,.textarea,select 	{color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;padding:5px;width:100%;box-sizing: border-box;font-family:Work Sans, Arial;font-size:15px;}
.email,.textfield,.textarea			{border-radius: 0;outline: none;padding:8px;margin-bottom:15px;}
.textarea 							{height:150px;}
.field_error						{border:solid 1px #c00;}

.checkbox_label 		{cursor: pointer;}
.radio_label 			{cursor: pointer;}
.nixhier 				{display:none;}
.submit					{background-color:#000;color:#fff;border:none;padding:15px 30px;text-decoration:none;display:inline-block;margin-top:15px;font-size:15px;border-radius: 8px;}
.gdpr					{font-size:10px;line-height: normal;}

select.day{width:30%;max-width:70px;}
select.month{width:30%;}
select.year{width:30%;}


.bg_heart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
	z-index: 999;
 }

.heart {
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -m-transform: rotate(-45deg);
    transform: rotate(-45deg)
 }

.heart:before {
    position: absolute;
    top: -50%;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 100%;
}

.heart:after {
    position: absolute;
    top: 0;
    right: -50%;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 100%;
}

@-webkit-keyframes love {
  0%{top:110%}
}
@-moz-keyframes love {
  0%{top:110%}
}
@-ms-keyframes love {
  0%{top:110%}
}
@keyframes love {
  0%{top:110%}
}