/* normal */

:root{
	--clr1: #010101;
	--clr2: #00fe01;
	--clr3: #005bfe;
	--light_text : #9b9b9b;
	--border_clr : #cccccc;
	--awesome100 : 100 100% "Font Awesome 6 Pro";
	--awesome300 : 300 100% "Font Awesome 6 Pro";
	--awesome400 : 400 100% "Font Awesome 6 Pro";
	--awesome900 : 900 100% "Font Awesome 6 Pro";
}

* {
	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: "filson-pro", sans-serif;
	font-size: 18px;
	color: var(--clr1);
	font-weight: 300;
	line-height:1.66;
	word-break: break-word;
	scroll-behavior:smooth;
}

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; background: -webkit-linear-gradient(33deg , var(--clr3) , var(--clr2) ); background: -o-linear-gradient(33deg , var(--clr3) , var(--clr2)); background: linear-gradient(33deg , var(--clr3) , var(--clr2));
-webkit-background-clip: text; -webkit-text-fill-color: transparent; display:grid
}

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

p{margin-bottom:1em}

.page_title{margin-bottom:2.5em}

.maxw1{max-width:1440px; 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;}

.grid{display:grid; gap: 40px;}
.grid.cols2{grid-template-columns: repeat(2, 1fr);}
.grid.cols3{grid-template-columns: repeat(3, 1fr);}
.grid.cols4{grid-template-columns: repeat(4, 1fr);}
.grid.cols5{grid-template-columns: repeat(5, 1fr);}
.grid.cols5{grid-template-columns: repeat(6, 1fr);}

.grid .col2{grid-column:span 2}
.grid .col3{grid-column:span 3}
.grid .col4{grid-column:span 4}
.grid .col5{grid-column:span 5}
.grid .col6{grid-column:span 6}

.center_text{text-align:center;}
.center_text ul, .center_text ol{text-align:left;}

.btn_bar{display:block; margin-top:2em;}
.btn{display:inline-block;vertical-align:middle; line-height:1; border:none; position:relative; overflow:hidden;}
.btn.n_btn{padding:15px 25px; border-radius:10px; font-size:18px; font-weight:700; }

.btn.round_btn{border-radius:100%; top:0; left:0; width:64px; height:64px; display:inline-flex; justify-content: center; align-items: center; font-size:24px}

