/* normal */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition-duration:0.15s;
}
html,
body {
	font-family: "bicyclette", sans-serif;
	font-size: 18px;
	color: #213f39;
	font-weight: 300;
	line-height:1.8;
	word-break: break-word;
}

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; font-family: "finalsix", sans-serif; color:#0c8b3c
}

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

p{margin-bottom:1em}


.maxw1{max-width:1385px; margin:0 auto; padding: 0 20px;}
.maxw2{max-width:1185px; margin:0 auto; padding: 0 20px;}
.maxw3{max-width:800px; margin:0 auto; padding: 0 20px;}

.clear{clear:both;}
.flexbox{display:flex; flex-wrap:wrap}
.flexbox.space_between{justify-content: space-between;} 
.flexbox.justify_center{justify-content: center;} 
.flexbox.align_right{justify-content: flex-end;}
.flexbox.align_center{align-items: center;}
.flexbox.align_bottom{align-items: flex-end;}
.flexbox.align_top{align-items: flex-start;}

svg{display:flex}

.btn{display:inline-block; cursor:pointer; line-height:1; text-decoration:none!important }
.btn.l_btn{font-size:18px; font-weight:100; padding: 20px 40px; border-radius:10px}
.btn.n_btn{font-size:18px; font-weight:700; padding: 15px 30px; border-radius:10px}
.btn.s_btn{font-size:18px; font-weight:100; padding: 15px 25px; border-radius:10px}
.btn.icon_left i{margin-right:15px}
.btn.white_border{border:1px solid #fff;}
.btn.white_border:hover{border:1px solid #213f39; background:#fff; color:#213f39}

.btn.white_clr1{background:#fff; color: #213f39}
.btn.gradient_white{color:#fff; background:linear-gradient(90deg, #0c8b3c, #54a632, #54a632);}
.btn.light_btn{color:#213f39; background:#cce5d5;}

.col50{width:50%; float:left;}

.left_icon{width:30px; position:absolute; left:0; top:10px; height:22px }
.left_icon img{max-height:100%; position:absolute; bottom:0}
.padding_left{padding-left:50px; position:relative; }


.big_menu{position:absolute; top:0; right:0; background:#213f39; color:#fff; z-index:99999999999; width:100%; height:0; overflow:hidden; transition-duration:1s}
.big_menu.open{height:100%; overflow-y:auto}
.big_menu.open::-webkit-scrollbar {
    width: 12px;
}

.big_menu.open::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.big_menu.open::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.big_menu .inner{ padding: 30px 20px;}
.big_menu .close{text-align:right; margin-bottom: 30px}
.big_menu .close .close_btn{display:inline-block; border:1px solid #fff; color:#fff;  line-height:1; cursor:pointer}
.big_menu .close .close_btn:hover{border:1px solid #213f39; color:#213f39; background:#fff}
.big_menu .close .close_btn span{margin-left:20px; display:inline-block; vertical-align:middle}
.big_menu .close .close_btn  i{display:inline-block; vertical-align:middle;}


.big_menu ul li{list-style:none; font-size:30px }
.big_menu ul li a{ padding: 10px 0px; display:block}
.big_menu ul li ul{display:none; margin-left:20px}
.big_menu ul li ul li {position:relative; font-size:90%}
.big_menu ul li ul li a{padding: 5px 0px 5px 0px; border-left:3px solid #213f39}
.big_menu ul li.menu-item-has-children i{position:relative; width: 25px; height:25px; line-height:25px; text-align:center; border-radius:100%; border:1px solid #fff; display:inline-block; vertical-align:middle; font-size:15px; margin-left:35px; transition-duration:0.5s }

.big_menu ul li.menu-item-has-children.sub > a i{transform: scaley(-1); background:#fff; color:#213f39}
.big_menu ul li ul li ul{left:100%; top:0}



.header{padding: 0; font-size:0; padding-bottom:20px;}
.header .logo{width: 270px; display:inline-block; vertical-align:middle;}
.header .right{width:calc(100% - 300px); display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; vertical-align:middle; text-align:right}

.header .top_bar{font-size: 16px; width: 100%; padding: 10px 0;}
.header .main_bar{width:100%; padding: 0}

.header .main_menu{display:inline-block; font-weight:500; font-size:16px; margin-right:20px; text-align:left; font-family: "finalsix", sans-serif;     vertical-align: middle;}
.header .main_menu > ul > li{display:inline-block; margin: 0 15px }
.header .main_menu > ul > li > a:hover{color:#54a632}
.header .main_menu ul li a{ padding: 10px 0px; display:block}
.header .main_menu ul li.menu-item-has-children > a:after{content:"\f107"; font-weight:500; font-family:"Font Awesome 6 Pro"; margin-left:10px}
.header .main_menu ul li ul{display:none; position:absolute; background:#fff; z-index:999}
.header .main_menu ul li:hover > ul{display:block}
.header .main_menu ul li ul li {display:block; position:relative}
.header .main_menu ul li ul li a{padding: 5px 30px 5px 20px; border-left:3px solid #213f39}
.header .main_menu ul li ul li a:hover{ border-left:3px solid #54a632; color:#54a632}
.header .main_menu ul li ul li.menu-item-has-children > a{position:relative}
.header .main_menu ul li ul li.menu-item-has-children > a:after{content:"\f105"; font-weight:300; font-family:"Font Awesome 6 Pro"; margin-left:10px; position:absolute; right:10px; top:8px}
.header .main_menu ul li ul li ul{left:100%; top:0}

.header .mgn{width:150px; display:inline-block; vertical-align:middle; padding: 10px 0;     max-width: 100%;}

.header .menu_btn{display:none; margin-left:20px; vertical-align:middle; background:#213f39; color:#fff; border:1px solid #fff; border-radius:10px;  line-height:1;  cursor:pointer}
.header .menu_btn:hover{background:#fff; color:#213f39;  border:1px solid #213f39; }
.header .menu_btn span{display:none}

.banner{background:linear-gradient(90deg, #0c8b3c, #54a632, #54a632); color:#fff;}
.banner .text_bar{ padding: 100px 0 100px calc(50% - 672.5px); width:calc(50% - 290px);float:left;  min-height: 300px; }

.banner .text_bar .banner_title{font-size:30px; font-weight:700;  font-family: "finalsix", sans-serif;  margin-bottom:20px}
.banner .text_bar .btn{margin-top:20px;}
.banner .slider{width:calc(50% + 290px); overflow:hidden; float:left; }
.banner .slider .clip_path_slider{-webkit-clip-path: url(#clip_path_slider); clip-path: url(#clip_path_slider); height: 100%;}
.banner .slider .slick-slider{height: 100%;}
.banner .slider .slick-list{position:relative; height:100%}
.banner .slider .slick-track{position:relative; height:100%}
.banner .slider .slide{ height:100%}

.banner .text_bar.no_text{width:calc(50% - 672.5px); padding: 0}
.banner .slider.no_text{width:calc(50% + 672.5px); }

.fast_links{margin-top:20px}
.fast_links ul{font-weight:400; font-size:21px; margin-left:0}
.fast_links li{position:relative; padding-left:40px; list-style:none; margin-bottom:10px;}
.fast_links li a{display:block}
.fast_links li a:hover{transform:translatex(2px)}
.fast_links li:before{ content:""; width: 20px; height:20px; background:url(img/cross_white.svg) no-repeat center/contain; position:absolute; left:0; top:8px }

#breadcrumbs{text-align:right; color:#d5d5d5; font-size:80%; padding: 10px 0 0; line-height:1}

.content_bar{padding: 110px 0}
.content_bar ul, .content_bar ol{margin-left:30px; margin-bottom:1em;}
.content_bar b, .content_bar strong{font-weight:700}
.content_bar a{color:#54a632; text-decoration:underline}
.content_bar a:hover{color:#0c8b3c}

.content_bar .left{width:60%; float:left;}

.content_bar .right{width:40%; float:left; padding-left:70px}
.content_bar .right .clipped_img{-webkit-clip-path: url(#clip_path_contentimg); clip-path: url(#clip_path_contentimg); position:relative}
.content_bar .right .image_right{position:relative;}
.content_bar .right .image_right:after{content:""; width: 50px; height:50px; background:url(img/cross_green.svg) no-repeat center/contain; position:absolute; right:22%; bottom:10% }
.content_bar .right .clipped_img .image:after{content:""; padding-bottom:100%; display:block;}

.news_bar{background:#cce5d5; width:calc(50% + 500px); position:relative; padding:40px 230px 40px calc(50% - 572.5px)}
.news_bar .overlay{width:175px; height:calc(100% + 2px); position:absolute; right:0px; top:-1px;}
.news_bar .overlay:after{content:""; padding-bottom:}
.news_bar .overlay img{width:100%; height:100%}
.news_bar .news_item{background:#cce5d5; color:#223f3a; display:block; position:relative;}
.news_bar .news_item .title{font-weight: 700; line-height:1.3; font-family: "finalsix", sans-serif; font-size:36px; font-weight:700; margin-bottom:20px; color:#223f3a}
.news_bar .news_item .title span{font-weight:500}
.news_bar .news_item .text{max-height:100px;overflow: hidden;}
.news_bar .news_item .more{text-decoration:underline}
.news_bar .news_item:hover .more{font-weight:700}

.mindd{margin-bottom:50px}

.btn_block {background:#cce5d5; padding: 40px 30px; margin-bottom:30px; border-radius:10px; line-height:1.6; position:relative;}
.btn_block .h3{color:#213f39; margin-bottom:1rem}
.btn_block .btn_bar{margin-top:20px;}
.btn_block .btn.icon_left{position:relative; padding: 20px 20px 20px 55px; margin: 5px 0; display:block; }
.btn_block .btn.icon_left .icon {    width: 25px;    display: inline-block;    vertical-align: middle;    position: absolute;    left: 20px;    top: 50%;    transform: translatey(-50%);    line-height: 0;}
.btn_block .btn.icon_left .icon .st0{fill:#0c8b3c}
.btn_block .btn.icon_left .icon .st1{fill:#fff}

.btn_block .btn.icon_left:hover .icon .st0{fill:#213f39;}
.btn_block .btn.icon_left:hover .icon .st1{fill:#fff;}

.footer{background:#213f39; color:#fff; padding-top:60px;}
.footer .title{font-size:30px; font-weight:700; font-family: "finalsix", sans-serif; margin-bottom:30px; line-height:1.3}
.footer .address{width:50%; float:left;}

.footer .address a i{display:inline-block; vertical-align:middle; width: 25px;}
.footer .address a:hover{color:#54a632}

.footer .contact_links{width:50%; float:left;}
.footer .contact_links ul li{list-style:none}
.footer .contact_links ul li i{display:inline-block; vertical-align:middle; width: 25px;}
.footer .contact_links ul li a:hover{color:#54a632}

.footer .bottom{margin-top:60px; padding:20px 0; border-top:1px solid rgba(255,255,255,0.2); display:flex; color:rgba(255,255,255,0.3); justify-content: space-between; font-size:16px;}
.footer .bottom a:hover{color:#fff}

.subpages .btn{display:block; margin-bottom:3px}

.news_archive .news_item{padding: 20px 0; border-bottom:1px solid #51446c; display:block}
.news_archive .news_item:hover{color:#54a632}
.news_archive .news_item .image{width:150px; margin-right:30px; float:left;}
.news_archive .news_item .image:after{display:block; content:""; padding-bottom:100%;}
.news_archive .news_item .text{width:calc(100% - 180px); float:left; color:#213f39}
.news_archive .news_item .text.wide{width:100%}
.news_archive .news_item .title .date{font-weight:100; display:inline-block; font-size:80%}
.news_archive .news_item .more{text-decoration:underline;     color: #54a632;}

.contact_block{ background:#213f39; color:#fff; padding: 50px 50px; border-top-left-radius:100px}
.contact_block ul{list-style:none; margin-left:0; margin-top:20px}
.contact_block ul li{min-height:20px}
.contact_block ul li i{display:inline-block; vertical-align:middle; width: 25px;}
.contact_block ul li a:hover{color:#54a632}
.map iframe{width:100%; height:200px;}

.team_block .team_item{padding: 10px 0; border-bottom:1px solid #f2f2f2; display:flex; flex-wrap:wrap; align-items:flex-start}
.team_block .team_item .ti_image{width: 150px; display:inline-block; border-radius: 0 20px 0 20px; margin-right: 30px}
.team_block .team_item .ti_image:after{content:""; padding-bottom:100%; display:block;}
.team_block .team_item .ti_content{display:inline-block; width:calc(100% - 180px); vertical-align:top; padding-top:20px }
.team_block .team_item .ti_content .info_line{display:flex; flex-wrap:wrap; gap:5px;}
.team_block .team_item .ti_content .info_line .label{width:75px; font-weight:700}
.team_block .team_item .ti_content .info_line .value{width:calc(100% - 80px)}

.team_block .team_item .ti_content .aanwezigheid {display:flex; flex-wrap:wrap; gap:5px; margin: 10px 0}
.team_block .team_item .ti_content .aanwezigheid .line{display:flex; flex-wrap:wrap; width:100%}
.team_block .team_item .ti_content .aanwezigheid .place{width:100px; font-weight:700} 
.team_block .team_item .ti_content .aanwezigheid .days{display:flex; flex-wrap:wrap;    text-transform:uppercase; align-items: center; width:calc(100% ); gap:10px}
.team_block .team_item .ti_content .aanwezigheid .days .day {width:25px; height:25px; font-size:13px; font-weight:700; background:#f2f2f2; border-radius:100%; display:flex;     align-items: center;    justify-content: center;}
.team_block .team_item .ti_content .aanwezigheid .days .day.active{background:#0c8b3c; color:#fff;}
.team_block .team_item .ti_content .aanwezigheid .days .day.half_active{background:linear-gradient(55deg , #0c8b3c 0% ,#0c8b3c 50% ,  #f2f2f2 50%); color:#fff; text-shadow:0px 0px 5px #0c8b3c;}


.wpcf7 hr{margin: 2em 0; border:none; border-bottom:1px solid #ddd }
.wpcf7 .form_item{margin-bottom: 20px;}
.wpcf7 .label{width: 100%; display:block; }
.wpcf7 .form_field{width:100%; display:block;}
.wpcf7 input, .wpcf7 textarea,  .wpcf7 select{width:100%; padding:5px 15px; border: 1px solid #dddddd ; font:inherit; border-radius:10px }
.wpcf7 input[type="submit"]{font-size:18px; font-weight:100; line-height:1; cursor:pointer;  padding: 20px 40px; border-radius:100px; width:auto; color:#fff;     background: #0c8b3c; border:1px solid #0c8b3c;}
.wpcf7 input[type="submit"]:hover{background:#fff; color:#54a632; border:1px solid #54a632;}
.wpcf7 select{background:url(img/angle-down.png) no-repeat calc(100% - 10px) 50% #fff; padding-right:40px}

span.wpcf7-list-item {display: inline-block;margin: 0px 0 0;}
span.checkbox{margin-top:10px; display: block;}
.wpcf7 .wpcf7-list-item {display: block;  }
.wpcf7-list-item-label {margin-left: 30px;display: inline-block; vertical-align: top;}
.wpcf7-checkbox {padding: 5px 0px; display: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 #989898; background:#fff}
.wpcf7-checkbox input[type=checkbox] + span:after {display: block;position: absolute;content: "\f00d";font-family:"Font Awesome 6 Pro";font-weight:900;height: 16px;width: 16px;color:#54a632;top: 2px;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 #989898; background:#fff}
.wpcf7-radio input[type=radio] + span:after {display: block;position: absolute;content: "";font-family:"Font Awesome 6 Pro";font-weight:900;height: 12px;width: 12px;color:#54a632; background:#54a632; 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;}

.digital_signature-pad{border: 1px solid #dddddd;}


@media only screen and (max-width: 1385px) {
	.header .main_menu > ul > li {   margin: 0 10px;}
	
	.banner .text_bar{ padding: 70px 20px 70px 20px;  width:calc(50%);}
	.banner .slider{width:50%}
	
	.banner .text_bar.no_text{width:70px; padding: 0}
	.banner .slider.no_text{width:calc(100% - 70px); }
	
}

@media only screen and (max-width: 1300px) {
	.header .logo {  width: 230px;}
	.header .right { width: calc(100% - 270px);}
	
}

@media only screen and (max-width: 1250px) {
	.header .logo {   width: 270px;}
	.header .right { width: calc(100% - 290px);}
	.header .main_menu{display:none}
	.header .menu_btn {    display: inline-block;}
	.header .menu_btn i{display:inline-block; vertical-align:middle;}
	.header .menu_btn span{display:inline-block; vertical-align:middle; margin-left:20px}
}


@media only screen and (max-width: 1185px) {
	
	
	.news_bar{padding:40px 150px 40px 20px; width:calc(100% - 50px)}
	
	.footer .address{width:100%; }
	.footer .contact_links{width:100%; }
	
}
@media only screen and (max-width: 1050px) {

.content_bar{padding: 80px 0}
	.content_bar .left{width:100%; }
	.content_bar .right{width:100%; padding-left:0; margin-top: 50px}
	.content_bar .right .image_right{max-width:650px;}
}
@media only screen and (max-width: 900px) {
	
	
	.news_bar .news_item .title {font-size: 30px;}
	
	
	
	
}
@media only screen and (max-width: 800px) {
	.big_menu .maxw3{padding:0}
}


@media only screen and (max-width: 700px) {
	.col50{width:100%; margin-bottom: 40px}
	.header .logo { margin-top:15px;       width: 100%;        text-align: center;    margin-bottom:20px}
	.header .logo img{display:inline-block; width:200px}
	.header .top_bar{text-align:center;}
	.header .main_bar{justify-content: center;}
	.header .right {        width: 100%;justify-content: center;    }
	.banner .text_bar{width:calc(100%);}
	.banner .slider{width:100%; height: 300px}
	.news_bar {width: calc(100% - 20px);  padding: 40px 70px 40px 20px;}
	.news_bar .overlay {    width: 120px;}
	
	
	.footer .bottom{display:block; margin-top: 20px;}
	.news_archive .news_item .image{width:100px; margin-right:20px; }
	.news_archive .news_item .text{width:calc(100% - 120px); }
}
@media only screen and (max-width: 600px) {
	.wpcf7 .label{width: 100%; display:block; }
	.wpcf7 .form_field{width: calc(100%); display:block;}
	
	
}

@media only screen and (max-width: 500px) {
	html, body{font-size:17px}
	h1, .h1{font-size:30px; margin-bottom:20px}
	h2, .h2{font-size:22px;}
	h3, .h3{font-size:20px;}
	h4, .h4{font-size:18px;}
	h5, .h5{font-size:17px;}
	h6, .h6{font-size:17px;}
	.btn.l_btn { font-size: 16px;  padding: 16px 30px;}
	.big_menu ul li {font-size: 26px;}
	
	
	
	
	.left_icon{width:20px; position:absolute; left:-10px; top:10px; height:16px }
	.padding_left{padding-left:20px; position:relative; }
	.banner .text_bar {padding: 30px 20px 30px 20px;}
	.banner .text_bar .banner_title{font-size:28px; margin-bottom:10px}
	.content_bar{padding:50px 0}
	.content_bar .fast_links ul{font-size:18px}
	.content_bar .fast_links li {padding-left: 30px;}
	.content_bar .fast_links li:before {width: 16px; height: 16px;  top: 8px;}
	.news_bar .news_item .title {font-size: 24px;}
	.news_bar .news_item .text { max-height: 92px;}
	.footer .title {font-size: 24px;}
	.footer .bottom{font-size:14px;}
	.news_archive .news_item .image{margin-bottom:20px; }
	.news_archive .news_item .text{width:calc(100%); }
	.banner .text_bar.no_text{min-height:200px}
	.banner .slider.no_text{height:200px}
	.contact_block {border-top-left-radius: 50px; padding: 50px 30px 30px}
	.btn_block br{display:none}
	
	.team_block .team_item .ti_image{width: 110px; margin-right: 20px}
	.team_block .team_item .ti_content{width:calc(100% - 130px); }
	
}

@media only screen and (max-width: 400px) {
	.maxw1 { padding: 0 15px;}
	.maxw2 { padding: 0 15px;}
	h1, .h1{font-size:26px;}
	.big_menu .inner{padding:20px}
	.big_menu .close .close_btn {padding: 13px 18px;}
	.big_menu .close .close_btn span{margin-left:10px}
	.big_menu ul li {font-size: 22px;}
	.header .btn.n_btn{padding: 15px 20px; }
	.header .menu_btn span {       margin-left: 10px;    }
	.padding_left {padding-left: 0px;        }
	.left_icon{display:none}
	
	.news_bar {width: calc(100%); padding: 40px 20px 40px 20px;}
	.news_bar .overlay{display:none}
	.btn_block {padding: 30px 25px;}
	.team_block .team_item .ti_content{width:calc(100%); }
}
