@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-Black.woff2"), url("../fonts/inter/Inter-Black.woff");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-Bold.woff2"), url("../fonts/inter/Inter-Bold.woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-SemiBold.woff2"), url("../fonts/inter/Inter-SemiBold.woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-Medium.woff2"), url("../fonts/inter/Inter-Medium.woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-Light.woff2"), url("../fonts/inter/Inter-Light.woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-ExtraLight.woff2"), url("../fonts/inter/Inter-ExtraLight.woff");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Liana";
    src: url("../fonts/liana/Liana-Regular.woff2"), url("../fonts/liana/Liana-Regular.woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "PT Root UI";
    src: url("../fonts/pt-root/PTRootUI-Regular.woff2"), url("../fonts/pt-root/PTRootUI-Regular.woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Dejavu";
    src: url("../fonts/dejavu/DejaVuSerifCondensed.woff2"), url("../fonts/dejavu/DejaVuSerifCondensed.woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Dejavu";
    src: url("../fonts/dejavu/DejaVuSerifCondensed-Bold.woff2"), url("../fonts/dejavu/DejaVuSerifCondensed-Bold.woff");
    font-weight: 700;
    font-style: normal;
}
*,
*::after,
*::before {
    box-sizing: border-box;
}

blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
h5,
li,
ol,
p,
ul {
    margin: 0;
}

ol,
ul {
    padding: 0;
    list-style: none;
}

a {
    font-family: inherit;
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

button {
    cursor: pointer;
    border: none;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

html,
body {
    height: 100%;
}

.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main {
    flex: 1 0 auto;
}

.main.active {
    display: none;
}

.footer {
    flex: 0 0 auto;
}

body {
    background-color: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    color: #2e2e2e;
    overflow-x: hidden;
}

.container {
    max-width: 1450px;
    padding: 0 15px;
    margin: 0 auto;
}

.container-fluid {
    max-width: 1950px;
    margin: 0 auto;
    padding: 0 15px;
}

.container-width {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.icon {
    fill: currentColor;
}

.icon-mod {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.icon-phone {
    width: 12px;
    height: 12px;
}

.vk__footer {
    width: 30px;
    height: 30px;
}

.forest__footer {
    width: 86px;
    height: 18.95px;
}

.right__footer {
    margin-left: 20px;
    width: 10px;
    height: 10px;
}

.fill {
    fill: #fff;
}

.fill1 {
    fill: #2e2e2e;
}

.fill__green {
    fill: #087868;
}

.footer__svg-width {
    width: 16.2px;
    height: 14px;
}

.footer__svg-width1 {
    width: 27px;
    height: 15px;
}

.footer__svg-width2 {
    width: 22px;
    height: 22px;
}

.footer__svg-width3 {
    width: 15px;
    height: 24px;
}

.phone__footer {
    width: 18px;
    height: 18px;
}

.room__svg-width {
    height: 100px;
    width: 50px;
}

.room__svg-width1 {
    height: 50px;
    width: 45px;
}

.width {
    width: 300px;
}

.flex {
    display: flex;
    align-items: center;
}

.flex__startSpaceBetween {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.flex__center-justify {
    display: flex;
    justify-content: center;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    width: 650px;
}

.grid1 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(440px, 1fr));
    grid-column-gap: 20px;
}

.flex__spaceBetween {
    display: flex;
    justify-content: space-between;
}

.flex__column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex__centerSpaceBetween {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex__end {
    display: flex;
    justify-content: flex-end;
}

.flex__center-column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.flex__center-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex1 {
    display: flex;
    flex-direction: column;
}

.title {
    color: #2e2e2e;
    font-family: "Dejavu", sans-serif;
    font-weight: bold;
}
.title h1 {
    font-size: 60px;
    line-height: 72px;
    text-align: center;
}
.title h2 {
    font-size: 48px;
    line-height: 72px;
    text-align: center;
    margin-bottom: 20px;
}
.title h3 {
    font-weight: bold;
    font-size: 64px;
    line-height: 72px;
    text-align: center;
    color: #2e2e2e;
}
.title h4 {
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #2e2e2e;
}
.title h5 {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #2e2e2e;
}
.title h6 {
    font-family: "Dejavu", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    color: #2e2e2e;
}
.title span {
    font-family: "Liana";
    font-weight: 400;
    font-size: 40px;
    line-height: 72px;
    color: #087868;
    display: block;
}

.button {
    min-height: 60px;
    background: #2e2e2e;
    border-radius: 6px;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button:hover {
    background-color: #5c5c5c;
}
.button:disabled {
    opacity: 0.7;
}
.button:disabled:hover {
    background: #2e2e2e;
}
.button1 {
    height: 60px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #ffffff;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button1:hover {
    background-color: #1aa894;
}

.margin {
    margin-right: 20px;
}

.margin1 {
    margin-bottom: 180px;
}

.popup__calendar,
.popup__calendar-check {
    width: 24px;
    height: 24px;
}

.breadcrumbs {
    font-weight: normal;
    font-size: 12px;
    color: #2e2e2e;
    margin-top: 20px;
}
.breadcrumbs li {
    line-height: 25px;
}
.breadcrumbs a {
    color: #087868;
    padding-right: 31px;
    margin-right: 31px;
    position: relative;
}
.breadcrumbs a::before {
    content: "/";
    position: absolute;
    top: -4px;
    right: 0;
    color: #e5e5e5;
}

.header {
    padding-top: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}
.header::before {
    content: "";
    position: absolute;
    left: 150px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    display: none;
}

.header__tablet-btn {
    width: 44px;
    height: 44px;
    background-color: transparent;
    position: absolute;
    cursor: pointer;
    left: 53px;
    top: 47px;
    display: inline-block;
    z-index: 20;
}
.header__tablet-btn span {
    width: 100%;
    height: 4px;
    position: absolute;
    background-color: #000;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s;
}
.header__tablet-btn span::before,
.header__tablet-btn span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #000;
    left: 0;
    transition: 0.5s;
}
.header__tablet-btn span::before {
    top: 20px;
    z-index: 2;
}
.header__tablet-btn span::after {
    bottom: 20px;
    z-index: 2;
}

.header__tablet-btn.active span {
    background-color: transparent;
}
.header__tablet-btn.active span::before,
.header__tablet-btn.active span::after {
    background-color: #fff;
}
.header__tablet-btn.active span::before {
    transform: rotate(45deg);
    top: 1px;
}
.header__tablet-btn.active span::after {
    transform: rotate(-45deg);
    top: 0;
}

.header__logo {
    display: block;
    margin-right: 54px;
    /* width: 234px;
    height: 97px; */
    align-self: center;
}
.header__logo img {
    max-width: 100%;
    height: auto;
}

.header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.header__inner {
    width: 100%;
}

.header__top {
    font-size: 13px;
    line-height: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header__phone {
    font-weight: 900;
    display: block;
    margin-right: 38px;
    transition: 0.3s;
}
.header__phone:hover {
    color: #087868;
}

.header__top p {
    margin-right: auto;
}
.header__top span {
    font-weight: 300;
}

.social__link {
    font-weight: 600;
    font-size: 13px;
    margin-right: auto;
    transition: 0.3s;
}
.social__link:hover {
    color: #087868;
}

.lang__list-item {
    display: inline-block;
}
.lang__list-item a {
    border-bottom: 1px solid rgba(46, 46, 46, 0.2);
    transition: 0.3s;
}
.lang__list-item a:hover {
    color: #087868;
}

.lang__list-item + .lang__list-item {
    padding-left: 17px;
    margin-left: 17px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.lang__list-item.active a {
    font-weight: 600;
    border-bottom: none;
}
.lang__list-item.active a:hover {
    color: #2e2e2e;
}

.header__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu__list {
    box-sizing: border-box;
}
.menu__list > li {
    display: inline-block;
}
.menu__list > li:hover .navrooms-hover {
    display: grid;
    opacity: 1;
    transition: opacity .3s;
}
.menu__list a {
    display: inline-block;
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    transition: 0.3s;
    padding: 38px 16px;
    margin: 0;
    border-bottom: 2px solid transparent;
    width: 100%;
}
.menu__list a:hover {
    color: #087868;
    border-color: #2e2e2e;
}

.header__feedback {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 190px;
    height: 42px;
    border: 1px solid #087868;
    border-radius: 3px;
    transition: 0.3s;
}
.header__feedback:hover {
    background-color: #1aa894;
    border: 1px solid #1aa894;
    color: #fff;
}

.tablet {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: #087868;
    z-index: 10;
    top: -1px;
    left: -1px;
    overflow: hidden;
    color: #fff;
    transform: translateY(-100%);
    transition: 1s;
}
.tablet::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1080px;
    opacity: 0.3;
    background-image: url(../img/tablet-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    z-index: -1;
}
.tablet::after {
    content: "";
    position: absolute;
    left: 150px;
    top: 0;
    height: 150px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

.tablet.active {
    transform: translateY(0);
    transition: 1s;
}

.tablet__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 32px;
    margin-bottom: 110px;
}
.tablet__header::after {
    content: "";
    position: absolute;
    left: 0;
    top: 150px;
    width: 3000px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

.tablet__phone {
    font-weight: 900;
    font-size: 30px;
    line-height: 36px;
    margin-left: auto;
    margin-right: 48px;
    transition: 0.3s;
}
.tablet__phone:hover {
    color: #2e2e2e;
}

.mod-tablet {
    width: 24px;
    height: 24px;
    margin-right: 19px;
}

.tablet__btn {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    width: 240px;
    height: 60px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.tablet__btn:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #2e2e2e;
}

.arrow-tablet {
    width: 6px;
    height: 9px;
    margin-left: 17px;
}

.tablet__main-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-bottom: 15vmin;
}
.tablet__main-list a {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 110px;
    display: inline-block;
    transition: 0.3s;
    position: relative;
    padding-right: 45px;
}
.tablet__main-list a::after {
    content: "";
    position: absolute;
    background-image: url("../img/arrow.svg");
    width: 15px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.3s;
}
.tablet__main-list a::before {
    content: "";
    position: absolute;
    background-image: url("../img/arrow.svg");
    width: 15px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.3s;
}
.tablet__main-list li:hover a {
    transform: translateX(30px);
}
.tablet__main-list li:hover a::before,
.tablet__main-list li:hover a::after {
    opacity: 1;
}

.tablet__main-social {
    display: flex;
    align-items: center;
}
.tablet__main-social li:first-child {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-right: 30px;
}
.tablet__main-social li + li {
    margin-left: 15px;
}
.tablet__main-social a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    transition: 0.3s;
}
.tablet__main-social a:hover {
    color: #2e2e2e;
    border: 1px solid #2e2e2e;
}

.icon-vk {
    width: 27px;
    height: 15px;
}

.icon-insta {
    width: 22px;
    height: 22px;
}

.icon-ok {
    width: 15px;
    height: 24px;
}

.header__menu-btn {
    display: none;
    width: 30px;
    height: 25px;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s;
}
.header__menu-btn span {
    transition: 0.3s;
    width: 100%;
    height: 3px;
    background-color: #000;
}

.header__menu-btn.active span {
    position: relative;
}
.header__menu-btn.active span:first-child {
    transform: rotate(-45deg);
    top: 10.5px;
}
.header__menu-btn.active span:nth-child(2) {
    opacity: 0;
}
.header__menu-btn.active span:last-child {
    transform: rotate(45deg);
    bottom: 10.5px;
}

.header__phone-m {
    color: #2e2e2e;
    margin-left: auto;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid rgba(32, 34, 40, 0.2);
    display: none;
}
.header__phone-m svg {
    margin: 0;
    width: 30px;
    height: 30px;
}

.header__inner.active {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: calc(100vh - 93px);
    background-color: #fff;
    z-index: 90;
    top: 92px;
    left: 0;
    right: 0;
    padding: 0 15px;
}

.navrooms-hover {
    display: none;
    transition: all 0.3s;
    position: absolute;
    z-index: 100;
    flex-direction: column;
    padding: 0 30px;
    min-width: 330px;
    background-color: #fff;
    box-shadow: 0px 4px 94px -20px rgba(0, 0, 0, 0.2);
}
.navrooms-hover > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #00000010;
}
.navrooms-hover > li > p {
    display: flex;
    flex-direction: column;
    color: #222222;
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-right: 36px;
}
.navrooms-hover > li > p > span {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    color: #efb969;
    font-weight: 700;
    letter-spacing: 0.1em;
}
.navrooms-hover > li a {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 30px;
    color: #087868;
    position: relative;
    transition: color;
    margin-right: 14px;
    padding: 0;
    border: none;
    width: inherit;
}
.navrooms-hover > li a:hover {
    color: #05483f;
}
.navrooms-hover > li a::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: url("../../img/arrow-right.svg") no-repeat;
    top: 3px;
    right: -24px;
}
.navrooms-hover > li a::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: url("../../img/arrow-right.svg") no-repeat;
    top: 3px;
    right: -19px;
}

.rooms {
    margin-bottom: 150px;
}
.rooms__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
.rooms__item {
    /* position: relative; */
    height: 497px;
    display: flex;
    /* pointer-events: none; */
}

.rooms__item-reserve {
    pointer-events: auto;
}

.rooms__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /* position: absolute; */
    left: 0;
    top: 0;
    /* z-index: -1; */
    transition: 0.5s;
}
.rooms__item img:hth-child(2) {
    /* z-index: -2; */
}
.rooms__item img:hth-child(3) {
    /* z-index: -3; */
}
.rooms__item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 268px;
    background-image: url("../img/item-bg.png");
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
}
.rooms__item-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 50px;
    color: #fff;
    z-index: 2;
    margin-top: auto;
    margin-bottom: 35px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
/*.rooms__item-info span {
    font-family: "Inter", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    color: #EFB969;
    display: block;
    margin-top: 5px;
  } */

.rooms__item-reserve {
    font-family: "Inter", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    width: 240px;
    height: 60px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: 0.3s;
}
.rooms__item-reserve:hover {
    background-color: #1aa894;
    border: 1px solid #1aa894;
}

.rooms__item-link {
    font-weight: bold;
    font-size: 34px;
    line-height: 34px;
    transition: 0.3s;
}
.rooms__item-link:hover {
    color: #2e2e2e;
}

.icon-arrow-btn {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.rest {
    margin-bottom: 150px;
}
.rest h2 {
    text-align: left;
}
.rest span {
    font-size: 26px;
    line-height: 72px;
}
.rest__inner {
    background-color: #eef2f2;
    padding-left: 120px;
    padding-top: 70px;
}
.rest__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rest__box img {
    transform: translateX(70px);
}
.rest__info {
    max-width: 386px;
}
.rest__info p {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}
.rest__info a {
    width: 300px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2e2e2e;
    border-radius: 6px;
    color: #fff;
    transition: 0.3s;
}
.rest__info a:hover {
    background-color: #5c5c5c;
}
.rest__info a svg {
    position: relative;
    top: 2px;
}
.rest__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    transform: translateY(60px);
    padding-right: 120px;
}
.rest__list li {
    height: 340px;
    position: relative;
    overflow: hidden;
}
.rest__list li:hover img {
    transform: scale(1.2);
}
.rest__list img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
    transition: 0.3s;
}
.rest__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.rest__list h4 {
    font-family: "Dejavu", sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    position: relative;
    text-align: center;
    margin-top: auto;
    margin-bottom: 30px;
}

.business {
    margin-bottom: 150px;
}
.business h2 {
    text-align: left;
}
.business span {
    font-size: 29px;
    line-height: 72px;
}
.business__inner {
    background-color: #eef2f2;
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 70px;
    padding-left: 0;
}
.business__inner ul {
    padding-left: 120px;
    padding-right: 0;
}
.business__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.business__box img {
    transform: translateX(-70px);
}
.business__info {
    max-width: 386px;
}
.business__info p {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}
.business__info a {
    width: 300px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2e2e2e;
    border-radius: 6px;
    color: #fff;
    transition: 0.3s;
}
.business__info a:hover {
    background-color: #5c5c5c;
}
.business__info a svg {
    position: relative;
    top: 2px;
}

.about {
    margin-bottom: 150px;
}
.about h2 {
    text-align: left;
}
.about span {
    font-size: 29px;
    line-height: 72px;
}
.about__inner {
    background-color: #eef2f2;
    padding-left: 120px;
    padding-top: 70px;
    padding-right: 0;
}
.about__inner ul {
    padding-right: 120px;
}
.about__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about__box img {
    transform: translateX(70px);
}
.about__info {
    max-width: 386px;
}
.about__info p {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}
.about__info a {
    width: 300px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2e2e2e;
    border-radius: 6px;
    color: #fff;
    transition: 0.3s;
}
.about__info a:hover {
    background-color: #5c5c5c;
}
.about__info a svg {
    position: relative;
    top: 2px;
}

.trust h2 {
    margin-bottom: 37px;
}
.trust__items {
    height: 150px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    margin-bottom: 60px;
}
.trust__item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #f1f1f1;
    transition: 0.3s;
}
.trust__item:hover img {
    filter: grayscale(0);
    transform: scale(1.15);
}
.trust__item img {
    filter: grayscale(1);
    transition: 0.3s;
}
.trust__pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 190px;
}
.trust__pagination span {
    width: 2px;
    height: 18px;
    border-radius: 0;
}
.trust__pagination span:hover {
    background-color: #1aa894;
}
.trust__pagination span.swiper-pagination-bullet-active {
    background-color: #2e2e2e;
}
.trust__pag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 337px;
    margin: 0 auto;
    color: #1aa894;
}
.trust__pag svg {
    width: 47px;
    height: 14px;
    cursor: pointer;
    outline: none;
}