.btn.gradient_white{color:#fff;}
.btn.gradient_white:after{content:""; width:100%; height:100%; top:0; left:0; position:absolute; background:linear-gradient(33deg , var(--clr3) , var(--clr2)); z-index:-1 ; transition-duration:0.2s  }
.btn.gradient_white:hover:after{width:170%; }

.table_wrap{overflow-x:auto; word-break: auto-phrase;}
.table_wrap table{border-collapse: collapse;}
.table_wrap table td{border:1px solid var(--border_clr); padding:5px 10px; vertical-align:top; min-width: 200px}

.content_container ul, .content_container ol{margin-left:30px; margin-bottom:1em;}

.swiper-horizontal{overflow:hidden;}

.mob_menu{overflow:hidden; right:0; top:0; position:fixed; width:0dvw; height:100dvh; z-index:999999999999}
.mob_menu.active{width:100dvw}
.mob_menu .inner{background:var(--clr1); color:#fff; height:100%; min-width:300px; padding: 20px; overflow-y:scroll}
.mob_menu .inner .menu_top{margin-bottom:40px}
.mob_menu .inner ul{list-style:none; text-align:center; font-size:120%}
.mob_menu .inner ul li{margin-bottom:20px;}
.mob_menu .inner ul li a:hover{color:var(--clr2)}

.top_bar{background:var(--clr1); color:#fff; padding:10px 0; font-weight:200; font-size:16px}
.top_bar .rating i{color:var(--clr2)}
.top_bar .contact_btns a{margin-left:25px}
.top_bar .contact_btns a:hover{color:var(--clr2)}
.top_bar .contact_btns a span{display:inline-block; margin-left:5px}

.header{padding:20px 0; font-weight:400}
.header .menu_bar ul li{display:inline-block; margin-left:40px;}
.header .menu_bar ul li a{position:relative; display:block;}
.header .menu_bar ul li a:after{content:""; display:block; width:0%; height:3px; background:linear-gradient(90deg , var(--clr3), var(--clr2)); position:absolute; top:calc(100% + 5px); left:50%; transform:translatex(-50%); transition-duration:0.2s}
.header .menu_bar ul li a:hover:after{width:100%}
.header .menu_bar ul li.btn a:after{display:none}
.header .menu_bar ul li.btn{padding:0}
.header .menu_bar ul li.btn a{padding:15px 25px; }
.header .menu_bar .mob_btns{display:none}

.banner{position:relative;}
.banner .slider{position:absolute; left:0; top:0; width:100%; height:100%}
.banner .overlay{width:50%; padding: 8% 0 5% calc(50% - 700px); background:linear-gradient(90deg , rgba(0,91,254,1) , rgba(23,219,24,0.4), rgba(23,219,24,0) ); position:relative; z-index:1}
.banner .overlay .slider_content{color:#fff}
.banner .overlay .slider_content .slogan{font-size:40px; line-height:1.25; font-weight:400}
.banner .overlay .slider_content .slogan b{font-weight:700}

.banner_subpage .slider .slide:after{content:""; padding-bottom:17%; display:block}

.home_blocks{background:var(--clr1); padding: 65px 0}
.home_blocks .block{ color:#fff; text-align:center; position:relative; font-size:30px; font-weight:700; line-height:1}

.home_blocks .block .block_content{padding:0 20px}
.home_blocks .block .image:after{content:""; padding-bottom:67%; display:block;}
.home_blocks .block .overlay{background:linear-gradient(33deg , rgba(0,91,254,1) 20%, rgba(23,219,24,0.4), rgba(23,219,24,0.2) ); position:absolute; left:0; top:0; width:100%; height:100%; display: grid;    align-items: center;    justify-items: center; border:4px solid #fff;}
.home_blocks .block .icon{font-size:40px; margin-bottom:0.75em}
.home_blocks .block:hover .overlay{border:10px solid #fff;}

.home_content .left{width:50%; padding:75px 60px 75px calc(50% - 700px)} 
.home_content .right{width:50%; position:relative;}
.home_content .right img{width:100%; height:100%; object-fit:cover}

.bottom_slider .slide:after{content:""; padding-bottom:66%; display:block;}

.footer{background:var(--clr1); color:#fff; padding-top:70px; z-index: 0;    position: relative;}
.footer .title{font-weight:700; font-size:24px; margin-bottom:1em}
.footer .address a i{display:inline-block; width:30px}
.footer .address a:hover{color:var(--clr2)}
.footer ul{list-style:none}
.footer ul li{margin-left:35px;}
.footer ul li a:before{content:"\f105"; font:var(--awesome900); width:35px; margin-left:-35px; display:inline-block;}
.footer ul li a:hover{color:var(--clr2)}
.footer .social_btns .btn{margin-right:20px}

.footer .bottom{border-top:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.5); margin-top:70px; padding: 15px 0; font-size:90%}
.footer .bottom .app_btns a{display:inline-block;}
.footer .bottom a:hover{color:#fff;}

.whatsapp_widget{position:fixed; z-index:999; bottom:20px; right:20px; background: #17db18; color:#fff; font-size:36px; border-radius:100%; width:100px; height:100px; display:flex;  justify-content: center; align-items: center;}
.whatsapp_widget:after{content:""; width:30%; height:30%; position:absolute; bottom:0; left:0; background:#17db18; clip-path:polygon(0 100% , 100% 75% , 100% 0 , 25% 0)}
.whatsapp_widget:hover{transform:translatey(-3px)}

.breadcrumbs{text-align:right; font-size:80%; padding:10px 0; color:var(--light_text)}

.subpage_content{margin: 50px 0 70px}
.subpage_content .col2{padding-right:50px}
.subpage_content .back{color:var(--light_text); display:inline-block; margin-top:2em}

.subpage_content .pakket{border:1px solid var(--border_clr); padding:30px; margin-bottom:30px; border-radius:10px}
.subpage_content .pakket .title{margin-bottom:15px}
.subpage_content .pakket .price{font-weight:700; margin-bottom:15px}
.subpage_content .pakket .description{font-size:85%}

.subpages .subpage{display:block; padding:10px 0px; border-bottom:1px solid var(--border_clr); position:relative}
.subpages .subpage:after{content:"\f105"; font:var(--awesome300); position:absolute; right:0px; top:50%; transform:translatey(-50%) }
.subpages .subpage:hover{color:var(--clr3); padding-left:10px }

.reviews .review{border:1px solid var(--border_clr); padding: 30px; border-radius:15px; }
.reviews .review .type{ color:var(--light_text)}
.reviews .review .rating{color:var(--clr2); font-size:110%; margin: 10px 0}
.reviews .review .name{font-style:italic; margin-top:15px}

.reviewslider{margin-bottom:70px}
.reviewslider .swiper-slide{height:auto; font-size:85%}

.contactinfo{border:1px solid var(--border_clr); padding: 30px; border-radius:15px; }
.contactinfo .h3{margin-bottom:20px}
.contactinfo i{width:40px; display:inline-block; color:var(--clr3)} 
.contactinfo span{width:60px; display:inline-block; font-weight:700; color:var(--clr3)}

.leermiddelen {}
.leermiddelen .grid{grid-template-columns: 150px 1fr}

.wpcf7 .form_item{margin-bottom: 20px; display:flex; flex-wrap:wrap}
.wpcf7 .label{width: 180px; }
.wpcf7 .form_field{width: calc(100% - 180px); }
.wpcf7 input, .wpcf7 textarea,  .wpcf7 select{width:100%; padding:5px 15px; border: 1px solid var(--border_clr) ; font:inherit; border-radius:5px }
.wpcf7 button{width:auto; background:transparent } 
.wpcf7 button[type="submit"]:hover{}
.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 var(--border_clr); 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:var(--clr2);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 var(--border_clr); 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:var(--clr2); background:var(--clr2); 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: 1440px) {
	.header .menu_bar ul li {  margin-left: 30px;}
	
	
	.banner .overlay { padding: 8% 0 5% 20px;}
	
	
	
	.home_content .left{padding:75px 40px 75px 20px} 
	
	
}


@media only screen and (max-width: 1300px) {
	.header .menu_bar ul{display:none}
	.header .menu_bar .mob_btns{display:block}
	
	.home_blocks .block{ font-size:24px;}
	
	.footer .cols4 {    grid-template-columns: repeat(2, 1fr);}  
	.footer .socials{ grid-column: 2;    grid-row: 1;}
}
@media only screen and (max-width: 1200px) {
	.home_blocks .grid.cols3 {    grid-template-columns: repeat(2, 1fr);}
	.home_blocks .block{font-size:30px}
	
	
	.home_content .left{width:100%;  padding: 75px 20px 75px 20px;} 

	.home_content .right{width:100%; }
	
	.subpage_content .grid.cols3{ grid-template-columns: repeat(1, 1fr);}
	.subpage_content .grid.cols3 .col2{grid-column:span 1; padding-right:0}
}


@media only screen and (max-width: 1100px) {
	.banner .overlay {	    width: 100%;}
	
	
}

@media only screen and (max-width: 900px) {
	.grid {  gap:  40px 30px;}
	.top_bar {   font-size: 14px;}
	
	
	.footer .copyright_bar{width:100%; margin-bottom:20px}
}
@media only screen and (max-width: 800px) {
	.top_bar .contact_btns a span{display:none}
	.whatsapp_widget{font-size:30px; width:80px; height:80px; }
	.reviews .cols2{ grid-template-columns: repeat(1, 1fr);}
}


@media only screen and (max-width: 700px) {
	.home_blocks .grid.cols3 {  grid-template-columns: repeat(1, 1fr);}
	.home_blocks .block .overlay{position:relative; padding: 10px 0; font-size:24px }
	.home_blocks .block .icon{margin-bottom:0}
	.home_blocks .block .block_content{display:grid; grid-template-columns: 80px 1fr; width:100%; text-align:left;         align-items: center;}
	.home_blocks .block .image:after{padding-bottom:0}
	.footer .cols4 {    grid-template-columns: repeat(1, 1fr);}  
	.footer .title { margin-bottom: 0.5em;}
	.footer .socials{ grid-column: 1;    grid-row: 2;}
	.leermiddelen .grid{grid-template-columns: 75px 1fr}
}

@media only screen and (max-width: 600px) {
	body, html{font-size:16px}
	h1, .h1{font-size:30px;}
	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;}
	
	.header .logo{width:100%; text-align:center;}
	.header .logo img{max-width:200px; display:inline-block;}
	.header .menu_bar{width:100%; text-align:center;}
	
	.banner .overlay { padding: 50px 20px 30px 20px;    }
	.banner .overlay .slider_content .slogan {    font-size: 30px;}
	.banner .overlay .slider_content .slogan br{display:none}
	
	.home_content .left {          padding: 50px 20px 50px 20px;  }
	.subpage_content .pakket{ padding: 30px 20px;}
	.reviews .review{ padding: 30px 20px;}
	
}

@media only screen and (max-width: 500px) {
	.top_bar .rating span{display:none}
	.top_bar .contact_btns{ text-align:right;}
	.wpcf7 .label{width: 100%; }
	.wpcf7 .form_field{width: calc(100%); }
	.leermiddelen .grid{grid-template-columns: 1fr}
	.leermiddelen .grid .image img{max-width:100px}
}
@media only screen and (max-width: 380px) {
	.home_blocks .block .overlay{ font-size:20px }
	.home_blocks .block .icon {        font-size: 30px;    }
	.home_blocks .block .block_content{grid-template-columns: 50px 1fr;}
	.whatsapp_widget{font-size:24px; width:70px; height:70px; }
}

@media print {
   
	html, body {  
			page-break-after: avoid;
            page-break-before: avoid; 
			border: 1px solid white;
            height: 99%;}
   
	div{display:block; width:100%}
   
  
}