/* normal */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html,
body {
	font-family: yorkten-slab-normal, sans-serif;
	font-size: 13px;
	color: #fff;
	font-weight: 400;
	line-height:1.75;
}

body {
	background: #0e0d0c;
	overflow-x:hidden;
}
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: 400; line-height:1.05; font-family: almaq-refined, sans-serif; text-transform:uppercase
}

h1, .h1{font-size:60px; margin-bottom:0.6em}
h2, .h2{font-size:30px;}
h3, .h3{font-size:22px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}

p{margin-bottom:1em}
b{font-weight:600}

.maxw1{max-width:1500px; margin:0 auto; padding: 0 110px;}
.maxw2{max-width:1155px; margin:0 auto; padding: 0 110px;}

.clear{clear:both;}
.center{text-align:center;}

.wrap_pad{width:calc(100% + 36px); margin-left:-18px;}
.col{float:left; }
.wrap_pad .col{margin:0 18px 36px; }
.wrap_pad .col20{width:calc(20% - 36px);  }
.wrap_pad .col25{width:calc(25% - 36px); }
.wrap_pad .col33{width:calc(33.333% - 36px);  }
.wrap_pad .col50{width:calc(50% - 36px);}
.wrap_pad .col66{width:calc(66.66666% - 36px);}

.wrap{}
.wrap .col20{width:20%;  }
.wrap .col25{width:25%;  }
.wrap .col33{width:33.333%;  }
.wrap .col50{width:50%; }
.wrap .col66{width:66.66666%;  }

