@font-face {
    font-family: 'Sailec';
    src: url('fonts/Sailec-Bold.ttf');
    font-weight:700;    
}
@font-face {
    font-family: 'Sailec';
    src: url('fonts/Sailec-Light.ttf');
    font-weight:300;    
}
@font-face {
    font-family: 'Sailec';
    src: url('fonts/Sailec-Medium.ttf');
    font-weight:500;    
}
@font-face {
    font-family: 'Sailec';
    src: url('fonts/Sailec-Regular-Italic.ttf');
    font-weight:400;   
	font-style:italic;
}

@font-face {
    font-family: 'Sailec';
    src: url('fonts/Sailec-Thin.ttf');
    font-weight:100;    
}

@font-face {
    font-family: 'Caslon';
    src: url('fonts/CaslonAntique-Bold.ttf');
    font-weight:700;    
}

* {
	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: 'Sailec', sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: 300;
	line-height:2;
}

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-family:Caslon; font-weight:700; line-height:1;
}

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

h1 span, .h1 span{color:#f69d37	}

h1{margin-bottom:50px;}

p{margin-bottom:1em}
p a{text-decoration:underline}

.maxw1{max-width:1450px; margin:0 auto; padding: 0 20px}

.clear{clear:both;}

svg{display:flex}

.clipped_img {
    -webkit-clip-path: url(#clip_path);
    clip-path: url(#clip_path);
}
.clipped_img .image{width:100%;}
.clipped_img .image:after{content:""; padding-bottom:100%; display:block;}

.flexbox{display:flex; justify-content: space-between;   align-items: center; flex-wrap: wrap;}
.caslon{font-family:Caslon; font-weight:700}

.btn{display:inline-block; }
.btn.gold{background:#f69d37; color:#fff; padding: 5px 25px; border-radius:5px;}

.content_container ul, .content_container ol{margin-left:30px; margin-bottom:1em}
.content_container img{border-radius:20px}
.content_container .table_wrap{overflow-x:auto; margin-bottom:1em}
.content_container table{border-collapse:collapse}
.content_container table th{border:1px solid #eee; padding: 2px 20px}
.content_container table td{border:1px solid #eee;  padding: 2px 20px; min-width:120px}
.content_container > .btn{margin-bottom:1em}
.content_container a{ text-decoration:underline}
.content_container a:hover{color:#f69d37}

.mob_menu{position:absolute; top:0; right:0; width:0%; max-width:400px; overflow:hidden; background:#000; color:#fff; font-weight:600; font-size:24px; z-index:99999; min-height:100vh; text-align:right;}
.mob_menu.open{width:100%;}
.mob_menu .close{margin-bottom: 20px; font-size: 30px;}
.mob_menu .inner{width: auto;  padding: 50px 50px; }
.mob_menu .inner ul {}
.mob_menu .inner ul li{list-style:none; width:auto;}
.mob_menu .inner ul li a{position:relative;}
.mob_menu .inner ul li a:before{content:""; position:absolute; top:50%; width:400px; right:calc(100% + 30px); border-bottom:1px solid rgba(255,255,255,0.5);}
.mob_menu .inner ul li a:hover{color:#f69d37}
.mob_menu .inner ul li.menu-item-122 a:after{position:absolute;width: 16px;height: 16px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#f69d37;color:black;right: -12px;top: 4px;font-size: 9px;}
.mob_menu .inner ul li.active  a{color:#f69d37}

.header{margin: 30px 0 20px; font-weight:500;}
.header .logo{width: 250px;}
.header .menu ul li{display:inline-block;  margin-left:40px;}
.header .menu ul li a:hover{color:#f69d37}
.header .menu ul li.menu-item-122 a{position:relative}
.header .menu ul li.menu-item-122 a:after{position:absolute;width: 16px;height: 16px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#f69d37;color:black;right: -12px;top: -5px;font-size: 9px;}
.header .menu ul li.current-menu-item  a{color:#f69d37}
.header .menu_btn{display:none}
.header .menu_btn i{font-size:30px; margin-right:10px; display:inline-block; vertical-align:middle}


.video_banner{ position:relative; width:100%; padding-bottom: 35%;}
.video_banner:before{content:""; position:absolute; top:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5}
.video_banner:after{content:""; position:absolute; bottom:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5; transform:rotate(180deg)}

.video_banner .video{    overflow: hidden;    position: absolute;    width: 100%;    height: 100%;}
.video_banner .video video {height: 100%;    width: 177.77777778vh;     min-width: 100%;    min-height: 56.25vw;  position: absolute;    left: 50%;     top: 50%;    transform: translate(-50%, -50%); width:  }
.video_banner .banner_content{position:absolute; top:50%; transform:translatey(-50%); width:100%; color:#fff; text-align:center;}
.video_banner .banner_content img{display:inline-block; margin-top:30px}


.banner .slide{position:relative; text-align:center;}
.banner .slide .image{min-height:350px}
.banner .slide .image:after{display:block; padding-bottom: 35%; content:""}
.banner .slide .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85)}
.banner .slide .overlay .banner_content{position:absolute; top:50%; transform:translatey(-50%); width:100%; color:#fff}
.banner .slide .overlay .banner_content img{display:inline-block; margin-top:30px}

.banner:before{content:""; position:absolute; top:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5}
.banner:after{content:""; position:absolute; bottom:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5; transform:rotate(180deg)}
.banner.subpage .slide:after{display:block; padding-bottom: 20%; content:""}


.dots{position:relative;}
.dots img{position:absolute; left:50%; top:0%; transform:translate(-50% , -50%); z-index:99}

.home_content{margin: 80px 0}
.home_content .left{width: 50%;  padding-right:100px }
.home_content .right{width:50%; padding-right:100px }
.home_content .right p:first-of-type{ font-weight:500}
.home_content .right .btn{margin-top: 30px;}

.content.subpage{padding:50px 0}
.content.subpage .breadcrumb{margin-bottom: 20px;}
.content.subpage .left{width:60%; float:left;}
.content.subpage .left ul{margin-left:30px; margin-bottom:1em}
.content.subpage .left ol{margin-left:30px; margin-bottom:1em}
.content.subpage .right{width:40%; float:left; padding-left: 50px}
.content.subpage .images {width:calc(100% + 10px); margin-left:-5px; font-size:0}
.content.subpage .images .image{padding: 10px; border:1px solid #efefef; width:calc(33.333% - 10px); margin: 0 5px 10px; background:#fff; display:inline-block }
.content.subpage .images .image:first-of-type{width:100%; padding:20px}
.content.subpage .images .image .inner:after{content:""; padding-bottom:100%; display:block}

.content.subpage .right .contact{background:#f2eee9; padding: 30px}
.content.subpage .right .contact i{color:#f69d37; display:inline-block; width:30px; }
.content.subpage .right .social{margin-top:2em}
.content.subpage .right .social i{font-size:30px; margin-right: 10px}
.content.subpage .right .social a:hover i{color:#000}

.content.subpage .winkels .winkel{margin-bottom: 1em; padding-bottom:1em;  border-bottom:1px solid #efefef;}
.content.subpage .winkels .winkel .left{width:calc(100% - 300px); padding: 30px 0}
.content.subpage .winkels .winkel .right{width:300px; padding-left:0}

.category_bar{background:#f2eee9; text-align:center; padding: 80px 0; position:relative}
.category_bar:before{content:""; position:absolute; top:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5}
.category_bar:after{content:""; position:absolute; bottom:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5; transform:rotate(180deg)}
.category_bar .categories{margin-top: 50px; font-weight:700; font-size:0px;}
.category_bar .categories a{width: 16.6666%; display:inline-block; padding: 20px; font-size:24px; line-height:1.1; vertical-align:top}
.category_bar .categories a:last-of-type .clipped_img{background:#000; padding: 0px}
.category_bar .categories a .clipped_img{background:#fff; padding: 50px 40px 30px; margin-bottom: 30px}

.insta_bar{padding: 50px 0;}



.certificates_bar{text-align:center; margin: 50px 0 ; color:#b0b0b0}
.certificates_bar .cert_logos {margin-bottom: 40px}
.certificates_bar .cert_logos .logo{display:inline-block; vertical-align:middle; margin: 0 20px}
.certificates_bar .cert_logos .logo img{max-height: 65px; max-width: 150px;}

.footer{position:relative; text-align:center; color:#fff; padding: 100px 0 50px}
.footer:before{content:""; position:absolute; top:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5}
.footer .overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.95)}
.footer img{display:inline-block; margin-bottom: 20px;}
.footer .maxw1{position:relative}
.footer i{color:#f69d37}
.footer a{display:inline-block}
.footer a:hover{color:#f69d37}
.footer .social i{font-size:35px; margin: 0 10px}
.footer .social a:hover i{color:#fff}

.footer .bottom{color:#605f60; margin-top: 40px; padding: 30px 0; max-width: 600px; margin: 40px auto 0; border-top:1px solid #4b4a4d}
.footer .bottom a:hover{color:#fff}

.breadcrumb{text-align:right; font-size:12px; margin-bottom: 0px}

.category_page{background:#f2eee9; padding: 80px 0; position:relative; }
.category_page:before{content:""; position:absolute; top:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5}
.category_page:after{content:""; position:absolute; bottom:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5; transform:rotate(180deg)}
.category_page .left{width:60%; float:left;}
.category_page .left td{min-width:100px}
.category_page .left ul{margin-left:30px; margin-bottom:1em}
.category_page .left ol{margin-left:30px; margin-bottom:1em}
.category_page .right{width:40%; float:right; padding-left: 50px}
.category_page .right .clipped_img{background:#fff; padding: 15%; margin-bottom: 30px}

.category_page .categories{margin-top: 50px; font-weight:700; font-size:0px;}
.category_page .categories a{width: 20%; display:inline-block; padding: 20px; font-size:24px; text-align:center;  line-height:1.1}
.category_page .categories a .clipped_img{background:#fff; padding: 50px 40px 30px; margin-bottom: 30px}


.category_page .products{margin-top: 50px; font-weight:700; font-size:0px;}
.category_page .products a .clipped_img{background:#fff; padding: 0; margin-bottom: 30px}
.category_page .products a{width: 20%; display:inline-block; padding: 20px; font-size:24px; text-align:center;  line-height:1.1}

.product_content {margin-bottom: 50px; background:#f2eee9; padding: 80px 0; position:relative}
.product_content:before{content:""; position:absolute; top:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5}
.product_content:after{content:""; position:absolute; bottom:-5px; left:0; width:100%; padding-bottom: 5%; background:url(img/border_white.png) no-repeat top/contain; z-index:5; transform:rotate(180deg)}
.product_content .left{width:60%; float:left;}
.product_content .right{width:40%; float:left; padding-left: 50px}

.product_content .images {width:calc(100% + 10px); margin-left:-5px; font-size:0}
.product_content .images .image{padding: 10px; border:1px solid #efefef; width:calc(33.333% - 10px); margin: 0 5px 10px; background:#fff; display:inline-block }
.product_content .images .image:first-of-type{width:100%; padding:20px}
.product_content .images .image .inner:after{content:""; padding-bottom:100%; display:block}
.product_content .images .img{display:inline-block; width:100%; }

.vacatures_list {display:grid; gap:30px; grid-template-columns:repeat(4 , 1fr)}
.vacatures_list .vac_item{ padding: 20px; font-size:20px; text-align:center;  line-height:1.1; font-weight:700}
.vacatures_list .vac_item .clipped_img{background:#fff; padding: 0; max-width: 200px;    margin: 0 auto 30px;}

.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: 1250px) {
	.header .logo{width:200px;}
	.header .menu ul li {   margin-left: 30px;}
	.vacatures_list {grid-template-columns:repeat(3 , 1fr)}
}



@media only screen and (max-width: 1150px) {
	h1, .h1{font-size:50px;}
	body{font-size:16px;}
	
	.video_banner .product_img img{width: 150px;}
	.banner .product_img img{width: 150px;}
	
	.home_content .left {  padding-right: 50px;}
	.home_content .right {  padding-right: 0px;}
	.category_bar .categories a .clipped_img{padding: 25% 20% 15%; }
	
}

@media only screen and (max-width: 1050px) {	
	.header .menu ul {display:none}
	.header .menu .menu_btn{display:block;}
}

@media only screen and (max-width: 1000px) {	
	
	.category_bar .categories a{font-size:20px}
	.product_content .left{width:100%; float:left; margin-bottom: 30px}
	.product_content .right{width:100%; float:left; padding-left: 0px}
	
	.content.subpage .left{width:100%; float:left; margin-bottom: 30px}
	.content.subpage .right{width:100%; float:left; padding-left: 0px}
	.product_content .images .image:first-of-type{width:calc(33.3333% - 10px); padding:10px}
	.content.subpage .images .image:first-of-type{width:calc(33.3333% - 10px); padding:10px}
	
}

@media only screen and (max-width: 960px) {
	.vacatures_list {grid-template-columns:repeat(2 , 1fr); gap:20px}
}

@media only screen and (max-width: 800px) {
	.home_content .left {display:none; width:100%; padding-right: 0px;}
	.home_content .right {  width:100%}
	.dots img{width: 15px;}
	.category_bar .categories a{width:33.33333%}
	.certificates_bar .cert_logos .logo{margin: 0 10px;}
	.certificates_bar .cert_logos .logo img {    height: 35px; margin-bottom:20px}
	.certificates_bar .cert_logos {    margin-bottom: 20px;}
	.category_page .categories a{width: 33.333%; }
	.category_page .products a{width: 33.333%; }
	.category_page .right{width:100%; float:left; padding-left: 0px;max-width: 350px;}
	.category_page .right .clipped_img{max-width: 350px;}
	.category_page .left{width:100%}
}

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

	.content.subpage .winkels .winkel .left{width:calc(100% - 250px);}
	.content.subpage .winkels .winkel .right{width:250px; }
}


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

	.content.subpage .winkels .winkel .left{width:calc(100% - 200px); padding: 0}
	.content.subpage .winkels .winkel .right{width:200px; }
}

@media only screen and (max-width: 500px) {
	.hide_mobile{display:none}
	.category_bar .categories a{width:100%; text-align:left; margin:0px 0; padding:0}
	.category_bar .categories a .clipped_img{width: 150px; display:inline-block; vertical-align:middle; padding: 12% 10% 8%; margin-right: 20px }
	.footer a{display:block;}
	.footer .social a{display:inline-block}
	
	.category_page .categories a{width: 100%; text-align:left; margin:0px 0; padding:0}
	.category_page .products a{width: 100%; text-align:left; margin:0px 0; padding:0}
	.category_page .categories a .clipped_img{width: 150px; display:inline-block; vertical-align:middle; padding: 12% 10% 8%; margin-right: 20px }
	.category_page .products a .clipped_img{width: 150px; display:inline-block; vertical-align:middle;  margin-right: 20px }
	.category_page a .title{width:calc(100% - 180px); display:inline-block}
	
	.product_content .images .image{width:calc(50% - 10px); padding:10px}
	.product_content .images .image:first-of-type{width:calc(50% - 10px); padding:10px}
	.content.subpage .images .image{width:calc(50% - 10px); padding:10px}
	.content.subpage .images .image:first-of-type{width:calc(50% - 10px); padding:10px}
	
	.content.subpage .winkels .winkel .left{width:calc(100%); margin-bottom: 20px;}
	.content.subpage .winkels .winkel .right{width:250px; }
	.vacatures_list {grid-template-columns:repeat(1 , 1fr);}
}

@media only screen and (max-width: 350px) {
	.header .logo {    width: 150px;}
	
	.category_bar .categories a .clipped_img{width: 100px;  }
	
	.category_page .categories a .clipped_img{width: 100px; }
	.category_page a .title{width:calc(100% - 130px); }
	
	.category_page .products a .clipped_img{width: 100px; }
	.content.subpage .right .contact {    padding: 30px 20px;}
	.content.subpage .right .contact i {   width: 20px;}
	
}