html{overflow-x: hidden;}
body{margin: 0; padding: 0; font-family: 'Signika', sans-serif; background: #fff; color: #292b28; font-size: 15px; font-weight: 300; }
*{margin: 0; padding: 0; box-sizing: border-box; }

.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6{line-height: 100%; font-weight: bold; display: block;}

.h1,h1{font-size: 31px;}
.h2,h2{font-size: 28px}
.h3,h3{font-size: 23px}
.h4,h4{font-size: 20px}
.h5,h5{font-size: 17px}
.h6,h6{font-size: 15px}

h1.vest{margin-bottom: 40px;}

/**** Page ****/
#maxw1{max-width: 1200px; margin: 0 auto;}
#maxw3{max-width: 1300px; margin: 0 auto;}
#maxw2{max-width: 1100px; margin: 0 auto;}
#maxw4{max-width: 730px; margin: 0 auto;}

.frame {margin: 0 auto; max-width: 100%; }
.frame:after{content: ""; display: table; clear: both; }
.bit-1 {float: left; width: 100%; }
.clear:after{content: "\00a0"; visibility: hidden; display: block; height: 0; clear: both; } 


/**** Custum ****/
*:focus{outline: none;}

.g-recaptcha {
  float: right;
  margin-bottom: 20px;
}
.fa{font-weight: 400!important}

.vaantje {
    position: absolute;
    background: #F44336;
    z-index: 984;
    padding: 10px 40px;
    transform: rotateY(0deg) rotate(-45deg);
    top: 15px;
    left: -44px;
    width: 200px;
}

.duurzaam {
    position: absolute;
    background: #548b42;
    z-index: 984;
    padding: 4px 10px;
    bottom: 10px;
	left: 10px;
}

.mlab-modal-content {
  background: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  border: none!important;
}


.mlab-modal-title {
  display: none
}

.mlab-modal-header, .mlab-modal-footer {
  border: none!important
}

.logo {
	max-width: 290px;
	width: 100%;
}

.kzh_button {
	display: inline-block;
    text-align: center;
    margin-top: 20px!important;
    width: 390px;
    margin-left: calc(50% - 195px)!important;
}

.mlab-modal {
  background-color: rgba(0,0,0,0.8)!important;
}
.grecaptcha-badge{display:none}

input,
select,
textarea,
button{font-family: 'Signika', sans-serif;}

a{text-decoration: none;}

img{max-width: 100%;}

ul li{list-style-type: none;}

input[type="button"],
input[type="submit"],
a,
button,
.transition,
.knop{transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out;	-webkit-transition: 0.1s ease-in-out; cursor: pointer;}
.no_transition{transition: none; -moz-transition: none;	-webkit-transition: none;}

.knop:hover{opacity: 0.8;}


.whatsapp_btn{background:#548b42; color:#fff; font-size:25px; width: 62px;    height: 62px;    border-radius: 62px; line-height:62px; text-align:center; display:block; position:fixed; bottom: 20px; left:20px;    -webkit-box-shadow: 0 0 14px 0 rgb(0 0 0 / 20%);   box-shadow: 0 0 14px 0 rgb(0 0 0 / 20%);}

/**** Buttons ****/
.btn{display: inline-block; border: none; background: transparent; color: transparent; text-align: center; border-radius: 4px;}
.s_btn{font-size: 14px; height: 32px; line-height: 32px; padding: 0 14px;}
.n_btn{font-size: 14px; height: 38px; line-height: 38px; padding: 0 15px;}
@media screen and (min-width: 851px){
  .l_btn{font-size: 16px; height: 46px; line-height: 46px; padding: 0 22px; font-weight: bold;}
}
@media screen and (max-width: 850px){
  .l_btn{font-size: 14px; height: 38px; line-height: 38px; padding: 0 15px;}
}

.btn.dgreen{background: #548b42; color: #fff;}
.btn.dgreen:hover{background: #90B451;}
.btn.lgreen{background: #90B451; color: #fff;}
.btn.lgreen:hover{background: #548b42;}
.btn.orange{background: #f7941e; color: #fff;}
.btn.orange:hover{background: #f8a94a;}

.btn .left{display: inline-block; margin-right: 15px;}
.btn .right{display: inline-block; margin-left: 15px;}

.warning{background: #548b42; color:#fff; padding: 10px 20px; text-align:center;}

/**** Content container ****/
#content_container{line-height: 165%;}
#content_container > *:first-child{margin-top: 0;}
#content_container > *:last-child{margin-bottom: 0;}
#content_container > ul,#content_container > ol,#content_container table,
#content_container p, p{margin: 1.6em 0;}
#content_container ul li{list-style-type:none; padding-left: 20px;}
#content_container ul li iframe{max-width:100%}
#content_container ul li li{margin-left:20px}
#content_container ul li:before{content:"-"; margin-right:9px; margin-left: -15px;}
#content_container ol{margin-left:15px}
#content_container ol li li{margin-left:20px}
#content_container a{text-decoration: underline; color: #91b54e}
#content_container a:hover{color: #548b42;}



/**** Fixed ****/
@media screen and (min-width: 851px){
  .fixed{margin: 88px 0 0;}
  .fixed #header{position: fixed; top: 0; left: 0; z-index: 400; -webkit-box-shadow: 0px 0px 1px 0px #999999; -moz-box-shadow: 0px 0px 1px 0px #999999; box-shadow: 0px 0px 1px 0px #999999;}
}


/**** Top ****/
#top{background: #fff; font-size: 14px; border-bottom:1px solid #eaeaea}
.top_right{float: right; margin: 0 -15px 0 0;}
.top_right a{float: left; line-height: 38px; border-right: 1px solid #79A36A; color: #fff; font-weight: 600; padding: 0 15px; background: #548b42;}
.top_right a:hover{background: #79A36A;}
.top_right a:last-child{border: none;}



/**** Header ****/
#header{background: #fff; height: 88px; border-bottom:5px solid #548b42;}
.logo{float: left; font-size: 0; margin: -18px 0 17px;}

.right_header{float: right; margin: 21px 0 0}
.header_btns{float: right; margin: 0 0 0 34px;}
.header_btns a{float: left; margin: 0 10px 0 0}
.header_btns a:last-child{margin: 0!important;}
.menu_btn{display: none}

/**** Menu ****/
.menu{float: left; margin: 0px 0 0;}
.menu >li{display:inline-block; margin: 0 30px 0 0;}
.menu > li:last-child{margin: 0;}
.menu > li:first-child a{font-size: 0; line-height: 0;}
.menu > li:first-child a:after{content: "\f015"; font-family: fontawesome; float: left; line-height: 20px; font-size: 14px; font-weight: 400;}
.menu a{font-weight: bold; text-transform: uppercase; color: #548b42; line-height: 50px; position: relative; font-size: 14px}
.menu a:hover:before{content: "\0a00"; font-size: 0; float: left; width: 100%; height: 1px; background: #548b42; position: absolute; left: 0; bottom: 0;}

.menu li .sub-menu{display:none; position: absolute;  background: #fff; z-index:999999;    padding-top: 12px; }
.menu li:hover .sub-menu{display:block;}
.menu li .sub-menu >li{display:block;border-left:4px #548b42 solid;}
.menu li .sub-menu >li a{padding: 5px 15px; line-height: 45px; display:block}
.menu li .sub-menu >li a img{margin-left: 10px;}


.top_menu,
.menu_btn,
#mobile-menu,
.menu_overlay{display: none;}
.menu_overlay.active{display: inline-block}
.mobile {display: none}


/**** Slider ****/
#slider{position: relative; z-index: 1;}
.slide{padding: 360px 0 0; position: relative;}
@media screen and (min-width: 1231px){
  .slide.home{padding: 460px 0 0;}
}
.slide_content{position: absolute; left: 0; bottom: 120px;}
.sc_content{float: left; width: 480px; max-width: 100%; font-size: 41px; color: #fff; line-height: 123%; text-shadow: 7px 7px 7px rgba(0,0,0,0.75)}
.sc_content span{font-weight: bold; color: #91b54e}

#slider_bottom{position: relative; z-index: 2;}
#slider_bottom div{float: left; width: 543px; height: 300px; position: absolute; right: 0; bottom: 0;}


/**** Home content ****/
#home_content{padding: 0 0 20px;}
.home_left{float: left; width: 405px; max-width: 100%;}
.home_right{float: right; width: calc(100% - 500px); padding: 15px 0 0}

.home_head{margin: 0 0 25px;}
.home_head small{font-size: 20px; color: #91b54e; font-weight: bold; line-height: 20px}
.home_head h1{color: #548b42;}
.home_head h1 span{color: #f7941e}



/**** Content ****/
#content{padding: 25px 0}
.page_head{color: #548b42; margin: 0 0 20px}

.left_column{float: left; width: calc(100% - 420px);}
.right_column{float: right; width: 350px;}

.post_text_image{float: left; font-size: 0; line-height: 0; margin: 5px 10px 0 0!important}


/**** Breadcrumbs ****/
#breadcrumbs{margin: 0 0 20px;}
.producten .breadcrumbs_container{float: right;}
.breadcrumbs_container{float: left;}
.breadcrumbs_container *{float: left; line-height: 18px; font-weight: bold; color: #c1c1c1; text-transform: uppercase; font-size: 14px;}
.breadcrumbs_container .fa-angle-right{margin: 0 5px}
.breadcrumbs_container a:hover *{color: #548b42!important}


/**** Tile block ****/
#tile_block{padding: 35px 0 40px}
#tile_block .h1{margin: 0 0 35px; text-transform: uppercase; color: #f7941e; text-align: center}
.tile_list{float: left; width: 102%; margin: 0 0 -20px -1%;}
.tile_list a{float: left; width: 23%; margin: 0 1% 20px;}
.tile_list a div{padding: 60% 0 0}
.tile_list a > span{background: #548b42; height: 52px; color: #fff; overflow: hidden; line-height: 20px; font-weight: bold; padding: 0 45px 0 20px; font-size: 16px; position: relative}
.tile_list a:hover > span{background: #91b54e}
.tile_list a > span:after{content: "\f18e"; font-family: fontawesome; float: left; height: 30px; line-height: 30px; position: absolute; right: 15px; top: 50%; margin: -15px 0 0; font-weight: 400; font-size: 20px}
.tile_list a > span > span{height: 52px; display: table;}
.tile_list a > span > span span{display: table-cell; vertical-align: middle;}


/**** Check block ****/
#check_block{background: #91b54e; color: #fff; padding: 40px 75px 40px 35px; position: relative; margin: 0 0 30px;}
#check_block:after{content: "\00a0"; float: left; width: 131px; height: 308px; background: url('img/tuinman.png'); position: absolute; right: -30px; bottom: -15px}
#check_block > .h4{margin: 0 0 20px}
#check_block > .h4 span{color: #548b42}
#check_block li{float: left; width: 100%; position: relative; line-height: 18px; padding: 6px 0 6px 24px; font-size: 16px}
#check_block li:before{content: "\f00c"; font-family: fontawesome; float: left; height: 24px; line-height: 24px; color: #548b42; position: absolute; left: 0; top: 50%; margin: -12px 0 0}


/**** Featured video block ****/
#featured_video_block{margin: 0 0 30px}
#featured_video_block a{position: relative;}
#featured_video_block a:after{content: "\f01d"; font-family: fontawesome; float: left; width: 60px; height: 60px; font-size: 52px; line-height: 60px; text-align: center; color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto}


/**** Button block ****/
#button_block{margin: 35px 0 -12px}
#button_block a{float: left; margin: 0 17px 12px 0;}


/**** Carousel block ****/
#carousel_block{padding: 55px 0 65px;}
#carousel_block .h2{margin: 0 0 40px; text-align: center; text-transform: uppercase; color: #fff;}
.carousel_container{position: relative; padding: 0 50px;}
.carousel{position: relative; overflow: hidden}
.carousel ul{float: left; width: 20000em; position: relative; margin: 0 0 0 -12px;}
.carousel li{float: left; width: 255px; padding: 0 12px;}
.carousel a{width: 100%!important; margin: 0!important;}
.carousel_btn{float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; position: absolute; top: 50%; margin: -25px 0 0; font-size: 30px}
.carousel_btn:hover{background: rgba(255,255,255,0.4)}
.carousel_prev{left: 0;}
.carousel_next{right: 0;}

#carousel_block .sb_instagram_header{display:none}
#carousel_block #sb_instagram #sbi_load{display:none}
#carousel_block #sb_instagram .sbi_info{display:none!important}

.center_carousel ul{position: static!important; width: 100%!important; text-align: center; margin: 0!important;}
.center_carousel ul li{float: none; display: inline-block;text-align: left}
.center_carousel .carousel_btn{display: none!important;}

/**** Text img block ****/
.text_img_blocks{margin: 0px 0 0;}
.text_img_blocks .block{margin-bottom: 30px;}
.text_img_blocks .block .text{width:55%; float:left;}
.text_img_blocks .block .image{width:40%; float:right;}
.text_img_blocks .block .image:after{content:""; padding-bottom:55%; display:block;}

.text_img_blocks .block:nth-of-type(2n) .text{float:right;}
.text_img_blocks .block:nth-of-type(2n) .image{ float:left;}

/**** Gallery block ****/
#gallery_block{margin: 35px 0 0; background: #E9F1D3; padding: 20px 15px}
#gallery_block .h3{color: #548b42; padding: 0 4px; margin: 0 0 15px}
#gallery_block .h3 small{font-size: 14px; font-weight: 400}
.gallery_list{float: left; width: 100%;}
.gallery_list a{float: left; width: 25%; padding: 4px;}
.gallery_list a:hover{background: #91b54e}
.gallery_list a span{padding: 90% 0 0;}


/**** Video block ****/
#video_block{background: #1b1b1b; color: #fff; padding: 20px 10px;}
#video_block .h3{margin: 0 0 20px;}
.video_list a{float: left; width: 50%; padding: 10px; position: relative;}
.video_list a:after{content: "\f01d"; font-family: fontawesome; float: left; width: 60px; height: 60px; font-size: 52px; line-height: 60px; text-align: center; color: rgba(255,255,255,0.3); position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto}
/*{float: left; width: 50%; padding: 10px}*/
.video_list a span{padding: 56% 0 0}


/*** team ***/

.team{ width: 100%; position: relative; display: block; float: left;}
.team .foto{width:100%}
.team .foto:after{content:""; padding-bottom: 100%; display:block;}
.team .slogan{background: #91b54e; color:#fff; padding: 20px 30px;}
.team .slick-arrow{position:absolute; top:45%; color:#fff; background:none; border:none; font-size: 25px; z-index:999; 
                   text-shadow: 0 0 14px #808080; }
.team .slick-arrow.slick-next{right: 30px;}
.team .slick-arrow.slick-prev{left: 30px;}
.team .slick-list{max-width: 450px; margin: 0 auto;}

/**** Products list ****/
#item_list{min-height: 200px;}
.pl_item{float: left; width: 48%; background: #548b42; border: 1px solid #548b42; position: relative; margin: 25px 0 20px; color: #fff; font-size: 14px; overflow: hidden}
.pl_item:hover{background: #91b54e; border-color: #91b54e}
.pl_item:nth-child(even){float: right;}
.pl_item_image{float: left; width: 35%; height: 100%; position: absolute; left: 0; top: 0;}
.pl_item_content{float: right; width: 65%; padding: 40px 25px 55px}
.pl_item_head{height: 45px; margin: 0 0 10px; position: relative;}
.pl_item_head h3{font-weight: bold; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; line-height: 24px;}
.pl_item_head small{font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pl_item_head span{position: absolute; float: left; width: 100%; right: 0; top: -26px; text-align: right; line-height: 24px;}
.pl_item #content_container{height: 69px; overflow: hidden}
.pl_item .btn{position: absolute; right: 10px; bottom: 12px;}



/**** Projects list ****/
.project_item{float: left; width: 31.3333%; margin: 0 0 25px}
.project_item:nth-child(3n+2){margin-left: 3%; margin-right: 3%;}
.project_item div{padding: 57% 0 0;}
.project_item > span{height: 66px; background: #91b54e; color: #fff; padding: 13px 35px 13px 15px; position: relative;}
.project_item:hover > span{background: #548b42}
.project_item > span:after{content: "\f18e"; font-family: fontawesome; float: left; height: 30px; line-height: 30px; position: absolute; right: 15px; top: 50%; margin: -15px 0 0; font-weight: 400; font-size: 20px}
.project_item > span span{font-weight: bold; font-size: 17px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.project_item > span small{font-size: 14px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



/**** Kenniscentrum list ****/
.knowledge_item{padding: 15px 25px; border-bottom: 1px solid #c1c1c1;}
.knowledge_item.hasImage{padding-left: 200px;}
.knowledge_item img{float: left; width: 150px; margin: 0 0 0 -175px;}
.knowledge_item:hover{background: #f8f8f8}
.knowledge_item:first-child{border-top: 1px solid #c1c1c1}
.knowledge_item h3{color: #90B451; margin: 0 0 15px;}
.knowledge_item .btn{margin: 10px 0 0}



/**** Footer ****/
#footer{background: #1b1b1b; padding: 55px 0 0; color: #B4B4B4; line-height: 24px;}
#footer a{color: #B4B4B4;}
.footer_block{float: left; width: 50%;}
.footer_block .h3{text-transform: uppercase;}
.fb_left .h3{margin: 0 0 40px; color: #f7941e}
.fb_left img{float: left; width: 38%; border-bottom: 10px solid #548b42}
.fb_left .time{float: left; width: 62%; padding: 0 0 0 40px;}
.fb_left .time ul{margin: 20px 0}
.fb_left .time li{float: left; width: 100%; padding: 0 0 0 105px; position: relative;}
.fb_left .time li span{position: absolute; left: 0; top: 0;}
.fb_left .time p{margin: 0;}
.fb_left .time a{color: #548b42!important; font-weight: bold;}
.fb_right .h3{color: #548b42; margin: 0 0 40px;}
.footer_list{float: left; width: 50%;}
.footer_list ul.link_list a{padding: 0 0 0 20px; position: relative;}
.footer_list ul.link_list a:before{content: "\f105"; font-family: fontawesome; float: left; line-height: 20px; position: absolute; left: 0; top: 50%; margin: -10px 0 0}
.footer_list ul a:hover{color: #548b42!important}

#bottom{border-top: 1px solid #323232; text-align: center; margin: 20px 0 0; line-height: 20px; padding: 20px 0}
#bottom a:hover{color: #fff!important;}

#footer .col.location{width: 35%; float:left;}
#footer .col.locations{width: 70%; float:left;}
#footer .col.locations .location{display:block; width:50%; float:left; margin-bottom: 40px; }

#footer .col.information{width: 25%; float:left;}
#footer .location .address i{display:inline-block; width: 30px;}
#footer .location .h3{margin: 0 0 30px; color: #f7941e}
#footer .location .h3 img{border: 1px solid #ffff;  background: #fff;border-radius: 100%; margin-left:10px;}
#footer .location .time{margin-top: 20px;}
#footer .location .time .h4{color:#B4B4B4; margin-bottom:0;  cursor:pointer}
#footer .location .time .hours{display:none}
#footer .location .time .hours.open{display:block}
#footer .location .time ul{margin: 20px 0}
#footer .location .time li{float: left; width: 100%; padding: 0 0 0 105px; position: relative;}
#footer .location .time li span{position: absolute; left: 0; top: 0;}
#footer .location .time p{margin: 0;}
#footer .location .time a{color: #548b42!important; font-weight: bold;}

#footer .information .h3{color: #548b42; margin: 0 0 40px;}

#footer .information ul.link_list a{padding: 0 0 0 20px; position: relative;}
#footer .information ul.link_list a:before{content: "\f105"; font-family: fontawesome; float: left; line-height: 20px; position: absolute; left: 0; top: 50%; margin: -10px 0 0}
#footer .information ul a:hover{color: #548b42!important}


/**** Single product ****/
#product_page{padding: 0 0 80px}
.product_left{float: left; width: 40.9%; margin-right: 4%;}
.product_right{float: left; width: 48.8%; padding: 60px 0 0}
.product_right .price{text-align:right; font-size: 20px; color: #548b42; font-weight:700 }

.productimage_container{position:relative;}
.productimage_container .legservice{position:absolute; right:10px; top:10px; width: auto;    color: #f7941e;    text-transform: uppercase;    font-weight: 700; }
.productimage_container > a{border: 1px solid #548b42; position:relative;}
.productimage_container > a span{padding: 92% 0 0;}
.productimage_container div{float: left; width: calc(100% + 10px); margin: 0 0 0 -5px;}
.productimage_container div a{float: left; width: calc(25% - 10px); margin: 8px 5px 0; border: 1px solid #548b42;}
.productimage_container div a span{padding: 89% 0 0;}

.product_left > h1{color: #548b42; text-transform: uppercase; margin: 0 0 20px}
.product_specs{margin: 40px 0 0}
.product_specs .h3{color: #548b42; margin: 0 0 15px;}
.product_specs li{position: relative; padding: 0 0 0 170px; line-height: 20px; margin: 5px 0}
.product_specs li span{position: absolute; left: 0; top: 0; width: 165px; font-weight: bold;}

.price_block{background: #E9F1D3; padding: 30px 35px; color: #548b42}
.pric_container{margin: 0 0 35px}
.pric_container strike{font-size: 14px; color: #91b54e}
.pric_container span{font-size: 18px;}
.pric_container b{font-weight: bold; font-size:29px}
.pric_container small{font-size: 80%}
.price_block .btn{width: 180px; text-align: center; margin: 0 0 13px;}
.price_block .btn:last-child{margin: 0}

.icon_block{text-align: left; font-size: 0; margin: 15px 0 0}
.icon_block span{float: left; width: 33.3333%; text-align: center; margin: 0 0 15px; max-width: 80px;}


/**** Related products ****/
#related_products_block{margin: 60px 0 0}
#related_products_block > .h1{text-transform: uppercase; color: #548b42; text-align: center; margin: 0 0 40px;}
.related_products_container{padding: 0 50px}
.related_products_carousel{overflow: hidden;}
.related_products_carousel ul{float: left; width: 20000em; position: relative; margin: 0 0 0 -25px;}
.related_products_carousel li{float: left; width: 500px; padding: 0 25px}
.related_products_carousel li .pl_item{width: 100%; margin: 0;}
#related_products_block .carousel_btn{color: #292b28}


/**** Formulieren ****/
#content_container .wpcf7{float: left; width: 100%;}
#content_container .wpcf7-form{float: left; width: 600px; max-width: 100%;}
#content_container .wpcf7 .form_item{float: left; width: 100%; position: relative; padding: 0 0 0 170px; margin: 0 0 20px}
#content_container .wpcf7 .form_item.required:after{content: "\00a0"; position: absolute; left: 100%; height: 20px; line-height: 20px; top: 50%; margin: -10px 0 0 5px; background: url(img/required.png) no-repeat center}
#content_container .wpcf7 .label{float: left; width: 170px; line-height: 20px; padding: 9px 0; position: absolute; left: 0; top: 0;}
#content_container .wpcf7 input,
#content_container .wpcf7 select,
#content_container .wpcf7 textarea{float: left; width: 100%; height: 38px; padding: 0 10px; border: 1px solid #c1c1c1}
#content_container .wpcf7 textarea{padding: 10px; height: 140px;}
#content_container [aria-invalid="true"]{border-color: red!important}
#content_container span.wpcf7-not-valid-tip{display: none!important}
#content_container div.wpcf7-response-output{float: left; width: 100%; border: none!important; padding: 0!important; margin: 5px 0 0!important;}
#content_container div.wpcf7-response-output.wpcf7-validation-errors{color: red;}


/**** Contact ****/
#contact_slider{position: relative;}
#contact_map{position: absolute; left: 0; top: 0; height: 100%;}
.contact_map_spacer{padding: 460px 0 0}
.contact_slider_content{float: left; width: 300px; position: absolute; height: 300px; z-index: 984; left: 50%; top: 50%; background: #E9F1D3; margin: -150px 0 0 -600px;}
.contact_slider_content div{position: absolute; bottom: 50px; left: 0; color: #548b42; line-height: 25px; font-size: 16px; padding: 25px 25px 0}
.contact_slider_content div h2{margin: 0 0 15px}
.contact_slider_content div a{color: #548b42;}
.contact_slider_content div a:hover{text-decoration: underline;}
.contact_slider_content div i{display: inline-block; width: 30px;}

.contact_left{float: left; width: 47%}
.contact_right{float: right; width: 47%}

.contact_left .address{width:30%; float:left;}
.contact_left .image{width:70%; float:left; padding-left:40px}

.contact_times{background: #E9F1D3; padding: 25px; color: #548b42; margin: 30px 0 0}
.contact_times h3{margin: 0 0 20px;}
.contact_times_list .times{padding: 5px 0 5px 160px; line-height: 24px;}
.contact_times_list span{float: left; width: 155px; margin: 0 0 0 -160px;}

.location_images{margin-top:30px; width:104%; margin-left:-2%; font-size:0}
.location_images a{width:46%; margin:0 2% 4%; display:inline-block;}
.location_images a:after{content:""; padding-bottom:100%; display:block;}


.webshop_sidebar{width:300px; float:left; margin-right:50px}

.webshop_sidebar #check_block { background: #f7941e;padding: 40px 30px 40px 30px;  position: relative;  margin: 0 0 30px;}
.webshop_sidebar .category_list{background: #91b54e; padding: 40px 0px 40px 0px; position: relative; margin: 0 0 30px; color:#fff; font-size: 16px; line-height:30px;}
.webshop_sidebar .category_list .h4{padding: 0 30px;}
.webshop_sidebar .category_list ul{margin-top:20px;}
.webshop_sidebar .category_list a{color:#fff; width:100%; border-bottom:1px solid #99c34a; padding: 5px 30px; display:block;}
.webshop_sidebar .category_list a:hover{background:#fff; color:#91b54e}
.webshop_sidebar .category_list a:after{content:"\f105"; font-family: fontawesome; float:right;}
.webshop_right{width:calc(100% - 350px); float:right;}
.webshop_right .banner_webshop{width:100%; float:left; margin:25px 0 20px}

.keuzehulp .center{text-align:center; font-size:17px; line-height:1.8}
.keuzehulp .page_head span{color:#f7941e}

.keuzehulp .step{background:#f4f4f4; border-radius:5px; margin-bottom:15px}
.keuzehulp .step_title{border-radius:5px; background:#548b42; color:#fff; padding: 20px 25px; font-weight:600}
.keuzehulp .step_choices{padding: 40px 30px 20px; display:block; cursor: pointer}
.keuzehulp .step.active .step_choices{display:block;}
.keuzehulp .radio{display:inline-block; vertical-align:top; text-align:center; padding: 20px 20px 20px; font-weight:600; font-size:20px; background:#fff; width:140px; margin:0 10px 20px;  border-radius:5px; border:2px solid #fff; }
.keuzehulp .radio.active{border-color:#548b42}
.keuzehulp .radio .icon{margin: 0 auto 25px; width:75px;height:75px}
.keuzehulp .step1 .radio{width:200px;}
.keuzehulp .step2 .radio{width:200px;}
.keuzehulp .step4 .radio{width:200px;}

.keuzehulp .pl_item{width:100%}

/******************
MEDIAQUERIES
*****************/
@media screen and (max-width: 1230px){
  #maxw1{padding: 0 15px;}
  .right_header{margin: 6px 0 0}
  .menu{margin: 23px 0 0}
  .header_btns{width: 160px;}
  .header_btns a.l_btn{width: 100%; text-align: center; height: 36px; line-height: 36px; font-size: 14px; margin: 0 0 4px; padding: 0 10px}

  .slide{padding: 360px 0 0;}
  .slide_content{bottom: 80px;}

  .contact_slider_content{left: 15px; margin: -150px 0 0}
}

@media screen and (max-width: 1130px){
  #maxw2{padding: 0 15px;}

  .pl_item_content{padding: 40px 25px 55px}

  .product_left{width: calc(40% - 125px)}
  .product_center{width: calc(60% - 125px); padding: 5px 35px}
  .product_right{width: 250px;}
  .text_img_blocks .block .text{width:100%; }
	.text_img_blocks .block .image{width:100%; }
  
}

@media screen and (max-width: 1050px){
  @media screen and (min-width: 851px){
    .fixed{margin: 68px 0 0}
  }

  body{font-size: 14px;}

  .h1,h1{font-size: 28px;}
  .h2,h2{font-size: 23px}
  .h3,h3{font-size: 20px}
  .h4,h4{font-size: 17px}
  .h5,h5{font-size: 15px}
  .h6,h6{font-size: 14px}

  .top_right{margin: 0 -11px 0 0}
  .top_right a{padding: 0 11px}

  #header{height: 68px;}
  .logo{width: 209px;}
  #top {border: none}

  .right_header{margin: 15px 0 0}
  .header_btns{float: left; width: auto; margin: 0 20px 0 0}
  .header_btns a.l_btn{width: auto; padding: 0 22px; margin: 0 10px 0 0; height: 38px; line-height: 38px;}
  .menu{display: none;}
  .menu_btn{display: block; float: right; width: auto; padding-left: 10px; padding-right: 10px; height: 38px; line-height: 38px; border-radius: 4px; background: #fff; text-align: center; color: #548b42; font-size: 18px;}
  .menu_btn:hover{color: #fff; background: #548b42}
  .menu_btn.active i:before{content: "\f00d"}

  #mobile-menu{float: left; position: fixed; display: inline-block; padding: 0 0 60px; left: 0; top: 0; height: 100%; width: 350px; max-width: calc(100% - 70px); background: #fff; z-index: 7000; margin: 0 0 0 -350px; transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-box-shadow: 0px 0px 1px 0px #999999; -moz-box-shadow: 0px 0px 1px 0px #999999; box-shadow: 0px 0px 1px 0px #999999;}
  #mobile-menu.active{margin: 0}
  #mobile-menu ul{float: left; width: 100%; font-size: 15px;}
  #mobile-menu > ul > li{float: left; width: 100%;}
  #mobile-menu > ul > li > a{float: left; width: 100%; color: #91b54e; padding: 15px 20px; position: relative; border-bottom: 1px solid #f2f2f2;}
  #mobile-menu > ul li.sub > a:hover,
  #mobile-menu > ul li.sub > a{background: #548b42; color: #fff; border-color: #548b42}
  #mobile-menu > ul > li.sub i:before{content:"\f056";}
  #mobile-menu > ul a:hover{background: #91b54e; color: #fff;}
  #mobile-menu > ul > li.child > a i{float: left; position: absolute; right: 0; top: 0; height: 100%; width: 40px; text-align: center;}
  #mobile-menu > ul > li.child > a i:before{float: left; width: 100%; height: 20px; line-height: 20px; position: absolute; top: 50%; margin: -10px 0 0; left: 0;}
  #mobile-menu > ul ul{float: left; width: 100%; font-size: 14px; display: none; background: #f8f8f8}
  #mobile-menu > ul ul li{float: left; width: 100%; }
  #mobile-menu > ul ul li a{float: left; width: 100%; padding: 10px 30px; color: #91b54e;}
  #mobile-menu > ul ul li a:before{content: "-"; margin: 0 10px 0 0}

  .menu_overlay{position: fixed; top: 0; left: 0; height: 100%; z-index: 600; background: #000; opacity: 0;}
  .menu_overlay.active{display: inline-block}

  .sc_content{font-size: 36px; line-height: 110%; width: 400px}
  .slide_content{bottom: 50px;}
  #slider_bottom{display: none;}

  .tile_list a > span{font-size: 15px; height: 46px;}
  .tile_list a > span > span{height: 46px;}

  .home_left{width: 340px;}
  .home_right{width: calc(100% - 400px);}

  .left_column{width: calc(100% - 400px);}
  .right_column{width: 340px;}

  .product_left{width: 100%; margin: 0 0 30px; text-align: center; font-size: 0;}
  .productimage_container{width: 400px; max-width: 100%; float: none; display: inline-block}
  .product_center{width: calc(100% - 250px); padding: 5px 35px 0 0}

  .footer_block.fb_left{width: 300px;}
  .footer_block{width: calc(100% - 300px)}
  .fb_left img{display: none;}
  .fb_left .time{padding: 0; width: 100%;}

  .webshop_right{width:100%;}
  .webshop_sidebar{width:100%;}

}

@media screen and (max-width: 850px){
  body{margin: 68px 0 0;}

  .top_menu{display: block}

  #top{display: none;}
  #header{position: fixed; top: 0; left: 0; z-index: 400; -webkit-box-shadow: 0px 0px 1px 0px #999999; -moz-box-shadow: 0px 0px 1px 0px #999999; box-shadow: 0px 0px 1px 0px #999999;}
.logo {        width: 230px;
    margin-top: 6px;
    margin-left: 5px;}
  .menu_btn{position: fixed; top: 15px; right: 15px; z-index: 1000; margin: 0;}
  .header_btns{margin: 0 97px 0 0}

  #tile_block{padding: 30px 0}
  #tile_block .h1{margin: 0 0 25px;}
  .tile_list a{width: 48%;}
  .tile_list a div{padding: 140px 0 0}

  .home_left{width: 100%;}
  .home_right{width: 100%; padding: 15px 0 30px}

  .left_column{width: 100%; padding: 0 0 30px}
  .right_column{width: 100%;}

  .pl_item{width: 100%;}

  #footer .col.location{width: 100%; margin-bottom:40px;}
  #footer .col.locations{width: 100%; float:left;}
  #footer .col.location .address{width: 50%; float:left;}
  #footer .col.location .time{width: 50%; float:left; margin-top:0}
  #footer .col.information{width: 100%;}

  @media screen and (min-width: 701px){
    .contact_right #content_container .wpcf7 .form_item{padding: 0; margin: 0 0 15px;}
    .contact_right 	#content_container .wpcf7 .label{position: static; width: 100%; padding: 0 5px; line-height: 30px;}
  }

  #carousel_block{padding: 35px 0}
  .project_item > span{height: 56px; padding: 8px 35px 8px 15px}
  .project_item > span span{font-size: 15px;}

  #footer{padding: 35px 0 0}
  .fb_left .h3{margin: 0 0 10px}
  .fb_right .h3{margin: 0 0 30px}
  
  .text_img_blocks .block .text{width:55%; }
.text_img_blocks .block .image{width:40%; }
  
}

@media screen and (max-width: 750px){
  #maxw4{padding: 0 15px;}
  .slide{padding: 300px 0 0;}
  .sc_content{font-size: 28px; width: 400px}
  .slide_content{bottom: 35px;}

  #product_page{padding: 0 0 30px}

  #related_products_block{margin: 40px 0 0}
  #related_products_block > .h1{margin: 0 0 30px;}

  #contact_map{height: 300px;}
  .contact_map_spacer{padding: 300px 0 0}
  .contact_slider_content{position: relative; width: 100%; height: auto; left: auto; top: auto; bottom: auto; margin: 0;}
  .contact_slider_content div{padding: 25px; position: static; font-size: 13px; line-height: 160%}

  .contact_times_list div{padding-left: 140px;}
  .contact_times_list div span{margin-left: -140px; width: 135px;}
  
  .keuzehulp .radio{  width:calc(50% - 20px);  }
	.keuzehulp .step2 .radio{width:calc(50% - 20px);}
	.keuzehulp .step4 .radio{width:calc(50% - 20px);}
  
}

@media screen and (max-width: 700px){
  body{font-size: 13px;}

  .h1,h1{font-size: 23px;}
  .h2,h2{font-size: 20px}
  .h3,h3{font-size: 17px}
  .h4,h4{font-size: 15px}
  .h5,h5{font-size: 14px}
  .h6,h6{font-size: 13px}

  .right_header{margin: 6px 0 0}
   
  .header_btns{display: none!important;}
  .header_btns{width: 160px;}
  .header_btns a.l_btn{width: 100%; height: 26px; line-height: 26px; font-weight: 400; font-size: 13px; margin: 0 0 4px; padding: 0 10px}
  .mobile{display: block!important; width: 100%}
  .mobile a.l_btn {
	  width: 32.33%;
	  border-radius: 0;
	  padding: 5px;
	  height: auto;
	  margin-right: 1%;
	  margin-top: 16px!important;
	}
  #check_block{padding: 25px}
  #check_block li{font-size: 14px;}

  .pl_item, .webshop_right .banner_webshop{margin: 15px 0 10px}

  .product_center{width: 100%; padding: 0;}
  .product_right{width: 100%; padding: 30px 0 0}
  .price_block{padding: 25px;}

  .product_specs li{padding: 0 0 0 130px}
  .product_specs li span{width: 130px}

  .project_item{width: 48%;}
  .project_item:nth-child(odd){float: left; margin: 0 2% 20px 0;}
  .project_item:nth-child(even){float: left; margin: 0 0 20px 2%;}

  .contact_left{width: 100%; margin: 0 0 40px;}
  .contact_right{width: 100%;}

  #gallery_block{padding: 15px 10px}
  #gallery_block .h3{padding: 0 10px; margin: 0 0 15px}
  #gallery_block .h3 small{font-size: 13px;}
  .gallery_list a{float: left; width: 25%; padding: 6px;}

  #footer{line-height: 20px;}
  .footer_block.fb_left{width: 100%; margin: 0 0 30px}
  .footer_block{width: 100%;}
  .fb_left .h3{margin: 0}
  .fb_right .h3{margin: 0 0 20px}
    .text_img_blocks .block .text{width:100%; }
.text_img_blocks .block .image{width:100%; }
  
}

@media screen and (max-width: 550px){
  body{margin: 56px 0 0;}
 
  

  .right_header{margin: 0}
 
 
 
 

  .tile_list a div{padding: 110px 0 0}
  .tile_list a > span{font-size: 15px; height: 40px; line-height: 18px;}
  .tile_list a > span > span{height: 40px;}

  .carousel_container{padding: 0 25px}
  .carousel_btn{width: 40px; height: 40px; line-height: 40px; margin: -20px 0 0;}
  .carousel_prev{left: -15px;}
  .carousel_next{right: -15px;}

  .contact_times{padding: 15px;}

  #content_container .wpcf7 .form_item{padding: 0; margin: 0 0 15px;}
  #content_container .wpcf7 .label{position: static; width: 100%; padding: 0 5px; line-height: 30px;}

  .knowledge_item{padding: 15px 10px;}
  .knowledge_item.hasImage{padding-left: 90px;}
  .knowledge_item img{width: 70px; margin: 0 0 0 -80px;}

  .post_text_image{width: 80px}
 #footer .col.locations .location{width:100%}
  #footer .col.location .address{width: 100%; }
  #footer .col.location .time{width: 100%; margin-top:30px;}
  .gallery_list a{width:33.3333%}
  
    .keuzehulp .step_choices { padding: 20px 20px 10px}
  .keuzehulp .radio{  width:calc(100% ); margin: 0 0 20px; padding: 10px 20px; text-align:left; font-size:18px  }
	.keuzehulp .step2 .radio{width:calc(100%);}
	.keuzehulp .step4 .radio{width:calc(100%);}
	
	.keuzehulp .radio .icon {    margin: 0 25px 0px 0;    width: 40px;    height: 40px; display:inline-block; vertical-align:middle;}
  .keuzehulp .radio .name{width:calc(100% - 75px); display:inline-block; vertical-align:middle;}
}

@media screen and (max-width: 450px){
  .tile_list a{width: 98%}


  #check_block:after{display: none;} 

  .pl_item_content{padding: 20px 20px}
  .pl_item .btn,
  .pl_item #content_container{display: none;}
  .pl_item_head{height: auto; margin: 0}
  .pl_item_head span{position: static; text-align: left;}

  .project_item{width: 100%; margin: 0 0 20px!important}

  .contact_times_list div{padding-left: 110px;}
  .contact_times_list div span{margin-left: -110px; width: 105px;}

  .knowledge_item.hasImage{padding-left: 10px;}
  .knowledge_item img{margin: 0 10px 5px 0;}
  .contact_left .address{width:100%; }
  .contact_left .image{width:100%; padding-left:0px}
  .gallery_list a{width:50%}
}

@media screen and (max-width: 370px){
      .logo{width: 150px;}
  .footer_list{width: 100%;}
  .footer_list:last-child{margin: 30px 0 0}
}

/* Products Filter */

.products_filter {
  display: flex;
}
.products_filter h2 {
  margin-right: 20px;
}
.products_filter_form {
  flex: 1;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.products_filter_form select {
  flex: 1 1 160px;
    margin: 0 10px;
    height: 31px;
    padding-left: 5px;
    background: #f7941e;
    border-radius: 4px;
    color: white;
    border: 1px solid #f7941e;
    font-size: 15px;
}

@media screen and (max-width: 640px) {
  .products_filter_form {
    flex-wrap: wrap;
  }  
  .products_filter_form select {
    margin-bottom: 10px;
  }
}