.white_bg{background:#fff; color:#0e0d0c}
.yellow_bg{background:#f9b11e; color:#0e0d0c}

.btns{margin-top:50px}
.btns .btn{margin-right:10px; margin-bottom:3px;}

.btn{display:inline-block; line-height:1; transition-duration:0.2s}
.btn:hover{transform:translatey(-3px);}

.btn.n_btn{font-weight:600; font-size:16px; border-radius:6px; padding: 13px 48px;}
.btn.l_btn{font-weight:600; font-size:24px; border-radius:9px; padding: 20px 71px;}
.btn.xl_btn{font-weight:600; font-size:24px; border-radius:100px; padding: 20px 45px;}
.btn.yellow_black{background:#f9b11e; color:#0e0d0c}
.btn.black_white{background:#0e0d0c; color:#fff}
.btn.black_yellow{background:#0e0d0c; color:#f9b11e}

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

.mob_menu{background:#0e0d0c; color:#fff; position:fixed; right:0; top:0; height:100%; width:0; z-index: 9999; overflow:scroll; transition-duration:0.5s }
.mob_menu.open{width:100%}
.mob_menu .inner{padding: 80px 110px; }
.mob_menu .close{text-align:right; margin-bottom: 50px;}
.mob_menu ul li{list-style:none; font-size: 24px; margin-bottom: 30px}


.header{position:relative; padding-bottom:105px; z-index:2}
.header .background{position:absolute; width:100%; height:calc(100% + 175px)}
.header .background .maxw1{position:relative; height: 100%;}
.header .bg_img{position:absolute; width: 55%; right:95px; height:100%;}
.header .bg_img .overlay{position:absolute; width:100%; height:100%; background:linear-gradient(180deg , rgba(12,13,15,0.6) , rgba(12,13,15,0))}

.header .menu_bar{position:relative; padding: 30px 0}
.header .menu_bar .logo{float:left;}
.header .menu_bar .menu_items{float:right;}
.header .menu_bar .menu_items ul li{display:inline-block; text-transform:lowercase; font-size:16px; margin: 0 5px}
.header .menu_bar .menu_items ul li a{padding: 10px 25px;    display: block;}
.header .menu_bar .menu_items ul li.current-menu-item{border-bottom:1px solid #f9b11e}
.menu_btn{display:inline-block; background:#f9b11e; color:#0e0d0c;  width:53px; height:53px; line-height:53px; text-align:center; font-size: 30px; margin-top: 30px; vertical-align:middle}
.close_btn{display:inline-block; background:#f9b11e; color:#0e0d0c;  width:53px; height:53px; line-height:53px; text-align:center; font-size: 30px; margin-top: 30px; vertical-align:middle}
.header .menu_bar .menu_items .menu_btn{display:none;}

.header .header_content{position:relative; margin-top:100px}
.header .header_content h1{max-width:550px}
.header .header_content .header_text{max-width:405px; padding-left:30px; margin-top:50px}

.yellow_block{position:relative;  width:100%;}
.yellow_block .background{width:calc(50% + 655px); background:#f9b11e; color:#0e0d0c; padding: 125px 110px 80px calc(50% - 640px); position:relative; z-index:1}
.yellow_block .background .bg_img{position:absolute; height:100%; width:1150px; max-width:100%; left:0; top:0; opacity: 24%}
.yellow_block .block_content{position:relative; z-index: 1;}
.yellow_block .slogan{font-size:40px; font-style:italic; width:45%; float:left; margin-left:-85px; line-height:1.25; }
.yellow_block .right{width:60%; float:right; margin-top: 50px}
.yellow_block .right .text{max-width:510px}
.yellow_block .floating_img_left{position:absolute; bottom:0; left:0; transform:translatey(25%); width:400px; max-width:70%; z-index:2}
.yellow_block .floating_img_right{position:absolute; bottom:50px; right:0px;  z-index:-3}

.contact_block{position:relative;  width:100%;}
.contact_block .background{width:calc(50% + 655px); background:#f9b11e; color:#0e0d0c; padding: 0px 0px 0px calc(50% - 640px);  z-index:1}
.contact_block .block_content{}
.contact_block .left{width:20%; float:left; margin-left:0px; padding: 80px 0 }
.contact_block .form{width:35%; float:left; left:35%;margin-top: 0px; background:#fff; padding: 40px 40px; position:absolute; z-index:99; }
.contact_block .form form{background:#eeeded; padding: 40px;}
.contact_block .address .contact_details{margin-bottom:30px; font-size:130%}
.contact_block .address .contact_details span{display:inline-block; width: 30px;}
.contact_block .social_btns .soc_btn{color:#0e0d0c; font-size: 22px; width:50px; height:50px; line-height:50px; text-align:center; border-radius:100%; border:#0e0d0c 2px solid; margin-right: 10px; margin-top:10px;}


.menus{padding:250px 0; position:relative}
.menus:before{content:""; position:absolute; left:0; bottom:0; width:600px; height:500px; background:url(img/circle_right.svg) no-repeat bottom/contain}
.menus .wrap_pad{position:relative; font-size:0; text-align:center;}
.menus .col{display:inline-block; float:none; text-align:left; font-size:13px;}
.menus .img{opacity:0.8}
.menus .img:after{padding-bottom:71%; display:block; content:""}
.menus .text_block{padding: 50px}
.menus .text_block .h2{margin-bottom: 20px;}
.menus .text_block .btn{margin-top:20px}

.faq .faq_item{border-top:1px solid #0e0d0c}
.faq .faq_item:first-of-type{border-top:none}
.faq .faq_item .faq_que{font-weight:700; padding: 20px; position:relative;}
.faq .faq_item .faq_que:after{content:"\f0d9"; font-family:"Font Awesome 6 Pro"; font-weight:900; position:absolute; right:0; transition-duration:0.2s; top: 20px;}
.faq .faq_item.active .faq_que:after{transform:rotate(-90deg)}
.faq .faq_item .faq_ans{display:none}
.faq .faq_item:first-of-type .faq_ans{display:block}

#sb_instagram{padding: 30px 0!important}

.banner_block .overlay{background:linear-gradient(180deg , rgba(12,13,15,0.4) , rgba(12,13,15,1)); padding:80px 0 130px;}
.banner_block .overlay h2{max-width:650px; margin: 0 auto;}

.img_text_block{padding: 100px 0 0; background:linear-gradient(180deg , #0e0d0c 0% , #0e0d0c 60%  , #fff 60% , #fff 100% )}
.img_text_block .flexbox{flex-direction: row-reverse;}
.img_text_block .img{width: 35%}
.img_text_block .text{width:65%; padding: 120px 100px; }
.img_text_block .text .pad_text{padding-left: 100px; max-width:475px;}

.testimonials{padding: 110px 0; position:relative;}
.testimonials .wrap{margin: 100px 0 0px}
.testimonials .col{padding: 0 70px 45px;  margin-bottom: 30px;}
.testimonials .col:nth-of-type(3n-1){border-left:1px solid rgba(12,13,15,0.5); border-right:1px solid rgba(12,13,15,0.5);}
.testimonials .img{border-radius:100%; width:100%; margin-bottom: 30px}
.testimonials .img:after{content:""; padding-bottom:100%; display:block;}
.testimonials .name{font-weight:900; font-size:16px}
.testimonials:before{content:""; width: 300px; height:400px; background:url(img/circle_round.svg) no-repeat right/cover; position:absolute; top:50%; transform:translatey(-50%) }
.testimonials:after{content:""; width: 200px; height:200px; background:url(img/circle_round.svg) no-repeat right/cover; position:absolute; top:50px; right: 150px }

.footer{background:#f9b11e; color:#0e0d0c; padding: 80px 0 40px; position:relative;}
.footer .menu_btn{display:none}
.footer:before{content:""; position:absolute; bottom:100%; right:0; width:450px; height:400px; background:url(img/circle_footer.svg) no-repeat bottom/contain }
.footer ul{margin-left: 40px;}
.footer ul li{list-style:none; margin-bottom: 13px;}
.footer .social_btns{margin-top: 30px;}
.footer .social_btns .soc_btn{color:#0e0d0c; font-size: 22px; width:50px; height:50px; line-height:50px; text-align:center; border-radius:100%; border:#0e0d0c 2px solid; margin-right: 10px}
.footer .col25:nth-of-type(4){text-align:right}


.route_block{padding-top:270px; margin-bottom: 100px;}
.route_block .left{width:60%; float:left;}
.route_block .left iframe{height:370px;}
.route_block .right{width:40%; float:left; padding: 30px 30px; text-align:center;}
.route_block .right h2{margin-bottom: 20px;}

.reserveren_block{margin-bottom: 100px; position:relative;z-index:1}
.reserveren_block .white_bg{padding: 50px 80px;}
.reserveren_block .left{width:50%; float:left;}
.reserveren_block .right{width:50%; float:left;}
.reserveren_block .btns{margin-top:0}
.reserveren_block:before{content:""; width: 300px; height: 400px; background: url(img/circle_round.svg) no-repeat left/cover; position: absolute; top: 50%; transform: translatey(-50%) scale(-1); z-index:-1}

.wpcf7{background:#eeeded}
.wpcf7 b{font-size:140%; }
.wpcf7 .form_item{margin-bottom: 15px;}
.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:10px 20px; border:none; font:inherit }
.wpcf7 input[type="submit"]{width:auto;  border:none; line-height:1}

.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: 1600px) {
	.yellow_block .slogan{margin-left:0}
}

@media only screen and (max-width: 1500px) {
	.header .bg_img{position:absolute; width: 55%; right:55px; height:100%;}
	.yellow_block .background {    width: calc(100% - 55px); padding: 100px 20px}
	.yellow_block .right {    width: 58%;}
	.yellow_block .slogan{width:30%;}
	
	.contact_block .background {    width: calc(100% - 55px);     padding: 100px 0px 100px 20px;}
	.contact_block .form {    width: 58%; position:relative; float:right; left:0; }
	.contact_block .left{width:35%;}
	
	.testimonials:before{display:none }
	.testimonials:after{display:none  }
	.menus:before{display:none}
	.footer:before{display:none}
	.btn.xl_btn { font-size: 20px; padding: 20px 35px;}
	
	.route_block {    padding-top: 100px;}
}


@media only screen and (max-width: 1300px) {
	.header .background{height:100%;}
	.header .bg_img .overlay {   background: linear-gradient(180deg , rgba(12,13,15,0.8)  , rgba(12,13,15,0));}
	.header .bg_img{width:100%; right:0}
	.yellow_block .background {width: calc(100%); padding: 75px 110px 200px;}
	.yellow_block .reset_clear{clear:none}
	.yellow_block .right{margin-top:0}
	
	.contact_block .background {width: calc(100%); padding: 75px 110px 70px;}
	.contact_block .right{margin-top:0}
	
	.header .menu_bar .menu_items ul li a {    padding: 20px 25px;}
	.header .menu_bar .menu_items ul{display:none}
	.header .menu_bar .menu_items .menu_btn{display:inline-block;}

	.footer {text-align:center}
	.footer img{display:inline-block; vertical-align:middle}
	.footer .wrap_pad .col25:nth-of-type(1){width:calc(100% - 36px);}
	.footer .menu_btn{display:inline-block; margin-left: 80px}
	.footer .wrap_pad .col25:nth-of-type(2){width:calc(100% - 36px);}
	.footer .wrap_pad .col25:nth-of-type(3){display:none}
	.footer .wrap_pad .col25:nth-of-type(4){width:calc(100% - 36px);}
	
	.reserveren_block .left{width:100%; float:left;}
	.reserveren_block .right{width:100%; float:left;}
}

@media only screen and (max-width: 1200px) {
	.yellow_block .slogan {    width: 100%; text-align:center; max-width:500px; margin: 0 auto 50px; float:none;}
	.yellow_block .right {    width: 100%; text-align:center;}
	.yellow_block .right .text{padding-left:0; margin: 0 auto;}
	
	.contact_block .left {    width: 100%; text-align:center; max-width:500px; margin: 0 auto 50px; float:none; padding: 0}
	.contact_block .form {    width: 100%; text-align:center;}
	
	
	.menus .wrap_pad .col33{width:calc(100% - 36px)}
}

@media only screen and (max-width: 1150px) {
	h1, .h1{font-size:52px;}
	.yellow_block .background .bg_img{display:none}
	.header .menu_bar{padding: 80px 0 30px}
	.menus {    padding: 150px 0 70px;}
	
	.img_text_block .maxw1{padding:0}
	
	.testimonials .col.col33{width:50%}
	.testimonials .wrap{width:calc(100% + 140px); margin-left:-70px}
	.testimonials .col:nth-of-type(3){display:none}
	.testimonials.archive .col:nth-of-type(3){display:block}
	.testimonials .col:nth-of-type(3n-1){border-left:none; border-right:none;}
	.testimonials .col:nth-of-type(2n){border-left:1px solid rgba(12,13,15,0.5); }
	
}

@media only screen and (max-width: 950px) {
	.route_block .left{width:100%}
	.route_block .right{width:100%}
	.reserveren_block .white_bg {    padding: 50px 50px;}
	
}
@media only screen and (max-width: 850px) {
	.img_text_block .flexbox{display:block}
	.img_text_block .text {  padding: 100px 110px;   width: 100%; text-align:center;}
	.img_text_block .text .pad_text{padding-left:0; margin: 0 auto}
	.img_text_block .img {    width: 100%;}
	.img_text_block .img:after{content:""; padding-bottom: 75%; display:block;}
}

@media only screen and (max-width: 700px) {	
	h1, .h1{font-size:48px;}
	.maxw1{ padding: 0 50px;}
	.maxw2{ padding: 0 50px;}
	.mob_menu .inner {    padding: 80px 50px;}
	.header .header_content{margin-top: 50px}
	.testimonials .wrap{    margin: 50px 0 0px; width: calc(100% + 40px);    margin-left: -20px;}
	.testimonials .col {    padding: 0 30px 45px;}
	.yellow_block .background {   padding: 100px 50px 200px;}
	.yellow_block .slogan{font-size:30px}
	
	.contact_block .background {   padding: 100px 50px 200px;}
	.img_text_block .text {    padding: 70px 50px;}
}
@media only screen and (max-width: 500px) {	
	.testimonials .col {    padding: 0 20px 25px;}
	.reserveren_block .white_bg {    padding: 50px 30px;}
}


@media only screen and (max-width: 400px) {	
	h1, .h1{font-size:36px;}
	h2, .h2{font-size:26px;}
	.maxw1{ padding: 0 30px;}
	.maxw2{ padding: 0 30px;}
	.mob_menu .inner {    padding: 80px 30px;}
	.testimonials .wrap{    width: calc(100% + 40px);    margin-left: -20px;}
	.yellow_block .background {   padding: 70px 30px 150px;}
	.contact_block .background {   padding: 70px 30px 150px;}
	.menus .text_block {    padding: 30px;}
	.img_text_block {    padding: 10px 0 0;}
	.testimonials .col.col33{width:100%}
	.testimonials .col:nth-of-type(2){display:none}
	.testimonials.archive .col:nth-of-type(2){display:block}

	.testimonials .col:nth-of-type(2n){border-left:none; }
	
	.footer img{width: 130px}
	.footer .menu_btn {    margin-left: 30px;}
}