/* normal */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition-duration:0.2s;
}
html,
body {
	font-family: interstate, sans-serif;
	font-size: 16px;
	color: #1d1d1b;
	font-weight: 400;
	line-height:1.8;
}

body {
	background: #fff;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
	height:auto;
}
a{color:inherit; text-decoration: none;}

input,
select,
textarea,
button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none;}
input[type="checkbox"]{-webkit-appearance: unset;-moz-appearance:unset; appearance:unset;}

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-weight: 700; line-height:1.3;
}

h1, .h1{font-size:45px;}
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;}

p{margin-bottom:1em}


.maxw1{max-width:1540px!important; margin:0 auto; padding: 0 20px;}
.maxw2{max-width:1000px!important; margin:0 auto; padding: 0 20px;}

.flexbox{display:flex;     flex-wrap: wrap;    justify-content: space-between; align-items: stretch;}
.flexbox.flexcenter{align-items: center;}

.wrap{width:calc(100% + 20px); margin-left:-10px;}



.clear{clear:both;}

.btn_bar{margin-top:40px;}
.btn{display:inline-block; line-height:1; border-radius:5px; border:none!important; cursor:pointer}
.btn.n_btn{font-size:16px; font-weight:700; padding: 15px 20px;}
.btn.l_btn{font-size:24px; font-weight:700; padding: 15px 30px;}
.btn.icon_left i{display:inline-block; margin-right:10px;}
.btn.icon_right i{display:inline-block; margin-left:10px;}
.btn.rounded{border-radius:50px}
.btn.yellow_black{color:#1d1d1b; background:#BB9F32}


body.no_scroll{overflow:hidden;}

.mob_menu{position:fixed; top:0; width:100%; height:0; left:0; background:#1d1d1b; color:#fff; z-index:99999999999; padding: 0px 0; overflow:hidden;}
.mob_menu.open{height:100%}
.mob_menu .menu_top{text-align:right;  padding-top:25px; margin-bottom:10px;}
.mob_menu .inner{ padding-top:40px;}
.mob_menu  ul {list-style:none; } 
.mob_menu  ul li{padding-left:45px; }
.mob_menu  ul li:before{content:"\f105"; font-family:"Font Awesome 6 Pro"; font-weight:900; width: 45px; display:inline-block; margin-left:-45px;}
.mob_menu .inner{height:calc(100% - 70px); overflow:scroll; padding-bottom:50px;}
.mob_menu .products_menu{font-size:28px; font-weight:700; width:60%;  line-height:60px}
.mob_menu .pages_menu{font-size:24px; font-weight:400; width:40%;  line-height:60px}


.header{background:#1d1d1b; color:#fff; padding:25px 0;}
.header .right_bar ul{display:inline-block; margin-right:50px;}
.header .right_bar ul li{display:inline-block; margin-left:30px;}
.header .menu_btn{display:none}

.menu_bar{color:#1d1d1b; background:#BB9F32; padding: 20px 0}
.menu_bar ul li{display:inline-block; font-size:19px; margin-right:35px;}

.slider {position:relative; margin-bottom:50px; }
.slider .slide{min-height:250px}
.slider .slide:after{padding-bottom: 30%; display:block; content:""; }
.slider .slogan{position:absolute; bottom:0; left:0; padding: 25px 40px 25px calc(50% - 750px); background:#1d1d1b; color:#fff; font-size:23px; font-weight:700; text-transform:uppercase}

.tiles {margin-bottom: 50px;}
.tiles .flexbox{justify-content: flex-start;}
.tiles .tile{width:calc(33.33% - 20px); margin:0 10px 20px; border-radius:30px; position:relative; overflow:hidden;}
.tiles .tile:after{padding-bottom:65%; display:block; content:""; }
.tiles .tile .overlay{background:linear-gradient(180deg, transparent, rgba(0,0,0,0.7)); position:absolute; top:0; left:0; width:100%; height:100%;}
.tiles .tile .title{position:absolute; bottom:30px; left:30px; color:#fff; font-weight:700; font-size:34px; line-height:1.15; padding-right:30px; width:calc(100% - 60px)}
.tiles .tile .title:after{content:"\f061"; font-family:"Font Awesome 6 Pro"; font-weight:900; position:absolute; right:0px; }

.page_title{margin-bottom:50px; width:100%}


.home_content{background:#f4f4f4; padding: 70px 0}
.home_content .left{width:50%}
.home_content .right{width:45%}
.home_content .right .image{border-radius:25px; overflow:hidden}
.home_content .right .image img{   width: 100%;}
.home_content ul, .home_content ol{margin-left:30px;  margin-bottom:1em}

.footer{background:#1d1d1b; color:#fff; padding: 70px 0 0px;}
.footer .h2{margin-bottom: 30px;}
.footer .locations{width:70%;}
.footer .locations .location{width:33.333%;}
.footer .locations i{display:inline-block; width: 30px;}
.footer .assortiment_list{width:25%;}
.footer .assortiment_list li{list-style:none; margin-left:30px;}
.footer .assortiment_list li:before{content:"\f0da"; font-family:"Font Awesome 6 Pro"; font-weight:400; display:inline-block; margin-left:-30px; width:30px; }

.footer .socials {margin: 40px 0 0 0;}
.footer .socials a:first-child {margin: 0;}
.footer .socials a{width: 46px; height: 46px; display: inline-block; text-align: center; background-color: #BB9F32; line-height: 46px; margin: 0px 0 0 10px; border-radius: 5px; border: 1px solid #BB9F32;}
.footer .socials i {color: #1d1d1b;}

.bottom{text-align:center; font-size:15px; color:rgba(255,255,255,0.4); width:100%; padding: 30px 0; margin-top:40px; border-top:1px solid rgba(225,255,255,0.2) }
.bottom a:hover{color:#fff;}
.bottom ul{display:inline-block;}
.bottom ul li{display:inline-block; }

.page_content{margin-bottom:50px;}
.page_content ul, .page_content ol{margin-left:30px; margin-bottom:1em}
.page_content img{margin-bottom:1em}
.page_content *{max-width:100%}
.page_content .left{width:calc(100% - 400px); }
.page_content .right{width:300px; margin-left:100px;}
.page_content .right .btn{width:100%; margin-bottom:5px}
.page_content .right .btn i{float:right;}

.page_content.single_page .left{width:calc(100% - 500px); margin-bottom: 50px; }
.page_content.single_page .right{width:400px; margin-left:100px; margin-bottom: 50px;}

.page_content.contact .left{width:calc(100% - 600px); margin-bottom: 50px; }
.page_content.contact .right{width:500px; margin-left:100px; margin-bottom: 50px; border-radius:20px;}
.page_content.contact .right .locations{border:1px solid rgba(0,0,0,0.15);  border-radius:20px;  padding: 30px; }
.page_content.contact .right .location{border-top:1px solid rgba(0,0,0,0.15); padding-top:1em}
.page_content.contact .right .location:first-of-type{border-top:none; padding-top:0}
.page_content.contact .right a i{width:30px}

.specs_block{padding: 30px; border:1px solid #1d1d1b; margin-bottom:30px; border-radius:20px;}
.specs_block h2{margin-bottom: 1em}
.specs_block .spec_list{margin-bottom: 20px; }
.specs_block .spec_row{display: flex;    flex-wrap: wrap;  justify-content: space-between;    flex-direction: row;    align-content: flex-start;    align-items: stretch; border-bottom:1px solid rgba(0,0,0,0.15)}

.specs_block .spec_row .spec_naam{width: 50%; }
.specs_block .spec_row .spec_descr{width:50%; }

.option_block{margin-bottom: 50px}
.option_block h2{margin-bottom: 1em}
.option_block .flexbox{justify-content: flex-start;}
.option_block .option{width:calc(25% - 20px); margin: 0 10px 20px; border:1px solid #1d1d1b;  border-radius:20px; overflow:hidden; padding: 20px; }
.option_block .option .img_option{margin-bottom:20px;}
.option_block .option .img_option:after{content:""; padding-bottom: 60%; display:block;}

.gallery{width:100%; display:block;}
.gallery h2{margin-bottom: 1em}
.gallery .flexbox{  justify-content: flex-start;   }
.gallery .img{display:block; width:calc(25% - 20px); margin: 0 10px 20px; border-radius:20px;}
.gallery .img:after{content:""; padding-bottom: 100%; display:block;}

.wpcf7 .form_item{margin-bottom: 20px;}
.wpcf7 .label{width: 180px; display:inline-block; vertical-align:top}
.wpcf7 .form_field{width: calc(100% - 190px); display:inline-block; vertical-align:top}
.wpcf7 input, .wpcf7 textarea,  .wpcf7 select{width:100%; padding:5px 15px; border: 1px solid #888888 ; font:inherit }
.wpcf7 input[type="submit"]{padding: 10px 26px 8px; border-radius: 100px; font-weight:700; font-size:18px; width:auto; color:#fff; background:#888888; border:none;}
.wpcf7 input[type="submit"]:hover{box-shadow:0 0 10px #888888;}
.wpcf7 select{background:url(img/angle-down.png) no-repeat calc(100% - 10px) 50% #fff;}

span.wpcf7-list-item {display: inline-block;margin: 0px 0 0;}
span.checkbox{margin-top:10px; display: block;}
.wpcf7 .wpcf7-list-item {display: inline-block; margin-right:35px; width: 60px;}
.wpcf7-list-item-label {margin-left: 30px;display: inline-block; vertical-align: top;}
.wpcf7-checkbox {padding: 5px 0px; display:inline-block}
.wpcf7-checkbox label {position: relative;cursor: pointer;}
.wpcf7-checkbox input[type=checkbox] {position: absolute;visibility: hidden;width: 16px;height: 16px;top: 0;left: 0;}
.wpcf7-checkbox input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height:16px;width: 16px;top: 0px;left: 0px;border: 1px solid #1b1a1a; background:#fff}
.wpcf7-checkbox input[type=checkbox] + span:after {display: block;position: absolute;content: "\f00d";font-family:"Font Awesome 5 Free";font-weight:900;height: 16px;width: 16px;color:#888888;top: 1px;left: 1px;visibility: hidden;font-size: 16px;text-align: center;line-height: 16px;}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {background: transparent;}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {visibility: visible;}

.wpcf7-radio label {position: relative;cursor: pointer;}
.wpcf7-radio input[type=radio] {position: absolute;visibility: hidden;width: 16px;height: 16px;top: 0;left: 0;}
.wpcf7-radio input[type=radio] + span:before {display: block;position: absolute;content: '';border-radius: 100%;height: 16px;width: 16px;top: 0px;left: 0px;border: 1px solid #1b1a1a; background:#fff}
.wpcf7-radio input[type=radio] + span:after {display: block;position: absolute;content: "";font-family:"Font Awesome 5 Free";font-weight:900;height: 12px;width: 12px;color:#888888; background:#888888; border-radius:100%; top: 3px;left: 3px;visibility: hidden;font-size: 15px;text-align: center;line-height: 16px;}
.wpcf7-radio input[type=radio]:checked + span:before {background: transparent;}
.wpcf7-radio input[type=radio]:checked + span:after {visibility: visible;}


@media only screen and (max-width: 1540px) {
	.slider .slogan{padding-left:20px;}
}


@media only screen and (max-width: 1200px) {
	.header .logo{width:300px}
	.menu_bar ul li {    margin-right: 25px; font-size:18px}
	.tiles .tile {width: calc(50% - 20px);}
	.footer .locations{width:50%;}
	.footer .locations .location{width:100%; margin-bottom: 30px;}
	.footer .assortiment_list {    width: 50%;}
	.tiles .tile .title{font-size:28px}
	
	.page_content.single_page .left{width:calc(100% - 450px); }
	.page_content.single_page .right{margin-left:50px}
	.option_block .option{width:calc(33.333% - 20px);}
	.gallery .img{width:calc(33.333% - 20px);}
	
	.page_content.contact .left{width:calc(100% - 450px); }
	.page_content.contact .right{width:400px; margin-left:50px;}
	
}

@media only screen and (max-width: 1050px) {
	.header .right_bar ul {  margin-right: 20px;}
	.header .right_bar ul li {  margin-left: 20px;}
	.menu_bar{display:none;}
	.header .right_bar ul{display:none}
	.header .menu_btn{display:inline-block}
}


@media only screen and (max-width: 960px) {
	
	.slider .slogan { padding: 15px 40px 15px 20px;  font-size: 20px;}
	
	
	.home_content .left {    width: 100%;}
	.home_content .right {    width: 100%; margin-top:50px;}
	.tiles .tile .title{font-size:24px; bottom: 20px;    left: 20px;    padding-right: 30px;    width: calc(100% - 40px);}
	
	.page_content .left{width:calc(100%); }
	.page_content .right{width:250px; margin-left:0px;}
	
	.page_content.single_page .left{width:calc(100%); margin-bottom: 30px;}
	.page_content.single_page .right{width:100%; margin-left:0}
	.option_block .option{width:calc(50% - 20px);}
	
	
	.page_content.contact .left{width:calc(100%); }
	.page_content.contact .right{width:100%; margin-left:00px;}
	
}


@media only screen and (max-width: 700px) {
	.mob_menu  ul li{padding-left:35px; }
	.mob_menu  ul li:before{ width: 35px; margin-left:-35px;}
	.mob_menu .products_menu{font-size:24px; width:60%;  line-height:50px}
	.mob_menu .pages_menu{font-size:22px;  width:40%;  line-height:50px}

	
	
	.header .btn.icon_left i{margin-right:0}
	.header .btn span{display:none}
	
	
	.gallery .img{width:calc(50% - 20px);}
	
	
	

}

@media only screen and (max-width: 600px) {
	h1, .h1 {    font-size: 35px;}
	.mob_menu .products_menu{ width:100%; font-size:20px;}
	.mob_menu .pages_menu{  width:100%; font-size:20px;}
	.mob_menu ul li {    padding-left: 30px;}
	.mob_menu ul li:before {    width: 30px;    margin-left: -30px;}
	.mob_menu .inner {padding-top: 30px;}  
	
	.header .logo{width:280px}
	.tiles .tile {width: calc(100% - 20px);}
	.slider .slogan{position:relative; width:100%; padding: 15px 20px;}
	.footer .locations{width:100%;}
	.footer .assortiment_list {width: 100%;}
	.option_block .option{width:calc(100% - 20px);}

}


@media only screen and (max-width: 500px) {
	.btn.l_btn { font-size: 20px;}
	.header .logo{width:230px}
	.slider{margin-bottom:30px;}
	.tiles {    margin-bottom: 30px;}
	.home_content {    padding: 50px 0;}
	.home_content .page_title {    margin-bottom: 30px;}
	.tiles .tile {border-radius: 20px;}
	
	.specs_block .spec_row .spec_naam{width: 100%; font-weight:700}
	.specs_block .spec_row .spec_descr{width:calc(100%); }
}

@media only screen and (max-width: 400px) {
	h1, .h1 {    font-size: 30px;}
	.header .logo{width:100%}
	.header .right_bar{width:100%; text-align:center; margin-top:10px;}
	

	.gallery .img{width:calc(100% - 20px);}
	.page_content.contact .right .locations {    padding: 20px; font-size:90%}
}

@media only screen and (max-height: 550px) {
	.mob_menu .products_menu{ width:100%; font-size:20px; line-height:50px}
	.mob_menu .pages_menu{  width:100%; font-size:20px; line-height:50px}
	.mob_menu  ul li{padding-left:35px; }
	.mob_menu  ul li:before{ width: 35px; margin-left:-35px;}
}