.contacts {
    position: relative;
}
.contacts__map {
    width: 100%;
    height: 708px;
    position: relative;
}
.contacts__map::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 230px;
    left: 0;
    top: 0;
    background-image: url("../img/map-mask.png");
    z-index: 100;
}
.contacts__info {
    font-family: "Inter", sans-serif;
    padding: 42px 50px 39px;
    background-color: #fff;
    box-shadow: 0px 4px 94px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
    max-width: 1420px;
    width: 100%;
}
.contacts__info-link {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #fff;
    width: 320px;
    height: 60px;
    background: #2e2e2e;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.contacts__info-link:hover {
    background-color: #5c5c5c;
}
.contacts__info-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contacts__info-item span {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #8f8f8f;
    display: block;
    margin-bottom: 13px;
}
.contacts__info-item p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin-left: 7px;
    display: inline-block;
}
.contacts__info-item svg {
    width: 18px;
    height: 18px;
    position: relative;
    top: -22px;
}
.contacts__info-item strong {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: block;
}
.contacts__info-item--mod span {
    margin-bottom: 9px;
}
.contacts__info-item--mod p {
    margin-left: 10px;
}
.contacts__info-item--mod strong {
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
}
.contacts__info-item--socials ul {
    display: flex;
    align-items: center;
}
.contacts__info-item--socials li + li {
    margin-left: 15px;
}
.contacts__info-item--socials a {
    width: 50px;
    height: 50px;
    border: 1px solid #2e2e2e;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    transition: 0.3s;
}
.contacts__info-item--socials a:hover {
    color: #1aa894;
    border: 1px solid #1aa894;
}
.contacts__info-item--socials svg {
    position: static;
    width: 24px;
    height: 24px;
}

.ymaps-2-1-79-ground-pane {
    filter: grayscale(1);
}

.hero {
    height: 800px;
    position: relative;
    margin-bottom: 60px;
}
.hero img {
    position: absolute;
    /* -o-object-position: center -100px;
    object-position: center -100px; */
    /* -webkit-animation: bg 3s linear;
    animation: bg 3s linear; */
    /* -o-object-fit: contain;
    object-fit: contain; */
    /* transform: scale(1.1); */
    width: 100%;
    height: 100%;
    /* top: -150px; */
    animation: scale 10s ease-in-out;
}

@keyframes scale {
    from {
        transform: scale(1.5);
    }
    to {
        transform: scale(1);
    }
}

.hero__items {
    transform: translateY(75%);
    height: 300px;
    margin-top: auto;
    margin-bottom: auto;
}
.hero__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.hero__item span {
    display: block;
    font-weight: 200;
    font-size: 72px;
    line-height: 87px;
    color: #2e2e2e;
    margin-bottom: 6px;
    text-align: center;
}
.hero__item strong {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 96px;
    line-height: 95px;
    text-align: center;
}

.img__wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    /* max-width: 1920px; */
    margin: 0 auto;
}

.hero__btn-next.swiper-button-next,
.hero__btn-prev.swiper-button-prev {
    background-color: transparent;
    color: #000 !important;
    fill: black !important;
    stroke: black !important;
    opacity: 0.3;
}

.room__swiper-button-prev {
    background-color: transparent;
    color: #000 !important;
    fill: black !important;
    stroke: black !important;
    opacity: 0.3;
}

@-webkit-keyframes bg {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
}

