@charset "UTF-8";
@import "https://use.typekit.net/sys8dic.css";
@import "https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap";
:root{--font-family:effra-cc,sans-serif;--second-family:"Ubuntu Sans",sans-serif}
*{padding:0;margin:0;border:0}
*,:before,:after{box-sizing:border-box}
:focus,:active{outline:none}
a:focus,a:active{outline:none}
nav,footer,header,aside{display:block}
html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}
input,button,textarea{font-family:inherit}
ul li{list-style:none}
input::-ms-clear{display:none}
button{cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
a,a:visited{text-decoration:none}
a:hover{text-decoration:none}
img{vertical-align:top}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
html{scroll-behavior:smooth}
body{background:#f8f8f8;color:#151515;height:100%;font-size:16px;font-family:var(--font-family)}
body.hidden{overflow:hidden}
.wrapper{min-height:100vh;overflow:hidden;display:flex;flex-direction:column}
.page{flex:1 0 auto;margin-top:85px}
@media (max-width: 480px) {
.page{margin-top:70px}
}
._container{max-width:1282px;padding:0 15px;margin:0 auto}
.header{position:fixed;left:0;top:0;width:100%;padding:10px 0;background-color:#fff;z-index:99}
@media (max-width: 480px) {
.header{padding:7.5px 0}
}
.header__body{display:flex;align-items:center;justify-content:space-between}
@media (max-width: 480px) {
.header__logo img{height:55px}
}
.header__items{display:flex;align-items:center;column-gap:26px}
@media (max-width: 1200px) {
.header__items{display:none}
}
.header__item{font-weight:400;font-size:17px;color:#151515;line-height:1.3;transition:.5s}
.header__item:hover{color:#d7b56d}
.header__langs-wrapper{display:flex;align-items:center;column-gap:10px}
@media (max-width: 1200px) {
.header__langs-wrapper{margin-left:auto}
}
.header__langs{font-weight:400;font-size:17px;color:#151515;line-height:1.3;font-family:var(--font-family);appearance:none;padding-right:17px;background:url(../images/header/arrow.svg) right center / 12px no-repeat}
.header .burger{display:none}
@media (max-width: 1200px) {
.header .burger{display:block;margin-left:15px}
}
.menu{position:fixed;top:0;right:0;width:300px;background-color:#fff;box-shadow:0 0 20px -15px #151515;height:100vh;display:flex;flex-direction:column;row-gap:50px;align-items:flex-end;padding:15px 30px;transition:.8s;transform:translateX(100%)}
.menu.active{transform:translateX(0)}
@media (max-width: 480px) {
.menu{width:250px;padding:15px 20px}
}
.menu__close{font-size:50px;color:#bbb;cursor:pointer}
@media (max-width: 480px) {
.menu__close{font-size:40px}
}
.menu__items{display:flex;flex-direction:column;align-items:flex-end;row-gap:30px}
.footer{padding:40px 0;background:#ededed}
@media (max-width: 480px) {
.footer{padding:40px 0 20px}
}
.footer__body{display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1200px) {
.footer__body{flex-direction:column;align-items:start;row-gap:30px}
}
.footer__contacts-title{font-weight:400;font-size:16px;color:#777;line-height:1.3;font-family:var(--second-family);margin-bottom:10px}
.footer__contacts-items{display:flex;column-gap:50px;align-items:start}
@media (max-width: 992px) {
.footer__contacts-items{flex-direction:column;row-gap:15px}
}
.footer__contacts-item{font-weight:400;font-size:20px;line-height:130%;color:#151515;max-width:320px;font-family:var(--second-family)}
@media (max-width: 992px) {
.footer__contacts-item{max-width:100%}
}
@media (max-width: 480px) {
.footer__contacts-item{font-size:16px}
}
.footer__socials{display:flex;align-items:center;column-gap:10px}
.footer__social{transition:.5s}
.footer__social:hover{opacity:.5}
.footer__social img{width:60px;height:60px}
@media (max-width: 480px) {
.footer__social img{width:40px;height:40px}
}
.footer__foot{display:flex;align-items:center;justify-content:space-between;padding-top:30px;margin-top:60px;border-top:1px solid #cbcbcb}
@media (max-width: 992px) {
.footer__foot{flex-direction:column-reverse;align-items:start;row-gap:15px}
}
@media (max-width: 480px) {
.footer__foot{padding-top:15px;margin-top:30px}
}
.footer__abc{display:flex;align-items:center;gap:5px}
.footer__abc a{display:flex;align-items:center;justify-content:center}
.footer__abc span{font-weight:400;font-size:13px;color:#151515}
.footer__links{display:flex;align-items:center;column-gap:30px}
@media (max-width: 767px) {
.footer__links{flex-direction:column;row-gap:5px;align-items:start}
}
.footer__link{font-weight:400;font-size:13px;color:#151515;line-height:1.3}
section{margin-top:90px}
@media (max-width: 480px) {
section{margin-top:60px}
}
.main{height:calc(100vh - 85px);position:relative;margin-top:0}
@media (max-width: 480px) {
.main{height:calc(100vh - 70px)}
}
.main::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#14141459}
.main__container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}
.main__body{display:flex;flex-direction:column;align-items:center}
.main__title{font-weight:600;font-size:70px;line-height:107%;text-align:center;color:#fff;margin-bottom:20px;max-width:740px}
@media (max-width: 767px) {
.main__title{font-size:50px;margin-bottom:15px}
}
@media (max-width: 480px) {
.main__title{font-size:32px;margin-bottom:10px}
}
.main__text{font-weight:400;font-size:27px;line-height:119%;text-align:center;color:#fff;margin-bottom:40px;display:flex;flex-direction:column;row-gap:10px;max-width:744px}
@media (max-width: 767px) {
.main__text{font-size:20px;margin-bottom:25px}
}
@media (max-width: 480px) {
.main__text{font-size:16px;margin-bottom:15px}
}
.main__inputs{border-radius:10px;background-color:#fff;padding:10px;display:flex;align-items:center;column-gap:40px;justify-content:space-between;padding-left:20px}
@media (max-width: 767px) {
.main__inputs{flex-direction:column;row-gap:10px;width:100%;max-width:500px;align-items:stretch;padding-right:20px}
}
.main__input{position:relative}
@media (max-width: 480px) {
.main__input{width:100%!important}
}
.main__input:not(:last-child)::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);right:-20px;height:34px;width:1px;background-color:#bababa}
@media (max-width: 767px) {
.main__input:not(:last-child)::after{display:none}
}
.main__input select{font-weight:400;font-size:16px;color:#151515;line-height:1.3;font-family:var(--font-family);width:100%}
@media (max-width: 480px) {
.main__date{width:100%!important}
}
.main__date-title{font-weight:400;font-size:13px;color:#888;line-height:1.3}
@media (max-width: 480px) {
.main__date-input{width:100%!important}
}
.main__date-input input{font-weight:400;font-size:16px;color:#151515!important;line-height:1.3;text-transform:uppercase}
@media (max-width: 480px) {
.main__date-input input{width:100%!important}
}
.main__button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;text-align:center;color:#fff;line-height:1.3;padding:14px 22px;border-radius:8px;background:#d7b56d;transition:.5s}
@media (max-width: 480px) {
.main__button{font-size:15px;padding:12px 20px}
}
.main__button:hover{box-shadow:0 0 20px #d7b56d}
.main__video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.title{font-weight:500;font-size:49px;color:#151515;line-height:1.3;margin-bottom:40px}
@media (max-width: 767px) {
.title{font-size:40px}
}
@media (max-width: 480px) {
.title{font-size:28px;margin-bottom:25px}
}
.block.block--reverse .block__body{flex-direction:row-reverse}
@media (max-width: 992px) {
.block.block--reverse .block__body{flex-direction:column}
}
.block__body{display:flex;align-items:center;margin:0 -45px}
@media (max-width: 992px) {
.block__body{flex-direction:column;align-items:start;row-gap:30px}
}
@media (max-width: 480px) {
.block__body{row-gap:20px}
}
.block__image{flex:0 0 50%;padding:0 45px}
@media (max-width: 992px) {
.block__image{max-width:500px}
}
.block__image img{width:100%;border-radius:25px}
.block__content{flex:1 1 50%;padding:0 45px}
.block__title{margin-bottom:20px}
@media (max-width: 480px) {
.block__title{margin-bottom:10px}
}
.block__text{font-weight:400;font-size:18px;line-height:126%;color:#555;display:flex;flex-direction:column;row-gap:10px}
@media (max-width: 480px) {
.block__text{font-size:14px}
}
.block__text ul{display:flex;flex-direction:column;row-gap:10px}
.block__text li{position:relative;padding-left:20px;list-style:none}
.block__text li::after{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;background-color:#151515}
@media (max-width: 480px) {
.block__text li::after{top:4px}
}
.block__button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;text-align:center;color:#fff;line-height:1.3;padding:15px 50px;background:#d7b56d;transition:.5s;border-radius:8px;margin-top:30px}
@media (max-width: 480px) {
.block__button{font-size:15px;padding:12px 40px;margin-top:20px}
}
.block__button:hover{box-shadow:0 0 20px #d7b56d}
@media (max-width: 480px) {
.why__title{text-align:center}
}
.why__items{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:32px;row-gap:50px}
@media (max-width: 992px) {
.why__items{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width: 700px) {
.why__items{grid-template-columns:1fr 1fr}
}
@media (max-width: 480px) {
.why__items{column-gap:20px;row-gap:40px;grid-template-columns:1fr}
.item-why{display:flex;flex-direction:column;align-items:center}
}
.item-why:nth-child(3) .item-why__image{height:200px;margin-top:-45px}
@media (max-width: 480px) {
.item-why:nth-child(3) .item-why__image{height:auto;margin-top:0}
}
.item-why__image{margin-bottom:25px;height:155px}
@media (max-width: 480px) {
.item-why__image{margin-bottom:15px;height:auto}
}
.item-why__image img{max-width:100%;max-height:100%}
@media (max-width: 480px) {
.item-why__image img{max-width:180px}
}
.item-why__title{font-weight:500;font-size:28px;line-height:89%;color:#151515;margin-bottom:10px}
@media (max-width: 480px) {
.item-why__title{font-size:20px;text-align:center}
}
.item-why__text{font-weight:400;font-size:22px;line-height:114%;color:#555}
@media (max-width: 480px) {
.item-why__text{font-size:16px;text-align:center}
}
.rest{padding:120px 0;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
@media (max-width: 992px) {
.rest{padding:90px 0}
}
@media (max-width: 480px) {
.rest{padding:60px 0}
}
.rest::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#1414148c}
.rest__container{position:relative;z-index:1}
.rest__title{color:#fff;margin-bottom:20px}
.rest__text{max-width:572px;font-weight:400;font-size:19px;line-height:126%;color:#fff;display:flex;flex-direction:column;row-gap:10px;margin-bottom:30px}
@media (max-width: 480px) {
.rest__text{font-size:14px;margin-bottom:20px}
}
.rest__button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;text-align:center;color:#fff;line-height:1.3;padding:15px 50px;background:#d7b56d;transition:.5s;border-radius:8px}
@media (max-width: 480px) {
.rest__button{font-size:15px;padding:12px 40px}
}
.rest__button:hover{box-shadow:0 0 20px #d7b56d}
.vip__title{text-align:center;margin-bottom:20px}
.vip__text{font-weight:400;font-size:19px;line-height:126%;text-align:center;color:#555;display:flex;flex-direction:column;align-items:center;row-gap:10px;max-width:714px;margin-left:auto;margin-right:auto;margin-bottom:40px}
@media (max-width: 480px) {
.vip__text{font-size:14px;margin-bottom:25px}
}
.vip__items{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
@media (max-width: 767px) {
.vip__items{grid-template-columns:1fr 1fr;gap:20px}
}
@media (max-width: 480px) {
.vip__items{grid-template-columns:1fr;gap:15px}
}
.vip__item img{width:100%;border-radius:25px}
.part{padding:120px 0;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
@media (max-width: 992px) {
.part{padding:90px 0}
}
@media (max-width: 480px) {
.part{padding:60px 0}
}
.part::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#1414148c}
.part__container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.part__title{color:#fff;margin-bottom:20px;max-width:561px;text-align:center}
.part__text{max-width:480px;font-weight:400;font-size:19px;line-height:126%;color:#fff;display:flex;flex-direction:column;align-items:center;row-gap:10px;margin-bottom:30px;text-align:center}
@media (max-width: 480px) {
.part__text{font-size:14px;margin-bottom:20px}
}
.part__text ul{display:flex;flex-direction:column;align-items:center;row-gap:5px}
.part__button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;text-align:center;color:#fff;line-height:1.3;padding:15px 30px;background:#d7b56d;transition:.5s;border-radius:8px}
@media (max-width: 480px) {
.part__button{font-size:15px;padding:12px 40px}
}
.part__button:hover{box-shadow:0 0 20px #d7b56d}
.links__title{text-align:center}
.links__items{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
@media (max-width: 767px) {
.links__items{grid-template-columns:1fr 1fr;gap:20px}
}
@media (max-width: 480px) {
.links__items{gap:10px}
}
.links__item{display:flex;align-items:center;justify-content:center;height:90px;border-radius:15px;border:1px solid #e0e0e0;padding:15px;transition:.5s}
.links__item:hover{opacity:.5}
.links__item:hover img{opacity:.5}
@media (max-width: 480px) {
.links__item{height:80px}
}
.links__item img{max-width:100%;max-height:100%;transition:.5s}
.header-hover{position:relative;overflow:hidden}
.header-hover:hover{overflow:visible}
.header-hover:hover .header-hover__title{color:#15151566}
.header-hover:hover .header-hover__hidden{opacity:1}
.header-hover__title{font-weight:400;font-size:17px;color:#151515;line-height:1.3;cursor:pointer;transition:.5s}
.header-hover__hidden{position:absolute;transform:translateY(100%);bottom:0;left:-20px;transition:.5s;opacity:0}
.header-hover__items{border:1px solid #e7e7e7;border-radius:7px;width:122px;margin-top:10px;background:#fff;padding:15px;display:flex;flex-direction:column;row-gap:10px}
.header-hover__item{font-weight:400;font-size:17px;color:#151515;line-height:1.3;transition:.5s}
.header-hover__item:hover{color:#d7b56d}
.menu-hover{position:relative;display:flex;flex-direction:column;align-items:flex-end}
.menu-hover__title{font-weight:400;font-size:17px;color:#151515;line-height:1.3;cursor:pointer;transition:.5s;text-align:end}
.menu-hover__hidden{display:none}
.menu-hover__items{margin-top:10px;background:#fff;display:flex;flex-direction:column;align-items:flex-end;row-gap:10px}
.menu-hover__item{font-weight:400;font-size:15px;color:#151515;line-height:1.3;transition:.5s;text-align:end}
.menu-hover__item:hover{color:#d7b56d}
.about{height:calc(100vh - 85px);position:relative;margin-top:0;background-position:center;background-size:cover;background-repeat:no-repeat}
@media (max-width: 480px) {
.about{height:calc(100vh - 70px)}
}
.about::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#14141459}
.about__container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}
.about__title{font-weight:600;font-size:70px;line-height:107%;text-align:center;color:#fff;margin-bottom:20px}
@media (max-width: 767px) {
.about__title{font-size:50px;margin-bottom:15px}
}
@media (max-width: 480px) {
.about__title{font-size:32px;margin-bottom:10px}
}
.about__text{font-weight:400;font-size:27px;line-height:119%;text-align:center;color:#fff;margin-bottom:40px;display:flex;flex-direction:column;row-gap:10px;max-width:744px}
@media (max-width: 767px) {
.about__text{font-size:20px;margin-bottom:25px}
}
@media (max-width: 480px) {
.about__text{font-size:16px;margin-bottom:15px}
}
.about__scroll{position:absolute;left:50%;transform:translateX(-50%);bottom:0;z-index:1}
.about__button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;text-align:center;color:#fff;line-height:1.3;padding:14px 30px;border-radius:8px;background:#d7b56d;transition:.5s}
@media (max-width: 480px) {
.about__button{font-size:15px;padding:12px 20px}
}
.about__button:hover{box-shadow:0 0 20px #d7b56d}
.ach{padding:120px 0;position:relative}
@media (max-width: 992px) {
.ach{padding:90px 0}
}
@media (max-width: 480px) {
.ach{padding:60px 0}
}
.ach::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#1414148c}
.ach__container{position:relative;z-index:1}
.ach__title{color:#fff;margin-bottom:20px}
.ach__items{margin-bottom:50px}
@media (max-width: 480px) {
.ach__items{margin-bottom:30px}
}
.ach__item{font-weight:400;font-size:19px;line-height:126%;color:#fff;display:flex;flex-direction:column;row-gap:10px;max-width:550px}
@media (max-width: 480px) {
.ach__item{font-size:14px}
}
.ach__item strong{font-weight:600;font-size:22px}
@media (max-width: 480px) {
.ach__item strong{font-size:16px}
}
.ach__item ul{display:flex;flex-direction:column;row-gap:10px}
.ach__item li{position:relative;padding-left:20px;list-style:none}
.ach__item li::after{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;background-color:#fff}
@media (max-width: 480px) {
.ach__item li::after{top:4px}
}
.ach__arrows{display:flex;align-items:center;column-gap:15px}
.ach__arrow{cursor:pointer;transition:.5s}
.ach__arrow.swiper-button-disabled{opacity:.5}
.news{margin-top:50px}
@media (max-width: 480px) {
.news{margin-top:30px}
}
.news__items{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
@media (max-width: 992px) {
.news__items{grid-template-columns:1fr 1fr}
}
@media (max-width: 700px) {
.news__items{grid-template-columns:1fr}
}
.item-news{aspect-ratio:1.1111111111;border-radius:25px;overflow:hidden;position:relative}
@media (max-width: 480px) {
.item-news{border-radius:15px}
}
.item-news:hover .item-news__image img{transform:scale(1.1)}
.item-news__image{position:absolute;left:0;top:0;width:100%;height:100%}
.item-news__image img{width:100%;height:100%;object-fit:cover;transition:.5s}
.item-news__content{position:absolute;left:20px;right:20px;bottom:20px;backdrop-filter:blur(20px);background:#0000004d;padding:15px 20px;border-radius:15px}
@media (max-width: 480px) {
.item-news__content{border-radius:10px;left:10px;bottom:10px;right:10px}
}
.item-news__date{font-weight:400;font-size:14px;line-height:129%;color:#e3e3e3;margin-bottom:5px}
.item-news__title{font-weight:400;font-size:17px;line-height:106%;color:#fff;max-width:80%}
.item-news__arrow{position:absolute;top:10px;right:10px}
.news-single{margin-top:50px}
@media (max-width: 480px) {
.news-single{margin-top:30px}
}
.news-single__title{max-width:900px;font-size:40px;margin-bottom:20px}
@media (max-width: 480px) {
.news-single__title{font-size:28px;margin-bottom:15px}
}
.news-single__text{font-weight:400;font-size:16px;line-height:150%;color:#666;font-family:var(--second-family);display:flex;flex-direction:column;row-gap:10px;margin-bottom:30px}
.news-single__text ul{display:flex;flex-direction:column;row-gap:10px;padding-left:30px}
.news-single__text li{list-style:disc}
@media (max-width: 480px) {
.news-single__text{font-size:14px;margin-bottom:20px}
}
.news-single__images{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
@media (max-width: 767px) {
.news-single__images{grid-template-columns:1fr 1fr;gap:20px}
}
@media (max-width: 480px) {
.news-single__images{grid-template-columns:1fr;gap:15px}
}
.news-single__image{position:relative;overflow:hidden;display:block;border-radius:10px;padding-bottom:80%}
.news-single__image img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.contacts{margin-top:32px}
.contacts__body{display:grid;grid-template-columns:289px 1fr;align-items:start;gap:32px}
@media (max-width: 992px) {
.contacts__body{grid-template-columns:1fr;gap:20px}
}
.contacts__items{border:1px solid #b3b3b3;border-radius:5px;padding:10px}
@media (max-width: 992px) {
.contacts__items{max-width:400px}
}
.contacts__item{font-size:14px;line-height:129%;text-transform:uppercase;font-weight:400;color:#151515;transition:.5s;border-radius:5px;padding:10px;cursor:pointer}
.contacts__item.active{color:#fff;font-weight:700;background-color:#d7b56d}
.contacts__content{display:none}
.contacts__content.active{display:block}
.contacts__list{padding:45px;border:1px solid #b3b3b3;border-radius:5px;display:flex;column-gap:80px;margin-bottom:30px;overflow:hidden}
@media (max-width: 992px) {
.contacts__list{padding:30px;column-gap:40px;display:grid;grid-template-columns:1fr 1fr 1fr}
}
@media (max-width: 767px) {
.contacts__list{grid-template-columns:1fr;row-gap:15px}
}
@media (max-width: 480px) {
.contacts__list{padding:30px 20px}
}
.contacts__list-item{position:relative}
.contacts__list-item:not(:last-child)::after{content:"";display:block;position:absolute;top:-50px;bottom:-50px;right:-40px;width:1px;background-color:#b3b3b3}
@media (max-width: 992px) {
.contacts__list-item:not(:last-child)::after{right:-20px}
}
.contacts__list-title{font-weight:400;font-size:16px;line-height:130%;color:#777;margin-bottom:10px}
.contacts__list-text{font-weight:400;font-size:18px;line-height:133%;color:#151515;display:block}
.contacts__map{border-radius:5px;overflow:hidden;height:380px}
.contacts__map iframe,.contacts__map div{width:100%;height:100%}
.rooms{margin-top:40px}
@media (max-width: 480px) {
.rooms{margin-top:30px}
}
.rooms__title{font-weight:500;font-size:36px;color:#151515;line-height:1.3;padding-bottom:25px;margin-bottom:40px;border-bottom:1px solid silver}
@media (max-width: 480px) {
.rooms__title{font-size:30px;padding-bottom:15px;margin-bottom:25px}
}
.rooms .main__inputs{justify-content:start;border:1px solid #000;padding-left:40px}
@media (max-width: 767px) {
.rooms .main__inputs{padding-left:20px;justify-content:stretch}
}
.rooms .main__input-3::after{display:none}
.rooms .main__button{margin-left:auto}
@media (max-width: 767px) {
.rooms .main__button{margin-left:0}
}
.rooms__items{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;margin-top:40px}
@media (max-width: 992px) {
.rooms__items{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width: 767px) {
.rooms__items{grid-template-columns:1fr 1fr}
}
@media (max-width: 550px) {
.rooms__items{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.rooms__items{margin-top:25px}
}
.item-rooms{aspect-ratio:.7272727273;border-radius:25px;overflow:hidden;position:relative;display:block}
@media (max-width: 480px) {
.item-rooms{border-radius:15px}
}
.item-rooms:hover .rooms-hover{opacity:1}
.item-rooms:hover .item-rooms__content{opacity:0}
.item-rooms__image{position:absolute;left:0;top:0;width:100%;height:100%}
.item-rooms__image img{width:100%;height:100%;object-fit:cover;transition:.5s}
.item-rooms__content{position:absolute;left:20px;right:20px;bottom:20px;backdrop-filter:blur(20px);background:#0000004d;padding:15px 20px;border-radius:15px;transition:.5s}
@media (max-width: 480px) {
.item-rooms__content{border-radius:10px;left:10px;bottom:10px;right:10px}
}
.item-rooms__price{font-weight:400;font-size:14px;line-height:129%;color:#e3e3e3}
.item-rooms__title{font-weight:400;font-size:17px;line-height:106%;color:#fff;max-width:80%;margin-bottom:5px}
.item-rooms__arrow{position:absolute;top:10px;right:10px}
.info{margin-top:60px}
@media (max-width: 480px) {
.info{margin-top:40px}
}
.info__title{font-weight:500;font-size:36px;color:#151515;line-height:1.3;padding-bottom:25px;margin-bottom:40px;border-bottom:1px solid silver;max-width:1050px}
@media (max-width: 480px) {
.info__title{font-size:30px;padding-bottom:15px;margin-bottom:25px}
}
.info__text{font-weight:400;font-size:19px;line-height:126%;color:#555;display:flex;flex-direction:column;row-gap:10px;margin-bottom:40px}
@media (max-width: 480px) {
.info__text{font-size:14px;margin-bottom:25px}
}
.info__images{display:flex;margin:0 -16px;row-gap:32px;flex-wrap:wrap}
@media (max-width: 480px) {
.info__images{row-gap:10px;margin:0 -5px}
}
.info__image{height:350px;border-radius:15px;overflow:hidden;flex:0 0 33.333%;padding:0 16px}
@media (max-width: 992px) {
.info__image{height:300px}
}
@media (max-width: 800px) {
.info__image{height:280px}
}
.info__image:first-child{flex:0 0 66.5%}
@media (max-width: 767px) {
.info__image:first-child{flex:0 0 100%}
}
@media (max-width: 480px) {
.info__image:first-child{aspect-ratio:auto}
}
@media (max-width: 767px) {
.info__image{flex:0 0 50%}
}
@media (max-width: 480px) {
.info__image{padding:0 5px;height:auto;aspect-ratio:1.2}
}
.info__image img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.room{margin-top:50px}
@media (max-width: 480px) {
.room{margin-top:40px}
}
.room__top{display:flex;justify-content:space-between;column-gap:20px;align-items:start}
@media (max-width: 992px) {
.room__top{flex-direction:column;align-items:start;row-gap:20px}
}
.room__title{font-weight:500;font-size:40px;line-height:130%;text-transform:uppercase;color:#151515;margin-bottom:10px}
@media (max-width: 480px) {
.room__title{font-size:30px}
}
.room__subtitle{font-weight:400;font-size:21px;color:#555;line-height:1.3}
@media (max-width: 480px) {
.room__subtitle{font-size:18px}
}
.room__button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;text-align:center;color:#fff;line-height:1.3;padding:15px 50px;border-radius:8px;background:#d7b56d;transition:.5s}
@media (max-width: 480px) {
.room__button{font-size:15px;padding:12px 30px}
}
.room__button:hover{box-shadow:0 0 20px #d7b56d}
.slider{margin-top:40px;position:relative}
@media (max-width: 480px) {
.slider{margin-top:25px}
}
.slider__image{aspect-ratio:1.6666666667;border-radius:15px;overflow:hidden}
.slider__image img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.slider .swiper-slide{width:70%}
.slider__arrow{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;transition:.5s;z-index:2}
.slider__arrow.swiper-button-disabled{opacity:.5}
.slider__prev{left:15px}
.slider__next{right:15px}
.aaa__body{display:flex;align-items:center;margin:0 -45px}
@media (max-width: 992px) {
.aaa__body{flex-direction:column;align-items:start;row-gap:30px}
}
@media (max-width: 480px) {
.aaa__body{row-gap:20px}
}
.aaa__images{display:flex;column-gap:30px;flex:0 0 50%;padding:0 45px}
@media (max-width: 480px) {
.aaa__images{column-gap:10px}
}
.aaa__image img{width:100%}
.aaa__content{flex:1 1 50%;padding:0 45px}
.aaa__title{margin-bottom:20px;font-weight:500;font-size:36px;color:#151515;margin-bottom:30px}
@media (max-width: 480px) {
.aaa__title{margin-bottom:10px;font-size:30px;margin-bottom:15px}
}
.aaa__text{font-weight:400;font-size:18px;line-height:126%;color:#555;display:flex;flex-direction:column;row-gap:10px}
@media (max-width: 480px) {
.aaa__text{font-size:14px}
}
.aaa__text ul{display:flex;flex-direction:column;row-gap:10px}
.aaa__text li{position:relative;padding-left:20px}
.aaa__text li::after{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;background-color:#151515}
@media (max-width: 480px) {
.aaa__text li::after{top:4px}
}
.manager__body{display:flex;border:1px solid #e1e1e1;border-radius:25px;align-items:center;overflow:hidden}
@media (max-width: 992px) {
.manager__body{flex-direction:column;align-items:start}
}
.manager__image{max-width:420px}
.manager__image img{width:100%}
.manager__content{padding:20px 80px}
@media (max-width: 992px) {
.manager__content{padding:20px 40px}
}
@media (max-width: 480px) {
.manager__content{padding:20px}
}
.manager__title{margin-bottom:20px;font-weight:500;font-size:49px;color:#151515;line-height:1.3}
@media (max-width: 992px) {
.manager__title{font-size:40px;margin-bottom:20px}
}
@media (max-width: 480px) {
.manager__title{font-size:26px;margin-bottom:15px}
}
.manager__text{font-weight:400;font-size:18px;line-height:126%;color:#555;margin-bottom:25px;max-width:655px}
@media (max-width: 480px) {
.manager__text{font-size:14px;margin-bottom:20px}
}
.manager__inputs{max-width:450px;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}
.manager__input input{width:100%;font-weight:400;font-size:20px;line-height:120%;color:#151515;padding-bottom:10px;border-bottom:1px solid #7b7b7b}
.manager__input input::placeholder{color:#555}
.manager__button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;text-align:center;color:#fff;line-height:1.3;padding:14px 30px;border-radius:8px;background:#d7b56d;transition:.5s;margin-bottom:40px}
@media (max-width: 480px) {
.manager__button{font-size:15px;padding:12px 20px;margin-bottom:20px}
}
.manager__button:hover{box-shadow:0 0 20px #d7b56d}
.manager__name{font-weight:400;font-size:24px;line-height:100%;color:#151515;margin-bottom:10px}
@media (max-width: 480px) {
.manager__name{font-size:20px}
}
.manager__work{font-weight:400;font-size:18px;line-height:120%;color:#555;margin-bottom:15px}
@media (max-width: 480px) {
.manager__work{font-size:16px}
}
.manager__phone{font-weight:400;font-size:18px;line-height:120%;color:#151515;margin-bottom:10px;display:block}
@media (max-width: 480px) {
.manager__phone{font-size:16px}
}
.manager__email{font-weight:400;font-size:18px;line-height:120%;color:#151515;display:block}
@media (max-width: 480px) {
.manager__email{font-size:16px}
}
.zals .rooms__items{display:grid;grid-template-columns:1fr 1fr}
@media (max-width: 767px) {
.zals .rooms__items{grid-template-columns:1fr}
}
.zals .item-rooms{aspect-ratio:1.4}
.popup{position:fixed;right:10px;bottom:20px;z-index:99;display:flex;flex-direction:column;align-items:flex-end;row-gap:8px}
.popup__main{cursor:pointer;animation:popupShadow 2s infinite;border-radius:50%}
@keyframes popupShadow {
0%,100%{box-shadow:none}
50%{box-shadow:0 0 15px #d7b56d}
}
.popup__items{display:flex;flex-direction:column;align-items:flex-end;display:flex;flex-direction:column;row-gap:7px;max-height:0;overflow:hidden;will-change:opacity,max-height;transition:all 800ms ease;opacity:0}
.popup__items.active{max-height:20em;transition:all 800ms ease;will-change:opacity,max-height;opacity:1}
.popup__close{width:50px;height:50px;border-radius:50%;background-color:#252525;display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0;cursor:pointer}
.item-popup{display:flex;align-items:center;width:227px;justify-content:flex-end;column-gap:20px;background-color:#F8F8F8;border-radius:60px}
.item-popup__text{color:#151515}
.item-popup__image img{width:50px;height:50px}
.review{aspect-ratio:.6666666667;border-radius:25px;overflow:hidden;position:relative;display:block;cursor:pointer}
@media (max-width: 480px) {
.review{aspect-ratio:.8}
}
.review:hover .review__hover{opacity:1}
@media (max-width: 480px) {
.review{border-radius:15px}
}
.review__image{width:100%;height:100%}
.review__image img{width:100%;height:100%;object-fit:cover}
.review__content{position:absolute;left:20px;right:20px;bottom:20px;backdrop-filter:blur(20px);background:#0000004d;padding:15px 20px;border-radius:15px}
@media (max-width: 480px) {
.review__content{border-radius:10px;left:10px;bottom:10px;right:10px}
}
.review__read{font-weight:400;font-size:14px;line-height:129%;color:#e3e3e3}
.review__title{font-weight:400;font-size:17px;line-height:106%;color:#fff;max-width:80%;margin-bottom:5px}
.review__arrow{position:absolute;top:10px;right:10px}
.review__hover{backdrop-filter:blur(20px);background:#0000004d;border-radius:15px;left:20px;top:20px;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;padding:8px;opacity:0;transition:.5s;overflow-y:auto}
.review__hover-title{font-weight:500;font-size:24px;color:#fff;margin-bottom:15px;text-align:center}
@media (max-width: 480px) {
.review__hover-title{font-size:20px;margin-bottom:10px}
}
.review__hover-text{font-weight:400;font-size:17px;line-height:118%;text-align:center;color:#fff}
@media (max-width: 480px) {
.review__hover-text{font-size:14px}
}
.review__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;border-radius:50%;overflow:hidden}
.swiper-pagination-bullets{display:flex;justify-content:center;margin-top:40px}
@media (max-width: 480px) {
.swiper-pagination-bullets{margin-top:25px}
}
.swiper-pagination-bullets .swiper-pagination-bullet{background-color:#d7b56d;transition:.5s;border-radius:0!important;height:3px!important;width:25px!important}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:50px!important}
.swiper-pagination-bullets.swiper-pagination-lock{display:none}
#contactForm_forms_flash .close{display:none}
#contactForm_forms_flash p{font-size:16px;color:green;margin-bottom:10px;line-height:1.3}
.rooms-hover{position:absolute;left:20px;top:20px;right:20px;bottom:20px;border-radius:15px;backdrop-filter:blur(20px);background:#0000004d;padding:20px;height:calc(100% - 40px);display:flex;flex-direction:column;justify-content:center;opacity:0;transition:.5s}
.rooms-hover__title{margin-bottom:10px;font-weight:500;font-size:22px;color:#fff}
.rooms-hover__price{margin-bottom:20px;font-weight:400;font-size:18px;line-height:111%;text-transform:uppercase;color:#fff}
.rooms-hover__items{display:flex;flex-direction:column;row-gap:10px;margin-bottom:20px}
.rooms-hover__item{display:flex;align-items:center;column-gap:10px}
.rooms-hover__item img{flex-shrink:0}
.rooms-hover__item span{font-weight:400;font-size:15px;line-height:118%;color:#fff}
.rooms-hover__button1{display:flex;align-items:center;font-weight:700;font-size:16px;text-align:center;color:#fff;line-height:1.3;padding:10px;border-radius:8px;background:#d7b56d;transition:.5s;width:100%;justify-content:center;margin-bottom:10px}
.rooms-hover__button1:hover{box-shadow:0 0 20px #d7b56d}
.rooms-hover__button2{display:flex;align-items:center;font-weight:700;font-size:16px;text-align:center;color:#d7b56d;line-height:1.3;padding:10px;border-radius:8px;background:#fff;transition:.5s;justify-content:center}
.rooms-hover__button2:hover{box-shadow:0 0 20px #fff}
.circle{position:absolute;top:30%;right:10%;z-index:-1}
.footer__contacts-item-hover{position:relative}
.footer__contacts-item-hover::after{content:"";display:block;position:absolute;left:0;bottom:-2px;width:0;background-color:#d7b56d;transition:width .5s ease-in-out;height:2px}
.footer__contacts-item-hover:hover::after{width:100%}
.zals .item-rooms__content{opacity:1!important}
.zals .item-rooms:hover .item-rooms__content{transition:.5s;background-color:#d7b56d}
.slider .swiper-slide{opacity:.2!important;transition:.5s!important}
.slider .swiper-slide.swiper-slide-active{opacity:1!important}

.circle {display: none}