/* normal */

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
html,
body {
  font-family: 'grandview' , "realist", sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: 400;
	line-height: 1.9;
	
}

body {
  background: #fff;
}
img {
  border: 0px;
  display: block;
  max-width: 100%;
  height:auto;
}
a,
input {
  outline: none;
  text-decoration: none;
}
ul {
  list-style: disc;
  margin-left: 35px;
}
ol {
 list-style: lower-latin;
  margin-left: 35px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { font-weight: 700; color:#39777e; line-height:1.3}

h1, .h1{font-size:30px; margin-bottom: 26px;}
h2, .h2{font-size:26px;}
h3, .h3{font-size:24px;}
h4, .h4{font-size:22px;}
h5, .h5{font-size:20px;}
h6, .h6{font-size:18px;}

p, ul, ol{margin-bottom: 1em}

a{color:inherit;}


h1 span{color: #C9954b;}


.header{padding-top: 20px; padding-bottom: 20px}

.header{position:relative;}
.header .logo{display:block; float:left; max-width:180px; background:#fff; padding:15px; position:absolute; border-radius:0 0 10px 10px; top:0; z-index:999; box-shadow:0 0 20px rgba(57,119,126,0.2)}
.header .logo:hover{opacity:1;}
.header .icons{float:right; display:block;  margin-top:0px}
.header .btn{float:left; display:block; background:#6d969b; color:#fff; font-size:18px; width: 50px; height:50px;  border-radius:50px; line-height:50px; text-align:center; margin-left: 20px}
.header .btn:hover{background:#000; opacity:1;}
.header .btn i{ line-height:50px;}
.menu{background:#6d969b; color:#fff;  font-weight: 700}
.menu .desktop-menu a{color:#fff; line-height:50px; display:block; text-transform:uppercase; font-size: 16px; padding: 7px 20px 7px;}
.menu .desktop-menu a:hover{color:#6d969b; background:#fff; opacity:1;}
.menu .desktop-menu > ul{margin-left:200px; margin-bottom:0}
.menu .desktop-menu > ul ul{margin-left:0px; }
.menu li{display:inline-block; list-style:none;}
.menu li .sub-menu{position: absolute;  background: #6d969b;  color: #fff; display:none; z-index:3000; width: 250px;}
.menu li .sub-menu li a{padding: 0 20px;}
.menu .desktop-menu li:hover > .sub-menu{display:block;}
.menu .desktop-menu li .sub-menu li{display:block;}
.menu .desktop-menu .sub-menu li a:hover{color:#6d969b; background:#efefef; opacity:1;}
.menu .desktop-menu li.menu-item-has-children > a:after{content:"\f107"; font-family:'Font Awesome 6 Pro'; font-weight:900; margin-left: 11px; line-height:3px}
.menu .desktop-menu li .sub-menu .sub-menu{top:0; left:100%}
.menu .desktop-menu .sub-menu li.menu-item-has-children > a:after{content:"\f105"; font-family:'Font Awesome 6 Pro'; font-weight:900; margin-left: 11px; line-height:3px}
.mobile-menu{display:none;     position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #6d969b;
    right: 0;}
.mobile-menu ul{ display:block; margin-left:0}
.mobile-menu ul li{display:block; border-top: 1px rgb(255 255 255 / 22%) solid}
.mobile-menu ul li a{color:#fff;     line-height: 50px; display:block; padding: 5px 20px!important}
.mobile-menu ul li a i{float:right;  padding: 5px 15px;border-left: 1px solid #fff; line-height: 39px; }
.mobile-menu li .sub-menu{position: relative;  background: #6d969b;  color: #fff; display:none; z-index:3000; padding-left: 30px; width:100%; margin-left:0}
.m-menu{display:none; text-align:right; padding: 14px 20px 7px; line-height:50px; text-transform:uppercase; }
.m-menu .icon i{margin-right: 15px;}





.maxw1{max-width: 1280px; margin:0 auto;}
.maxw2{max-width: 1280px; margin:0 auto;}
.clear{clear:both;}


.search_form{float: left;
    width: 400px;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff; border:1px solid #efefef; display: none}
.search_form form{float: right; width: 400px; max-width: 100%; position: relative;}
.search_form form input{float: left; width: 100%; height: 50px; font-size: 16px; border: none; padding: 0 55px 0 15px; color: #6f6f70;}
.search_form form button{float: left; width: 50px; height: 50px; background: transparent; border: none; position: absolute; right: 0; top: 0; text-align: center; cursor: pointer; font-size: 18px; color: #6f6f70;}
.search_form form button:hover{background: rgba(0,0,0,0.1)}

.header .row{margin-top: 30px; margin-bottom: 30px; display:block;}
.banner{width: 100%; position:relative; height: 405px;}
.banner .slogan{font-weight: 400; width:100%;color:#fff; font-size:50px; position:absolute; bottom: 50%; text-align:center; left:0px;text-transform:uppercase; line-height: 40px; }
.banner .slogan span{font-weight: 700;}
.banner.archive{width: 100%; height: auto;}
.banner.archive:after{content:""; padding-bottom:22%; display:block}

/**** Messages ****/
#message_block{margin: 20px 0}
.message_container{text-align: left; color: #fff;}
.message_container.message_error{background: red}
.message_container.message_success{background: #178a43}
.message_container.message_notification{background: red;}
.message_container li{display: inline-block; width: 100%; padding: 12px 30px; list-style-type: none; border-top: 10px solid #fff;}

.categories{margin-top:-100px; text-align:center; z-index:999; position:relative;}
.category{    display: inline-block;
              width: 200px;
              color: #000;
             
              text-align: center;
              padding: 26px 0 10px;
              border: 1px solid #000;
             transition-duration: 0.3s;
              background:#fff; 
              margin: 0 20px;}
.category:hover{text-decoration:none; color:#6d969b;}
.category .image{width: 40%; margin:0 auto 20px;}
.category .image:after{content:""; padding-bottom:100%; display:block;}


.home .categories {    margin-top: 20px;}
.home .category{width:100%; margin: 0 0 20px 0; padding: 15px 20px;     }
.home .category.arrow{position:relative; background:#6d969b; color:#fff; border: 1px solid #6d969b;}
.home .category.arrow:hover{position:relative; background:#fff; color:#6d969b;}
.home .category.arrow:after{content:"\f105"; font-family:"Font Awesome 6 Pro"; font-weight:900; float:right; position:absolute; right:20px; top: 23%; font-size:20px}
.home .categories .image{width:50px; display:inline-block; margin:0; vertical-align:middle}
.home .categories .date{width:50px; display:inline-block; margin:0; vertical-align:middle; line-height:50px; font-size:13px;}
.home .categories .name{width:calc(100% - 80px); display:inline-block; margin:0; margin-left: 20px; vertical-align:middle; text-align:left;}

.content{padding-top:67px; padding-bottom: 80px;}
.content .left{width:60%; float:left;}
.content .left a{text-decoration:underline}
.content .left h1{margin-bottom: 0;}
.content .left p:first-of-type{margin-top:30px;}
.content .right{float:right; width:35%; position:relative;}

.thermometer{width: 100%; position:relative; max-width: 415px;    border: 1px solid #000;    padding: 30px;}
.thermometer .streefbedrag{margin: 0 auto 10px; display:table; }
.thermometer .stok{margin: 0 auto; width: 30px; background: #fff; position:relative; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; border-top-left-radius:30px;  border-top-right-radius:30px; height: 250px; overflow:hidden}
.thermometer .stok .stand{width:100%; background:red; position:absolute; bottom: 0px;}
.thermometer .bol{margin: 0 auto; width: 60px; height: 60px; margin-top: -5px; border-radius:100%; border: 1px solid #000; background:red;}
.thermometer .bedragbalk{height: 250px; position: absolute; top: 30px; right: 0;    width: calc(50% - 30px);}
.thermometer .bedrag{position:absolute;}

.content .column-50{width:47%; float:left; margin-right:6%}
.content .column-50:nth-of-type(2n){margin-right:0;}
.content .address{background:#f7f7f7; padding: 15px 20px; border-bottom: 3px #6d969b solid;}
.content .address i{margin-right:15px; color: #6d969b;}
.content .address b{color: #6d969b;}

.fotoboek{width: 100%; float:left;  }
.fotoboek .image{border: 1px solid #efeeee; width:18%; float:left; margin-right:2.5%; margin-top:2.5%;}
.fotoboek .image:nth-child(5n){margin-right:0;}
.fotoboek .image:after{content:""; padding-bottom:100%; display:block;}

.acties{ margin-bottom: 40px; font-size:0; width:calc(100% + 40px); margin:0 -20px; display:flex; flex-wrap:wrap}
.acties .actie{  width: calc(25% - 40px);
                      
                      color: #000;                    
                      font-weight: 400;
                      text-align: center;
                      padding: 25px 10px 25px;
                      border: 1px solid #000;
                      background:#fff; 
                      margin: 0 20px 40px;}
.acties .actie:hover{text-decoration:none;color:#6d969b}
.acties .actie .image{width: 80%; margin:0 auto 20px;}
.acties .actie .image:after{content:""; padding-bottom:100%; display:block;}

.wpcf7-text, .wpcf7-textarea{width:100%; font:  300 17px 'Open Sans'; padding: 15px 20px;}
.wpcf7-submit{background:#6d969b; margin-top: 25px; display:block; text-align:left; font: 400 24px 'Open Sans'; text-transform: uppercase; color: #fff;  border: none; line-height:55px;letter-spacing: 0.025em; padding: 0px 30px 0 25px; cursor:pointer}
.wpcf7-submit:hover{border:1px solid #6d969b; color:#6d969b; background:#fff}

.footer{background:#a7bfc1; color:#6d969b; padding-top:65px;}
.footer a{color:#000000;}
.footer .title{color: #000000; margin-bottom:30px;}
.footer .title b{font-weight:900;}

.footer .column-25{width:30%; float:left;}
.footer .column-50{width:40%; float:left;}
.footer i{color: #000000; margin-right:15px;}


.footer ul{list-style:none; margin-left: 0;}
.footer ul li{color: #000000;}
.footer ul li:before{content:"\f0da"; font-family: "Font Awesome 5 Pro"; font-weight: 700; margin-right:25px;}


.bottom{padding: 45px 0; color:rgba(0,0,0,0.5); border-top:1px #000 solid; margin-top:70px;}
.bottom a{color:inherit}
.bottom a:hover{color:#000000;}

.content .titel{margin-bottom: 40px}
.breadcrumb{color:#000;  font-size: 14px; text-align:right;}
.breadcrumb a{color:#000;}

.faq_sub{margin-bottom: 14px;}
.faq_que{padding: 5px 30px 3px 10px; border: 1px solid #6d969b;  font-weight: bold; position: relative;}
.faq_que i{float: right; width: 30px; text-align: center; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; height: 14px;}
.faq_que:hover{background-color: #f7f7f7; border-color: #6d969b;}
.faq_ans{display: none;  padding: 10px 10px; background: #f7f7f7;}
.faq_ans *{}

.downloads a{display:block;border-bottom:1px solid #6d969b; padding-right:30px; position:relative;}
.downloads a:after{content:"\f019"; font-family:'Font Awesome 6 Pro'; font-weight:900; position:absolute; right:0; top:3px;}

.werkwijze .step{margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px solid #6d969b }
.werkwijze .dates{background:#f7f7f7; width: 150px; padding: 20px; text-align:center; display:inline-block; vertical-align:top; margin-right: 50px}
.werkwijze .text{width:calc(100% - 210px); display:inline-block; vertical-align:top}

.gallery{width: 40%; float:left; overflow:hidden; position:relative;}
.gallery .sold{background:red; color:#fff; width: 177px;
    right: -45px;
    top: 14px; transform:rotate(35deg); padding: 5px; text-align:center; z-index:1; position:absolute; }
.gallery .image{border: 1px solid #efeeee; width:31%; float:left; margin-right:3.5%; margin-top:3.5%;}
.gallery .image:nth-child(3n+1){margin-right:0;}
.gallery .image:nth-child(1){width:100%;margin-top:0;}
.gallery .image:after{content:""; padding-bottom:100%; display:block;}
.description{float:right; width: 47%; margin-right: 65px;}
.description .price{text-align:left; color: #6d969b; font-size: 30px;font-weight:700; line-height:40px; margin-bottom: 50px;}
.description .text{margin-bottom: 50px;}
.description input, .description button {height:55px; padding: 0px 30px 0 25px; float:left;}
.description input{width:133px; border: 1px solid rgba(113, 86, 148, 0.11);  text-align:center; font: inherit; } 
.description input.hidden{display:none}
.description button{width:240px; text-align:left; font: 600 20px 'Open Sans';  color: #fff; background: #6d969b; border: none; line-height:60px;letter-spacing: 0.025em;display:block; cursor:pointer;}
.description button:hover{opacity:0.9}
.description a.afspraak{background:#000; margin-left:133px; margin-top: 25px; display:inline-block;width:240px; text-align:left; font: 500 24px 'Open Sans'; text-transform: uppercase; color: #fff;  border: none; line-height:55px;letter-spacing: 0.025em;padding: 0px 30px 0 25px;}
.description button i, .description a.afspraak i {float:right; font-size:20px; line-height:55px;}


#product-combinatie { display: block; margin-bottom: 20px; border: 1px solid rgba(113, 86, 148, 0.11); height: 55px; padding-left: 20px; padding-right: 20px; }

.similar{margin-bottom: 80px;}
.similar a:hover{text-decoration:none;}
.similar .title{ margin-bottom:30px;}

.similar .product{float:left; background:#fff; width:23%;  padding: 0px; position:relative;  margin-right: 2.333%; border: 1px solid rgba(113, 86, 148, 0.11); overflow:hidden }
.similar .product:hover{}
.similar .product:nth-of-type(4n){margin-right:0;}
.similar .product .sold{background:red; color:#fff; width: 177px;
    right: -45px;
    top: 14px; transform:rotate(35deg); padding: 5px; text-align:center; z-index:1; position:absolute;}

.similar .product .image{width:95%; margin: 2.5% auto; position:relative; }
.similar .product .image:after{content:""; padding-bottom:100%; display:block;}
.similar .product .image .price{position:absolute; left:-12px; top:10px; padding: 0px 10px; background:#6d969b; font-weight:700;  font-size:20px; text-transform:uppercase; color:#fff;}
.similar .product .h3{line-height:28px; padding:10px 30px 20px;}
.similar .product .h3 .maat{font-weight:400; font-size: 15px; color:#000}
.similar .product .h3 span{color:#7d7d7d; font-size:14px; font-family: 'Open Sans'; text-transform: initial; display:block; font-weight:400; width:100%}

.archive-description{padding:30px 0 40px; }
.archive-description .maxw2 h1{margin-bottom:25px;}

.archive-categories{ margin-bottom: 40px; font-size:0; width:102%; margin-left:-1%;}
.archive-category{    display: inline-block; vertical-align:top;
                      width: 25%;
                      color: #000;                    
                      font-weight: 400;
                      text-align: center;
                      padding: 26px 10px 10px;
                      border: 1px solid #000;
                      background:#fff; 
                      margin: 0 20px 40px;}
.archive-category:hover{text-decoration:none;color:#6d969b}
.archive-category .image{width: 80%; margin:0 auto 20px;}
.archive-category .image:after{content:""; padding-bottom:100%; display:block;}

.archive {margin-bottom: 30px;}
.filter{background:#f7f7f7; width: 23%; float:left; padding:33px; margin-bottom:40px}
.filter .title{ color:#000; text-transform:uppercase; font-size:40px; }
.filter .attribute-title{font-family: ''Open Sans'', sans-serif; font-weight:400; color:#000; text-transform:uppercase; font-size:20px; margin-top: 30px;}
.filter .attribute-value label { cursor: pointer; }
.filter .attribute-value input{margin-right: 10px;}
.filter .more{margin-left: 30px; font-style:italic;}
.filter .more i{margin-left:5px;}

.productlist{width: 100%; }
.productlist .product{float:left; background:#fff; width:22.375%;  padding: 0px; position:relative;  margin-right: 3.5%; border: 1px solid rgba(113, 86, 148, 0.11); margin-bottom: 3.5%; overflow: hidden; }
.productlist .product:hover{}
.productlist .product:nth-of-type(4n){margin-right:0;}
.productlist .product .sold{background:red; color:#fff; width: 177px;
    right: -45px;
    top: 10px; transform:rotate(35deg); padding: 5px; text-align:center; z-index:1; position:absolute;}

.productlist .product .image{width:95%; margin: 2.5% auto; position:relative;}
.productlist .product .image:after{content:""; padding-bottom:100%; display:block;}
.productlist .product .image .price{position:absolute; left:-12px; top:10px; padding: 10px 10px; background:#6d969b; font-weight:700;  font-size:20px; line-height:1; text-transform:uppercase; color:#fff;}
.productlist .product .title{line-height:28px; padding:10px 30px 20px;}
.productlist .product .title .maat{font-weight:400; font-size: 15px; color:#000}
.productlist .product .title span{color:#7d7d7d; font-size:14px; font-family: 'Open Sans'; text-transform: initial; display:block; font-weight:400; width:100%}

.archive-news {margin-bottom: 60px}
.archive-news .news_item{border:1px solid #c4bfc8; padding:20px; display:block; margin-bottom: 20px}
.archive-news .news_item .image{width: 150px; margin-right: 30px; float:left;}
.archive-news .news_item .image:after{content:""; padding-bottom:100%; display:block;}
.archive-news .news_item .text{width:calc(100% - 180px); float:left;}
 .date{font-style:italic; margin-bottom: 5px}
.archive-news .news_item .text span{display:block;}
.archive-news .news_item:hover{background:#f7f7f7; border:1px solid #6d969b }
.archive-news .news_item:hover .text .title{color: #6d969b}
.archive-news .news_item:hover .text span{color: #6d969b}

.latest_news {margin-bottom: 50px}
.latest_news .news_list{width:103%; margin-left:-1.5%}
.latest_news .news_item{border:1px solid #000; padding:20px; display:block; margin-bottom: 20px; width: 47%; margin: 0 1.5%; float:left; text-align:center; text-decoration:none!important }
.latest_news .news_item .image{width: 100%; display:inline-block;}
.latest_news .news_item .image:after{content:""; padding-bottom:75%; display:block;}
.latest_news .news_item .text{width:calc(100%); text-align:left; text-decoration:none }
.latest_news .news_item .text span{display:block;}
.latest_news .news_item:hover{ border:1px solid #6d969b }
.latest_news .news_item:hover .text .title{color: #6d969b}
.latest_news .news_item:hover .text span{color: #6d969b}

.sponsors{margin-bottom: 30px;}
.sponsors .wrap{width:calc(100% + 20px); margin-left:-10px;}
.sponsors .sponsor{padding: 20px; width:calc(25% - 20px); margin:0 10px 20px; float:left;  border: 1px solid rgba(113, 86, 148, 0.11);}
.sponsors .sponsor:hover{ border: 1px solid #000}
.sponsors .sponsor .logo{width:100%; margin-bottom: 20px;}
.sponsors .sponsor .logo:after{content:""; padding-bottom:75%; display:block;}
.sponsors .sponsor .name{text-align:center; font-size:20px; font-weight:700}


/**** Searchpage ****/
.search_list{margin: 30px 0 0;}
.search_item{padding: 30px 10px; border-top: 1px solid #c4bfc8;}
.search_item:last-child{border-bottom: 1px solid #c4bfc8;}
.search_item > a{font-weight: bold;}
.search_item > a i{margin: 0 0 0 5px;}
.search_item > a:hover{text-decoration: underline;}
.search_item .image{width:150px; display:inline-block; margin-right: 20px; vertical-align:top}
.search_item .image:after{content:""; padding-bottom:100%; display:block;}
.search_item .summary{width:calc(100% - 180px); display:inline-block; vertical-align:top}

/**** Filter ****/
.acf-checkbox-list {
  list-style-type: none;
  margin: 0;
}

.acf-checkbox-list li label {
  width: 100%;
  float: left;
  padding: 10px;
  line-height: 15px;
}

.acf-checkbox-list li label input {
  float: left;
  line-height: 20px;
  margin-right: 15px;
}

/**** Shoppingcart ****/
#shopping_cart_container{width: 100%; box-sizing: border-box; position: relative; overflow: hidden; margin: 0 0 30px;}
#shopping_cart{width: 100%; box-sizing: border-box; border-collapse: collapse; border: 1px solid #ECEAEB;}
#shopping_cart a{color: #535252;}
#shopping_cart a:hover{color: #715593;}
#shopping_cart thead{font-weight: bold; border-bottom: 1px solid #ECEAEB;}
#shopping_cart thead td{padding: 12px 15px; text-transform: uppercase;}
#shopping_cart thead td.total{text-align: right;}
#shopping_cart tbody tr:nth-child(even){background: #ECEAEB}
#shopping_cart tbody td{padding: 10px 15px;}
#shopping_cart tbody .shopcart_btn{display: inline-block; width: 30px; height: 28px; line-height: 28px; text-align: center; vertical-align: top; font-weight: bold; font-size: 18px;}
#shopping_cart tbody span.shopcart_btn{opacity: 0.1}
#shopping_cart tbody a.shopcart_btn:hover{text-decoration: none; background: #ECEAEB; color: #fff;}
#shopping_cart tbody input{display: inline-block; width: 40px; height: 28px; text-align: center; vertical-align: top;}
#shopping_cart tbody td.total{text-align: right;}
#shopping_cart tbody td:last-child{text-align: right; width: 30px; padding: 10px 0;}
#shopping_cart tbody td a.product_delete{text-align: right; width: 40px; font-size: 14px; width: auto; padding: 0 5px; color: red;}
#shopping_cart tbody img{width:75px;}
#shopping_cart tfoot{border: 1px solid #ECEAEB; border-top: 5px solid #ECEAEB;}
#shopping_cart tfoot tr{border-bottom: 1px solid #ECEAEB}
#shopping_cart tfoot td{padding: 8px 15px; text-align: right; font-weight: bold;}
#shopping_cart tfoot td:last-child{}
.cart_overlay{float: left; width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: #000; opacity: 0.3; z-index: 2; display: none;}

.cart_time_label{font-size: 13px; line-height: 15px;}

#submit_form{float: left; width: 100%; padding: 20px 30px; box-sizing: border-box; border: 1px solid #ECEAEB; overflow: hidden;}
#submit_form h3{margin: 0 0 20px; text-transform: uppercase;}
#submit_form .errorlist{float: left; width: 100%; margin: 0 0 15px; line-height: 20px; font-size: 13px; color: red;}
#submit_form *{box-sizing: border-box;}
#submit_form .submit_form_left{float: left; width: 46%; margin: 0 0 30px;}
#submit_form .submit_form_right{float: right; width: 46%; margin: 0 0 30px;}
#submit_form .submit_form_full{float: left; width: 100%; margin: 0 0 30px;}
#submit_form .form_item{float: left; width: 100%; margin: 0 0 15px;}
#submit_form .form_item.half label{float: left; width: 56%;}
#submit_form .form_item.half label:last-child{float: right; width: 38%;}
#submit_form .form_item label{float: left; width: 100%; margin: 0;}
#submit_form .form_item span{float: left; width: 100%; line-height: 24px;}
#submit_form .form_item input[type="text"],
#submit_form .form_item input[type="email"],
#submit_form .form_item textarea{float: left; width: 100%; height: 38px; padding: 0 10px; border: 1px solid #ECEAEB}
#submit_form .form_item textarea{height: 120px; padding: 10px;}
#submit_form .form_checkboxes{float: left; width: 100%; margin: 0 0 15px;}
#submit_form .form_checkboxes > span{float: left; width: 100%; line-height: 24px; font-weight: bold;}
#submit_form .form_checkboxes label{float: left; width: 100%; line-height: 20px; padding: 10px 10px 10px 36px; position: relative; cursor: pointer; border: 1px solid #DBDBDB; margin: 5px 0; background: #fff;}
#submit_form .form_checkboxes label:last-child{border-bottom: 1px solid #DBDBDB;}
#submit_form .form_checkboxes label span{float: left; width: 16px; height: 16px; position: absolute; left: 10px; top: 50%; margin: -8px 0 0; background: #ECEAEB; border-radius: 100%; border: 1px solid #DBDBDB}
#submit_form .form_checkboxes label input{display: none;}
#submit_form .form_checkboxes label input:checked + span:after{content: "\00a0"; float: left; width: 8px; height: 8px; background: #000; border-radius: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#submit_form .form_agv{float: left; width: 100%; margin: 0 0 15px;}
#submit_form .form_agv > span{float: left; width: 100%; line-height: 24px; font-weight: bold;}
#submit_form .form_agv label{float: left; width: 100%; line-height: 20px; padding: 6px 10px 6px 36px; position: relative; cursor: pointer; border: 1px solid #DBDBDB; margin: 0; background: #fff;}
#submit_form .form_agv label span{float: left; width: 16px; height: 16px; position: absolute; left: 10px; top: 50%; margin: -8px 0 0; background: #ECEAEB; border-radius: 3px; border: 1px solid #DBDBDB}
#submit_form .form_agv label input{display: none}
#submit_form .form_agv label input:checked + span:after{content: "\00a0"; float: left; width: 8px; height: 8px; background: #000; border-radius: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#submit_form .form_agv label a{color: #535252; text-decoration: underline;}
#submit_form button{float: left; font-family: 'Open Sans'; font-size: 16px; padding: 10px 20px; font-weight: bold; background: #6d969b; color: #fff; border: none;}
.continue_btn{float: left; font-family: 'Open Sans'; margin-bottom: 20px; font-size: 16px; padding: 10px 20px; font-weight: bold; background: #6d969b; color: #fff; border: none;}
#submit_form button i{margin: 0 0 0 15px;}
#submit_form button:hover{opacity: 0.6}
#agv{display: none; padding: 30px;}
#agv > h1{font-size: 24px; margin: 0 0 15px;}

.timeslot_selector{background: #f4f4f4; padding: 20px 0 20px 20px; margin: 0 0 20px;}
.timeslot_selector label{float: left; margin: 10px 20px 0 0; cursor: pointer;}
.ts_label{font-weight: bold; font-size: 12px; padding: 0 10px;}
.timeslot_selector select{width: 170px; height: 40px; border: 1px solid #000; padding: 0 10px;}
.timeslot_selector select:focus{outline: 0;}
.timeslot_selector .errors{color: red; font-style: italic; font-size: 13px; margin: 0 0 0 20px;}
.timeslot_selector .errors li{line-height: 16px; margin: 6px 0 0;}


.product-sold {
  display: inline-block;
  
  padding: 0px 10px;
  border: 1px solid #6d969b;
  font-weight: 400;
  font-size: 25px;
  text-transform: uppercase;
  color: #6d969b;
}
.error-bar {
  display: block;
  border: 1px solid #efeeee;
  padding: 5px 15px;
  margin: 0;
  color: #6d969b;
}
.cart-prod-sold {
  display: block;
  color: #6d969b;
  font-size: 12px;
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.25;
    color: #ff0000;
  }
}


@media only screen and (max-width: 1340px) {
	.maxw1{margin:0 20px;}
	.menu .desktop-menu a{line-height:50px; font-size: 14px; padding: 14px 15px 7px;}
}



@media only screen and (max-width: 1260px) {
  .top .logo {    max-width: 200px;    margin-top: 10px;}
  .maxw1{margin:0 20px;}
  .maxw2{margin:0 20px;}
  .content .right .label{font-size:18px; bottom:-55px; width:100%; text-align:center; right:0}
  .description{margin-right: 0px;}
  .breadcrumb{margin-right: 0px;}

  #submit_form{padding: 20px;}
  #submit_form .submit_form_left,
  #submit_form .submit_form_right{width: 48%;}
  #submit_form .form_item.half label{width: 50%}
  #submit_form .form_item.half label:last-child{width: 48%;}
  h1{font-size:40px;margin-bottom: 20px; }
  h2{font-size:30px;}
  h3{font-size:25px;}
  h4{font-size:24px;}

}

@media only screen and (max-width: 1150px) {
  .top .logo{margin-bottom: 15px}

  .top .menu ul{display:none;}
  .top .menu .menu-button{display:block;}
}

@media only screen and (max-width: 1100px) {
	.m-menu{display:block;}
	.desktop-menu{display:none;}

}

@media only screen and (max-width: 1000px) {

  .highlighted{height: 300px;     padding: 25px;}
  .highlighted .title{bottom: 10px; font-size: 14px; line-height: 18px;}
  .banner{height: 250px;}



  .category {font-size: 25px;}
  .archive-category {font-size: 25px;}
  .footer .column-25{width:50%;  margin-bottom: 40px;}
  .footer .column-50{width:100%; margin-bottom: 40px;}
  .similar .product{width:47%; margin-right: 6%; margin-bottom: 5%;}
  .similar .product:nth-of-type(2n){margin-right:0;}

  .filter{width: 210px;}
  .acties .actie{  width: calc(33.333% - 40px);}
  .productlist .product{width:30.6666%; margin-right: 4%; }
  .productlist .product:nth-of-type(4n){margin-right:4%;}
  .productlist .product:nth-of-type(3n){margin-right:0;}
  .footer .title {margin-bottom: 20px;}
  .sponsors .sponsor{width:calc(33.333333% - 20px);}
}

@media only screen and (max-width: 900px) {
  .gallery{width:100%; max-width: 400px; margin:0 auto; float:none;}
  .description{width:100%; margin-top: 50px;}
  .description .price{text-align:left;}
  .breadcrumb{float:none; margin-bottom: 20px;}
  .category {     width: 150px;     margin: 0 7px;}
  .archive-category {     width: 150px;       margin: 0 7px 14px;}
  .categories {    margin-top: -75px;}
  .content .left {width:100%;float: none; margin-bottom: 30px}
  .content .right{    width: 100%;     float: none;         margin: 0 auto;}
  .latest_news .news_item{margin: 0 1.5% 3%; width:97%; text-align:left;}
	.latest_news .news_item .image{width: 150px; margin-right:30px; float:left;}

	.latest_news .news_item .text{width:calc(100% - 180px); text-align:left; float:left;}
}

@media only screen and (max-width: 800px) {

  .filter{float:none; width:100%; margin-bottom: 50px;}
  .inner_filter{column-count:3;}
  .filter .attribute-title {margin-top: 0px;}
  .filter .attribute-value input {margin-right: 10px;}
  .productlist .product{width:48%; margin-right: 4%; }
  .productlist .product:nth-of-type(3n){margin-right:4%;}
  .productlist .product:nth-of-type(2n){margin-right:0;}

  .archive-description {padding: 30px 0 40px;}

  .content .column-50{width:100%;  margin-right:0%}

  .fotoboek .image{width:23.125%; float:left; margin-right:2.5%; margin-top:2.5%;}
  .fotoboek .image:nth-child(5n){margin-right:2.5%;}
  .fotoboek .image:nth-child(4n){margin-right:0;}
 .sponsors .sponsor{width:calc(50% - 20px);}
  .acties .actie{  width: calc(50% - 40px);}
}


@media only screen and (max-width: 650px) {
  .mobile-menu{max-width:100%;}
  .maxw1{margin:0 20px;}
  .maxw2{margin:0 20px;}

  .highlighted .title{bottom: 15px; font-size: 16px; line-height:20px;}
  .highlighted .image .label{font-size:20px;}
  .banner .slogan{font-size: 30px;}
  .banner .slogan span{font-weight: 700;}


  #submit_form .submit_form_left,
  #submit_form .submit_form_right{width: 100%;}

  #shopping_cart thead td{padding: 10px;}
  #shopping_cart thead td{width: 33.3333%; display: block; float: left; padding: 10px;}
  #shopping_cart thead td:nth-child(1),
  #shopping_cart thead td:nth-child(5){display: none;}
  #shopping_cart thead td:nth-child(3){text-align: center;}
    #shopping_cart thead td:nth-child(4){width:75px;}
  #shopping_cart tbody tr{position: relative;}
  #shopping_cart tbody td{float: left; display: block; padding: 10px;}
  #shopping_cart tbody td:nth-child(1){width: 100%; padding-bottom: 0;}
  #shopping_cart tbody td:nth-child(2){width: 75px; line-height: 28px;}
  #shopping_cart tbody td:nth-child(3){width: calc(100% - 170px); text-align: center;}
  #shopping_cart tbody td:nth-child(4){width: 50px; line-height: 28px;}
  #shopping_cart tbody td:nth-child(4) div{position: relative;}
  #shopping_cart tbody td:nth-child(4) div a{position: absolute; bottom: 100%; right: 0; margin: 0 0 28px}
  #shopping_cart tbody td:nth-child(5){display: none;}

  #shopping_cart tfoot td{display:block; float: left;}
  #shopping_cart tfoot td:nth-child(1){width: 66.6666%}
  #shopping_cart tfoot td:nth-child(2){width: 33.3333%}
  #shopping_cart tfoot td:nth-child(3){display: none;}
  .werkwijze .dates{width:100%; margin-right:0}
  .werkwijze .text{width:calc(100%); display:block; margin-top: 20px; }
  .werkwijze .step{padding-bottom: 0}
}

@media only screen and (max-width: 550px) {
  .highlighted{display:none;}
  .banner{width:100%; height: 250px;}
  .banner .slogan{transform:translatey(50%);}
  .footer .column-25{width:100%;}
  .footer .column-50 ul{column-count:1;}
  .description input{width:87px;} 
  .description button{width:calc(100% - 87px); }
  .description a.afspraak{margin-left:87px;}
  .fotoboek .image{width:31.6666%; float:left; margin-right:2.5%; margin-top:2.5%;}
  .fotoboek .image:nth-child(4n){margin-right:2.5%;}
  .fotoboek .image:nth-child(3n){margin-right:0;}
  .category {  text-align:center;   width: 100%;       margin: 7px 0px;padding: 10px;}
  .categories {    margin-top: 20px;}
  .categories .image{width:50px; display:inline-block; margin:0; vertical-align:middle}
  .categories .name{width:calc(100% - 80px); display:inline-block; margin:0; margin-left: 20px; vertical-align:middle; text-align:left;}
  .archive-category {  text-align:center;   width: 100%;     margin: 7px 0px;padding: 10px;}
  .archive-category  .image{width:50px; float:none; display:inline-block; margin:0; vertical-align:middle}
  .archive-category  .name{width:calc(100% - 80px);float:none; display:inline-block; margin:0; margin-left: 20px; vertical-align:middle; text-align:left;}
 
  .header .icons {   }
  .header {    padding-top: 10px;    padding-bottom: 10px;}
  
  .content {    padding-top: 40px;    padding-bottom:50px;}
}

@media only screen and (max-width: 500px) {
  .top.subpage{border:none; margin-bottom: 0;}
  .top .logo { float: none; display: block; text-align:center;     margin: 10px auto 0;}
  .top .logo img{margin: 0 auto; display:inline-block;}
  .top .menu {    float: none; margin: 10px auto 20px; display:table }
  .top .menu .icons {  float: none; display:inline-block; margin-bottom: -21px;}
  .top .menu .block-button{padding: 10px 14px;}
  .top .menu .menu-button{padding:  10px 17px; float:none;display:inline-block; margin:0; color: #000;}

  .similar .product{width:100%; margin-right: 0%;}
  .productlist .product{width:100%; margin-right: 0; }
  .productlist .product:nth-of-type(2n){margin-right:0;}

  #submit_form{padding: 20px 10px}
  .fotoboek .image{width:48.75%; float:left; margin-right:2.5%; margin-top:2.5%;}
  .fotoboek .image:nth-child(3n){margin-right:2.5%;}
  .fotoboek .image:nth-child(2n){margin-right:0;}
  .header .logo {max-width:150px; width:100%; float:none;}
  .header .icons {   }
  .header .btn {    float: none;  display: inline-block; }
  .archive-news .news_item .text{width:calc(100%); margin-top: 20px;}
  	.latest_news .news_item .image{width: 150px; margin-right:0px; }

	.latest_news .news_item .text{width:calc(100%); text-align:left; margin-top:20px }
	 .sponsors .sponsor{width:calc(100% - 20px);}
	   .acties .actie .h4{ font-size:18px;}
}

@media only screen and (max-width: 400px) {

  .maxw1{margin:0 20px;}
  .maxw2{margin:0 20px;}
  html, body {font-size: 14px;}
  .description button, .description a.afspraak{font: 500 18px 'Open Sans'; line-height:55px;}

  .archive-category{width: 100%;}
  .archive-category:nth-of-type(3n){margin-right:0%;}

  #submit_form .form_item.half label{width: 100%; margin: 0 0 15px;}
  #submit_form .form_item.half label:last-child{width: 100%; margin: 0}

  #shopping_cart{font-size: 12px;}
  #shopping_cart tbody td:nth-child(2){width: 70px;}
  #shopping_cart tbody td:nth-child(3){width: calc(100% - 140px); padding: 10px 0}
  #shopping_cart tbody input{width: 30px;}
  #shopping_cart tbody .shopcart_btn{width: 26px;}
  #shopping_cart tbody td:nth-child(4){width: 37px;}
  
.acties .actie{  width: calc(100% - 40px);}

}