body{margin: 0; padding: 0; font-family: "rubik", sans-serif; background: #fff; color: #1d1d1b; font-size: 16px;} 
*{margin: 0; padding: 0; box-sizing: border-box; }


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

h1,.h1{font-size: 36px}
h2,.h2{font-size: 24px}
h3,.h3{font-size: 22px}
h4,.h4{font-size: 20px}
h5,.h5{font-size: 18px}
h6,.h6{font-size: 16px}


/**** Page ****/
#maxw0{max-width: 1530px; margin: 0 auto; padding: 0 15px;}
#maxw1{max-width: 1230px; margin: 0 auto; padding: 0 15px;}

.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;}

.fa{font-weight: 400!important}

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

a{text-decoration: none;}

img{max-width: 100%;}

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

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


.n_shadow{}


/**** Buttons ****/
.btn{display: inline-block; border: none; background: transparent; color: transparent; text-align: center; font-weight:700}
.s_btn{font-size: 14px; line-height: 16px; padding: 8px 15px;}
.n_btn{font-size: 15px; line-height: 16px; padding: 11px 20px;}
.l_btn{font-size: 16px; line-height: 16px; padding: 14px 25px;}
.xl_btn{font-size: 18px; line-height: 16px; padding: 18px 25px;}

.btn.color_1{background: #e30613; color: #fff;}
.btn.color_1:hover{background: #eee; color: #1d1d1b;}
.btn.color_2{background: #fff; color: #1d1d1b;}
.btn.color_2:hover{color: #e30613;}
.btn.color_3{background: #f9f9f9; color: #1d1d1b;}
.btn.color_3:hover{background: #1d1d1b; color: #f9f9f9;}

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

.btn.l_btn .left{margin-right: 25px;}
.btn.l_btn .right{margin-left: 25px;}
.btn.xl_btn .left{margin-right: 25px;}
.btn.xl_btn .right{margin-left: 25px;}

.footer_content {
	position: relative;
	z-index: 3
}

/**** Content container ****/
#content_container{line-height: 190%;}
#content_container > *:first-child{margin-top: 0;}
#content_container > *:last-child{margin-bottom: 0;}
#content_container  h1 + *,
#content_container  h2 + *,
#content_container  h3 + *,
#content_container  h4 + *,
#content_container  h5 + *,
#content_container  h6 + *{margin-top: 5px!important}
#content_container > ul,#content_container > ol,#content_container table,
#content_container p, p{margin: 1.8em 0;}
#content_container > ol, #content_container > ul{padding: 0 0 0 20px;}
#content_container ul li{list-style-type: disc;}
#content_container ol ul,#content_container ol ol,#content_container ul ol,#content_container ul ul{padding: 0 0 0 20px;}
#content_container a{text-decoration: underline; color: #1d1d1b}
#content_container a:hover{color: #e30613;}



/**** Header ****/
#header #maxw0{display: flex; flex-wrap:wrap; justify-content: space-between;    align-items: center;}
.logo{float: left; font-size: 0; margin: 15px 0; width: 230px; height: 100px; text-align: left; display: table;}
.logo span{display: table-cell; vertical-align: middle}
.logo img{max-width: 100%; max-height: 100px;}

.right_header{ max-width: calc(100% - 250px); display: flex;  flex-wrap:wrap;   align-items: center;}

.right_header .lang{margin-left:10px}
.right_header .lang img{width:40px}
.right_header .lang .current_lang{padding:10px}
.right_header .lang .lang_list{display:none; padding:10px;  position:absolute; z-index:999; background:#fff; }
.right_header .lang .lang_list a{display:block; }
.right_header .lang:hover .lang_list{display:block; }
.right_header .lang .lang_list.active{display:block;}

.search_form{float: left; width: 270px; position: relative;}
#mobile-menu .search_form{display: none;}
.search_form input{float: left; width: 100%; height: 54px; border-radius: 50px; border: 1px solid #eee; padding: 0 70px 0 30px; font-size: 14px;}
.search_form input::-webkit-input-placeholder{color: #ccc; }
.search_form input::-moz-placeholder{color: #ccc;}
.search_form input:-ms-input-placeholder{color: #ccc;}
.search_form input:-moz-placeholder{color: #ccc;}
.search_form button{float: left; width: 70px; color: #ccc; height: 54px; position: absolute; top: 0; right: 0; border-radius: 100%; border: none; background: transparent; font-size: 16px;}

.rh_btns{float: right; margin: 0 0 0 30px}
.rh_btns a{float: left; width: 50px; height: 50px; line-height: 50px; font-size: 18px; background: #e30613; color: #fff; clip-path:polygon(0 0, 100% 0%, 100% calc(100% - 12px) , calc(100% - 12px) 100% , 0 100%); text-align: center; margin: 0 0 0 16px;}
.rh_btns a:first-child{margin: 0;}
.rh_btns a.whatsapp{background: #0aaf41;}
.rh_btns a:hover{background: #e30613}




/**** Menu ****/
#menu{background: #1d1d1b; position: relative; z-index: 2;}

.menu{float: left; font-weight:500; text-transform:uppercase;}
.menu > li{float: left; position: relative;}
.menu > li > a{float: left; line-height: 70px; color: #1d1d1b; font-size: 18px; padding: 0 20px;}
.menu > li.menu-item-has-children > a:after{content: "\f0d7"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 0 0 10px; line-height:1}
.menu > li:hover > a{color: #e30613}
.menu > li:hover > ul{display: block;}
.menu > li a:before{background:#e30613; color:#fff; border-radius:100%; width:18px; height:18px; position:absolute; right:5px; top:15px; line-height:20px; text-align:center; font-size:10px;}

.menu ul{display: none; position: absolute; top: 100%; left: 0; float: left; min-width: 230px; background: #fff; -webkit-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.24); box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.24); white-space: nowrap;}
.menu ul li{float: left; width: 100%;}
.menu ul li a{float: left; width: 100%; line-height: 14px; padding: 14px 15px; color: #1d1d1b; border-left: 4px solid #fff;}
.menu ul li a:hover{border-color: #e30613; background: #eee}
.menu ul ul{display: none!important;}

.menu_btn{display: none; background: #1d1d1b!important;}
#mobile-menu{display: none;}

.menu_overlay{display: none;}
.menu_overlay{position: fixed; top: 0; left: 0; height: 100%; background: #1d1d1b; opacity: 0.3; z-index: 190}
.menu_overlay.active{display: inline-block}



/**** Slider ****/
#slider{position: relative; z-index: 1;}
.home_slide{padding: 34.3% 0 0; min-height: 350px;}
.page_slide{padding: 20.8% 0 0; min-height: 250px;}
.slide_content{position: absolute; left: 0; top: 0; margin: auto 0;}
.slide_content .h1{ font-weight:700; color: #fff; text-align: center; font-size: 42px; line-height:1.15; text-shadow: 0 0 16px rgba(0,0,0,0.56);}
.slide_btns{text-align: center; font-size: 0; margin: 70px 0 0}
.slide_btns a{vertical-align: top; margin: 8px 10px;}
#slider .overlay{position:absolute; width:100%; height:100%; background:linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.1)); left:0; top:0; }
.slide_btns .btn:nth-of-type(2n-1){background:#1e1e1c}
.slide_btns .btn:nth-of-type(2n-1):hover{background:#eee}

/**** Breadcrumbs ****/
#breadcrumbs{padding: 25px 0 40px;}
.breadcrumbs_container{color: #bcbcbc}
.breadcrumbs_container > *{float: left; line-height: 16px;}
.breadcrumbs_container i.fa-angle-right{margin: 0 7px;}
.breadcrumbs_container a{color: #bcbcbc}
.breadcrumbs_container a:hover{color: #e30613}



/**** Content ****/
#content{padding: 0 0 40px;}
.left_column{float: left; width: 60%; padding: 15px 0 0; margin: 0 0 40px;}
.left_column.full_width{width: 100%;}
.right_column{float: right; width: 32.9%}

.page_head{margin: 0 0 35px;}
.page_head span{color: #e30613}

.contact_info{background: #f9f9f9; padding: 35px}
.contact_info .h3{color: #e30613; margin: 0 0 25px;}
.contact_info li{float: left; width: 100%; line-height: 16px; padding: 3px 0;}
.contact_info li span{display: inline-block; width: 45px;}
.contact_info li i{color: #e30613}
.contact_info li a{color: #1d1d1b}
.contact_info li a:hover{color: #e30613}
.contact_info .route_btn{margin: 25px 0 0;}

.rc_thumb img{ clip-path:polygon(0 0, 100% 0%, 100% calc(100% - 40px) , calc(100% - 40px) 100% , 0 100%); }

.rc_usps{margin: 45px 0 0;}
.rc_usps span{float: left; width: 100%; line-height: 16px; font-size: 114%; font-weight: 600; padding: 14px 0 14px 75px;}
.rc_usps span:before{content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 900; float: left; line-height: 16px; margin: 0 0 0 -42px; color: #e30613}


/**** Content btns ****/
.content_btns{margin: 30px 0 0;}
.content_btns a{float: left; margin: 10px 15px 0 0;}


/**** Zoeken ****/
.search_item{margin: 0 0 30px;}
.search_item .h3{margin: 0 0 15px; color: #e30613}
.search_item_content{padding: 20px; border: 1px solid #f9f9f9}
.search_item_bottom{padding: 15px 20px; background: #f9f9f9}


/**** Footer ****/
#footer{ color:#fff; padding: 15% 0 0; line-height:2; position:relative; overflow:hidden;}
#footer .footer_img1{position:absolute; bottom:99%; right:45%; line-height:0; width:55%} 
#footer .footer_img1 img{width:100%}
#footer .footer_img2{position:absolute; top:0px; left:50%; width:50%; line-height:0; transform:translatey(-18%)}
#footer .footer_img2 img{width:100%}
#footer .footer_inner{background: #1d1d1b; position:relative; padding: 55px 0 0; }

.footer_left{float: left; width: calc(25%);  margin: 0 0 35px}
.footer_logo{float: left;}
.footer_left .btn{margin: 20px 0 0;}
.footer_center{float: left; width: calc(25%); }

#footer li{list-style:none;}

#footer a{display: inline-block; color: #fff}

#footer a:hover{color: #e30613}

#footer li span{display: inline-block; width: 45px; font-weight:700}
#footer li i{width: 45px; }


.footer_right{float: left; width: 25%}
.social_btns{float: left; width: calc(100% + 12px); margin: 0 -6px; text-align: right;}
.social_btns a{display: inline-block; width: 54px; height: 54px; line-height: 54px; font-size: 18px; background: #e30613; color: #fff; border-radius: 100%; text-align: center; margin: 5px 6px;}
.social_btns a:hover{background: #e30613}

#footer .bottom{margin: 10px 0 0; font-size:14px; border-top: 1px solid rgba(255,255,255,0.13); line-height: 16px; padding: 28px 0; color: rgba(255,255,255,0.35)}
#footer .bottom a{color: rgba(255,255,255,0.35)}
#footer .bottom a:hover{color: #e30613}


/**** Formulieren ****/
#content_container div.wpcf7{float: left; width: 100%; margin: 15px 0;}
#content_container .wpcf7-form{float: left; width: 550px; max-width: 100%;}
#content_container .wpcf7 .form_item{float: left; width: 100%; position: relative; padding: 0 0 0 160px; margin: 0 0 15px;}
#content_container .wpcf7 .form_label{float: left; width: 150px; line-height: 16px; margin: 13px 0 0 -160px;}
#content_container .wpcf7 input,
#content_container .wpcf7 select,
#content_container .wpcf7 textarea{float: left; width: 100%; height: 42px; border: 1px solid #e3e3e3; padding: 0 15px; font-size: 14px; background: #fff;}
#content_container .wpcf7 textarea{height: 140px; padding: 10px 15px;}
#content_container .wpcf7 .wpcf7-radio{float: left; width: 100%; margin: 0 0 13px; line-height: 16px;}
#content_container .wpcf7 .wpcf7-radio .wpcf7-list-item{float: left; width: 100%; margin: 13px 0 0;}
#content_container .wpcf7 input[type="checkbox"],
#content_container .wpcf7 input[type="radio"]{float: left; width: auto; height: 16px; margin: 0 5px 0 0}

span.wpcf7-not-valid-tip{display: none!important;}
[aria-invalid="true"]{border-color: red!important;}
div.wpcf7-response-output{float: left; width: 100%; margin: 10px 0 0!important; border: none!important; padding: 0!important; color: #79ad31}
div.wpcf7-response-output.wpcf7-validation-errors{color: red;}


.huur_form{margin: 40px 0 0;}

/**** Galerij ****/
.gallery_block{background: #f9f9f9; padding: 25px; margin: 40px 0 0}
.gallery_list{float: left; width: calc(100% + 12px); margin: -6px;}
.gallery_list a{float: left; width: calc(25% - 12px); margin: 6px;}
.gallery_list a span{padding: 85% 0 0;}
.gallery_list a:hover span{background: #000; opacity: 0.3}


/**** FAQ ****/
.faq_block{margin: 25px 0 0;}
.faq_block .h3{color: #e30613; margin: 15px 0 15px;}
.faq_item{margin: 0 0 20px;}
.faq_item:last-child{margin: 0;}
.faq_question{background: #f9f9f9; cursor: pointer; padding: 15px 50px 15px 15px; font-weight: bold; position: relative; border-bottom: 1px solid #1d1d1b}
.faq_question i{position: absolute; float: left; width: 50px; text-align: center; line-height: 30px; right: 0; top: 50%; margin: -15px 0 0;}
.faq_item.active .faq_question i{transform: rotate(180deg);}
.faq_answer{padding: 15px; display: none; font-size: 93%}


/**** Downloads ****/
.download_block{margin: 40px 0 0;}
.download_block .h3{color: #e30613; margin: 0 0 15px;}
.download_item{background: #f9f9f9; cursor: pointer; padding: 15px 15px 15px 60px; font-weight: bold; position: relative; border-bottom: 1px solid transparent; margin: 0 0 5px; color: #1d1d1b}
.download_item i{position: absolute; float: left; width: 14px; text-align: center; line-height: 20px; left: 23px; top: 50%; margin: -10px 0 0; border-bottom: 2px solid #1d1d1b;}
.download_item:hover{border-color: #1d1d1b}


.cat_list{float: left; width: calc(100% + 30px); margin: 15px -15px;}
.cat_item{float: left;  width: calc(33.333% - 30px); margin: 20px 15px; border-bottom: 3px solid #e30613; display:flex; flex-wrap:wrap;}
.cat_item:hover{border-color: #1d1d1b}
.cat_item:hover .item_title{background: #1d1d1b}
.cat_item .item_image{ width:100%;}
.cat_item .item_image:after{content:""; padding-bottom:60%; display:block;}
.cat_item .text{width:calc(100%); padding: 20px 20px; background: #e30613; color: #fff; line-height:1.3}




/**** Item list ****/
.item_list{float: left; width: calc(100% + 30px); margin: 15px -15px;}
.item_item{float: left;  width: calc(100% - 30px); margin: 20px 15px; border-bottom: 3px solid #e30613; display:flex; flex-wrap:wrap;}
.item_item:hover{border-color: #1d1d1b}
.item_item:hover .item_title{background: #1d1d1b}
.item_image{ width:300px;}
.item_item .text{width:calc(100% - 300px)}
.item_title{ padding: 20px 20px; background: #e30613; color: #fff; }
.item_title h4{line-height:1.3}
.item_title h4 span{}
.item_content{padding: 15px 20px;}
.item_content #content_container{font-size: 93%; height: 100px; overflow: hidden; position: relative; color: #1d1d1b}
.item_content #content_container:after{content: "\00a0"; float: left; width: 100%; position: absolute; left: 0; bottom: 0; height: 60px; background: url(img/overlay.png) repeat-x center / auto 60px; }

/******************
MEDIAQUERIES
*****************/
@media screen and (max-width: 1450px){

	.menu > li > a { padding: 0 15px;}
}
@media screen and (max-width: 1380px){
	
	
	#menu{display: none;}
	
	.menu_btn{display: block;}
	.menu_btn.active i:before{content: "\f00d";}
	.menu{display: none;}
	#mobile-menu{float: left; display: block; position: fixed; display: inline-block; padding: 30px 20px; left: 0; top: 90px; height: calc(100% - 90px); width: 340px; max-width: 100%; background: #fff; z-index: 700; margin: 0 0 0 -340px; 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;}
	#mobile-menu.active{margin: 0;}
	#mobile-menu > ul{float: right; width: 500px; max-width: 100%;}
	#mobile-menu > ul > li{float: left; width: 100%; margin: 0 0 15px;}
	#mobile-menu > ul > li:last-child{margin: 0;}
	#mobile-menu > ul > li > a{float: left; width: 100%; background: #1d1d1b; color: #fff; line-height: 16px; font-size: 15px; padding: 16px 20px; position: relative; font-weight: 600;}
	#mobile-menu > ul > li > a:hover,
	#mobile-menu > ul > li.sub > a{background: #e30613;}
	#mobile-menu > ul > li.sub > a i:before{content:"\f106"; font-family: "Font Awesome 6 Pro"; font-weight: 900;}

	#mobile-menu ul ul{display: none; float: left; width: 100%;  overflow: hidden; margin: 10px 0 0;}
	#mobile-menu ul ul > li{float: left; width: 100%; margin: 0}
	#mobile-menu ul ul > li > a{float: left; width: 100%; padding: 10px 25px; background: #eee; color: #1d1d1b;}
	#mobile-menu ul ul > li > a:hover{background: #1d1d1b; color: #fff;}

	#mobile-menu li.child > a i{float: left; position: absolute; right: 0; top: 0; height: 100%; width: 50px; text-align: center;}
	#mobile-menu li.child > a i:before{float: left; width: 100%; height: 30px; line-height: 30px; position: absolute; top: 50%; margin: -15px 0 0; left: 0; font-size: 20px; border-left: 1px solid rgba(255,255,255,0.3)}

}
@media screen and (max-width: 1100px){

	.footer_left{width: 48%;}
	.footer_center{float: right; width: 48%;}
	.footer_right{width: 100%; margin: 0 0 20px;}
	.social_btns{text-align: center;}
	.social_btns a{height: 42px; line-height: 42px; width: 42px; margin: 0 0 0 12px;}
}

@media screen and (max-width: 960px){
	body{margin: 90px 0 0;}
	
	#header{position: fixed; top: 0; left: 0; z-index: 900; background: #fff; -webkit-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.24); box-shadow: 0px 5px 13px 0px rgba(0,0,0,0.24);}
	
	.logo{margin: 10px 0; width: 250px; height: 70px;}
	.logo img{max-height: 70px;}
	
	.search_form input{height: 42px;}
	.search_form button{height: 42px;}
	
	
	.rh_btns a{height: 42px; line-height: 42px; width: 42px; margin: 0 0 0 12px;}
	
	
	
	.slide_btns{margin: 20px 0 0}
	
	
	

}

@media screen and (max-width: 830px){
	body{font-size: 15px;}
	
	h1,.h1{font-size: 30px}
	h2,.h2{font-size: 26px}
	h3,.h3{font-size: 24px}
	h4,.h4{font-size: 20px}
	h5,.h5{font-size: 18px}
	h6,.h6{font-size: 16px}
	
	.xl_btn{font-size: 15px; line-height: 16px; padding: 14px 30px;}
	
	.right_header{width: auto; max-width: none;}
	
	#header .search_form{display: none;}
	#mobile-menu .search_form{display: block;}
	.search_form{width: 100%; margin: 0 0 30px;}
	
	.slide_content .h1{font-size: 32px;}
	
	#content{padding: 0 0 40px 0;}
	.left_column{width: 100%; padding: 0;}
	.right_column{width: 100%;}
	
	.page_head{margin: 0 0 25px;}
	
	.rc_thumb{text-align: center; font-size: 0;}
	.rc_thumb a{width: 400px; max-width: 100%; float: none; display: inline-block;}
	
	.item_list{width: calc(100% + 18px); margin: 20px -9px;}
	.item_item{width: calc(100% - 18px); margin: 15px 9px;}
	.item_image{ width:200px;}
	.item_item .text{width:calc(100% - 200px)}
	.item_title{padding: 10px 15px; }
	.item_title h4{ font-size: 16px}
	.item_content{padding: 15px;}
	
	
	
	.cat_item{float: left;  width: calc(100% - 30px); }
	
	.cat_item .item_image{ width:200px}

	.cat_item .text{width:calc(100% - 200px)}
	
}

@media screen and (max-width: 720px){
	.logo{ width: 230px;}
	
	
	
	.footer_left{width: 100%; margin: 0 0 35px;}
	.footer_center{width: 100%; margin: 0 0 35px; padding: 0;}
}

@media screen and (max-width: 650px){
	body{margin: 60px 0 0;}
	#maxw0{padding: 0 10px;}
	#maxw1{padding: 0 10px;}
	
	#mobile-menu{top: 60px; height: calc(100% - 60px);}
	
	.logo{margin: 5px 0; width: 130px; height: 50px;}
	.logo img{max-height: 50px;}
	
	.rh_btns{margin: 0;}
	.rh_btns a{height: 36px; line-height: 36px; width: 36px; margin: 0 0 0 6px; font-size: 14px;}

}
@media screen and (max-width: 550px){

	
	#content_container .wpcf7 .form_item{padding: 0; margin: 0 0 25px;}
	#content_container .wpcf7 .form_label{margin: 0 0 6px; width: 100%;}
	
	.gallery_list a{width: calc(33.3333% - 12px);}
	
	.item_image{ width:100%; padding-bottom:50%}
	.item_item .text{width:calc(100%)}
	
	.cat_item .item_image{ width:100%; padding-bottom:0%}
	.cat_item .text{width:calc(100%)}
	
}

@media screen and (max-width: 470px){
	.slide_content .h1 {        font-size: 26px;    }
	h1, .h1 {        font-size: 28px;    }
	.content_btns a{width: 100%;}
}


@media screen and (max-width: 450px){
	body {        margin: 100px 0 0;    }	
	.logo{ width: 100%; text-align:center; height:40px;}
	.logo img{max-width:230px; display:inline-block}
	.right_header{margin: 5px 0 10px; text-align:center;         width: 100%;}
	.rh_btns a{float:none; display:inline-block;}
	.rh_btns{width: calc(100% - 80px); text-align:center;}
}