@import "reset.css";
@import "cols.css";
@font-face {display:swap;}
/*body::-webkit-scrollbar {width:10px;background-color:#231f20;} 
body::-webkit-scrollbar-thumb {background-color:#b2a088;}
body::-webkit-scrollbar-thumb:hover {background-color:#b2a088;}
body::-webkit-scrollbar-thumb:active {background-color:#b2a088;} 
body::-webkit-scrollbar-track {} */

html {-webkit-text-size-adjust: none;}
body {background-color:#fff;color:#000;font-family:Lato,Arial;font-size:14px;position:relative;}
body, html {height:100%;}
.table{display:table;width:100%;}
.tr{display:table-row;}
.td{display:table-cell;box-sizing:border-box;padding:3px;}
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
/*WARNING
****************/
.pagingDiv{position:sticky;top:124px;z-index:1000;}
.favTop{font-size:16px}

#mozaiek {width: 100%;column-gap: 0px;box-sizing: border-box;columns:3}
#mozaiek .mozaiek {width: 100%;margin: 0 0 0px;break-inside: avoid;}

.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{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup.png);}
#Wmessage{background-color:#fff;color:#000;width:300px;margin:50px auto;padding:50px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}
#orderDay{border:none !important;font-size:30px;color:#ca2017;width:250px;}
#kalenderLeft{float:left;width:50%;}
#kalenderRight{float:left;width:50%;}
div.filterCrmb{border:solid 1px #fff;display:inline-block;margin-right:3px;}
div.filterCrmb a{padding:3px;text-decoration:none;}
div.filterCrmb a:hover{background-color:#eee;color:#000;color:#444}
.clear {clear:both;}
a {color:#000;}
a:hover {color:#f60;}
b,strong {font-weight:bold;}
#prodShop h1 {color:#f60;border:none;margin-bottom:0px;padding-bottom:0px;}
#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;}
.promoCodeOk{background-color:#4ece8e;color:#fff;padding:10px;}
.placeholder {color:#b2b2b2;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#b2b2b2;}
:-moz-placeholder {color:#b2b2b2;opacity:1;}
::-moz-placeholder {color:#b2b2b2;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#b2b2b2;}	
input[placeholder], textarea[placeholder] {color:#b2b2b2;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
a.addToFav{display:inline-block;border:solid 1px #000;border-radius:2px;text-decoration:none;padding:3px 10px 3px 10px;}
a.zelfdeK{text-transform:uppercase;text-decoration:none;display:block;margin-bottom:20px;font-size:20px;background-color:#0c0;color:#fff;padding:20px;text-align:center;}
a.zelfdeK:hover{background-color:#000;}
/*IMAGES FIT
******************/
img.cover{object-fit:cover;}
img.coverT{object-fit:cover;object-position:left top;}
img.coverB{object-fit:cover;object-position:left bottom;}
img.contain{object-fit:contain;}
#favTip2{display:none;}

#catTitle{text-transform:uppercase;}
#catTitle a,a.brdcrmb{text-decoration:none;text-transform:uppercase;}
#usable{display:table;float:right;}
#usable div{display:table-row;}
#usable div div{display:table-cell;width:33.33%}
#usable a{box-sizing:border-box;padding:5px;text-decoration:none;border-radius:5px;}
#usable a:hover{background-color:#ccc;color:#fff;}
#usable div div:nth-child(2) {text-align:center;}
#usable div div:nth-child(3) {text-align:right;}

.moduletel {display:inline-block;padding:10px;background-color:#8b876a;color:#fff;text-transform:uppercase;text-decoration:none;border-radius:10px;}
.moduletel:hover {color:#fff;}
.provincie a {font-size: 24px;color: #fff;font-weight: 700;text-decoration: none;display: inline-block;padding: 20px;background-color: #231f20;width: 300px;text-align: center;margin-top: 20px;}
.provincie:first-child a {margin-top: 0;}

#vorVol {margin:0;list-style-type:none;list-style-image:none;margin-top:15px;}
#vorVol li {float:left;}
#vorVol li a {text-decoration:none;text-transform:uppercase;display:block;padding:0px 10px;}
#vorVol li:first-child a {padding-left:0;}
#vorVol li:last-child a {padding-right:0;}
#vorVol li a.over {text-align:center;border-left:solid 1px #000;border-right:solid 1px #000;}

#prodShop input[type="radio"] {display:none;}
#prodShop input[type="radio"] + label span {display:inline-block;width:19px;height:19px;margin:-1px 4px 0 0;vertical-align:middle;background:url(../images/check_radio_sheet.png) left top no-repeat;cursor:pointer;}
#prodShop input[type="radio"]:checked + label span {background:url(../images/check_radio_sheet.png) -19px top no-repeat;}

/*BOORDENCONFIG*/

#pompoen a{text-decoration:none;}
#pompoen a i{color:#ccc;}
#refSelBox{color:#000;font-size:14px;padding:5px;text-transform:uppercase;width:150px;display:inline-block;margin-bottom:15px;}
#aantal{font-size:14px;padding:5px;}
.boordPrijs{font-size:25px;}

/***************/

.td1{font-weight:bold;padding-right:20px;}

h1 {font-size:28px;line-height:normal;font-weight:700;margin-bottom:40px;padding-bottom:5px;text-transform:uppercase;display:block;}
.page_title {text-align:center;color:#fff;padding-top:10px;}
.page_title h1{border:none;margin-bottom:10px;}
h2 {color:#000;font-size:19px;line-height:normal;font-weight:700;margin-bottom:20px;}
h3 {color:#000;font-size:17px;line-height:normal;font-weight:700;margin-bottom:20px;text-transform:uppercase;}
h6 {display:inline-block;color:#fff;font-size:12px;}
h5 {font-size:20px;text-transform:uppercase;padding:5px;display:inline-block;background-color:#b2a088;color:#fff;}

#filtersHome{margin:0px auto;width:100%;;max-width:1350px;}
#filtersHome input[type="checkbox"]{display:none;}
#filtersHome a{text-decoration:none;}
div.filtersoort{float:left;width:25%;}
#hmKies{display:inline-block;padding:5px;border:solid 1px #fff;color:#fff;border-radius:5px;text-decoration:none;margin-top:10px;}
#hmKies:hover{background-color:#f60;}
.meerdere{display:inline-block;margin-top:15px;text-transform:uppercase;margin-bottom:20px;background-color:#000;color:#fff;border:solid 3px #000;}
.meerdere:hover{background-color:#f60;color:#fff;}
#selectieBtn{text-align:center;position:sticky;top:110px;margin-bottom:50px;z-index:5000;}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

#top {border-top:7px solid #231f20;border-bottom:1px solid #e4e2e1;position:sticky;width:100%;top:0px;left:0px;z-index:999;background-color:#fff;}
#top.page1 {position: fixed;}
#languages {float:left;padding-top:2px;padding-bottom:2px;}
#languages ul {list-style-type:none;margin:0;}
#languages ul li {display:inline-block;}
#languages ul li a {color:#fff;padding:5px;text-decoration:none;display:block;font-size:11px;margin-left:5px;text-transform:uppercase;}
#languages ul li:first-child a {margin-left:0px;}
#languages ul li a.lcurrent {background-color:#8b876a;color:#fff;}
#languages ul li a:hover {background-color:#8b876a;color:#fff;}

#laatst {margin: 60px 0;}

.topleft {float:left;}
#logo {padding:20px 0;}
#logo a {}
#open {background-color:#231f20;padding:10px 0;}
#open2 {background-color:#fff;padding:10px;display:inline-block;}
.topright {float:right;padding:15px 0;}
.topright i {color:#8a866a;}
.fb {display:inline-block;margin-right:10px;padding-right:10px;border-right:1px solid #e4e2e1;padding-top:5px;padding-bottom:5px;}
.fb a {color:#8a866a;text-decoration:none;font-size:20px;}
.zoeken {float:left;margin-right:10px;padding-right:10px;border-right:1px solid #e4e2e1;font-size:12px;cursor:pointer;position:relative;color:#fff;}
.account {display:inline-block;padding-top:8px;padding-bottom:8px;margin-right:15px;padding-right:15px;border-right:1px solid #e4e2e1;position:relative;}
.account a, .account span {text-decoration:none;text-transform:uppercase;font-size:12px;cursor:pointer;display:block;}

#search {}
#search2 {position:relative;top:auto;right:auto;margin:0;border:0;padding:0;display:none;}
.searchfield {background-color:#fff;color:#fff;border:1px solid #ededed;border-radius: 0px;box-shadow: none;-webkit-appearance:none;width:200px;padding:5px 10px 4px 10px;}
input.search {font-family:Lato,arial;font-size:11px;border:0;box-shadow:none;-webkit-appearance:none;outline:none;}
.search_submit {display:block;float:right;font-size:15px;color:#bebebe;}
.search_submit:hover {color:#231f20;}

.headleft {float:left;padding:5px 0;}
.headright {float:right;}

#slideshow {position:relative;overflow:hidden;height: 100vh;}
.caption {position:absolute;bottom:0px;width:100%;}
.inner {background:rgba(255,255,255,0.8);padding:25px;margin:0 auto;width:50%;max-width:960px;line-height:24px;font-size:16px;position:relative;border-top-left-radius:15px;border-top-right-radius:15px;}
.inner h2{text-align:center;}
.scroll {cursor:pointer;font-size:14px;display:block;text-align:center;width:36px;color:#000;margin:25px auto 0 auto;}

#aanmelden {float:right;}
#aanmelden a {display:block;padding:10px;color:#fff;text-decoration:none;}

#accBtn{display:none;}

#navigation,#mobSearch,#topMob,#topMob,#searchMob,.searchmob{display:none;}
#navMob {background-color:#fff;position:sticky;top:0px;width:100%;left:0px;z-index:2000;display:none;border-top:7px solid #231f20;}
#mobMenu {background-color:#231f20;}

#mobile-header a,#mobile-search a,#mobile-coll a, .telef a {color:#fff;text-decoration: none;display: block;font-size:16px;text-transform:uppercase;text-align:center;padding:10px 0;} 
#mobile-header span {font-weight:bold;font-size:17px;text-transform:uppercase;margin-right:5px;}

#mmm {display:none;z-index:80000;width:100%;position:fixed;top:97px;left:0px;background-color:#fff;border-bottom:solid 15px #000;}
#mmm2 {display:none;z-index:80000;width:100%;position:fixed;top:97px;left:0px;background-color:#8b876a;}
.holder {padding:10px 2.5%;}
#mmm ul {list-style-type:none;margin:0;}
#mmm ul li {padding:0px;}
#mmm ul li a {color:#000;text-decoration:none;padding:10px 0;display:block;text-transform:uppercase;font-size:14px;text-align:center;border-bottom:solid 1px #000;}
#mmm ul li a:hover {text-decoration:underline;}
#mmm ul li.menu-current a {}
/*#mmm ul li ul{display:none;}*/
.flex {display: flex;align-items: center;justify-content: space-between;}
.telef {text-align: center;}
#mobile-header {text-align:center;}
#mobile-search {text-align:center;}

h3 ul li{text-transform:none;font-size:18px;}

.mainL{float:left;width:45%;margin-right:10%;}
.mainR{float:left;width:45%;text-align:right;}
#over img{margin-bottom:5px;}
a.meer{display:block;background-color:#b2a088;width:300px;border-radius:10px;padding:5px;color:#fff;text-decoration:none;padding-left:20px;margin-bottom:20px;text-transform:uppercase;}
a.meer:hover{background-color:#000;}
#container {width:100%;margin:0px 0;line-height:21px;background-color:#231f20;}

#container2 {}
#content{width:100%;line-height:24px;}

.project-hover {z-index:1000;width:100%;position:absolute;top:5px;left:0px;background:rgba(0,0,0,0);opacity:1;-webkit-transition:opacity 0.3s ease-in;-moz-transition:opacity 0.3s ease-in;-ms-transition:opacity 0.3s ease-in;-o-transition:opacity 0.3s ease-in;transition:opacity 0.3s ease-in;}
.project-hover.hover {opacity:0;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-ms-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;}
/*.project-title {display:flex;height: 100%;justify-content: center;align-items: center;padding: 0 20px;}*/
.project-title {display:flex;justify-content: center;align-items: center;padding: 0 20px;}
.project-title a {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;background:rgba(255,255,255,0.8);text-decoration:none;border:2px solid #fff;padding:3px 15px;color:#000;font-size:15px;line-height:24px;text-transform:uppercase;-webkit-transition:background 0.3s ease-in;-moz-transition:background 0.3s ease-in;-ms-transition:background 0.3s ease-in;-o-transition:background 0.3s ease-in;transition:background 0.3s ease-in;font-weight:300;display:inline-block;text-align: center;width: 100%;}
.project-title a:hover {background:rgba(0,0,0,0.5);color:#fff;text-shadow:none;-webkit-transition:background 0.3s ease-out;-moz-transition:background 0.3s ease-out;-ms-transition:background 0.3s ease-out;-o-transition:background 0.3s ease-out;transition:background 0.3s ease-out;}
.moreResults{background-color:#0c0 !important;color:#fff !important;margin:25px 0px 0px 25px;}
.tip {margin-bottom:30px;}

#extraMob a{background-color:#f60;display:block;color:#fff;text-decoration:none;text-align:center;padding:10px 0px 10px 0px}
#extraMob a.lll2{background-color:#0c0;}
.contentpad {padding:50px 0;}

#nieuws {float:left;width:45%;}
.newsPicc{float:left;width:35%;margin-right:5%;}
.nieImgH{float:left;width:30%;margin-right:5%;}
.nieTxtH{float:left;width:65%;}
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nieuwsbericht {margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #999999;}
.nieTitel a {text-transform:uppercase;letter-spacing:1px;text-decoration:none;font-family:OswaldLight,arial;line-height:normal;}
.nieTekst {margin-top:5px;}
.nieTekst span {color:#999999;font-size:14px;}
.nieTekst2 {margin-top:5px;width:60%;float:left;}
.nieTekst2 span {}
.leesmeer {text-align:right;}
.leesmeer a {display:inline-block;border-radius:5px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;padding:7px 15px;font-family:OswaldLight,arial;font-size:13px;background-color:#4d5168;color:#fff;text-shadow:1px 1px 0px #434343;}
.leesmeer a:hover {border:1px solid #656a83;color:#656a83;background-color:#fff;text-shadow:none;}
.leesmeer2 {text-align:right;margin-top:30px;}
.leesmeer2 a {display:inline-block;border-radius:5px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;background-color:#4d5168;padding:7px 15px;font-family:OswaldLight,arial;font-size:13px;text-shadow:1px 1px 0px #434343;}
.leesmeer2 a:hover {background-color:#fff;color:#4d5168;text-shadow:none;}
.leesmeer3 {margin-top:10px;}
.leesmeer3 a {display:inline-block;border-radius:5px;color:#000;text-decoration:none;text-transform:uppercase;letter-spacing:2px;background-color:#fff;padding:5px 8px;font-family:OswaldLight,arial;font-size:11px;border:1px solid #656a83}
.leesmeer3 a:hover {background-color:#4d5168;color:#fff;text-shadow:1px 1px 0px #434343;}
.leesmeer4 {text-align:right;margin-top:30px;}
.leesmeer4 a {display:inline-block;border-radius:5px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;background-color:#4d5168;padding:7px 15px;font-family:OswaldLight,arial;font-size:13px;text-shadow:1px 1px 0px #434343;}

#sticky {position:relative;z-index:999;overflow:hidden;}
#klantenzone {background-color:#b2a088;padding:25px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,0.5);}
#ontdek {background-color:#b2a088;padding:25px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,0.5);}
#ontdek ul {list-style-type:none;margin:0;}
#ontdek ul li {display:inline-block;color:#000;font-size:13px;letter-spacing:0.5px;margin-right:10px;padding-right:10px;border-right:1px solid #fff;}
#ontdek ul li:last-child {margin-right:0px;padding-right:0;border:0;}
#footer {background-color:#231f20;padding:25px 0;color:#fff;}
#footer a {color:#fff;}
#footer ul {list-style-type:none;margin:0;}
#footer ul li {display:inline-block;color:#fff;font-size:13px;letter-spacing:0.5px;}
#footer ul li:last-child {margin-right:0px;}
#fct {float:left;}
#fct2 {float:right;}

.editImgContainer{position:absolute;z-index:1000;display:flex;}
a.editImg{opacity:0;transition: opacity 0.1s ease-in-out;background-color:#336699;padding:10px;color:#fff;display:inline-block !important}
.editImgContainer:hover .editImg {opacity: 1;}