@keyframes bg {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
}
.booking {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1465px;
    width: 95%;
    background-color: #fff;
    box-shadow: 0px 4px 94px -20px rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.booking .js__popup-people {
    padding: 14px;
}
.booking .popup > label,
.booking .popup > .popup__quests {
    margin-bottom: 0px;
    height: 60px;
}
.booking .search {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.booking__btn {
    width: 265px;
    flex: 0 0 auto;
}
.booking .popup__box-people img {
    position: static;
    -o-object-position: 0px 0px;
    object-position: 0px 0px;
    -webkit-animation: 0s;
    animation: 0s;
    -o-object-fit: fill;
    object-fit: fill;
    transform: scale(1);
}
.booking form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 30px;
    position: static;
    background-color: transparent;
    width: auto;
    min-height: 120px;
    cursor: default;
    z-index: auto;
    overflow: visible;
}
.booking__date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 20px;
}
.booking__from {
    margin-right: 20px;
}
.booking__quests {
    margin-right: 20px;
    position: relative;
}
.booking__input {
    background-color: #eef2f2;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px 0 20px;
    height: 60px;
}
.booking__input label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #9c9ca9;
    margin-bottom: 5px;
}
.booking__input input {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #087868;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}
.booking__input input:hover::-moz-placeholder {
    color: #087868;
}
.booking__input input:hover:-ms-input-placeholder {
    color: #087868;
}
.booking__input input:hover::placeholder {
    color: #087868;
}
.booking__input input::-moz-placeholder {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.booking__input input:-ms-input-placeholder {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
.booking__input input::placeholder {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
    transition: 0.3s;
}

.air-datepicker.-active- {
    transform: translateX(-15px);
}

.air-datepicker--navigation {
    padding: 20px 20px 0 20px;
    margin-bottom: 20px;
}

.air-datepicker-nav {
    padding: 0;
    border-bottom: none;
}

.air-datepicker--content {
    padding: 0 20px 20px 20px;
    border-top: none;
}

.air-datepicker-body--day-names {
    margin: 0;
    padding-top: 7px;
    padding-bottom: 8px;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.air-datepicker-cell {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #2e2e2e;
}
.air-datepicker-cell:hover {
    background-color: #1aa894;
    color: #fff;
}

.air-datepicker-cell.-selected- {
    background-color: #1aa894;
}

.air-datepicker-cell.-focus- {
    background-color: #1aa894;
    color: #fff;
}

.air-datepicker-cell.-current- {
    color: #1aa894;
}

.air-datepicker-nav--action path {
    stroke: #087868;
}

.air-datepicker-nav--title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
}
.air-datepicker-nav--title i {
    color: #2e2e2e;
}

.air-datepicker-body--day-name {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #8f8f8f;
    text-transform: none;
}

.quests {
    display: none;
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -350px;
    z-index: 20;
    background-color: #fff;
    box-shadow: 0px 4px 94px -20px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}
.quests__inner {
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.quests__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.quests__item strong {
    margin-bottom: 10px;
}
.quests__item i {
    font-style: normal;
    margin-left: 5px;
}
.quests__item select {
    width: 100%;
}
.quests__item-inner {
    display: grid;
    grid-template-columns: repeat(4, 47px);
    grid-gap: 5px;
}
.quests__item-inner input {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #2e2e2e;
    background-color: #eef2f2;
    border-radius: 6px;
    height: 50px;
    padding-left: 12px;
}

.quests.active {
    display: block;
    opacity: 1;
}

.quests__item + .quests__item {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.nice-select {
    width: 100%;
    font-size: 18px;
}

.nice-select.open .list {
    width: 100%;
}

.parallax {
    margin-bottom: 150px;
    background-image: url("../img/tablet-bg.png");
    background-attachment: fixed;
    height: 500px;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.paralax__content {
    z-index: 3;
}
.paralax__content h1 {
    font-family: "Dejavu", sans-serif;
    font-size: 72px;
    line-height: 72px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    text-align: center;
}

.parallax__mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.footer {
    background: #2e2e2e;
    padding-top: 57px;
    position: relative;
}
.footer__news-position {
    width: calc(100vw - 500px);
    padding: 20px 50px;
    position: absolute;
    top: -130px;
    left: 50%;
    transform: translate(-50%, 0%);
    background: #ffffff;
    box-shadow: 0px 4px 94px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    min-height: 160px;
    z-index: 20;
}
.footer__news-position .footer__box {
    flex: 0 0 auto;
    margin-right: 20px;
}
.footer__news-position .footer__box a,
.footer__news-position .footer__box strong {
    color: #222222;
}
.footer__news-position .footer__box p {
    color: #2e2e2e;
}
.footer__news-position .footer__blog-icon a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border: 1px solid #2e2e2e;
    border-radius: 50%;
    transition: all 0.4s ease;
}
.footer__news-position .footer__blog-icon a svg {
    transition: all 0.4s ease;
}
.footer__news-position .footer__blog-icon a:not(:last-child) {
    margin-right: 15px;
}
.footer__news-position .footer__blog-icon a:hover {
    border-color: #1aa894;
}
.footer__news-position .footer__blog-icon a:hover svg {
    fill: #1aa894;
}
.footer__news-position .footer__btn {
    width: 320px;
    background: #2e2e2e;
    border-color: #2e2e2e;
    margin-top: 0px;
}
.footer__news-position .footer__btn:hover {
    background-color: #5c5c5c;
    border-color: #5c5c5c;
}
.footer__flex-bottom {
    margin-top: 71px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 101px;
    padding: 20px 0px;
    border-top: 1px solid #ffffff14;
}
.footer__flex-bottom p {
    font-family: "PT Root UI", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 34px;
    color: #ffffff;
    margin-right: 15px;
}
.footer__blog1 {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #8f8f8f;
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.footer__blog1 a {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border: 1px solid #ffffff1c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}
.footer__blog1 a:hover {
    background-color: #1aa894;
    border-color: #1aa894;
}
.footer__flex {
    display: flex;
}
.footer blockquote {
    font-weight: normal;
    font-size: 30px;
    line-height: 32px;
    color: #087868;
    width: 272px;
    margin-top: 22px;
    font-family: "Liana";
}
.footer h6 {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 22px;
    margin-top: 0px;
}
.footer ul:last-child {
    margin-top: 19px;
}
.footer ul:not(:last-child) {
    margin-right: 15px;
}
.footer__items1 {
    width: 348px;
    padding: 20px 0px;
    padding-right: 15px;
}
.footer__items-flex {
    display: flex;
    width: 501px;
    justify-content: space-between;
}
.footer__items2 {
    width: 607px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 20px 0px;
    padding-left: 15px;
}
.footer span {
    display: block;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #8f8f8f;
    margin-bottom: 9px;
}
.footer__box a {
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
    display: flex;
    align-items: center;
}
.footer__box a svg {
    margin-right: 10px;
}
.footer__box p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    margin-left: 27px;
}
.footer__box strong {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    display: flex;
    align-items: center;
}
.footer__box strong svg {
    margin-right: 7px;
}
.footer__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #087868;
    border-radius: 6px;
    max-width: 515px;
    width: 100%;
    min-height: 60px;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 40px;
    transition: all 0.4s ease;
}
.footer__btn:hover {
    background-color: #1aa894;
}
.footer__items.flex {
    display: flex;
    padding: 20px 56px;
    border-right: 1px solid #ffffff14;
    border-left: 1px solid #ffffff14;
    width: 465px;
    justify-content: space-between;
}
.footer ul a {
    font-weight: 300;
    font-size: 14px;
    line-height: 33px;
    color: #ffffff;
    padding-left: 31px;
    position: relative;
    transition: all 0.4s ease;
}
.footer ul a:hover {
    color: #1aa894;
}
.footer ul a:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0px;
    width: 20px;
    border-bottom: 1px solid #087868;
}

.main-footer {
    background-color: #2e2e2e;
}
.main-footer__content {
    display: flex;
    justify-content: space-between;
    padding: 72px 0 71px 0;
    border-bottom: 1px solid #ffffff10;
}
.main-footer__logo {
    width: 20%;
}
.main-footer__logo img {
    margin-bottom: 20px;
}
.main-footer__logo-text {
    color: #087868;
    font-family: "Liana";
    font-weight: 400;
    font-size: 30px;
    line-height: 32px;
}
.main-footer__menu {
    width: 33%;
    padding: 24px 56px;
    border-left: 1px solid #ffffff10;
    border-right: 1px solid #ffffff10;
}
.main-footer__menu p {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 22px;
    color: #fff;
}
.main-footer__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 104px;
    margin-left: 30px;
}
.main-footer__list-item {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 33px;
    color: #fff;
    transition: color 0.3s;
    position: relative;
}
.main-footer__list-item:hover {
    color: #b3b3b3;
}
.main-footer__list-item::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    top: 16px;
    left: -30px;
    background: url("/templates/img/main-footer__list-line.svg") no-repeat;
}
.main-footer__contacts {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.main-footer__phone {
    display: flex;
    flex-direction: column;
    color: #fff;
}
.main-footer__phone a {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
}
.main-footer__phone span {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #8f8f8f;
    margin-bottom: 9px;
}
.main-footer__phone p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    margin-left: 32px;
}
.main-footer__room-reserv {
    width: 36%;
}
.main-footer__address {
    display: flex;
    flex-direction: column;
    font-family: "Inter", sans-serif;
    color: #fff;
}
.main-footer__address span {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #8f8f8f;
    margin-bottom: 14px;
}
.main-footer__address p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin-left: 28px;
}
.main-footer__address strong {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}
.main-footer__socials {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 34px 0;
}
.main-footer__roots {
    font-family: "PT Root UI", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
}
.main-footer__social {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #8f8f8f;
    display: flex;
    align-items: center;
    gap: 10px;
}
.main-footer__social a {
    border: 1px solid #ffffff10;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: background-color 0.3s;
}
.main-footer__social a:hover {
    background-color: #1aa894;
}
.main-footer__social a:first-child {
    margin-left: 8px;
}
.main-footer__develop {
    font-family: "PT Root UI", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    display: flex;
    gap: 12px;
}

.main-footer.active {
    display: none;
}

.contact {
    font-family: "Inter", sans-serif;
}
.contact span {
    font-family: "Inter", sans-serif;
}
.contact h1 {
    font-family: "Dejavu", sans-serif;
}
.contact .footer__box {
    padding: 24px 0px;
    border-bottom: 1px solid #0000001f;
}
.contact .footer__box1 {
    margin: 24px 0px 50px;
}
.contact h1 {
    border-bottom: 1px solid #0000001f;
    padding: 83px 0px 46px;
}
.contact .footer {
    background: transparent;
    padding-top: 0px;
    position: static;
}
.contact .footer__news-position {
    position: static;
    transform: translate(0%, 0%);
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    min-height: auto;
    width: auto;
    padding: 0px;
}
.contact aside {
    margin-right: 120px;
    width: 360px;
    flex: 0 0 auto;
}
.contact__blog-map {
    width: 1190px;
}
.contact__blog-map .contacts__map {
    width: 100%;
    height: 900px;
}

.container-fluid.contact {
    padding-right: 0px;
    margin-bottom: 0px;
}

.room {
    font-family: "Inter", sans-serif;
    margin-bottom: 173px;
    position: relative;
}

.room__swiper-container .swiper-slide > img {
    vertical-align: bottom;
}

.room__swiper-container .swiper-slide {
    position: relative;
}

.room__swiper-container .swiper-slide::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    
    background: linear-gradient(180deg, #239887 0%, rgba(85, 216, 197, 0) 100%);
    opacity: 0.8;
    transform: matrix(1, 0, 0, -1, 0, 0);
    width: 100%;
    height: 40%;
}

.room__swiper-container .swiper-slide > div {
    z-index: 2;
}

.room__flex {
    display: flex;
    justify-content: space-between;
}
.room .margin {
    margin-right: 20px;
}
.room .margin1 {
    margin-bottom: 180px;
}
.room span {
    font-family: "Inter", sans-serif;
}
.room h2,
.room h1,
.room h3,
.room h4 {
    font-family: "Dejavu", sans-serif;
}
.room__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    width: 650px;
}
.room__flex-obertka {
    display: flex;
    justify-content: center;
}
.room__grid1 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.room__grid2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(482px, 1fr));
    max-width: 1920px;
}
.room__items-action {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.room__items-action:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #087868;
    opacity: 0.7;
    transition: all 0.4s ease;
}
.room__items-action:hover::before {
    transform: translate(0%, -100%);
}
.room__items-action span {
    font-weight: bold;
    font-size: 36px;
    line-height: 95px;
    text-align: center;
    color: #ffffff;
    font-family: "Dejavu", sans-serif;
}
.room__items-action > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.room__items-position {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.room__swiper-container {
    overflow: hidden;
    margin-bottom: 149px;
    position: relative;
}
.room__swiper-container .swiper-slide > div {
    position: absolute;
    bottom: 45px;
    padding: 0px 35px;
    display: flex;
    align-items: center;
}
.room__swiper-container .swiper-slide div > div {
    width: 328px;
    min-height: 90px;
    padding: 0px 45px;
    border-left: 1px solid #ffffff1f;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.room__swiper-container .swiper-slide {
    font-family: "Dejavu", sans-serif;
}
.room__swiper-container .swiper-slide span {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 3px;
    font-family: "Dejavu", sans-serif;
}
.room__swiper-container .swiper-slide strong {
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
}
.room__swiper-container .swiper-slide a {
    width: 270px;
    flex: 0 0 auto;
}
.room__swiper-button-prev,
.room__swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 20;
    cursor: pointer;
}
.room__swiper-button-prev {
    left: 90px;
}
.room__swiper-button-next {
    right: 90px;
}
.room h1 {
    color: #fff;
    margin-right: 45px;
}
.room table {
    width: 100%;
}
.room h2 {
    padding-bottom: 21px;
    margin-bottom: 43px;
    position: relative;
    text-align: left;
}
.room h2:before {
    content: "";
    width: 170px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: #f1f1f1;
}
.room h2:after {
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: 20;
    background-color: #2e2e2e;
}
.room h2.border {
    text-align: center;
}
.room h2.border:before {
    content: "";
    width: 170px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #f1f1f1;
}
.room h2.border:after {
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 20;
    background-color: #2e2e2e;
}
.room p {
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    color: #2e2e2e;
    max-width: 650px;
    margin-bottom: 42px;
}
.room tr {
    min-height: 70px;
    padding: 10px 0px;
    border-bottom: 1px solid #2e2e2e21;
    font-size: 18px;
    line-height: 28px;
    color: #2e2e2e;
    display: flex;
    align-items: center;
    text-align: left;
}
.room tr:first-child {
    border-top: 1px solid #2e2e2e21;
}
.room td {
    font-weight: 300;
    width: 158px;
    flex: 0 0 auto;
    margin-right: 34px;
}
.room th {
    font-weight: 500;
}
.room__items {
    min-height: 150px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.room__items svg {
    margin-bottom: 11px;
}
.room__items span {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #2e2e2e;
    text-align: center;
    font-family: "Inter", sans-serif;
}
.room__btn {
    margin-top: 67px;
    width: 300px;
}
.room__blog {
    position: relative;
}
.room__blog img {
    width: 100%;
    height: 504px;
    -o-object-fit: cover;
    object-fit: cover;
}
.room__box-position {
    position: absolute;
    bottom: 35px;
    left: 0px;
    width: 100%;
    padding: 0px 30px 0px 30px;
}
.room__border-top {
    border-top: 1px solid #ffffff2e;
    padding-top: 35px;
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.room__border-top div {
    width: 206px;
}
.room__border-top strong {
    display: block;
    font-weight: bold;
    font-size: 28px;
    color: #ffffff;
    font-family: "Dejavu", sans-serif;
    //  letter-spacing: -5px;
    line-height: 30px;
}
.room__border-top span {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    color: #efb969;
}
.room__border-top a {
    width: 170px;
    flex: 0 0 auto;
}

.container-fluid.room {
    padding: 0px;
    display: flex;
    justify-content: center;
}

.container.room {
    margin-bottom: 0px;
    max-width: 1630px;
}

.news {
    margin-bottom: 180px;
    padding-bottom: 78px;
    position: relative;
}
.news__items {
    width: 100%;
    height: 369px;
    overflow-x: hidden;
    overflow-y: auto;
}
.news__item {
    padding: 40px 50px;
    background-color: #eef2f2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.news__item time {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #087868;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}
.news__item h4 {
    font-family: "Dejavu", sans-serif;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 17px;
}
.news__item p {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #8f8f8f;
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dfe6e6;
}
.news__item a {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #087868;
    position: relative;
    padding-right: 20px;
    transition: 0.3s;
}
.news__item a::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #087868;
    right: 0;
    top: 1px;
    background-image: url("../img/arrow-light.svg");
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}
.news__item a:hover {
    color: #1aa894;
}
.news__item a:hover::after {
    background-color: #1aa894;
}
.news-pag {
    position: relative;
    top: 80px;
    max-width: 337px;
    margin: 0 auto;
}
.news-btn {
    top: -19px;
}

.news-btn {
    width: 47px;
}

.news-btn__prev {
    background-image: url("../img/slider-prev.svg");
    background-repeat: no-repeat;
    background-position: center;
}
.news-btn__prev::after {
    content: "";
}

.news-btn__next {
    background-image: url("../img/slider-next.svg");
    background-repeat: no-repeat;
    background-position: center;
}
.news-btn__next::after {
    content: "";
}

.news .news-pagination {
    display: flex;
    gap: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
}
.news .news-pagination span {
    width: 2px;
    height: 18px;
    border-radius: 0;
    margin: 0 15px;
}
.news .news-pagination span:hover {
    background-color: #1aa894;
}
.news .news-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #2e2e2e;
}

.company {
    padding-bottom: 50px;
    font-family: "Inter", sans-serif;
}
.company h1,
.company h5 {
    font-family: "Dejavu", sans-serif;
}
.company section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.company section > div {
    margin-right: 20px;
    width: 940px;
}
.company picture {
    display: block;
}
.company picture img {
    max-width: 100%;
    margin-bottom: 52px;
}
.company ul {
    padding: 55px 0 42px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    margin: 31px 0px 55px;
}
.company ul li {
    padding-left: 15px;
    position: relative;
}
.company ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #087868;
}
.company ul li:first-child {
    padding-left: 0px;
}
.company ul li:first-child h3 {
    margin-bottom: 0px;
}
.company ol li:first-child h3 {
    margin-bottom: 0px;
}
.company ul li:first-child:before {
    display: none;
}
.company ul li:not(:last-child) {
    margin-bottom: 4px;
}
.company ol {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 54px;
}
.company ol li:not(:last-child) {
    margin-bottom: 4px;
}
.company h5 {
    margin-bottom: 21px;
}
.company li,
.company p {
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    color: #2e2e2e;
}
.company li {
    display: flex;
    align-items: flex-start;
}
.company li span {
    display: block;
    padding-left: 7px;
}
.company blockquote {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 150px;
    background: #0878680d;
    margin-top: 53px;
    margin-bottom: 60px;
    padding: 38px 22px 28px 40px;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #2e2e2e;
    font-family: "Dejavu", sans-serif;
}
.company blockquote span {
    display: block;
    position: relative;
    z-index: 10;
    max-width: 889px;
    margin: 0 auto;
}
.company blockquote img {
    position: absolute;
    left: 40px;
    top: -17px;
    z-index: 1;
}
.company__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 44px;
    padding-bottom: 70px;
    border-bottom: 1px solid #f3f3f3;
}
.company__grid.margin {
    margin-bottom: 0px;
    margin-top: 101px;
}
.company__grid a {
    position: relative;
    overflow: hidden;
    height: 240px;
}
.company__grid.margin a {
    height: 272px;
}
.company__grid a > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.company__hover {
    transition: all 0.4s ease;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #087868;
    opacity: 0.8;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
.company__grid a:hover .company__hover {
    opacity: 1;
}
.company aside ul {
    width: 340px;
    flex: 0 0 auto;
    padding: 0px 40px 0px;
    background: #ffffff;
    box-shadow: 0px 4px 94px -20px rgba(0, 0, 0, 0.2);
    margin: 0px;
}
.company aside ul a {
    display: block;
    padding: 30px 0px;
    width: 100%;
    transition: all 0.3s ease;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #2e2e2e;
    font-family: "Dejavu", sans-serif;
}
.company aside ul li {
    padding: 0px;
    position: static;
}
.company aside ul li:before {
    display: none;
}
.company aside ul li:not(:last-child) {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 0px;
}
.company aside ul a:hover {
    color: #1aa894;
}
.company table {
    width: 100%;
    border-spacing: 0;
}
.company td,
.company th {
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
    color: #2e2e2e;
    padding-top: 17px;
    padding-bottom: 17px;
}
.company th {
    font-weight: 300;
    color: #fff;
    background: #087868;
}
.company td:first-child,
.company th:first-child {
    padding-left: 24px;
    border-right: 1px solid #30303617;
    padding-right: 10px;
}
.company th:first-child {
    border-right: 1px solid #ffffff1f;
}
.company td:nth-child(2),
.company th:nth-child(2) {
    padding-left: 40px;
    font-weight: 700;
    width: 209px;
}
.company td:nth-child(2) {
    font-weight: 700;
}
.company tr:nth-child(odd) {
    background: #f7f7f780;
}
.company tr {
    border-radius: 20px;
    overflow: hidden;
}
.company h1 {
    margin-top: 85px;
    margin-bottom: 52px;
    text-align: left;
}

.popup {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.4s ease;
    z-index: 1000;
    overflow: auto;
    cursor: pointer;
    /* select */
}
.popup__select-classic {
    width: 100%;
}
.popup .phone {
    width: 15px;
    height: 15px;
}
.popup h6 {
    font-family: "Dejavu", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 52px;
    width: 298px;
    margin-top: 0px;
    color: #2e2e2e;
    padding-bottom: 22px;
    position: relative;
}
.popup h6:after {
    content: "";
    width: 170px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
    border-top: 2px solid #f1f1f1;
}
.popup h6:before {
    content: "";
    width: 50px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
    border-top: 2px solid #2e2e2e;
    z-index: 10;
}
.popup .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.popup .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #087868;
}
.popup__selects-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.popup__select {
    width: 24px;
    height: 34px;
    fill: #087868;
}
.popup .select {
    position: relative;
}
.popup .select:not(:last-child) {
    margin-right: 4px;
    margin-bottom: 4px;
}
.popup .select.popup__select-classic:not(:last-child) {
    margin-bottom: 20px;
}
.popup .select__trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: 0.1s;
    color: #1f2937;
    width: 57px;
    height: 50px;
    background: #eef2f2;
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    padding: 13px 0px 13px 12px;
}
.popup .select__trigger span {
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    height: auto;
    margin-right: 1px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #2e2e2e;
}
.popup .select__arrow svg {
    position: static;
}
.popup .select__label--dark {
    color: #4b5563;
    font-weight: 600;
}
.popup .select__label {
    font-size: 14px;
    font-weight: 600;
    color: #9ca3af;
    position: absolute;
    top: -25px;
    left: 0;
    white-space: nowrap;
}
.popup .select__drop {
    display: none;
    width: 139%;
    padding: 10px 0;
    background-color: #fff;
    border: 1px solid #d1d5db;
    position: absolute;
    z-index: 10;
    top: -188px;
}
.popup .select__drop.open {
    display: block;
}
.popup .select__list {
    max-height: 156px;
    font-size: 15px;
    color: #1f2937;
    overflow-y: auto;
}
.popup .select__list input {
    display: none;
}
.popup .select__list label {
    display: block;
    padding: 5px 16px;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.3s;
    background-color: transparent;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #2e2e2e;
    text-align: center;
    border-bottom: 0px solid rgba(143, 143, 143, 0.15);
}
.popup .select__list input:checked + label {
    background-color: #3dbce1;
    color: #fff;
}
.popup__btn-bottom {
    width: 100%;
}
.popup__select-classic .select__trigger {
    width: 100%;
    justify-content: start;
    justify-content: space-between;
    height: 60px;
    padding: 31px 44px 9px 20px;
    border-bottom: 2px solid rgba(143, 143, 143, 0.15);
}
.popup__select-classic .select__arrow {
    position: absolute;
    top: 18px;
    right: 18px;
}
.popup__arrow {
    width: 24px;
    height: 24px;
    fill: #8f8f8f;
    transition: all 0.4s ease;
}
.popup__select-classic .select__trigger:hover .popup__arrow,
.popup__select-classic .select__trigger.active .popup__arrow {
    fill: #1aa894;
}
.popup__select-classic .select__trigger:hover span,
.popup__select-classic .select__trigger.active span {
    color: #1aa894;
}
.popup__select-classic .select__label {
    top: 12px;
    left: 20px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #9c9ca9;
}
.popup__select-classic .select__trigger span {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
    transition: all 0.4s ease;
}
.popup__select-classic .select__drop {
    width: 100%;
    top: 70px;
}
.popup__select-classic .select__list label {
    text-align: left;
}
.popup label,
.popup__quests {
    display: block;
    width: 100%;
    padding: 11px 44px 11px 20px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #9c9ca9;
    background: #eef2f2;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    border-bottom: 2px solid rgba(143, 143, 143, 0.15);
    margin-bottom: 20px;
}
.popup label:hover svg,
.popup__quests:hover svg {
    fill: #1aa894;
}
.popup label:hover input,
.popup__quests:hover input {
    color: #1aa894;
}
.popup label:hover .popup__text,
.popup__quests:hover .popup__text {
    color: #1aa894;
}
.popup label svg,
.popup__quests svg {
    position: absolute;
    top: 18px;
    right: 12px;
    transition: all 0.4s ease;
}
.popup label.open svg {
    fill: #1aa894;
}
.popup label.open input {
    color: #1aa894;
}
.popup label.open input.active {
    color: #087868;
}
.popup label.open input.active + svg {
    fill: #087868;
}
.popup input {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
    outline: 0px;
    display: block;
    border: none;
    width: 100%;
    margin-top: 6px;
    background: transparent;
    cursor: pointer;
    transition: all 0.4s ease;
}
.popup input::-moz-placeholder {
    color: #2e2e2e;
}
.popup input:-ms-input-placeholder {
    color: #2e2e2e;
}
.popup input::placeholder {
    color: #2e2e2e;
}
.popup__calendar-check {
    display: none;
}
.popup__body {
    min-height: 100%;
    padding: 30px 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.popup__content {
    background-color: white;
    cursor: default;
    padding: 59px 70px 70px 70px;
    border: 1px solid #eff0f2;
    border-radius: 5px;
    position: relative;
    top: -91px;
}
.popup__content > label,
.popup__content > .popup__quests {
    height: 60px;
}
.popup__close {
    position: absolute;
    top: 2px;
    right: 8px;
    cursor: pointer;
}
.popup___close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 15px;
    right: 10px;
}
.popup__people {
    background: #ffffff;
    box-shadow: 0px 4px 94px -20px rgba(0, 0, 0, 0.2);
    width: 100%;
}
.popup__people strong {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #2e2e2e;
    margin-bottom: 12px;
    display: block;
}
.popup__people button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #087868;
}
.popup__blog-people {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.popup svg.popup__minus {
    width: 24px;
    height: 24px;
    position: static;
    fill: #fff;
}
.popup__box-people img:not(:last-child) {
    margin-right: 15px;
}
.popup__box-people img {
    width: 17px;
    height: 45px;
}
.popup__text {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
    display: flex;
    align-items: center;
    margin-top: 6px;
    transition: all 0.4s ease;
    width: 100%;
    overflow: hidden;
}
.popup__text div:first-child {
    margin-right: 3px;
}
.popup__text > div {
    white-space: nowrap;
}

.js__click.open > svg {
    fill: #1aa894;
}

.js__click.open .popup__text {
    color: #1aa894;
}

.js__popup-open {
    opacity: 0;
    visibility: hidden;
}

.js__popup-open.open {
    opacity: 1;
    visibility: visible;
}

body.open {
    overflow: hidden;
}

.js__popup-people {
    position: absolute;
    top: 77px;
    left: 0px;
    transition: all 0.4s ease;
    opacity: 0;
    visibility: hidden;
    padding: 29px;
}

.js__popup-people.open {
    opacity: 1;
    visibility: visible;
    z-index: 20;
}

.js__popup-userNone {
    display: none;
}

.js__popup-selectremove {
    display: none;
}

.datepickers-container {
    z-index: 1001;
}

.datepicker--nav-action svg path {
    stroke: #087868;
}

.datepicker {
    padding: 0px 20px 20px 20px;
}

.datepicker--nav-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #222222;
    font-family: "Inter", sans-serif;
}
.datepicker--nav-title i {
    color: #222222;
}

