/* 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: "gill-sans-nova", sans-serif;
	font-size: 21px;
	color: #272558;
	font-weight: 400;
	line-height:1.5;
}

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


.wpcf7 input,
.wpcf7 select,.wpcf7 textarea,
.wpcf7 button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none;}

.wpcf7 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; color:#272558
}

h1, .h1{font-size:40px; margin-bottom: 40px}
h2, .h2{font-size:28px;}
h3, .h3{font-size:26px;}
h4, .h4{font-size:24px;}
h5, .h5{font-size:22px;}
h6, .h6{font-size:21px;}

h1 span, .h1 span{font-weight:600;}

p{margin-bottom:1em}


.maxw1{max-width:1440px; margin:0 auto; padding: 0 20px}
.maxw2{max-width:1040px; margin:0 auto; padding: 0 20px}
.maxw3{max-width:700px; margin:0 auto; padding: 0 20px}

.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.cols6{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}

.grid.align_top{align-items: start}
.grid.align_center{align-items: center}
.grid.align_bottom{align-items: end}

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

.clear{clear:both;}
.col33{width:16.6666%; float:left;}
.col25{width:25%; float:left;}
.col33{width:33.333%; float:left;}
.col50{width:50%; float:left;}
.col66{width:66.666%%; float:left;}
.col75{width:75%; float:left;}

.btn{display:inline-block; line-height:1;border:none; cursor:pointer}
.btn.s_btn{font-size:20px; font-weight:600; padding: 16px 30px; border-radius:10px;}
.btn.n_btn{font-size:24px; font-weight:600; padding: 16px 30px; border-radius:10px;}
.btn.white_black{background:#fff; color:#000!important}
.btn.yellow_blue{background:#fdd10f; color:#272558!important}
.btn.blue_white{background:#272558; color:#fff!important }

.btn.white_black:hover{box-shadow:0 0 15px #fff;}
.btn.yellow_blue:hover{box-shadow:0 0 15px #fdd10f; }
.btn.blue_white:hover{box-shadow:0 0 15px #272558; }

.btn .icon{width: 25px; height:25px; display:inline-block; vertical-align:text-bottom; margin-right: 15px}

.content_container ul, .content_container ol{margin-left:30px; margin-bottom:1em;}
.content_container b, .content_container strong{font-weight:var(--bold_weight)}
.content_container a{color:inherit; }

.grecaptcha-badge{display:none}
.whatsapp_btn{position:fixed; z-index:999999; bottom: 30px; right: 30px; color:#4caf50; font-size: 80px;}

.grey_bg{background:#f0f3fa}

.center{text-align:center}

.mobile_menu{width:100%; position:absolute; width:0; background:#272558; color:#fff; position:absolute; z-index:9999; text-align:center; top:0; right:0; font-size: 24px; overflow:hidden; overflow-y:scroll; transition-duration:0.3s ; min-height:100vh  }
.mobile_menu.open{  width:100%}
.mobile_menu .inner{ padding: 20px 30px; min-width:300px}
.mobile_menu .close{padding: 20px 0; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); margin-bottom: 40px}
.mobile_menu ul li{list-style:none; padding: 10px 0}
.mobile_menu ul li a{position:relative;}
.mobile_menu ul li:nth-of-type(n+2) a:before{content:"\f105"; font-family:"Font Awesome 6 Pro"; font-weight:400px; display:inline-block; margin-right: 20px; font-size: 70%; vertical-align:middle}
.mobile_menu ul li:nth-of-type(n+2) a:after{content:"\f104"; font-family:"Font Awesome 6 Pro"; font-weight:400px; display:inline-block; margin-left: 20px; font-size: 70%; vertical-align:middle}

.warning{font-size:16px; color:#fff; font-weight:600; padding: 15px 30px; text-align:center; background:#a60000 }

.top_bar{font-size:16px; color:#272558; font-weight:600; padding: 15px 0}
.top_bar .usps{display:inline-block;}
.top_bar .usps ul li{display:inline-block; margin-right: 40px}
.top_bar .usps ul li:last-of-type{margin-right:0}
.top_bar .usps ul li:before{content:"\f00c"; display:inline-block; font-family:"Font Awesome 6 Pro"; display:400; color:#00a651; margin-right:10px}
.top_bar .reviews{display:inline-block;}
.top_bar .reviews i{color:#00a651; }
.top_bar .today{display:inline-block; font-weight:900}
.top_bar .today i{color:#00a651; display:inline-block; margin-right:10px; }
.top_bar .today.closed i{color:#a60000;}
.top_bar .today span{color:#00a651; }

.header{background:linear-gradient(90deg, #272558, color-mix(#272558 70%, transparent )); color:#fff; padding: 45px 0; position:relative; height:730px }

.header.subpage{height: auto}
.header .background{position:absolute; height:100%; width:100%; top:0; left:0}
.header .menu_bar{position:relative;}
.header .logo{width:180px;}
.header .menu{padding-top:0px; font-weight:700}
.header .menu ul li{display:inline-block; margin-left:60px;}
.header .menu ul li a{position:relative;}
.header .menu ul li a:after{content:""; position:absolute; width:0%; height: 2px; background:#fff; left:0; bottom:-10px; transition-duration:0.2s}
.header .menu ul li a:hover:after{ width:100%;}
.header .menu_btn{font-size:24px; cursor:pointer; display:none }
.header .menu_btn i{display:inline-block; margin-left:10px}


.header .menu_bar.sticky{position: fixed; width: 100%; background:#272558; top:0; z-index:999; padding: 10px 0}
.header .menu_bar.sticky .logo{width:70px;}

#template.sticky .header .header_content{margin-top:190px}
.header .header_content{ width:100%;  margin-top: 85px; transition-duration:0s}
.header .header_content .step{position:relative; margin-bottom: 15px; opacity:0}
.header .header_content .step .image{margin-left: -200px; width: 125px; height:125px; margin-right: 70px; display:inline-block; border-radius:100%; vertical-align:middle; font-size:0}
.header .header_content .step  .text{display:inline-block; width:calc(98%) ; vertical-align:middle}


.content{padding: 85px 0}
.content .left{width: 55%; float:left;}
.content .left ul, .content .left ol{margin-left: 40px; margin-bottom: 10px}
.content .left a{color:#272558; position: relative;}
.content .left a:not(.btn):after{content:""; position: absolute; width:100%; height:1px; top:100%; left:0; background:#272558}
.content .left a:not(.btn):hover:after{background:#fbd019}
.content .right{width: 40%; float:right;}
.content .right .gallery{border-radius:10px; padding: 10px 20px}
.content .right .gallery .wrap{width:calc(100% + 20px); margin-left:-10px}
.content .right .gallery a{display:block; float:left; width:calc(50% - 20px); margin: 10px ; }
.content .right .gallery a:after{content:""; padding-bottom:100%; display:block;}

.content .right .contact_bar{padding:20px; border-radius:10px; margin-bottom:1rem; }
.content .right .contact_bar a i{display:inline-block; width: 40px}
.content .right .contact_bar .opening_hours .row .day{width: 120px; display:inline-block; vertical-align:top}
.content .right .contact_bar .opening_hours .row .times{width: calc(100% - 130px); display:inline-block; vertical-align:top}

.map_frame{margin-top:1rem}
.map_frame #map{	aspect-ratio: 2 / 1}

.content .search_box{background:#f0f3fa; border-radius:10px; padding: 40px 20px}
.content .search_box .search_field { padding:10px 20px; border:1px solid #f0f3fa; border-radius:10px; margin-bottom: 30px; background:#fff}
.content .search_box .search_field input{width:calc(100% - 30px); display:inline-block;background:none; border:none; font:inherit}
.content .search_box .search_field button{background:none; border:none; display:inline-block; font-size:21px; color:#787979}
.content .search_box .img_key{margin-left: 20px; margin-bottom: 30px}
.content .search_box a{color:#272558; font-size:24px; font-weight:600; padding: 0 20px; display:block; }
.content .search_box a i{color:#787979;}

.key_types_bar{padding:1rem 0;  text-align:center;}
.key_types_bar h2{margin-bottom:1rem}
.key_types_bar .flexbox{gap:1rem; flex-wrap:wrap }
 

.key_bar{padding: 85px 0}
.key_bar .left{width: 55%; float:left;}
.key_bar .left p{max-width:500px}
.key_bar .right{width: 40%; float:right;}
.key_bar .search_box{background:#fff; border-radius:10px; padding: 20px}
.key_bar .search_box .search_field { padding:10px 20px; border:1px solid #f0f3fa; border-radius:10px; margin-bottom: 30px}
.key_bar .search_box .search_field input{width:calc(100% - 30px); display:inline-block;background:none; border:none; font:inherit}
.key_bar .search_box .search_field button{background:none; border:none; display:inline-block; font-size:21px; color:#787979}
.key_bar .search_box .img_key{ margin-bottom: 30px}
.key_bar .search_box a{color:#272558; font-size:20px; font-weight:600; padding: 0 0px; display:block; }
.key_bar .search_box a i{color:#787979;}

.review_bar{padding: 85px 0; background:#272558; color:#fff;}
.review_bar h2{color:#fff}
.review_bar .reviews{margin-bottom:2rem; text-align:center}
.review_bar .reviews .stars{color:#fdd10f; margin-top:1rem}
.review_bar .reviews .stars i{display:inline-block; margin: 0 5px}

.pluspunten{display:grid; gap:1rem; margin-bottom:2rem}
.pluspunten .pluspunt{border:1px solid #f0f3fa; padding:1rem; border-radius:10px;  display: grid; grid-template-columns:2rem 1fr;  gap: 1rem;    align-items: start;    align-content: start;}
.pluspunten .pluspunt .icon{font-size:2rem}
.pluspunten .pluspunt .title{font-weight:600}

.shoe_bar{padding: 85px 0}
.shoe_bar .btn{margin: 30px 0}
.shoe_bar .small{font-size:15px; }
.shoe_bar .small a{color:#272558; text-decoration:underline}

.shoe_bar .right img{width:100%; height:100%; object-fit:cover;  border-radius:10px;}

.history{padding: 85px 0}
.history .grid{grid-template-columns:280px 1fr;}
.history img{ border-radius:10px;}

.footer{background:#272558; color:#fff; padding-top:85px;}
.footer .logo{width:180px; margin-bottom: 40px}
.footer .col33{padding-left:50px}
.footer .col33 i{display:inline-block; width: 40px}
.footer .col33 a:hover{color:#fdd10f}
.footer .today{margin-bottom:30px}
.footer .today i{color:#019648}
.footer .today.closed i{color:#a60000}
.footer .today span{font-weight:900;}
.footer .opening_hours .row .day{width: 150px; display:inline-block; vertical-align:top}
.footer .opening_hours .row .times{width: calc(100% - 170px); display:inline-block; vertical-align:top}
.footer .soc_btn{width:143px; height:143px; border-radius:100%; font-size:65px; line-height:143px; text-align:center; border:1px solid #fff; display:inline-block;}
.footer .soc_btn:hover{background:#fff; color:#272558}
.footer .bottom{margin-top: 80px; padding: 20px 50px; border-top:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.2); }
.footer .bottom a:hover{color:#fff}

.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 #e9e9e9 ; font:inherit; border-radius: 3px; font-size:80% }
.wpcf7 input[type="submit"]{padding: 10px 26px 8px; border-radius: 100px; font-weight:700; font-size:18px; width:auto; color:#fff; background:#787979; border:none;}
.wpcf7 input[type="submit"]:hover{box-shadow:0 0 10px #787979;}
.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; width: 100%;}
.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: 3px;height:16px;width: 16px;top: 0px;left: 0px;border: 1px solid #787979; background:#fff}
.wpcf7-checkbox input[type=checkbox] + span:after {display: block;position: absolute;content: "\f0c8";font-family:"Font Awesome 6 Pro";font-weight:900;height: 16px;width: 16px;color:#272558;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 #787979; 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:#272558; background:#272558; 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;}

.wpcf7 button{cursor:pointer}


@media only screen and (max-width: 1400px) {
	.top_bar .usps{display:none;}
	.footer .col33 {    padding-left: 0px;}
	.footer .bottom{ padding: 20px 0px;}
}
@media only screen and (max-width: 1200px) {
	.header .logo {width: 180px;}
	.header .menu ul li{margin-left:30px;}
	
	.footer .soc_btn {width: 120px; height: 120px; font-size: 50px; line-height: 120px;}
	.footer .logo {width:180px}
}
@media only screen and (max-width: 1100px) {
	body{font-size: 18px}
	h1, .h1{font-size:36px; margin-bottom: 30px}
	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;}
	.btn.n_btn{font-size:20px;}
	.btn .icon {    width: 20px;    height: 20px;}
	.header .header_content{ width:100%;  margin-top: 115px}
	.header .header_content .step{padding-left:200px}
	#template.sticky .header .header_content{margin-top:160px}
	.footer .opening_hours .row .day{width: 120px; }
	.footer .opening_hours .row .times{width: calc(100% - 130px);}
	
	
}
@media only screen and (max-width: 960px) {
	.btn.n_btn{font-size:21px;padding: 13px 25px;}
	.header .menu ul {display:none}
	.header .menu_btn{display:inline-block;}
	
	.content .left{width: 100%; float:none; margin-bottom: 50px}
	.content .right{width: 100%; float:none;}
	.content .right .gallery a{width:calc(25% - 20px); }
	.key_bar{padding: 85px 0}
	.key_bar .left{width: 100%; }
	.key_bar .left p{max-width:100%}
	.key_bar .right{width: 100%; float:left;}
	.footer .col33 {width:50%; margin-bottom: 30px}
	.footer .col50{margin-bottom: 30px}
	.footer .col16 {width:100%; text-align:left}
}

@media only screen and (max-width: 700px) {
	.top_bar .flexbox{display:block; text-align:center;}
	.top_bar .reviews{display:block;}
	.top_bar .today{display:block;}
	.content .right .gallery a{width:calc(33.333% - 20px); }
	.footer .col33 {width:100%;}
	.footer .col50{width:100%;}
	
	.shoe_bar .grid.cols3{grid-template-columns:1fr}
	.shoe_bar .grid .col2{grid-column:span 1}
	.shoe_bar .grid .right img{width:300px}
	
	.key_types_bar .flexbox .type{display:grid;}
	 
}
@media only screen and (max-width: 600px) {
	
	
	.mobile_menu{font-size:22px;}
	.header{height: 560px}
	#template.sticky .header .header_content{margin-top:120px}
	.header .header_content {margin-top: 50px;}
	.header .header_content .step{padding-left:120px}
	.header .header_content .step .image{margin-left: -120px; margin-right: 30px; width: 90px; height:90px;}
	.header .menu_btn{font-size:22px;}
	.content .right .gallery a{width:calc(50% - 20px); }
	.key_bar{padding: 65px 0}
	.shoe_bar{padding: 65px 0}
	.footer{padding-top:65px;}
	.footer .bottom{margin-top:50px}
	
	.wpcf7 .label{width: 100%; display:block; }
	.wpcf7 .form_field{width: calc(100%); display:block;}
	
	
	 .history .grid{grid-template-columns:100px 1fr; gap:20px}
	 

}

@media only screen and (max-width: 530px) {
	.key_types_bar .flexbox{display:grid; grid-template-columns:repeat(3 , 1fr)}
}
@media only screen and (max-width: 450px) {
	body, html{font-size: 16px}
	h1, .h1{font-size:28px; margin-bottom: 24px}
	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;}
	.btn.n_btn{font-size:18px;}
	.btn .icon {    width: 20px;    height: 20px;}
	.whatsapp_btn{font-size: 50px;}
	
	.mobile_menu{font-size:20px;}
	.header .logo {  width: 120px;}
	.header .menu_btn{font-size:20px;}
	.header .header_content .step{padding-left:0px}
	.header .header_content .step .image{margin-left: 0px; margin-right: 20px; width: 50px; height:50px;}
	
	.key_bar{padding: 40px 0}
	.shoe_bar{padding: 40px 0}
	.footer{padding-top:40px;}
	.footer .opening_hours .row{border-bottom:1px solid rgba(255,255,255,0.1); padding: 5px 0}

	.footer .soc_btn {width: 80px; height: 80px; font-size: 30px; line-height: 80px;}
	
	.content .right .contact_bar .opening_hours .row .day{width: 90px; display:inline-block; vertical-align:top}
	.content .right .contact_bar .opening_hours .row .times{width: calc(100% - 100px); display:inline-block; vertical-align:top}
	
	
}


@media only screen and (max-width: 400px) {
	 .history .grid{grid-template-columns:1fr; gap:20px}
	 .history img{max-height:300px}
}