/**
	* Theme Name:  Hidens hotel
	* Author:      Алексей Гриво (Grivaut)
	* Author URI:  http://grivaut.ru/
	* Description: На первой береговой линии поселка Небуг раскинулся Hidens Hotel — уникальный курортный комплекс, созданный для тех, кто ценит тишину волн, утонченную эстетику и высокий уровень сервиса. 
	* Version: 1.0
 */
 /*** Шрифт ***/
@font-face{font-family: 'TT Chocolates'; src: url('fonts/subset-TTChocolates-DemiBold.eot'); src: url('fonts/subset-TTChocolates-DemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/subset-TTChocolates-DemiBold.woff2') format('woff2'), url('fonts/subset-TTChocolates-DemiBold.woff') format('woff'), url('fonts/subset-TTChocolates-DemiBold.ttf') format('truetype'), url('fonts/subset-TTChocolates-DemiBold.svg#TTChocolates-DemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap}
@font-face{font-family: 'TT Chocolates'; src: url('fonts/subset-TTChocolates-Medium.eot'); src: url('fonts/subset-TTChocolates-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/subset-TTChocolates-Medium.woff2') format('woff2'), url('fonts/subset-TTChocolates-Medium.woff') format('woff'), url('fonts/subset-TTChocolates-Medium.ttf') format('truetype'), url('fonts/subset-TTChocolates-Medium.svg#TTChocolates-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap}
@font-face{font-family: 'TT Chocolates'; src: url('fonts/subset-TTChocolates-Bold.eot'); src: url('fonts/subset-TTChocolates-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/subset-TTChocolates-Bold.woff2') format('woff2'), url('fonts/subset-TTChocolates-Bold.woff') format('woff'), url('fonts/subset-TTChocolates-Bold.ttf') format('truetype'), url('fonts/subset-TTChocolates-Bold.svg#TTChocolates-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap}
@font-face{font-family: 'TT Chocolates'; src: url('fonts/subset-TTChocolates-Regular.eot'); src: url('fonts/subset-TTChocolates-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/subset-TTChocolates-Regular.woff2') format('woff2'), url('fonts/subset-TTChocolates-Regular.woff') format('woff'), url('fonts/subset-TTChocolates-Regular.ttf') format('truetype'), url('fonts/subset-TTChocolates-Regular.svg#TTChocolates-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap}
/*** Сбросы ***/
body{font-family: 'TT Chocolates'; font-weight: 500; font-size: clamp(14px, 2vw, 18px); line-height: 1.4; color: #2B2B2B; background:#ECE5E3}
html, body{height:100%}
*{outline:none; padding: 0px; margin: 0px; border: none}
*, *::before, *::after{box-sizing: border-box}
a, a:link, a:visited{text-decoration: none}
a, a span, input, select, textarea, button, button span{transition:all 0.3s linear 0s}
a:hover{text-decoration: none}
aside, nav, footer, header, section, main{display: block}
h1, h2, h3, h4, h5, h6, p{font-size: inherit; font-weight: inherit}
ul, ul li{list-style: none}
img{vertical-align: top}
img, svg{max-width: 100%; height: auto}
address{font-style: normal}
input, textarea, button, select{font-family: inherit; font-size: inherit; color: inherit; background-color: transparent}
input::-ms-clear{display: none}
button, input[type="submit"]{display: inline-block; box-shadow: none; background-color: transparent; background: none; cursor: pointer}
input:focus, input:active, button:focus, button:active{outline: none}
button::-moz-focus-inner{padding: 0; border: 0}
label{cursor: pointer}
legend, picture{display: block}
.wrapper{display: flex; flex-direction: column;  min-height:100%;  overflow:hidden}
main{flex: 1 1 auto; overflow:hidden}
footer{flex-shrink: 0}
input[type=text], input[type=email], input[type=tel], select, textarea{}
textarea{}
select{}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus{}
/*** Глобальные ***/
.fancybox__backdrop{opacity:0.7 !important}
.mt-auto{margin-top:auto !important}
.mt-none{margin-top:0px !important}
.color--farm{color:#00324F}
.fade-up {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-up.appear {
    opacity: 1;
    transform: translateY(0);
}

.content-block__header{margin-bottom: 40px; max-width: 865px}
.content-block__subtitle{margin-bottom: 16px; font-size: clamp(12px, 2vw, 16px); line-height: 1.4; color: #6B7782;text-transform: uppercase}
.content-block__title{font-size: clamp(30px, 4vw, 54px); line-height: 1;color: #00324F;margin: 0 0 24px 0}
.content-block__text p{margin: 24px 0 0; color: #00324F}
.border-top-separate{border-top:1px solid rgba(0, 50, 79, 0.1)}
.border-bottom-separate{border-bottom:1px solid rgba(0, 50, 79, 0.1)}


.container{max-width:1345px; width:100%; padding:0 15px; margin:0 auto}
.button{display: inline-block;padding: 12px 24px;border-radius: 4px;font-size: 14px;font-weight: 500;line-height: 1.4;text-decoration: none; text-align:center}
.button--large{padding:16px 24px; font-size: 16px;}
.button--primary {background: #00324F;color: #fff}
.button--primary:hover{background: #5B8CB5}
.button--secondary {background: rgba(0, 50, 79, 0.1); color: #00324F}
.button--secondary:hover{background: #00324F;color: #fff}
.button--max-width{display:block; width:100%; }
@media (min-width:576px){
	.content-block{padding:40px 0}
}
@media (min-width:768px){
	.none-top-padding{padding-top:0 !important}
	.none-bottom-padding{padding-bottom:0 !important}
	.content-block{padding:60px 0}
	.half-top-padding{padding-top:30px}
	.half-bottom-padding{padding-bottom:30px}
}
@media (min-width:992px){
	.content-block{padding:80px 0}
	.half-top-padding{padding-top:40px}
	.half-bottom-padding{padding-bottom:40px}
}
@media(min-width:1200px){
	.content-block--columns .content-block__grid{display: flex;flex-wrap: wrap}
	.content-block--columns .content-block__aside {width: calc(100% - 865px);padding-top: 8px}
	.content-block--columns .content-block__main {width: 865px}
	.content-block__text{max-width:740px}
}
@media(min-width:1430px){
	.content-block{padding:120px 0}
	.half-top-padding{padding-top:60px}
	.half-bottom-padding{padding-bottom:60px}
}
@media (max-width:1429px){
	.content-block__header{margin-bottom: 32px}
	.content-block__grid .content-block__subtitle{margin-bottom: 24px}	
}
@media (max-width:991px){
	.button--large{padding:14px 24px; font-size: 15px;}
}
@media (max-width:575px){
	.content-block{padding:40px 0}
	.button--large{line-height: 1.4; padding:12px 24px; font-size: 14px;}
}
/*************/
/*** Шапка ***/
.header{position:absolute;top:0;left:0;right:0;z-index:100;border-bottom:1px solid rgba(255,255,255,0.1)}
.header__row{display:flex;align-items:center;justify-content:space-between;height:120px}
.header__contacts,.header__logo,.header__actions{flex:1 1 0;min-width:0}
.header__actions{display:flex;justify-content:flex-end;align-items:center;gap:0 20px}
.header__logo{filter:brightness(0) invert(1); display:flex;justify-content:center}
.header__logo-link{display:block;max-width:220px}
.header__logo-link:hover{transform:scale(1.05)}
.header__logo-link svg{display:block;width:100%;height:auto}
.contacts-list{display:flex;flex-direction:column;gap:8px 0;margin:0;padding:0;list-style:none}
.contacts-list__item{font-size: 16px; display:flex;align-items:center;line-height:1.2;color:#fff}
.contacts-list__icon{flex-shrink:0; margin-right:16px;fill:currentColor}
.header__contacts .contacts-list__icon{filter:invert(1) grayscale(1) brightness(10)}
.contacts-list__link{color:#fff}
.contacts-list__link:hover{opacity:0.6}
.contacts-list__note{margin-left:6px}
.language-switcher{display:flex;align-items:center;gap:0 8px;margin:0;padding:0;list-style:none;font-size:16px}
.language-switcher__link{color:rgba(255,255,255,0.5);text-decoration:none}
.language-switcher__link:hover{color:rgba(255,255,255,0.8)}
.language-switcher__link.is-active{color:#fff;font-weight:500}
.language-switcher__separator{color:rgba(255,255,255,0.5)}
.header__main-menu{border-top:1px solid rgba(255,255,255,0.1);position:relative;z-index:10}
.header__nav{padding:11px 0}
.header__menu{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 60px;margin:0;padding:0;list-style:none}
.header__menu > li > a{color:#fff;text-decoration:none;font-size:16px;line-height:1.4;padding:5px 0;position:relative;transition:all 0.3s ease;display:inline-flex;align-items:center}
.header__menu > li > a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:currentColor;transition:width 0.3s ease}
.header__menu > li > a:hover::after{width:100%}
.menu-item__icon{margin-left:4px;vertical-align:middle;fill:currentColor;width:17px;height:16px}
.header__menu > li.current-menu-item > a,
.header__menu > li.current-page-ancestor > a{opacity:1}
.header__menu > li.current-menu-item > a::after,
.header__menu > li.current-page-ancestor > a::after{width:100%}
@media(min-width:768px){
	.header__button-mobile, .header__mobile-call, .header__mobile-menu{display:none}
	.menu-item__icon{filter:invert(1) brightness(100)}
}
@media(max-width:1429px){
	.header__menu{gap:20px 50px}
}
@media(max-width:991px){
	.header__logo, .header__logo-link{max-width:160px}
	.contacts-list__item{font-size: 14px}
	.contacts-list__icon{margin-right:8px}
	.contacts-list__note{margin-left:4px}
	.header__menu{gap:20px 25px}
	.header__menu > li > a{font-size:15px}
}
@media(max-width:991px) and (min-width:768px){
	.contacts-list__icon{width:20px; height:auto}
	.header__actions{gap:0 15px}
	.language-switcher{gap:0 5px; font-size:14px}
	.menu-item__icon{margin-left: 3px; width: 14px; height: 13px}
}
@media(max-width:767px){
	.header__row{height:65px}
	.header .header__contacts, .header .header__actions, .header__main-menu{display:none}
	.header__button-mobile{width:100%; max-width:24px}
	.header__button-mobile span{position:relative; height:2px; display:block; width:100%; background:#fff; border-radius:10px}
	.header__button-mobile span:nth-child(2){margin:6px 0}
	.open-menu-mobile .header__button-mobile span{background:#00324F}
	.open-menu-mobile .header__button-mobile span:nth-child(1){top:8px; transform:rotate(45deg)}
	.open-menu-mobile .header__button-mobile span:nth-child(2){opacity:0}
	.open-menu-mobile .header__button-mobile span:nth-child(3){top:-8px; transform:rotate(-45deg)}
	.open-menu-mobile .header .mobile-call__icon, .open-menu-mobile .header .header__logo{filter:none}
	.header__nav {padding: 48px 0 24px; border-bottom: 1px solid rgba(0,50,79,0.3);}
	.header__mobile-call{display: flex;align-items: center;justify-content: center;}
	.mobile-call__icon{width:32px; height:auto; filter:grayscale(1) brightness(10)}
	.header__mobile-menu{transition:all 0.1s linear 0s; position:absolute;left:0;right:0;top: 0;z-index:99;padding-top: 65px; padding-bottom:48px; background:#ECE5E3; border-bottom:1px solid rgba(0,50,79,0.3); opacity:0; visibility:hidden}
	.header__menu{gap:10px 0; flex-direction:column}
	.header__menu > li > a{font-size:20px; color:#00324F; padding:3px 0}
	.header__mobile-menu .button{width:100%}
	.header__mobile-menu .contacts-list{padding:24px 0}
	.header__mobile-menu .contacts-list__link, .header__mobile-menu .contacts-list__item{color: #00324F;}
	.header__mobile-menu .language-switcher{padding-top:24px; justify-content:space-between}
	.header__mobile-menu .language-switcher__link.is-active{color: #00324F;}
	.header__mobile-menu .language-switcher__link, .header__mobile-menu .language-switcher__separator{color:rgba(50,79,100, 0.5)}
	.header__mobile-menu .language-switcher__link:hover{color:rgba(50,79,100, 0.8)}
	.open-menu-mobile .header{border-color:rgba(0,50,79,0.3)}
	.open-menu-mobile .header__mobile-menu{opacity:1; visibility:visible}
	.header__logo, .header__logo-link{max-width:110px}
}
/**************/
/*** Подвал ***/
.footer{font-size: 16px;line-height: 1.4;padding-top: 80px; background: url('images/footer.png') repeat-x bottom center; border-top:1px solid rgba(0, 50, 79, 0.1)}
.footer__container{display: flex;flex-direction: column;gap: 56px 0}
.footer__logo{display: flex;align-items: center;justify-content: center}
.footer__logo a{display: block;max-width: 289px}
.footer__logo svg{display: block;width: 100%;height: auto}
.footer__row, .footer__bottom{display: flex;justify-content: space-between}
.footer__row {flex-wrap: wrap;gap:0 40px}
.footer__bottom{height: 80px;color: #00324F;align-items: center;border-top: 1px solid rgba(0, 50, 79, 0.1)}
.footer__menu {display: flex;flex-direction: column;gap: 12px 0}
.footer__menu li a, .footer__bottom a{color: #00324F;display: block}
.footer__menu li a:hover, .footer__bottom a:hover {color: #5B8CB5}
.footer__menu-main .footer__menu li:nth-child(2) a::after, .footer__menu-main .footer__menu li:nth-child(3) a::after {content: "*"}
.footer__contacts .contacts-list__link, .footer__contacts .contacts-list__item{color: #00324F}
.footer__contacts .contacts-list__link:hover{color: #5B8CB5; opacity: 1}
.footer__title{font-weight: 600;color: #00324F;padding-bottom: 8px; font-size:16px}
.social-list{display: flex; gap: 0 10px}
.social-list a{display: block}
.social-list a:hover{opacity: 0.7}
@media(max-width:991px){
	.footer{font-size: 14px; padding-top: 40px}
	.footer__container{gap: 40px 0}
	.footer__logo a{max-width: 155px}
	.footer__menu{gap: 8px 0}
}
@media(max-width:820px) and (min-width:645px){
	.footer__social{margin-left: auto;margin-top: -75px;margin-right: 96px}
}
@media(max-width:644px){
	.footer__row{flex-direction:column; gap:24px 0}
	.footer__menu-main ul{display:block; column-count:2}
	.footer__menu-main ul li{padding:4px 0}
	.footer__bottom {height: 120px; flex-direction: column;align-items: start;justify-content: center; gap: 8px 0}
}


.modal__wrapper-form{background:#ECE5E3 !important; width:100%; max-width:865px !important; padding:40px !important; display:flex !important; flex-direction:column !important; gap:40px}
.modal__heading{text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px}
.modal__title{font-weight: 500;font-size: 54px;line-height: 1;color: #00324F}
.modal__text{font-weight: 500;font-size: 18px;line-height: 1.4;color: #2B2B2B;}
.modal__form{display:flex; flex-direction:column; gap:32px}
.modal__group-field{display:flex; flex-direction:column}
.modal__group-field label{font-weight: 500;font-size: 14px;line-height: 1.4;color: #2B2B2B;margin:0;display:block}
.modal__group-field input{height: 56px;border:none;background:transparent;border-bottom: 1px solid #00324F;color:#2B2B2B; font-weight: 500;font-size: 16px}
.modal__agree{font-weight: 500;font-size: 14px;line-height: 1.4;color: #2B2B2B;}
.modal__agree a{text-decoration:underline;color: #2B2B2B}

@media(max-width:991px){
	.modal__wrapper-form{max-width:665px !important; padding:30px !important; gap:30px}
	.modal__title{font-size: 42px}
	.modal__text{font-size: 16px}
	.modal__form{gap:24px}
	.modal__group-field input{height: 50px; font-size: 15px}
}
@media(max-width:575px){
	.modal__wrapper-form{max-width:450px !important; padding:20px !important; gap:20px}
	.modal__title{font-size: 28px}
	.modal__text{font-size: 14px}
	.modal__form{gap:16px}
	.modal__group-field input{height: 45px; font-size: 14px}
}