/*
Theme Name: Baza
*/

@font-face {
  font-display: swap; 
  font-family: 'Ruslan Display';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/ruslan-display-v27-cyrillic_latin_math_symbols-regular.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/montserrat-v31-cyrillic_latin-regular.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/Montserrat-SemiBold.ttf') format('truetype'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/montserrat-v31-cyrillic_latin-600.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/montserrat-v31-cyrillic_latin-800.woff2') format('woff2'); 
}
@font-face {
	font-family: 'Gogol';
	src: url('assets/fonts/Gogol_Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
*, *::before, *::after { box-sizing: border-box }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, .details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0}
article, aside, .details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
table{border-collapse:collapse;border-spacing:0;}
img {max-width:100%;} strong { font-weight:bold }
.fr { float:right }

h2, .h2 { font-size:2.25em; font-weight:700; line-height:1; margin-bottom:40px }
h2 span, .h2 span, h1 span { display:block; font:1.44em/1 gogol; margin:-25px 0 0 14px }
h3, .h3 { font-size:40px; font-weight:700; line-height:1; margin-bottom:30px }
.h4, h4 { font-size:clamp( 15px, 2vw, 20px); font-weight:bold; line-height:1.4; margin-bottom:15px }
select { background:#fff; color:#2E2C2B; border:1px solid #95AB63; border-radius:8px; height:44px; padding: 0 28px 0 20px; font:500 16px/44px Montserrat; 
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1 L6 7 L11 1'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 14px center; background-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; 
}
.desc p { margin-bottom:12px }
.desc ul, .desc ol { margin-left:25px }
.toggler { background:url(assets/toggler.svg) no-repeat 50% 50%; cursor:pointer } .toggler.active { background-image:url(assets/toggler_active.svg) }

.tags i { background-position:0 50%; background-repeat:no-repeat; font-size:14px; font-weight:500; font-style:normal; display:inline-block; padding-left:32px; margin-right:6%; white-space:nowrap; min-width:0 }
.tags .sun { background-image:url( assets/sun_g.svg ) }
.tags .su { background-image:url( assets/sun.svg ) }
.tags .vi { background-image:url( assets/guests.svg ) }
.tags .g3 { background-image:url( assets/family.svg ) }
.tags .g5 { background-image:url( assets/company.svg ) }
.tags .ar { background-image:url( assets/area.svg ) }
.tags .rm { background-image:url( assets/bed.svg ) }
.tags .wt { background-image:url( assets/boat.svg ) }
.tags .wf { background-image:url( assets/wifi.svg ) }
.tags .vi { background-image:url( assets/guests.svg ) }
.tags .ar { background-image:url( assets/area.svg ) }

.slick-arrow { background:#fff; border-radius:50%; color:#2E2C2B; cursor:pointer; width:7.5%; aspect-ratio: 1 / 1; max-width:80px; position:absolute; z-index:2; top:150px; left:-51px; text-align:center; justify-content:center; font-size:50px }
.slick-arrow.next { left:auto; right:-51px }
.slick-arrow s { text-decoration:none; transform:scaleY(1.9) }
.slick-dots { display:flex; justify-content:center; align-items: center; gap:8px; padding:15px; margin-top:35px }
.dot, .slick-dots li { width:8px; height:8px; background:#95AB6380; border-radius:4px; font-size:0 }
.dot.active, .slick-dots li.slick-active { width:14px; height:14px; background:#95AB63; border-radius:7px }
.slick-dots li button { display:none }


.vetka { position:absolute; z-index:1; transition:all .3s }
.vetka.left { left: -277px; width: 865px; margin-top: -212px }
.vetka.right { right:-243px; width: 865px; margin-top: -361px }

.overlay { position:fixed; left:0; top:0; right:0; bottom:0; z-index:1111; height:100%; background:#000; opacity:.3;}
.modal2w { position:absolute; z-index:1112 }
.modal2wc { position: absolute; top:15px; right:15px; line-height:50px; height:50px; width:50px; border-radius:50%; color:#fff; cursor: pointer; transform:rotate(45deg); font-size:50px; font-weight:100; outline:none; text-align:center }
.thnk { text-align: center; color: green; font-size: 1.6rem }

body footer { margin-top:160px; font-size:22px; padding:40px 0; background-color:#fff; overflow:hidden }
footer a { color:#2B2B2B; text-decoration:none }
footer .title  { display:block; margin-bottom:24px; white-space:nowrap }
footer .flex.row { align-items:flex-start; gap:30px; margin-bottom:38px }
footer .one { max-width:529px; flex:1 0 27%; }
footer .two a, footer .three a { display:block; margin-bottom:12px }
footer .six { flex:0 0 264px }
footer .bot { align-items:flex-start;  font-size:18px; line-height:33px; padding-top:12px; border-top:2px solid #95AB63; }
footer .seven a { padding:5px 40px 5px 0; background:url(assets/link.svg) no-repeat 100% 50%; margin-right:24px }
.soc { gap:10% }
.soc a { flex:0 0 50px }
.soc img { width:50px; height:50px }
@media (min-width:992px) AND (max-width:1600px) {
	body footer { margin-top:80px; font-size: 1.5vw; }
	footer .bot {  font-size: 1.2vw }
	footer .six { flex: 0 0 150px }
	.soc a { flex: 0 0 30px }
	.soc img { width:30px; height:30px }
	.paysys { height: 30px }
}

@media (max-width:991.9px) {
	.tags i { -font-size:8px; -padding-left: 20px; -background-size:13px }
	h2, .h2 { font-size:34px; margin-bottom:25px }
	h2 span, .h2 span { font-size:32px; margin-left:0; margin-top:0 }
	.h3, h3 { font-size:34px; margin-bottom:25px }
	body .h4 { margin-bottom: 13px }
	.mt100, .mt150 { margin-top:60px }
	.big_hdr .wgb { min-height:344px }
	header .two { padding-top:125px }
	header nav { display:none; text-align:center; background-color:#fff; border-radius:0; position:fixed; z-index:9999; top:0; left:0; right:0; bottom:0; padding:120px 0 64px }
	header nav > a { display:block; text-align:center; font:400 20px/22px 'Ruslan Display', sans-serif; padding:0 0 0; height:auto; border-radius:0; color:#2E2C2B  !important; background:transparent !important }
	header nav > a:after { content:''; display:block; width:32px; height:3px; background:#95AB63; margin:30px auto 30px; border-radius:2px }
	header nav > a:first-of-type:after, header nav > a:last-of-type:after { display:none }
	header nav .logo { position:absolute; top:28px; left:28px; }	
	header nav .toggler { position:absolute; top:28px; right:28px; }	
	header nav .four { margin:30px 0; font-weight:500 }
	header nav .soc { max-width:182px; margin:10px auto }
	header nav .soc img { height:40px; width:40px }
	header nav .soc a { padding:0 0 0 }
	header nav .six .title { margin-bottom:10px; font-weight:500 }
	header nav .forent { margin:30px auto 0; text-align:center; max-width:60%; }
	header nav .forent a { font-size:24px; max-width: 100%; padding:19px 0 16px; line-height: 1; text-align:center; color: #fff; border-radius:60px } 
	header nav .nine { position:absolute; bottom:0; left:0; right:0; padding:15px 0 40px; border-top:2px solid #95AB63 }

	body footer { margin-top:60px; font-size:18px; padding:0 0 30px 0 }
	footer .flex.row { flex-direction:column; gap:12px }
	footer .logo4 img { width:252px }
	footer .one { order:1 }
	footer .four { order:2 }
	footer .six { order:3; flex:0 }
	footer .two, footer .three { display:none }
	footer .title { font-weight:500; margin-bottom:15px }
	footer .bot { flex-direction:column; font-size:16px }
	footer .bot .seven a { display:block }
	footer .soc img { width:40px; height:40px }
	footer .nine { margin-top:20px }
}
@media (max-width:385px) {
	header nav > a:after { margin:15px auto 15px }
}
@media (max-height:966px) {
	header .six { display:none }
}