.datepicker--nav {
    height: 59px;
    align-items: center;
}

.datepicker--day-name {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #8f8f8f;
    font-family: "Inter", sans-serif;
}

.datepicker--cells {
    overflow: hidden;
}

.datepicker--cell {
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-radius: 0px;
    font-family: "Inter", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #2e2e2e;
    margin-right: 0px;
    position: relative;
    right: -1px;
}

.datepicker--cell.-other-month- {
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: rgba(143, 143, 143, 0.4);
}

.datepicker--cell.-current- {
    background: #1aa894;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
}

.datepicker--days-names {
    height: 30px;
    border-bottom: 1px solid #f1f1f1;
    margin: 0px;
}

@media (max-width: 1760px) {
    .header__tablet-btn {
        display: none;
    }

    .header::before {
        display: none;
    }
}
@media (max-width: 1650px) {
    .container-fluid.room {
        display: block;
    }
}
@media (max-width: 1500px) {
    .room__border-top {
        flex-direction: column;
    }

    .room__border-top div {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }

    .room__border-top a {
        width: 100%;
    }

    .container {
        max-width: 1200px;
    }

    .menu__list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 20px;
    }
    .menu__list a {
        padding: 10px 10px;
    }
    .menu__list li + li {
        margin-left: 0;
    }

    .rooms__item {
        height: 430px;
    }

    .rooms__item-reserve {
        width: 100%;
    }

    .rooms__item-info {
        flex-direction: column;
    }

    .rooms__item-link {
        margin-right: auto;
        margin-bottom: 20px;
    }

    .main-footer__list {
        grid-column-gap: 68px;
    }
    .main-footer__logo {
        width: 25%;
    }
    .main-footer__contacts {
        margin-top: 30px;
    }
    .main-footer__phone a {
        font-size: 18px;
    }
    .main-footer__phone p {
        font-size: 14px;
    }
    .main-footer__address strong {
        font-size: 14px;
    }
    .main-footer__address p {
        font-size: 14px;
    }

    .hero {
        height: 750px;
    }
    .hero__items {
        transform: translateY(45%);
    }
    .hero__item span {
        font-size: 55px;
        display: block;
        margin: 0 auto;
    }
    .hero__item strong {
        font-size: 80px;
        display: block;
        margin: 0 auto;
    }

    .rest__inner {
        padding-right: 120px;
    }
    .rest__box {
        flex-direction: column;
    }
    .rest__box img {
        transform: translateX(0);
        transform: translateY(-100px);
    }
    .rest__info {
        order: 2;
        max-width: 100%;
    }
    .rest img {
        transform: translateX(0);
        transform: translateY(-100px);
    }
    .rest__list {
        grid-template-columns: repeat(2, 1fr);
        padding-right: 0;
    }
    .rest__list li:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .rest__list img {
        transform: translateY(0);
    }

    .business__inner {
        padding-left: 120px;
    }
    .business__inner ul {
        padding-left: 0;
    }
    .business__box {
        flex-direction: column;
    }
    .business__box img {
        transform: translateX(0);
        transform: translateY(-100px);
    }
    .business__info {
        order: 2;
        max-width: 100%;
    }
    .business__list {
        grid-template-columns: repeat(2, 1fr);
    }
    .business__list li:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .business__list img {
        transform: translateY(0);
    }

    .about__inner {
        padding-right: 120px;
    }
    .about__inner ul {
        padding-right: 0;
    }
    .about__box {
        flex-direction: column;
    }
    .about__box img {
        transform: translateX(0);
        transform: translateY(-100px);
    }
    .about__info {
        order: 2;
        max-width: 100%;
    }
    .about__list {
        grid-template-columns: repeat(2, 1fr);
    }
    .about__list li:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .about__list img {
        transform: translateY(0);
    }
}
@media (max-width: 1400px) {
    .room__grid2 {
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    }

    .room__grid {
        width: 563px;
    }

    .room__swiper-container .swiper-slide > div {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        bottom: auto;
        top: 50%;
        transform: translate(0%, -50%);
        left: 71px;
    }

    .room__swiper-container .swiper-slide div > div {
        padding: 0px;
        border: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .room h1 {
        margin-bottom: 20px;
        margin-right: 0px;
    }

    .room__swiper-button-prev {
        left: 20px;
    }

    .room__swiper-button-next {
        right: 20px;
    }

    .rest__box {
        flex-direction: column;
    }
    .rest__box img {
        transform: translateX(0);
        transform: translateY(-100px);
    }
    .rest__info {
        order: 2;
        max-width: 100%;
    }
    .rest img {
        transform: translateX(0);
        transform: translateY(-100px);
    }
    .rest__list {
        grid-template-columns: repeat(2, 1fr);
    }
    .rest__list li:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .rest__list img {
        transform: translateY(0);
    }

    .business__inner {
        padding-left: 120px;
    }
    .business__inner ul {
        padding-left: 0;
    }
    .business__box {
        flex-direction: column;
    }
    .business__box img {
        transform: translateX(0);
        transform: translateY(-100px);
    }
    .business__info {
        order: 2;
        max-width: 100%;
    }
    .business__list {
        grid-template-columns: repeat(2, 1fr);
    }
    .business__list li:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .business__list img {
        transform: translateY(0);
    }

    .about__inner {
        padding-right: 120px;
    }
    .about__inner ul {
        padding-right: 0;
    }
    .about__box {
        flex-direction: column;
    }
    .about__box img {
        transform: translateX(0);
        transform: translateY(-100px);
    }
    .about__info {
        order: 2;
        max-width: 100%;
    }
    .about__list {
        grid-template-columns: repeat(2, 1fr);
    }
    .about__list li:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .about__list img {
        transform: translateY(0);
    }
}
@media (max-width: 1300px) {
    .booking {
        bottom: -255px;
    }
    .booking__btn {
        width: 100%;
    }
    .booking form {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .hero {
        margin-bottom: 281px;
    }
}
@media (max-width: 1200px) {
    .room__flex {
        flex-direction: column;
    }

    .room .room__flex > div {
        margin-right: 0px;
    }

    .room .room__flex > div:not(:last-child) {
        margin-bottom: 30px;
    }

    .room p,
    .room__grid {
        width: 100%;
    }

    .contact > div {
        flex-direction: column;
    }

    .contact aside {
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0px;
        padding: 0px 15px;
    }

    .contact .footer__box {
        margin-right: 0px;
    }

    .contact__blog-map {
        width: 100%;
    }

    .contact__blog-map .contacts__map {
        height: 500px;
    }

    .container-fluid.contact {
        padding: 0px;
    }

    .container {
        max-width: 960px;
    }

    .menu__list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 14px;
        margin-right: 10px;
    }
    .menu__list a {
        padding: 22px 4px;
    }
    .menu__list li {
        text-align: center;
    }

    .main-footer__logo-text {
        font-size: 24px;
    }
    .main-footer__menu {
        padding: 24px 30px;
    }
    .main-footer__menu p {
        font-size: 22px;
    }
    .main-footer__list a {
        font-size: 12px;
    }
    .main-footer__address p {
        font-size: 12px;
    }
    .main-footer__address span {
        margin-bottom: 15px;
    }
    .main-footer__address strong {
        font-size: 12px;
    }
    .main-footer__phone p {
        font-size: 12px;
    }
    .main-footer__phone a {
        font-size: 14px;
    }

    .hero__items {
        transform: translateY(7%);
    }
}
@media (max-width: 1024px) {
    .company section {
        flex-direction: column;
    }
    .company section > div {
        margin-right: 0px;
        width: 100%;
    }
    .company aside {
        order: -1;
        width: 100%;
    }
    .company aside ul {
        width: 100%;
    }
    .company__grid.margin {
        margin-right: 0px;
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .contacts__info-items {
        display: grid;
        grid-template-columns: repeat(2, 320px);
        justify-items: start;
        grid-gap: 25px;
    }

    .hero {
        height: 640px;
    }
    .hero__items {
        transform: translateY(4%);
    }
    .hero__item span {
        font-size: 45px;
        line-height: 50px;
    }
    .hero__item strong {
        font-size: 60px;
        line-height: 70px;
    }
    .hero .news {
        margin-bottom: 100px;
    }
}
@media (max-width: 1024px) {
    .company section {
        flex-direction: column;
    }
    .company section > div {
        margin-right: 0px;
        width: 100%;
    }
    .company aside {
        order: -1;
        width: 100%;
    }
    .company aside ul {
        width: 100%;
    }
    .company__grid.margin {
        margin-right: 0px;
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .room__swiper-container .swiper-slide > img {
        width: 100%;
        height: 434px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .room h1 {
        width: 306px;
        font-size: 39px;
        line-height: 43px;
        text-align: left;
    }

    .room__svg-width {
        width: 30px;
    }

    .room__swiper-container .swiper-slide > div {
        padding: 0px;
    }

    .room__swiper-container .swiper-slide span {
        font-size: 12px;
    }

    .room__swiper-container .swiper-slide strong {
        font-size: 35px;
        line-height: 50px;
    }
}
@media (max-width: 991px) {
    .room__swiper-container {
        margin-top: 30px;
    }

    .header__logo {
        width: 131px;
        height: 53px;
    }

    .header__feedback {
        display: none;
    }

    .header {
        border: none;
        padding-bottom: 20px;
    }

    .header__logo {
        margin: 0;
    }

    .header__wrapper {
        align-items: center;
    }

    .header__menu-btn {
        display: flex;
    }

    .header__inner {
        display: none;
    }

    .header__phone-m {
        display: block;
    }

    .header__bottom {
        margin-bottom: 40px;
        padding-top: 5px;
    }

    .header__top {
        order: 2;
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
    .header__top p {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 23px;
    }
    .header__top p svg {
        top: 5px;
    }

    .menu__list {
        display: block;
    }
    .menu__list li {
        display: block;
    }
    .menu__list a {
        font-size: 24px;
        line-height: 50px;
    }

    .header__phone {
        font-size: 24px;
        line-height: 29px;
        margin: 0;
        padding: 0;
        margin-bottom: 20px;
    }

    .social__link {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 23px;
    }
    .social__link svg {
        top: 5px;
    }

    .icon-mod {
        width: 24px;
        height: 24px;
    }

    .main-footer__menu {
        width: 35%;
        padding: 24px 20px;
    }
    .main-footer__phone span {
        font-size: 12px;
    }
    .main-footer__address span {
        font-size: 12px;
    }
    .main-footer__logo-text {
        font-size: 20px;
    }
    .main-footer__list {
        grid-column-gap: 38px;
    }
    .main-footer__room-reserv {
        width: 37%;
    }
    .main-footer__phone a {
        font-size: 12px;
        gap: 8px;
    }
    .main-footer__phone p {
        font-size: 10px;
    }
    .main-footer__address strong {
        font-size: 10px;
        gap: 6px;
    }
    .main-footer__address p {
        font-size: 10px;
    }
    .main-footer__roots {
        font-size: 12px;
    }
    .main-footer__social {
        font-size: 12px;
        gap: 6px;
    }
    .main-footer__develop {
        font-size: 12px;
    }

    .rest__inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .rest__inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .title h2 {
        font-size: 40px;
    }

    .rooms__item-reserve {
        height: 50px;
    }

    .business__inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .about__inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .menu__list li {
        text-align: left;
    }
    .menu__list a {
        padding: 0;
    }

    .news {
        margin-bottom: 80px;
    }
}
@media (max-width: 850px) {
    .rest__list {
        grid-template-columns: repeat(1, 1fr);
    }
    .rest__list li:last-child {
        grid-column-start: 1;
        grid-column-end: 1;
    }
}
@media (max-width: 768px) {
    .company h1 {
        margin: 30px 0px;
    }
    .company aside ul {
        padding: 0px 20px;
    }
    .company aside ul a {
        padding: 20px 0px;
        margin: 0px;
    }
    .company picture img {
        margin-bottom: 30px;
    }
    .company ul {
        padding: 30px 0px;
        margin: 30px 0px;
    }
    .company ol {
        margin-bottom: 30px;
    }
    .company td:nth-child(2),
    .company th:nth-child(2) {
        padding-left: 20px;
        width: 143px;
    }
    .company blockquote {
        padding: 20px;
        margin: 30px 0px;
    }

    .title h3 {
        font-size: calc(38px + 44.2 * (100vw - 360px) / 1920);
    }

    .contact h1 {
        padding: 20px 0px;
        font-size: 50px;
    }

    .contact .footer__btn {
        max-width: none;
        width: 100%;
    }

    .header__menu-btn {
        width: 23px;
        height: 20px;
    }

    .header__phone-m {
        padding-right: 15px;
        margin-right: 15px;
    }
    .header__phone-m svg {
        width: 23px;
        height: 23px;
    }

    .header__menu-btn.active span:first-child {
        top: 8.5px;
    }
    .header__menu-btn.active span:last-child {
        bottom: 8.5px;
    }

    .rooms__items {
        grid-template-columns: repeat(1, 1fr);
    }

    .rooms__item::after {
        background-repeat: repeat-x;
    }

    .rooms__item-info {
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 48px;
    }

    .rooms {
        margin-bottom: 80px;
    }

    .main-footer__menu {
        display: none;
    }
    .main-footer__contacts {
        justify-content: space-around;
    }
    .main-footer__content {
        flex-direction: column;
        align-items: center;
    }
    .main-footer__logo-text {
        font-size: 30px;
    }
    .main-footer__logo {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .main-footer__room-reserv {
        width: 70%;
    }
    .main-footer__phone a {
        font-size: 12px;
        gap: 8px;
    }
    .main-footer__phone p {
        font-size: 10px;
    }
    .main-footer__address strong {
        font-size: 10px;
        gap: 6px;
    }
    .main-footer__address p {
        font-size: 10px;
    }
    .main-footer__socials {
        flex-direction: column;
        gap: 6px;
        padding: 28px 0;
    }
    .main-footer__roots {
        font-size: 14px;
    }
    .main-footer__social {
        font-size: 14px;
        gap: 6px;
    }
    .main-footer__develop {
        font-size: 14px;
    }

    .rest__list li {
        height: 241px;
    }
    .rest__info {
        margin-top: -90px;
    }

    .business__list li {
        height: 241px;
    }
    .business__info {
        margin-top: -90px;
    }

    .about__list li {
        height: 241px;
    }
    .about__info {
        margin-top: -90px;
    }

    .contacts__info {
        bottom: -58px;
        width: 97%;
        padding: 30px;
    }
    .contacts__info-items {
        grid-template-columns: repeat(1, 1fr);
    }
    .contacts__info-link {
        width: 100%;
    }
}
@media (max-width: 650px) {
    .title h2 {
        font-size: 36px;
        line-height: 40px;
    }
    .title span {
        font-size: 18px;
        line-height: 35px;
    }

    .rest__list h4 {
        font-size: 25px;
    }
    .rest__info a {
        display: none;
    }
    .rest__info p {
        font-size: 12px;
        line-height: 20px;
    }

    .business__list h4 {
        font-size: 25px;
    }
    .business__info a {
        display: none;
    }
    .business__info p {
        font-size: 12px;
        line-height: 20px;
    }

    .about__list h4 {
        font-size: 25px;
    }
    .about__info a {
        display: none;
    }
    .about__info p {
        font-size: 12px;
        line-height: 20px;
    }
}
@media (max-width: 570px) {
    .hero {
        margin-bottom: 163px;
    }

    .booking {
        bottom: -88px;
    }

    .popup___close {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 6px;
        right: 4px;
    }

    .popup__content {
        padding: 20px;
    }

    .room .margin1 {
        margin-bottom: 70px;
    }

    .news__swiper-container .swiper-slide {
        padding: 20px 20px 0px 20px;
    }

    .room__grid1,
    .room__grid2 {
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    }

    .title h2 {
        font-size: 37px;
        line-height: 52px;
    }

    .room__swiper-container {
        margin-bottom: 50px;
    }

    .room__blog img {
        height: 388px;
    }

    .room__border-top {
        padding-top: 20px;
    }

    .room__box-position {
        bottom: 25px;
    }

    .room tr {
        flex-direction: column;
        align-items: flex-start;
    }

    .room td {
        margin-right: 0px;
    }

    .title h1 {
        font-size: 36px;
        line-height: 29px;
    }

    .room h1 {
        width: 306px;
        font-size: 39px;
        line-height: 43px;
    }

    .room__swiper-button-prev,
    .room__swiper-button-next {
        display: none;
    }

    .room__swiper-container .swiper-slide > div {
        left: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .room__swiper-container .swiper-slide a {
        width: 100%;
    }

    .news__item {
        padding: 30px;
    }
    .news__item h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .trust__items {
        margin-bottom: 30px;
    }
    .trust__items img {
        width: 70%;
    }

    .hero {
        height: 700px;
    }
    .hero__items {
        transform: translateY(0);
    }
    .hero__item span {
        font-size: 32px;
        line-height: 39px;
    }
    .hero__item strong {
        font-size: 42px;
        line-height: 42px;
    }
    .hero__user {
        width: 97%;
        bottom: 45px;
    }
    .hero__user form {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }

    .booking__date {
        flex-direction: column;
    }

    .booking__from {
        margin-right: 0;
        margin-bottom: 20px;
    }
}
@media (max-width: 425px) {
    .main-footer__content {
        padding: 372px 0 42px 0;
    }
    .main-footer--mod .main-footer__content {
      padding-top: 28px;
    }
    .main-footer__room-reserv {
        display: none;
    }
    .main-footer__logo-text {
        font-size: 30px;
    }

    .rest__list h4 {
        font-size: 21px;
        line-height: 26px;
    }

    .trust__items {
        height: 86px;
    }
    .trust__items img {
        width: 70%;
    }

    .contacts__info {
        bottom: -310px;
    }
}
/*# sourceMappingURL=main.css.map */

/* @media (max-width: 1440px) {
      .hero img {
          top: -150px;
      }
      .booking {
          bottom: 125px;
      }
      .hero__items {
          transform: translateY(32%);
      }
  }
  
  @media (max-width: 1366px) {
      .hero img {
          top: -250px;
      }
      .booking {
          bottom: 225px;
      }
      .hero__items {
          transform: translateY(8%);
      }
  }
  
  
  @media (max-width: 1300px) {
      .booking {
          bottom: -60px;
      }
      .hero {
          margin-bottom: 100px;
      }
  }
  
  @media (max-width: 991px) {
      .hero {
          margin-bottom: 100px;
      }
      .hero img {
          top: 0;
      }
      .booking {
          bottom: -190px;
      }
  } */

@media (max-width: 1440px) {
    .hero {
        height: 600px;
    }
    .hero__items {
        transform: translateY(32%);
    }
}

@media (max-width: 1366px) {
    .hero {
        height: 450px;
    }
    .hero__items {
        transform: translateY(11%);
    }
}

@media (max-width: 1300px) {
    .hero__items {
        transform: translateY(-12%);
    }
}

@media (max-width: 1200px) {
    .hero__item strong {
        font-size: 54px;
        line-height: 54px;
    }
}

@media (max-width: 991px) {
    .hero__item strong {
        font-size: 54px;
        line-height: 54px;
    }
    .navrooms-hover {
        display: none;
    }
}

/*Правки*/
.header {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    z-index: 1000;
    background: #fff;
}

.header__tablet-btn::before {
    content: "";
    position: absolute;
    top: -50px;
    left: 96px;
    opacity: 0.1;
    border-right: 1px solid #000000;
    height: 150px;
}

/* [data-aos^="fade"][data-aos^="fade"] {
    transform: scale(0.8);
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
    transform: scale(1);
} */

.wrapper {
    padding-top: 150px;
}

.popupsent .popup__content {
    padding: 0px;
    border-radius: 0px;
    border: none;
    height: 499px;
}

.popupsent .popup__close {
    top: 30px;
    right: 30px;
}

.room__blog {
    height: 504px;
    position: relative;
}

.popup__content {
    position: relative;
    top: 0px;
}

.popup__body {
    overflow: visible;
}

.room__swiper-container .swiper-slide {
    min-height: 700px;
}

.room__blog img {
    height: 100%;
}

.room__blog img.room__blog-fon,
.business img.room__blog-fon {
    height: auto;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.business img.room__blog-fon {
    object-fit: fill;
}

.company table {
    margin-bottom: 100px;
}

.room__swiper-container .swiper-slide > div {
    width: 100%;
    flex-wrap: wrap;
}

.room__swiper-container .swiper-slide > img {
    width: 100%;
    height: 700px;
    object-fit: cover;
}

.rest__list a {
    position: relative;
}

@media (max-width: 1400px) {
    .room__swiper-container .swiper-slide > div {
        position: static;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        bottom: auto;
        top: 0%;
        left: 71px;
        transform: translate(0%, 0%);
        width: auto;
        height: 100%;
        padding: 77px;
    }

    .room__swiper-container .swiper-slide > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

body.lock {
    overflow: hidden;
}

@media (max-width: 1024px) {
    .room__swiper-container .swiper-slide {
        min-height: 434px;
    }
}

@media (max-width: 991px) {
    .wrapper {
        padding-top: 88px;
    }
}

@media (max-width: 570px) {
    .hero {
        height: 700px;
    }

    .popupsent .popup__close {
        top: 15px;
        right: 15px;
    }

    .popupsent .popup__content {
        width: 390px;
        height: 357px;
    }

    .room__swiper-container .swiper-slide > div {
        padding: 20px;
    }

    .company table {
        margin-bottom: 50px;
    }

    .company {
        padding-bottom: 50px;
    }

    .img__wrapper {
        height: 450px;
    }
    .booking {
        bottom: -50px;
    }

    .room__blog {
        height: 388px;
    }
}

/* правки 15.04.2022 */

.rooms {
    margin-bottom: 132px;
}

.rooms__inner {
   position: relative;
    max-width: 1580px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.rooms__inner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    height: 430px;
    background-color: #eef2f2;
    z-index: -1;
}

.rooms__items {
    align-items: stretch;
    grid-template-columns: repeat(3, 1fr);
}

h2.rooms__title {
    font-size: 56px;
    margin-bottom: 30px;
    text-align: left;
}

.rooms__item {
    padding: 20px;
    padding-bottom: 30px;
    flex-direction: column;
    background-color: #fff;
    height: auto;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
    position: relative;
    -webkit-transition: box-shadow .3s, transform .3s;
    -moz-transition: box-shadow .3s, transform .3s;
    -ms-transition: box-shadow .3s, transform .3s;
    -o-transition: box-shadow .3s, transform .3s;
    transition: box-shadow .3s, transform .3s;
}

.rooms__item:hover {
    box-shadow: 0px 20px 20px rgb(0 0 0 / 20%);
    transform: translateY(-5px);
}

.rooms__item::after {
    display: none;
}

.rooms__item img {
    position: static;
    width: 100%;
    height: 292px;
    margin-bottom: 30px;
}

.rooms__item-info {
    display: block;
    margin: 0;
    padding: 0;
    padding: 0 10px;
    z-index: auto;
}

.rooms__item-bottom {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}

.rooms__item-name {
    font-size: 20px;
    line-height: 1.2;
    color: #2e2e2e;
    display: block;
    margin-bottom: 15px;
}

.rooms__item-bottom span {
    font-family: 'Inter', sans-serif;
}

.rooms__item-bottom span.rooms__item-category {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #2e2e2e;
}

.rooms__item-bottom span.rooms__item-price {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #efb969;
}
.rooms__item-price span.price{
    line-height: 120%;
}
.rooms__price-shell span.price_in{
    font-size: 10px;
    line-height: 240%;
}
.rooms__item-list {
    font-family: 'Inter', sans-serif;
    list-style: disc;
    margin: 0;
    margin: 0;
    padding-left: 20px;
    margin-bottom: 20px;
}

.rooms__item-list li {
    color: #2e2e2e;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
}

.rooms__item-list li:not(:last-child) {
    margin-bottom: 15px;
}

.rooms__item-link {
    width: 100%;
    height: 60px;
    background: #087868;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    margin-bottom: 0;
}

h2.title-big {
    font-size: 80px;
    margin-bottom: 78px;
}

.rooms__hidden {
    /* display: none; */
    opacity: 0;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 87%;
    padding: 30px;
    padding-top: 0;
    background-color: #fff;
    z-index: 10;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    padding: 20px;
    
    animation: show 1.3s infinity;
}

.rooms__item:hover .rooms__hidden {
    opacity: 1;
}

@keyframes show {
    from {
        transform: scale(0.5);
    }
    
    to {
        transform: scale(1);
    }
}

@media (max-width: 1500px) {
    .rooms__item img {
        height: 230px;
    }
}

@media(max-width: 991px) {
    .rooms__item img {
        margin-bottom: 15px;
        height: 200px;
    }
    .rooms__item {
        padding: 15px;
    }
    .rooms__item-info {
        padding: 0 5px;
    }
    .rooms__item-name {
        font-size: 18px;
    }
    .rooms__hidden {
        padding: 15px;
        padding-top: 0;
    }
    .rooms__item-list li:not(:last-child) {
        margin-bottom: 10px;
    }
    .rooms__item-list {
        padding-left: 15px;
        margin: 10px 0;
    }
    .rooms__item-list li {
        font-size: 14px;
        line-height: 1.4;
    }
    .rooms__items {
        grid-template-columns: repeat(2, 1fr);
    }
    .rooms__inner::before {
        height: 650px;
    }
}

@media (max-width: 650px) {
    .rooms__items {
        grid-template-columns: repeat(1, 1fr);
    }
    .rooms__item img {
        height: 330px;
    }
    h2.rooms__title {
        font-size: 36px;
    }
    .rooms__inner::before {
        display: none;
    }
    h2.title-big {
        font-size: 56px;
    }
}

.rooms__icon-list {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 10px;
    
    display: none;
}

.rooms__icon-list li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rooms__icon-list svg {
    width: 15px;
    height: 15px;
}

.rooms__hidden-link {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.07em;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    width: 100%;
    height: 60px;
    background: #087868;
    border-radius: 6px;
    color: #fff;
}

.header {
    position: static;
}

.header--fixed {
    position: fixed;
    top: 0;
    padding: 19px 0;
    animation: show 0.5s;
}

.header--fixed .header__bottom {
    display: none;
}

.wrapper {
    padding-top: 0;
}

.header__logo-img--fixed {
    display: none;
}

.header--fixed .header__logo-img {
    display: none;
}

.header--fixed .header__logo-img--fixed {
    display: flex;
}

.header--fixed .header__top {
    padding-bottom: 0;
    border-bottom: none;
    /* margin-bottom: 5px; */
}

.header--fixed .header__tablet-btn {
    width: 27px;
    height: 24px;
    left: 26px;
    top: 28px;
}

.header--fixed .header__tablet-btn span {
    height: 3px;
}

.header--fixed .header__tablet-btn span::before,
.header--fixed .header__tablet-btn span::after {
    height: 3px;
}

.header--fixed .header__tablet-btn span::before {
    top: 10px;
}

.header--fixed .header__tablet-btn span::after {
    bottom: 10px;
}

.header--fixed .header__tablet-btn::before {
    left: 57px;
    height: 102px;
}

.tablet {
    opacity: 0;
}

.tablet.active {
    opacity: 1;
}

.header__top .header__feedback {
    display: none;
}

.header--fixed .header__top .header__feedback {
    display: flex;
    margin-left: 50px;
}

.header--fixed .header__phone {
    margin-left: auto;
}

.header--fixed .header__logo {
    position: absolute;
    left: 110px;
}

.header--fixed .header__inner {
    margin-left: 390px;
}

.social__link {
    display: flex;
    align-items: center;
}

.header .icon-mod {
    top: 0;
}

.header__top p {
    display: flex;
    align-items: center;
}

.header--fixed .social__link {
    margin: 0 50px;
}

@keyframes show {
    from {
        opacity: 0;
    }
    
    to {
        opacity: 1;
    }
}

@media(max-width: 1760px) {
    .header--fixed .header__logo {
        position: static;
    }
    .header--fixed .header__inner {
        margin-left: auto;
    }
}

@media(max-width: 1500px) {
    .header--fixed .header__top p {
        display: none;
    }
    .header--fixed .header__phone {
        margin-right: 0;
    }
}

@media(max-width: 991px) {
    .header--fixed .header__logo-img--fixed {
        display: none;
    }
    .header--fixed .header__logo-img {
        display: flex;
        width: 100%;
        height: 100%;
    }
    
}

.text-page .company ul {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    margin: 0;
}

.text-page .company ul li {
    position: relative;
    padding-left: 15px;
    display: block;
    list-style: disc;
}

.text-page .company ul li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #087868;
    display: block;
}

.rooms__hidden {
    top: 19px;
    width: 92%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.rooms__hidden-info {
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    /* height: 80%;
    overflow: auto; */
    height: 80%;
}

.rooms__inner::before {
    height: 82%;
}

.company table {
    margin-bottom: 50px;
}

.rooms__hidden .rooms__hidden-price {
    color: #EFB969;
    
    font-family: "Inter", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    
    margin-bottom: 20px;
}

.rooms__hidden-text {
    margin-bottom: 20px;
}

/* правки 19.05.2022 */

.contact {
    margin-bottom: 140px;
}

.cont {
    margin-bottom: 120px;
}

.cont__title {
    font-family: "Dejavu";
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    
    margin-bottom: 45px;
    text-align: center;
}

.cont__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.cont__item {
    background: #FFFFFF;
    box-shadow: 0px 4px 94px -20px rgba(0, 0, 0, 0.2);
    
    padding: 50px;
}

.cont__item-caption {
    color: #087868;
    
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    
    display: block;
    min-height: 44px;
}

.cont__item-title {
    color: #2E2E2E;
    
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    
    margin-top: 17px;
    min-height: 60px;
}

.cont__list {
    padding-top: 30px;
    margin-top: 20px;
    
    border-top: 1px solid #F1F1F1;
}

.cont__list-item {
    padding-left: 25px;
    position: relative;
}

.cont__list-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
}

.cont__list-item--phone::before {
    width: 15px;
    height: 15px;
    background-image: url('../img/cont/phone-green.svg');
}

.cont__list-item--mail::before {
    width: 17px;
    height: 15px;
    background-image: url('../img/cont/mail-green.svg');
}

.cont__list-item--job::before {
    width: 17px;
    height: 17px;
    background-image: url('../img/cont/time-green.svg');
}

.cont__list-item:not(:last-child) {
    margin-bottom: 20px;
}


.cont__list-phone,
.cont__list-mail,
.cont__list-job {
    font-size: 18px;
    line-height: 26px;
}

.cont__list-phone {
    font-weight: 700;
    display: block;
}

.cont__list-phone span {
    display: inline-block;
}

.cont__list-job,
.cont__list-mail {
    font-weight: 600;
}

.cont__list-phone {
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.cont__list-phone:hover {
    color: #087868;
}

.cont__list-desc {
    color: #8F8F8F;
    
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    
    display: block;
}

.comp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    margin-bottom: 180px;
}

.comp .cont__title {
    text-align: left;
    max-width: 650px;
}

.comp .cont__item {
    width: 100%;
}

@media(max-width: 1500px) {
    .cont__title {
        font-size: 50px;
        line-height: 1.2;
    }
    .contact {
        margin-bottom: 70px;
    }
    .cont__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 1200px) {
    .comp {
        display: block;
    }
    
    .comp .cont__title {
        text-align: center;
        max-width: 100%;
    }
}

@media(max-width: 991px) {
    .cont {
        margin-bottom: 80px;
    }
    .comp {
        margin-bottom: 100px;
    }
    .cont__items {
        grid-template-columns: repeat(1, 1fr);
    }
    .cont__item {
        padding: 30px;
    }
    .cont__item-title {
        font-size: 18px;
        line-height: 26px;
        
        min-height: 52px;
    }
    
    .cont__list {
        padding-top: 20px;
    }
    
    .cont__list-item:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media(max-width: 768px) {
    .cont__title {
        font-size: 32px;
    }
    .cont__item-title,
    .cont__item-caption {
        min-height: auto;
    }
}

@media(max-width: 650px) {
    .cont__item-caption {
        font-size: 12px;
        line-height: 1.2;
    }
    .cont__item-title {
        font-size: 18px;
        line-height: 1.2;
    }
    .cont__list-phone, .cont__list-mail, .cont__list-job {
        font-size: 16px;
        line-height: 1.2;
    }
    .cont__list-desc {
        font-size: 14px;
        line-height: 1.2;
    }
}

.room .news {
    margin-bottom: 0;
}

@media(max-width: 570px) {
    .room {
        margin-bottom: 80px;
    }
}

/* правки 20.05.2022 */

.rooms__hidden {
    display: block;
}

.rooms__hidden form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.rooms__hidden-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    margin-bottom: 20px;
}

.rooms__hidden .rooms__hidden-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.rooms__hidden .rooms__hidden-size {
    color: #2E2E2E;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.rooms__hidden-size svg {
    margin-right: 5px;
}

.rooms__hidden .rooms__hidden-price {
    color: #087868;
    margin-bottom: 0;
    
    line-height: 1;
}

.rooms__hidden-info {
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    overflow: auto;
}

.rooms__hidden-text {
    font-size: 14px;
    line-height: 24px;
    
    margin-bottom: 6px;
}

.rooms__hidden-items {
    margin-left: 20px;
}

.rooms__hidden-item {
    font-size: 14px;
    line-height: 24px;
    list-style: disc;
}

.rooms__hidden-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.rooms__hidden-link {
    background-color: #fff;
    
    color: #2E2E2E;
    
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    
    border: 1px solid #2E2E2E;
    border-radius: 6px;
    height: 50px;
}

.rooms__hidden-link--gray {
    background-color: #2E2E2E;
    color: #fff;
}

@media(max-width: 1200px) {
    .rooms__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 991px) {
    .rooms__hidden {
        padding: 20px;
        top: 15px;
        width: 95%;
    }
    .rooms__item {
        height: 100%;
    }
}

@media (max-width: 768px) {
    .rooms__items {
        grid-template-columns: repeat(1, 1fr);
    }
    .rooms__hidden .rooms__hidden-title {
        font-size: 18px;
        line-height: 1.2;
    }
}

.navrooms-hover {
    /* display: grid; */
    grid-template-columns: repeat(3, 1fr);
    max-width: 510px;
    width: 100%;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 94px -20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity .3s;
}

.navrooms-hover > li {
    padding: 25px 20px;
}

.navrooms-hover > li a {
    color: #2E2E2E;
    
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.navrooms-hover li:not(:nth-child(3n)) {
    border-right: 1px solid #00000010;
}

.navrooms-hover > li {
    justify-content: center;
    align-items: center;
}

.navrooms__desc {
    color: #2E2E2E;
    
    font-weight: 300;
    font-size: 11px;
    line-height: 14px;
    
    display: block;
    margin-top: 4px;
}

.navrooms__price {
    color: #087868;
    
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    
    display: block;
    margin-top: 11px;
}

@media (max-width: 991px) {
    .navrooms-hover {
        grid-template-columns: repeat(1, 1fr);
        max-width: 100%;
        height: 80%;
        left: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .navrooms-hover > li {
        padding: 15px;
    }
    .navrooms-hover > li a {
        font-size: 14px;
        line-height: 16px;
    }
    .navrooms-hover li,
    .navrooms-hover li:not(:nth-child(3n)) {
        border: none;
        margin: 0;
    }
}

.select__drop {
    height: 310px;
}

.popup .select__list {
    height: 100%;
}

.popup .select__list {
    max-height: 100%;
}

.select__price {
    color: #087868;
    
    font-family: 'Inter';
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    
    display: block;
    margin-top: 4px;
}

.popup .select__list label {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
}

.popup .select__list li {
    margin-left: 30px;
}

.popup .select__list li:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000000;
}

/* apart start */

.apart {
    margin-bottom: 140px;
}

.apart .container {
    max-width: 1605px;
}

.apart__inner {
    background-color: #EEF2F2;
    
    padding: 70px;
    padding-right: 0;
    padding-top: 0;
    
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 70px;
}

.apart__info {
    /* max-width: 580px;
    width: 100%; */
    padding-top: 70px;
}

.apart__header {
    margin-bottom: 40px;
}

.apart__header-title {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    
    margin-bottom: 16px;
}

.apart__header-cat {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
}

.apart__desc {
    font-weight: 400;
    margin-bottom: 40px;
}

.apart__desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
}

.apart__desc p:not(:last-child) {
    margin-bottom: 15px;
}

.apart__desc table {
    margin-bottom: 20px;
}

.apart__desc tr:not(:last-child) {
    margin-bottom: 10px;
}

.apart__desc th,
.apart__desc td {
    font-size: 16px;
    line-height: 1.2;
}

.apart__desc ul {
    margin-bottom: 20px;
}

.apart__desc li {
    
}

.apart__desc ul:not([class]) {
    padding-left: 20px;
}

.apart__desc ul:not([class]) li {
   font-size: 16px;
   line-height: 1.2;
   margin-bottom: 15px;
   list-style: circle;
}


.apart__desc-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    
    margin-bottom: 24px;
}

.apart__desc-list {
    display: flex;
    margin-top: 40px;
}

.apart__desc-item {
    /* min-width: 155px; */
}

.apart__desc-item--first {
    width: 125px;
}

.apart__desc-item--center {
    width: 170px;
}

.apart__desc-item--last {
    width: 160px;
}

.apart__desc-item:not(:last-child) {
    margin-right: 64px;
    
    position: relative;
}

.apart__desc-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -32px;
    top: 0;
    
    height: 100%;
    width: 1px;
    background-color: #E4E4E4;
}

.apart__desc-name {
    color: #8F8F8F;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;

    display: block;
    margin-bottom: 12px;
}

.apart__desc-info {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
}

.apart__equip {
    margin-bottom: 60px;
}

.apart__equip-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    
    margin-bottom: 20px;
}

.apart__equip-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 10px;
}

.apart__equip-item {
    display: flex;
    align-items: center;
}

.apart__equip-item img {
    margin-right: 12px;
    width: 18px;
    height: 20px;
}

.apart__equip-name {
    color: #2E2E2E;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
}

.apart__bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.apart__bottom-item {
    padding: 30px;
    background-color: #fff;
}

.apart__bottom-price {
    color: #087868;

    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    text-align: center;
    display: block;
    
    margin-bottom: 15px;
}

.apart__bottom-size {
    color: #2E2E2E;
    font-family: "Dejavu", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.apart__bottom-link {
    width: 270px;
}

.apart__content {
    max-width: 720px;
    
    position: relative;
}

.apart__slider {
    height: 500px;
    margin-bottom: 50px;
}

.apart__content-nav {
    display: flex;
    align-items: center;
    min-width: 320px;
    position: relative;
    margin-bottom: 50px;
}

.apart__content .apart__content-pag {
    display: flex;
    align-items: center;
    position: static;
    width: auto;
    
    margin: 0 30px;
}

.apart__content .apart__content-pag .swiper-pagination-bullet {
    background-color: #2E2E2E;
    opacity: 0.2;
    margin: 0 16px;
}

.apart__content .apart__content-pag .swiper-pagination-bullet-active {
    opacity: 1;
}

.apart__content .apart__content-pag span {
    border-radius: 0px;
    width: 2px;
    height: 18px;
}

.apart__content .apart__content-btn {
    position: static;
    padding: 0;
    background-color: transparent;
    width: auto;
    height: auto;
    
    margin: 0;
}

.apart__content .apart__content-btn::after {
    content: '';
    width: 49px;
    height: 16px;
    background-repeat: no-repeat;
}

.apart__content .apart__content-btn--prev::after {
    background-image: url('../img/left.svg');
}

.apart__content .apart__content-btn--next::after {
    background-image: url('../img/right.svg');
}

.apart__desc-content {
    max-width: 600px;
}

.apart__desc-content p,
.apart__desc-content ul,
.apart__desc-content ol,
.apart__desc-content table {
    margin-bottom: 20px;
}

.apart__desc-content li:not(:last-child) {
    margin-bottom: 10px;
}

.apart__desc-content p,
.apart__desc-content li,
.apart__desc-content th,
.apart__desc-content td {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
}

.apart__desc-content ul,
.apart__desc-content ol {
    list-style: circle;
    padding-left: 20px;
}


@media(max-width: 1630px) {
    .apart .container {
        max-width: 1450px;
    }
    .apart__content {
        max-width: 530px;
    }
    .apart__slider {
        height: 375px;
    }
    .apart__inner {
        grid-gap: 110px;
    }
    .apart__desc,
    .apart__header  {
        margin-bottom: 30px;
    }
    .apart__equip {
        margin-bottom: 40px;
    }
    .apart__inner {
        /* padding-top: 50px; */
        padding-bottom: 50px;
    }
    .apart__desc-content {
        max-width: 500px;
    }
    .apart__bottom-item:not(:last-child) {
        margin-right: 20px;
    }
}

@media(max-width: 1500px) {
    .apart__inner {
        display: flex;
        flex-direction: column;
        padding: 50px;
        grid-gap: 0px;
        margin: 0 auto;
        max-width: 1200px;
    }
    .apart__info {
        order: 1;
        display: grid;
    }
    .apart__content {
        max-width: 100%;
        order: 2;
    }
    .apart__content {
        margin-bottom: 80px;
        margin-bottom: 0;
    }
    .apart__slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .apart__slider {
        margin-bottom: 30px;
    }
    .apart__content .apart__content-pag {
        margin: 0 20px;
    }
    .apart__desc-content {
        max-width: 100%;
    }
    
    .apart__info {
        padding-top: 0;
        margin-bottom: 50px;
    }
    
    
    .apart__bottom-link {
        width: 100%;
    }
}

@media(max-width: 991px) {
    .apart__slider {
        height: 400px;
    }
    .apart__content {
        margin-bottom: 50px;
    }
    .apart .container {
        padding: 0;
    }
    .apart__inner {
        padding: 30px;
    }
}

@media(max-width: 768px) {
    .apart__equip {
        max-width: 100%;
    }
    .apart__desc-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    .apart__desc-item {
        width: auto;
    }
    .apart__desc-item:not(:last-child) {
        margin: 0;
    }
    .apart__desc-item:not(:last-child)::after {
        display: none;
    }
    
    .apart__bottom {
           grid-template-columns: repeat(1, 1fr);
    }
    
    .apart__bottom-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .apart__bottom-item {
        width: 100%;
    }
    
    .apart__bottom-item a {
        width: 100%;
    }
}

@media(max-width: 650px) {
    .apart__header-title {
        font-size: 40px;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    .apart__content .apart__content-pag {
        margin: 0 10px;
    }
    .apart__content .apart__content-pag .swiper-pagination-bullet {
        margin: 0 10px;
    }
    .apart__slider {
        height: 350px;
    }
    .apart__content {
        margin-bottom: 40px;
    }
    .apart__desc, .apart__header {
        margin-bottom: 20px;
    }
    .apart__desc-text {
        font-size: 14px;
    }
    .apart__desc-list {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }
    .apart__equip-title {
        margin-bottom: 10px;
    }
    .apart__bottom {
        justify-content: space-between;
    }
    .apart__bottom-price {
        font-size: 28px;
    }
    .apart__bottom-link {
        width: 230px;
        min-height: 50px;
    }
    .apart__desc-name {
        margin-bottom: 5px;
    }
    .apart__desc-info {
        font-size: 14px;
    }
}

@media(max-width: 530px) {
    .apart__equip-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .apart__bottom {
        flex-direction: column;
    }
    .apart__bottom-price {
        display: block;
        margin: 0;
        margin-bottom: 15px;
    }
    .apart__slider {
        height: 300px;
    }
    .apart__content-nav {
        justify-content: center;
    }
    .apart__inner {
        padding: 20px;
    }
}

.more .rooms__title {
    font-family: "Dejavu", sans-serif;
    line-height: 56px;
}

.more .rooms__inner {
    position: relative;
    margin-bottom: 210px;
}

.more .rooms__inner::before {
    height: 75%;
}

.more__slider {
    padding-bottom: 30px;
}

.more__nav-btn {
    position: static;
    margin: 0;
}

.more__nav .more__nav-pag {
    position: static;
    display: flex;
    width: auto;
}

.more__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    position: relative;
    bottom: -50px;
}

.more__nav .more__nav-pag {
    margin: 0 30px;
}

.more__nav .more__nav-pag .swiper-pagination-bullet {
    background-color: #2E2E2E;
    opacity: 0.2;
    margin: 0 16px;
}

.more__nav .more__nav-pag .swiper-pagination-bullet-active {
    opacity: 1;
}

.more__nav .more__nav-pag span {
    border-radius: 0px;
    width: 2px;
    height: 18px;
}

.more__nav .more__nav-btn {
    position: static;
    padding: 0;
    background-color: transparent;
    width: auto;
    height: auto;
    
    margin: 0;
}

.more__nav .more__nav-btn::after {
    content: '';
    width: 49px;
    height: 16px;
    background-repeat: no-repeat;
}

.more__nav .more__nav-btn--prev::after {
    background-image: url('../img/left.svg');
}

.more__nav .more__nav-btn--next::after {
    background-image: url('../img/right.svg');
}

@media(max-width: 1200px) {
    .more .container {
        max-width: 1200px;
    }
}

@media(max-width: 991px) {
    .apart {
        margin-bottom: 80px;
    }
    .more .rooms__inner {
        margin-bottom: 120px;
    }
    .more__nav {
        bottom: -30px;
    }
}

/* apart end */

/* popupsuccess start */

.popupsuccess .popup__content  {
    padding: 55px 95px 67px;
    background: #087868;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.popupsuccess .popup__content h2  {
    font-family: 'DejaVu';
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    color: #FFFFFF;
    max-width: 220px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: -30px;
}

.popupsuccess .popup__content p {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    max-width: 271px;
}

@media(max-width: 570px) {
    .popupsuccess .popup__content {
        padding: 20px;
    }
}



/* popupsuccess end */
/* Шаблон "Выбор номер" */
.main-choice {
    background-color: #EEF2F2;
}
.choice-room {
    padding-bottom: 100px;
}
.choice-room__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.choice-room__left {
    flex: 0 1 70.43%;
}
.choice-room__right {
    flex: 0 1 24%;
}

.choice-room__left h1 {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    color: #2E2E2E;
    margin-top: 30px;
    margin-bottom: 20px;
}
.form-choice {}
.form-choice__steps {}
.step-form {
    display: none;
}
.step-form._active {
    display: block;
}

.form-nav-steps {
    display: flex;
    justify-content: space-between;
/*     display: grid;
grid-template-columns: repeat(3, 1fr); */
    background: #FFFFFF;
    box-shadow: 0px 4px 94px -20px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}
.item-nav-steps {
    display: flex;
    padding: 20px;
}
.item-nav-steps._active .item-nav-steps__img {
    background: #EEF2F2;
}
.item-nav-steps._active .item-nav-steps__img svg path {
    fill: #087868;
}
.item-nav-steps._active .item-nav-steps__number {
    color: #087868;
}
.item-nav-steps._active .item-nav-steps__title {
    color: #2E2E2E;
}
.item-nav-steps._check .item-nav-steps__img:before  {
    content: '';
}
.item-nav-steps__img {
    width: 50px;
    flex: 0 0 50px;
    height: 50px;
    background: #F1F1F1;
    border-radius: 50%;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.item-nav-steps__img:before {
    content: none;
    width: 15px;
    flex: 0 0 15px;
    height: 15px;
    background: url('/templates/img/check.svg') center center/60% no-repeat #087868;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.item-nav-steps__number {
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #8F8F8F;
    margin-bottom: 2px;
}
.item-nav-steps__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #8F8F8F;
}

.step-form__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.room-form-choice {
    background: #FFFFFF;
}
.room-form-choice__content {
    padding: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.room-form-choice__img {
    width: 100%;
    height: 200px;
    position: relative;
    margin-bottom: 10px;
}
.room-form-choice__img img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.room-form-choice__bottom {
    padding: 15px 13px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.room-form-choice__price {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.1em;
    color: #087868;
    margin-bottom: 10px;
}
.room-form-choice__price:empty {
    margin: 0;
}
.room-form-choice__title {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #2E2E2E;
    margin-bottom: 15px;
    flex: 1;
}
.room-form-choice__category {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8F8F8F;
    margin-bottom: 20px;
}
.room-form-choice__submit {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #2E2E2E;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease 0s;
}
.room-form-choice__submit:hover {
    background: #5C5C5C;
}
.room-form-choice__submit .check {
    display: none;
}
.room-form-choice__button input {
    position: absolute;
    z-index: 0;
    opacity: 0;
}
.room-form-choice__button input:checked + label {
     background: #087868;
}
.room-form-choice__button input:checked + label .no-check {
    display: none;
}
.room-form-choice__button input:checked + label .check {
    display: block;
}
.room-step-form {
    background: #fff;
    padding: 30px;
}
.top-form-step {
    display: flex;
    margin-bottom: 35px;
}
.top-form-step__img {
    width: 300px;
    flex: 0 0 300px;
    height: 200px;
    margin-right: 30px;
    position: relative;
}
.top-form-step__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top-form-step__title-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-form-step__text {
    flex: 1;
}
.top-form-step__title {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #2E2E2E;
    max-width: 410px;
}
.top-form-step__price {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.1em;
    color: #087868;
}
.room-step-form__middle {
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #2E2E2E;
    margin-bottom: 30px;
}
.room-step-form__info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 20px;
    padding: 30px 32px;
    background: #EEF2F2;
}
.room-step-form__info li {
    display: flex;
    align-items: center;
}
.room-step-form__info li img {
    margin-right: 12px;
    width: 18px;
    height: 20px;
}
.room-step-form__info li span {
    color: #2E2E2E;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
}
.buttons-room-step-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.buttons-room-step-form__back {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #2E2E2E;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 60px;
    background: #fff;
    border: 1px solid #2E2E2E;
    border-radius: 6px;
    transition: color 0.3s ease 0s, background 0.3s ease 0s;
}
.buttons-room-step-form__back:hover {
    background: #2E2E2E;
    color: #fff;
}
.buttons-room-step-form__next {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2E2E2E;
    border-radius: 6px;
    width: 300px;
    height: 60px;
    transition: background 0.3s ease 0s;
}
.buttons-room-step-form__next:hover {
    background: #5C5C5C;
}
.contacts-step-form {
    background: #fff;
    padding: 30px;
}
.contacts-step-form__item:not(:last-child) {
    padding: 40px 0;
    border-bottom: 1px solid rgba(46, 46, 46, 0.1);
}
.contacts-step-form__item:first-child {
    padding: 0 0 40px 0;
}
.contacts-step-form__item:nth-child(3) {
    padding: 40px 0 0 0;
    border: none;
}
.contacts-step-form__title {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #2E2E2E;
    margin-bottom: 25px;
}
.contacts-step-form__two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}
.contacts-step-form__three {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}
.step-form-input {
    display: block;
    width: 100%;
    padding: 11px 44px 11px 20px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #9c9ca9;
    background: #eef2f2;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    border-bottom: 2px solid rgba(143, 143, 143, 0.15);
    height: 60px;
}
.step-form-input.error {
    border-color: red;
}
.step-form-input input {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
    outline: 0px;
    display: block;
    border: none;
    width: 100%;
    margin-top: 6px;
    background: transparent;
    cursor: pointer;
    transition: all 0.4s ease;
}
label.step-form-input.open input {
    color: #1aa894;
}
.step-form-input svg {
    position: absolute;
    top: 18px;
    right: 12px;
    transition: all 0.4s ease;
}
.step-form-input .phone {
    width: 15px;
    height: 15px;
}
.contacts-step-form__check {}
.contacts-step-form__check:not(:last-child) {
    margin-bottom: 5px;
}
.contacts-step-form__check input {
    position: absolute;
    z-index: 0;
    opacity: 0;
}
.contacts-step-form__check label {
    padding-left: 32px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #2E2E2E;
    position: relative;
    cursor: pointer;
}
.contacts-step-form__check label:before {
    content: '';
    position: absolute;
    background: #EEF2F2;
    border-bottom: 1px solid #E0E3E3;
    border-radius: 3px;
    width: 18px;
    flex: 0 0 18px;
    height: 18px;
    left: 0;
    top: -2px;
}
.contacts-step-form__check input:checked+label:before {
    background: url('/templates/img/check.svg') center center no-repeat #087868;
}
.contacts-step-form__subtitle {
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #2E2E2E;
    margin-bottom: 24px;
}
.step-form-text {
    color: #9c9ca9;
    background: #EEF2F2;
    border-radius: 6px;
    position: relative;
    border-bottom: 2px solid rgba(143, 143, 143, 0.15);
}
.step-form-text textarea {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #2e2e2e;
    outline: 0px;
    display: block;
    border: none;
    width: 100%;
    margin-top: 6px;
    background: transparent;
    transition: all 0.4s ease;
    resize: none;
    padding: 15px;
}
.pay-step-form {
    padding: 30px;
    background: #fff;
}
.item-pay-step__middle {
    max-width: 600px;
}
.pay-step-form__title {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #2E2E2E;
    margin-bottom: 25px;
}
.item-pay-step {
    background: #EEF2F2;
    border-width: 0px 0px 2px 1px;
    border-style: solid;
    border-color: #E0E3E3;
    border-radius: 6px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    position: relative;
    padding: 20px 20px 20px 65px;
}
.item-pay-step__middle:before {
    content: '';
    width: 30px;
    flex: 0 0 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    left: 20px;
    background: #FFFFFF;
    border-radius: 50%;
}
.item-pay-step input:checked + .item-pay-step__middle:before {
    background: url('/templates/img/check.svg') center center no-repeat #1AA894;
}
.item-pay-step input {
    position: absolute;
    z-index: 0;
    opacity: 0;
}
.item-pay-step__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #2E2E2E;
    margin-bottom: 12px;
}
.item-pay-step__text {
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #2E2E2E;
}
.item-pay-step__name {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #2E2E2E;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.item-pay-step__name span {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #087868;
}
.item-pay-step input:checked ~ .item-pay-step__right label {
    background: #1AA894;
}
.item-pay-step__right label {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2E2E2E;
    border-radius: 6px;
    width: 200px;
    height: 50px;
    transition: background 0.3s ease 0s;
    cursor: pointer;
}
.item-pay-step__right label:hover {
    background: #5C5C5C;
}

.pay-step-form__check input {
    position: absolute;
    z-index: 0;
    opacity: 0;
}
.pay-step-form__check label {
    padding-left: 32px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #2E2E2E;
    position: relative;
    cursor: pointer;
}
.pay-step-form__check label a {
    color: #087868;
    position: relative;
    display: inline-block;
}
.pay-step-form__check label a:before {
    content: '';
    width: 100%;
    height: 1px;
    background: rgba(46, 46, 46, 0.1);
    left: 0;
    bottom: -3px;
    position: absolute;
}
.pay-step-form__check label a:hover:before {
    width: 0;
}
.pay-step-form__check label:before {
    content: '';
    position: absolute;
    background: #EEF2F2;
    border-bottom: 1px solid #E0E3E3;
    border-radius: 3px;
    width: 18px;
    flex: 0 0 18px;
    height: 18px;
    left: 0;
    top: -2px;
}
.pay-step-form__check input:checked+label:before {
    background: url('/templates/img/check.svg') center center no-repeat #087868;
}
.right-choice-room {
    padding-top: 75px;
}
.right-choice-room__title {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 72px;
    color: #2E2E2E;
    margin-bottom: 20px;
}
.info-right-choice {
    background: #FFFFFF;
    box-shadow: 0px 4px 94px -20px rgba(0, 0, 0, 0.2);
    padding: 5px 30px 5px 30px;
}
.item-info-right {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(46, 46, 46, 0.1);
}
.item-info-right__img {
    width: 40px;
    flex: 0 0 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(46, 46, 46, 0.1);
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-info-right__name {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #9C9CA9;
    margin-bottom: 6px;
}
.item-info-right__value {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #2E2E2E;
}
.price-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 25px 0;
}
.price-right__title {
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    color: #8F8F8F;
}
.price-right__value {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.01em;
    color: #087868;
}
@media (max-width: 1500px) {
    .choice-room__left {
        flex: 0 1 74%;
    }
    .room-step-form {
        padding: 20px;
    }
    .step-form__content {
        gap: 15px;
    }
    .top-form-step__title-price {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .top-form-step__img {
        width: 250px;
        flex: 0 0 250px;
        height: 180px;
        margin-right: 15px;
    }
    .top-form-step__list .apart__desc-item:not(:last-child) {
        margin-right: 40px;
    }
    .top-form-step__list .apart__desc-item:not(:last-child)::after {
        right: -20px;
    }
    .top-form-step {
        margin-bottom: 25px;
    }
}
@media (max-width: 1201px) {
    .choice-room__content {
        flex-wrap: wrap;
    }
    .choice-room__left {
        flex: 0 1 100%;
    }
    .choice-room__right {
        flex: 0 1 100%;
    }
}
@media (max-width: 992px) {
    .top-form-step__list .apart__desc-item:not(:last-child) {
        margin-right: 10px;
    }
    .room-form-choice__img {
        height: 160px;
    }
    .contacts-step-form__three {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .contacts-step-form, .pay-step-form {
        padding: 20px;
    }
    .contacts-step-form__item:not(:last-child) {
        padding: 15px 0;
    }
    .item-nav-steps {
        padding: 10px;
    }
}
@media (max-width: 767px) {
    .form-nav-steps {
        flex-direction: column;
    }
    .contacts-step-form__three, .contacts-step-form__two {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .step-form__content {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .room-form-choice__title {
        font-size: 14px;
        line-height: 16px;
    }
    .room-form-choice__category {
        font-size: 12px;
        line-height: 14px;
    }
    .room-form-choice__bottom {
        padding: 5px;
    }
    .room-form-choice__content {
        padding: 5px;
    }
    .room-form-choice__price {
        font-size: 16px;
    }
    .room-form-choice__submit {
        height: 45px;
    }
    .top-form-step {
        flex-wrap: wrap;
    }
    .top-form-step__img {
        flex: 0 1 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .top-form-step__text {
        flex: 0 1 100%;
        width: 100%;
    }
    .buttons-room-step-form {
        flex-wrap: wrap;
        gap: 10px;
    }
    .buttons-room-step-form__back, .buttons-room-step-form__next {
        width: 100%;
    }
    .choice-room__left h1 {
        font-size: 28px;
        line-height: 34px;
    }
    .room-step-form, .contacts-step-form, .pay-step-form {
        padding: 10px;
    }
    .step-form-input {
        padding: 5px 40px 5px 15px;
        line-height: 12px;
        height: 50px;
    }
    .buttons-room-step-form__back, .buttons-room-step-form__next {
        height: 45px;
    }
    .apart__desc-list {
        margin-top: 15px;
    }
    .room-step-form__info {
        grid-template-columns: repeat(2, 1fr);
        padding: 10px;
    }
    .contacts-step-form__three {
        margin-bottom: 10px;
    }
}
/* Шаблон "Выбор номер" */
.apart-rules {
    padding: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
    background: #FFFFFF;
    box-shadow: 0px 4px 94px -20px rgb(0 0 0 / 20%);
    margin-top: 20px;
}
.apart-rules p:not(:last-child) {
    margin-bottom: 15px;
}
.apart-rules__title {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 20px;
}
.right-choice-room__rules {
    margin-top: 10px;
    padding: 10px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
    background: #FFFFFF;
    box-shadow: 0px 4px 94px -20px rgb(0 0 0 / 20%);
}
.right-choice-room__rules p:not(:last-child) {
    margin-bottom: 10px;
}
.right-choice-room__rules__title {
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 15px;
}
@media (max-width: 992px) {
    .apart-rules {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .apart-rules {
        font-size: 12px;
    }
    .apart-rules p:not(:last-child) {
        margin-bottom: 7px;
    }
    .apart-rules__title {
        font-size: 22px;
    }
}

.s-social {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 auto;
}

.s-social li,
.s-social a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer__blog-icon img {
    width: 24px;
    height: 24px;
}

@media(max-width: 991px) {
    .s-social {
        margin-right: auto;
        margin-left: 0;
        margin-bottom: 23px;
    }
    
    .s-social a {
        width: 30px;
        height: 30px;
    }
    
    .s-social img {
        width: 100%;
        height: 100%;
    }
}

/* slider start */

.slider {
    overflow: visible;
}

.slider img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.popup__box-people img {
    width: auto;
}

/* slider end */

/* Правила */

.rules {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin: 0 auto 70px auto;
    padding: 34px 60px 52px 64px;
    max-width: 1580px;
    background: url("/templates/img/rules-bg.jpg") no-repeat center;
    background-size: cover;
}

.rules .rules__title {
    margin-bottom: 0;
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 2.25;
    text-align: left;
    color: #FFFFFF;
}

.rules__description {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
    color: #FFFFFF;
}

.rules__btn-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}

.rules__download-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    min-width: 220px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.21;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    border: 2px solid #EFB969;
    background: rgba(255, 255, 255, 0.50);
    border-radius: 6px;
    cursor: pointer;
}

.rules__download-button:hover {
    background: rgba(255, 255, 255, 0.30);
}

.rules__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    min-width: 265px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.21;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #2E2E2E;
    background-color: #EFB969;
    border-radius: 6px;
    cursor: pointer;
}

.rules__button:hover {
    background-color: #ffb961;
}

@media (max-width: 1180px) {
    .rules__btn-wrapper {
        flex-direction: column;
    }
}

@media (max-width: 860px) {
    .rules {
       display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        gap: 20px;
        padding: 34px;
    }
    
    .rules .rules__title {
        margin-bottom: 20px;
        line-height: 1;
    }
    
    .rules__btn-wrapper {
        flex-direction: row;
    }
}

@media (max-width: 585px) {
    .rules__btn-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
}

.popup-rules {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    display: inline-flex;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.4s ease;
    z-index: 1000;
    overflow: auto;
}

.popup-rules__body {
    position: relative;
    margin: auto;
    padding: 50px;
    max-width: 940px;
    background-color: #FFFFFF
}

.is-active {
    opacity: 1;
    visibility: visible;
}

.popup-rules__title {
    position: relative;
    margin-bottom: 60px;
    font-family: "Dejavu", sans-serif;;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.17;
    text-align: center;
    color: #2E2E2E;
}

.popup-rules__title:after {
    position: absolute;
    top: 65px;
    left: calc(50% - 85px);
    width: 170px;
    height: 2px;
    background: url("/templates/img/title-after.svg") no-repeat center;
    content: '';
}

.popup-rules__highlight {
    max-width: 840px;
    margin-bottom: 40px;
    padding: 23px 44px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.69;
    color: #2E2E2E;
    background: rgba(8, 120, 104, 0.1);
}

.popup-rules__highlight span {
    font-weight: 600;
}

.rules-item {
    list-style-type: none;
}

.rules-item__title {
    margin-bottom: 15px;
    font-family: "Dejavu", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.17;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #2E2E2E;
}

.rules-item__description {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.69;
    color: #2E2E2E;
}

.rules-item__description:last-child {
    margin-bottom: 40px;
}

.rules-item__description:not(:last-child) {
    margin-bottom: 15px;
}

.rules-inner-list__item {
    position: relative;
    padding-left: 42px;
    list-style-type: none;
}

.rules-inner-list__item:not(:last-child) {
    margin-bottom: 15px;
}

.rules-inner-list__item:before {
    position: absolute;
    width: 5px;
    height: 5px;
    top: 11px;
    left: 11px;
    background-color: #087868;
    content: '';
}

.rules-inner-list__item span {
    font-weight: 500;
}

@media (max-width: 592px) {
    .popup-rules__title:after {
    top: 105px;
}
}

@media (max-width: 406px) {
    .popup-rules__title:after {
    top: 150px;
}
}

.popup-open {
    overflow: hidden;
}

/* Кнопки для слайдера */

.js-slider .swiper-button-next, 
.js-slider .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 120px;
} 

.js-slider .swiper-button-next:after,
.js-slider .swiper-button-prev:after {
    font-size: 0;
}

.js-slider .swiper-button-next {
    right: 40px;
}

.js-slider .swiper-button-prev {
    left: 40px;
} 

@media (max-width: 1300px) {
    .js-slider .swiper-button-next, 
    .js-slider .swiper-button-prev {
        top: 25%;
        width: 50px;
        height: 100px;
    } 
} 

@media (max-width: 768px) {
    .js-slider .swiper-button-next, 
    .js-slider .swiper-button-prev {
        top: 20%;
        width: 30px;
        height: 60px;
    } 
} 

@media (max-width: 476px) {
    .js-slider .swiper-button-next, 
    .js-slider .swiper-button-prev {
        display: none;
    } 
} 



/* правки */
.BookingSearchForm_controlsWrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding: 30px;
    background: #fff;
}

.BookingSearchForm_dates{
    grid-column: span 2;  
}

.BookingSearchForm_control{
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
}

.DatesPeriodControl_dash{
    display: none;
}

.BookingSearchForm_dates{
    margin: 0 !important;
}

.BookingSearchForm_guestsSelect{
    margin: 0 !important;
}

.BookingSearchForm_control .BookingSearchForm_button{
    width: 100% !important;
}

.DatesPeriodControl_dateFrom, .DatesPeriodControl_dateTo{
    width: 100% !important;
}

.DatesPeriodControl_dateFrom{
    margin-right: 20px;
}

.BookingSearchForm_control .BookingSearchForm_guestsSelect{
    width: 100% !important;
}

.BookingSearchForm_button button{
    min-height: unset;
    height: 60px;
    background: #2e2e2e;
    border-radius: 6px;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.BookingSearchForm_button button:disabled{
    opacity: .7;
}

.react-ui-1thucf5,
.react-ui-1f8xmwr,
.react-ui-7kyjnj > span{
    height: 60px !important;
}

@media(max-width: 1200px) {
    .BookingSearchForm_controlsWrapper{
        grid-template-columns: repeat(1, 1fr);
    }
    
    .DatesPeriodControl_control{
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px;
    }
    
    .BookingSearchForm_dates{
        grid-column: span 1;  
    }
    
    .DatesPeriodControl_dateFrom{
        margin: 0;
    }
}

@media(max-width: 992px) {
    .react-ui-1thucf5,
    .react-ui-7kyjnj > span,
    .BookingSearchForm_button button{
        height: 50px !important;
    }
    
    .BookingSearchForm_controlsWrapper{
        grid-gap: 15px;
    }
    
    .DatesPeriodControl_control{
        gap: 15px;
    }
}

@media(max-width: 768px) {
    .BookingSearchForm_controlsWrapper{
        padding: 20px;
    }
    
    .BookingSearchForm_button button{
        font-size: 12px;
    }
}

@media(max-width: 413px) {
    .VwZTwv{
        padding: 15px !important;
    }
}

/*  */


/* .booking{
    max-width: 800px;
    width: 100%;
    position: static;
    transform: translateY(0);
    margin: 40px auto;
} */
.booking .ZpDuj5{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.booking .VwZTwv .MQe7xH {
    grid-column: span 2;
}

.booking .VwZTwv .DxgSnE, .booking .VwZTwv .rLVYRh{
    width: 100%;
}

.booking .VwZTwv .MQe7xH,.booking .VwZTwv .DxgSnE {
    margin: 0;
}

.booking button{
    height: 60px;
}

.booking .VwZTwv{
    width: auto;
}

.booking .Rn1doW, 
.booking .PQtN64{
    width: auto;
}

.booking .VwZTwv .DxgSnE, 
.booking .VwZTwv .rLVYRh {
    width: auto;
}

.booking .LbrfB3{
    display: none;
}

.booking .POZeep{
    gap: 20px;
}

.RFGh7z .PQtN64,
.RFGh7z .Rn1doW{
    margin: 0 !important; 
}

@media(max-width: 1440px) {
    .booking{
        position: static;
        transform: translateY(0);
        margin: 40px auto;
    }
}

@media(max-width: 1200px) {
    .booking .ZpDuj5{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    
    .booking .VwZTwv .MQe7xH{
        grid-column: span 1;
    }
}

@media(max-width: 768px) {
    .booking .ZpDuj5{
        grid-gap: 10px;
    }
    
    .booking .POZeep{
        gap: 10px;
    }
}

/* {
    font-family: "Dejavu", sans-serif;
    font-size: 28px;
    line-height: 1.2;
}
 */
 
.rooms.title span,
.title span.react-ui-1jhn7yl,
.title span.ThD2r_{
    font-family: "Inter", sans-serif;
}

.title span.react-ui-1jhn7yl{
    line-height: 1;
    font-size: 16px;
    
    position: relative;
    top: 5px;
}

.title span.ThD2r_{
    font-size: 20px;
    line-height: 1;
}

.title .TkmrA0 span.ui-parking-icon-centered{
    line-height: 0;
}

.AU6p2E{
    bottom: 1px;
    top: auto !important;
}

.horizontalAvailabilityCalendar{
    margin-bottom: 100px;
}

.title span.react-ui-11i844s{
    line-height: 0;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.react-ui-f2snkt{
    line-height: 0;
}

.react-ui-1mhlayz{
    line-height: 0;
}

.pNmswB span {
    line-height: 0;
}

.react-ui-1mhlayz{
    /* transform: translateY(-5px); */
}

.react-ui-f2snkt{
    display: flex;
    align-items: center;
    justify-content: center;
}

.react-ui-1mhlayz{
    align-items: center;
}

.react-ui-8nmv89{
    width: 24px !important;
    height: 24px !important;
}