@charset "UTF-8";
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

/* === базовые стили === */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body > * {
    flex-shrink: 0;
}

input,
textarea,
button {
    outline: none;
    font-family: inherit;
    padding: 0;
}

input[type=radio],
input[type=checkbox],
input[type=submit] {
    appearance: none;
    -moz-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    appearance: none;
}

label,
a,
button {
    cursor: pointer;
}

a,
a:hover {
    text-decoration: none;
}

svg {
    max-width: 100%;
}

input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

button, input[type=submit] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

button {
    display: inline-block;
    border: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

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

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

legend {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
}

select:focus {
    outline: none;
}

select::-ms-expand {
    display: none;
}

:root {
    --color-btn: #32A517;
    --text-accent: #5c5c5c;
    --transition: .2s;
    --font-18-13: clamp(0.813rem, 0.67rem + 0.61vw, 1.125rem);
    --font-20-13: clamp(0.813rem, 0.614rem + 0.85vw, 1.25rem);
    --font-family: "Montserrat", sans-serif;
    --dacha-color: #a7b087;
}

/* Миксины , функции csss */
.flex-column-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex-center, .faq__row-icon, .detail__block-video, .gallery__image:nth-child(7)::before, .pagination, .swiper-button, .social-link span, .pagination__link, .btn-download__icon, .btn, .list__item, .modal-content__img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-jc, .footer__bottom, .page-error, .contacts__list-links > li, .faq__row, .contact-info__block-links, .cards-footer, .room-comfort__list-nearby li a, .room-comfort__list-nearby li div, .room-comfort__travelline-btn.--block-links, .way__row, .header__links, .nav, .header__container.--header-internal, .header.--header-inside .nav, .btn-download {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.full-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* / Миксины , функции csss */
/* base styles  */
html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 0.834vw;
}

@media (max-width: 1400px) {
    html {
        font-size: 0.9vw;
    }
}

@media (max-width: 1200px) {
    html {
        font-size: 1.1vw;
    }
}

@media (max-width: 992px) {
    html {
        font-size: 1.5vw;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 2.1vw;
    }
}

@media (max-width: 576px) {
    html {
        font-size: 2.5vw;
    }
}

@media (max-width: 425px) {
    html {
        font-size: 3.2vw;
    }
}

@media (max-width: 375px) {
    html {
        font-size: 4.27vw;
    }
}

body {
    margin: 0;
    height: 100%;
    font-family: var(--font-family);
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
}

@media (max-width: 576px) {
    body {
        padding-top: 92px;
    }
}

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

.main {
    flex: 1 0 auto;
}

body > * {
    flex-shrink: 0;
}

body.noscroll {
    overflow: hidden;
}

#overlay {
    display: none;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.35);
    transition: 0.5s;
    position: fixed;
}

#overlay.active {
    display: block;
}

.main-banner-bg {
    position: relative;
    min-height: 100vh;
}

.main-banner-bg__image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
}

.main-banner-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
}

:-webkit-full-screen .main-banner-bg__video {
    width: 100%;
    height: 100%;
}

.container {
    position: relative;
    width: 100%;
    max-width: 112.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 50px;
}

@media (max-width: 1400px) {
    .container {
        padding-left: 80px;
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.container.--full-height {
    height: 100vh;
}

.body-inside .container {
    position: relative;
    width: 100%;
    max-width: 1430px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.body-inside .container.detail__page-container,
.body-inside .container.no-vacancy__page-container,
.body-inside .container.vacancy__page-container {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1600px) {
    .body-inside .container {
        padding-left: 80px;
        padding-right: 20px;
    }
}

@media (max-width: 1200px) {
    .body-inside .container {
        padding-left: 80px;
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    .body-inside .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.body-inside .container-left {
    padding-left: max(110px, (100% - 1400px) / 2);
}

@media (max-width: 1600px) {
    .body-inside .container-left {
        padding-left: max(80px, (100% - 1400px) / 2);
    }
}

@media (max-width: 576px) {
    .body-inside .container-left {
        padding-left: max(10px, (100% - 1400px) / 2);
    }
}

.container-left {
    padding-left: max(110px, (100% - 106.25rem) / 2);
}

@media (max-width: 1400px) {
    .container-left {
        padding-left: max(80px, (100% - 106.25rem) / 2);
    }
}

@media (max-width: 576px) {
    .container-left {
        padding-left: max(10px, (100% - 106.25rem) / 2);
    }
}

.none {
    display: none !important;
}

.list-scrollbar {
    overflow-y: auto;
    height: 100%;
    scrollbar-width: none;
}

.list-scrollbar::-webkit-scrollbar {
    width: 0px;
}

.list-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
}

.list-scrollbar::-webkit-scrollbar-thumb {
    background: transparent;
}

.list-scrollbar:hover::-webkit-scrollbar-thumb {
    background: transparent;
}

.none-scrollbar {
    scrollbar-width: none;
}

.none-scrollbar::-webkit-scrollbar {
    width: 0px;
}

.none-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
}

.none-scrollbar::-webkit-scrollbar-thumb {
    background: transparent;
}

.none-scrollbar:hover::-webkit-scrollbar-thumb {
    background: transparent;
}

button:disabled {
    opacity: 0.8;
    cursor: not-allowed;
}

.js-active {
    animation: active 0.3s ease-in alternate;
}

svg {
    stroke-width: 2px;
    stroke: currentColor;
}

.mt {
    margin-top: 80px;
}

@media (max-width: 1400px) {
    .mt {
        margin-top: 60px;
    }
}

@media (max-width: 375px) {
    .mt {
        margin-top: 40px;
    }
}

.mb {
    margin-bottom: 80px;
}

@media (max-width: 1400px) {
    .mb {
        margin-bottom: 60px;
    }
}

@media (max-width: 375px) {
    .mb {
        margin-bottom: 40px;
    }
}

.body-inside .mt {
    margin-top: 50px;
}

@media (max-width: 1400px) {
    .body-inside .mt {
        margin-top: 30px;
    }
}

.body-inside .mb {
    margin-bottom: 50px;
}

@media (max-width: 1400px) {
    .body-inside .mb {
        margin-bottom: 30px;
    }
}

.line-top {
    border-top: 1px solid #bfbfbf;
    padding-top: 50px;
}

@media (max-width: 1400px) {
    .line-top {
        padding-top: 30px;
    }
}

.line-bottom {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 50px;
}

@media (max-width: 1400px) {
    .line-bottom {
        padding-bottom: 30px;
    }
}

main, footer {
    background-color: #ffffff;
}

.dn {
    display: none;
}

/* Заголовки */
.title1 {
    position: relative;
    font-weight: 700;
    font-size: 50px;
}

@media (max-width: 1400px) {
    .title1 {
        font-size: 36px;
    }
}

@media (max-width: 480px) {
    .title1 {
        font-size: 30px;
    }
}

.title1.wrap {
    word-wrap: break-word;
    hyphens: auto;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: break-all;
}

.title2 {
    position: relative;
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.title2.route {
    overflow: unset;
}

@media (max-width: 1400px) {
    .title2 {
        margin-bottom: 30px;
        font-size: 24px;
    }
}

.title-link {
    display: inline-block;
    width: fit-content;
    color: inherit;
    border-bottom: 2px solid transparent;
    transition: border var(--transition) ease-in;
}

@media (hover: hover) {
    .title-link:hover {
        border-bottom: 2px solid currentColor;
    }
}

.title3 {
    font-weight: 700;
    font-size: 24px;
}

@media (max-width: 1400px) {
    .title3 {
        font-size: 20px;
    }
}

.subtitle {
    font-weight: 400;
    font-size: 20px;
}

@media (max-width: 1400px) {
    .subtitle {
        font-size: 14px;
    }
}

.text {
    font-weight: 500;
    font-size: clamp(0.875rem, 0.738rem + 0.59vw, 1.25rem);
    line-height: 150%;
    color: #000;
}

/* / Заголовки */
/* === /базовые стили === */
/* === Блоки ===*/
/* Модалки */
.modal {
    --transition-time: 0.3s;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-time), visibility var(--transition-time);
}

.modal::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.modal__container {
    position: relative;
    width: 1000px;
    margin: 50px auto;
    display: none;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 30px;
    cursor: default;
    text-align: left;
}

.modal__container.--small {
    width: 547px;
}

@media (max-width: 576px) {
    .modal__container.--small {
        width: 90%;
    }
}

@media (max-width: 375px) {
    .modal__container.--small {
        width: 98%;
    }
}

.modal__container.--form {
    width: 402px;
}

@media (max-width: 576px) {
    .modal__container.--form {
        width: 90%;
    }
}

@media (max-width: 375px) {
    .modal__container.--form {
        width: 98%;
    }
}

@media (max-width: 425px) {
    .modal__container {
        border-radius: 20px;
    }
}

@media (max-width: 1024px) {
    .modal__container {
        width: 90%;
    }
}

.modal.is-open {
    opacity: 1;
    visibility: visible;
    transition: opacity var(--transition-time), visibility var(--transition-time);
}

.modal__container.modal-open {
    display: inline-block;
}

.fade {
    opacity: 0;
    transition: opacity var(--transition-time);
}

.fade.animate-open {
    opacity: 1;
    transition: opacity var(--transition-time);
}

.fadeInUp {
    opacity: 0;
    transform: translateY(-100px);
    transition: opacity var(--transition-time), transform var(--transition-time);
}

.fadeInUp.animate-open {
    opacity: 1;
    transform: translateY(0);
    transition: opacity var(--transition-time), transform var(--transition-time);
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.modal-close svg {
    stroke: #949494;
}

.disable-scroll {
    position: relative;
    overflow: hidden;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.modal-content {
    padding: 40px;
}

@media (max-width: 480px) {
    .modal-content {
        padding: 20px;
    }
}

.modal-content__answer {
    display: grid;
    gap: 30px;
}

.modal-content__title {
    font-weight: 700;
    font-size: 22px;
    color: #000;
}

.modal-content__subtitle {
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    color: #5c5c5c;
}

.modal-content__btns {
    display: grid;
    gap: 20px;
}

a.modal-content__btn {
    width: 100%;
}

.modal-content-title {
    font-weight: 700;
    font-size: 30px;
    color: #000;
    margin-bottom: 30px;
    margin-top: 30px;
}

@media (max-width: 768px) {
    .modal-content-title {
        margin-bottom: 13px;
        font-size: 20px;
        margin-top: 53px;
    }
}

.modal-content__list.comfort-list {
    margin-bottom: 0;
}

@media (max-width: 480px) {
    .modal-content__list.comfort-list li {
        font-size: 13px;
        background-size: 20px 20px;
    }
}

/* / Модалки */
/* Кнопки / Табы Инфраструктура отеля */
[data-tabs] ul li {
    cursor: pointer;
}

[data-tabs-content] {
    display: none;
}

[data-tabs-content].active {
    display: block;
    animation: active 0.3s ease-in alternate;
}

.rooms__btns[data-tabs-content].active {
    display: flex;
    animation: active 0.3s ease-in alternate;
}

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

.list-holder {
    position: relative;
}

.list-holder::before {
    place-content: center;
    position: absolute;
    content: url("./../img/icons/swipe.svg");
    background-color: rgba(0, 0, 0, 0.62);
    width: 35px;
    height: 35px;
    border-radius: 50% 0 0 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    z-index: 2;
    display: none;
}

@media (max-width: 768px) {
    .list-holder::before {
        display: grid;
    }
}

@media (max-width: 768px) {
    .list-holder {
        padding-right: 15px;
        margin-right: -15px;
    }

    .list-holder .list {
        padding-right: 15px;
        margin-right: -15px;
    }
}

@media (max-width: 576px) {
    .list-holder {
        padding-right: 10px;
        margin-right: -10px;
    }

    .list-holder .list {
        padding-right: 10px;
        margin-right: -10px;
    }
}

.list {
    position: relative;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .list {
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
}

@media (hover: hover) {
    .list.--white-bg .list__item:hover {
        background-color: #eee;
    }
}

@media (hover: hover) {
    .list.--white-bg .list__item.active:hover {
        background-color: #177800;
    }
}

.list::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
    display: none;
    /* Для WebKit (Chrome, Safari, iOS Safari) */
}

.list::-webkit-scrollbar-track {
    background-color: transparent;
}

.list::-webkit-scrollbar-thumb {
    background: transparent;
}

.list:hover::-webkit-scrollbar-thumb {
    background: transparent;
}

.list__item {
    gap: 10px;
    width: fit-content;
    border-radius: 100px;
    text-align: center;
    padding: 15px 30px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #545454;
    border: 1px solid #b1b1b1;
    flex-shrink: 0;
    cursor: pointer;
    transition: all 0.2s ease-in;
}

@media (max-width: 1400px) {
    .list__item {
        font-size: 14px;
        padding: 14px 20px;
    }
}

.list__item.active {
    background-color: var(--color-btn);
    color: #ffffff;
    border: 1px solid transparent;
}

@media (hover: hover) {
    .list__item.active:hover {
        background-color: #177800;
        border: 1px solid transparent;
    }
}

.list__item:active {
    background-color: #d6d6d6;
    border: 1px solid transparent;
}

@media (hover: hover) {
    .list__item:hover {
        background-color: #ffffff;
        border: 1px solid transparent;
    }
}

/* / Кнопки / Табы Инфраструктура отеля */
[data-accordion] {
    position: relative;
    cursor: pointer;
}

[data-item-hidden] {
    will-change: max-height;
    transition: all 0.3s ease-in-out;
}

[data-check].show {
    transform: rotateX(180deg);
}

.bredcrumbrs {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    gap: 10px;
    font-weight: 600;
    font-size: 14px;
    color: #858585;
}

@media (max-width: 1400px) {
    .bredcrumbrs {
        font-size: 13px;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .bredcrumbrs {
        margin-top: 20px;
        flex-wrap: wrap;
    }
}

.bredcrumbrs {
    overflow-y: auto;
    height: 100%;
}

.bredcrumbrs::-webkit-scrollbar {
    width: 0px;
}

.bredcrumbrs::-webkit-scrollbar-track {
    background-color: transparent;
}

.bredcrumbrs::-webkit-scrollbar-thumb {
    background: transparent;
}

.bredcrumbrs:hover::-webkit-scrollbar-thumb {
    background: transparent;
}

.bredcrumbrs__item:first-child .bredcrumbrs__link {
    padding-left: 0;
}

.bredcrumbrs__item:last-child .bredcrumbrs__link {
    color: #000;
    cursor: auto;
}

.bredcrumbrs__item:not(:last-child) .bredcrumbrs__link {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
}

.bredcrumbrs__item:not(:last-child) .bredcrumbrs__link::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("./../img/icons/chevron-right.svg");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    /* x y*/
    background-size: auto;
    /* w h*/
}

.bredcrumbrs__link {
    position: relative;
    color: inherit;
}

/* Формы обратной связи. В модалке форма тоже здесь */
.form {
    display: grid;
    gap: 30px;
}

.form--green {
    background-color: var(--color-btn);
    border-radius: 30px;
    padding: 40px;
}

@media (max-width: 1400px) {
    .form--green {
        padding: 20px;
    }
}

.form--green .send-button {
    width: 100%;
    background-color: #fff;
    color: #000;
}

@media (hover: hover) {
    .form--green .send-button:hover {
        color: #fff;
    }
}

.form__title {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}

.form__subtitle {
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    color: #fff;
}

.form__block-inputns {
    display: grid;
    gap: 20px;
}

/* correction 31.05 */
label {
    position: relative;
}

.form__input {
    width: 100%;
    border: 1px solid transparent;
    outline: none;
    font-weight: 500;
    font-size: 15px;
    color: #e6e6e6;
    border-radius: 9px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.16);
}

.form__input::placeholder {
    color: #e6e6e6;
}

.form__input.is-not-valid {
    border-color: red;
}

.error {
    position: absolute;
    font-size: 12px;
    color: red;
    bottom: -16px;
    /* left: 5px; */
    font-weight: 500;
}

/* correction 31.05 */
.--message {
    resize: none;
}

.form-modal .form__title {
    color: #000;
}

.form-modal .form__subtitle {
    color: var(--text-accent);
}

.form-modal .form__block-inputns {
    gap: 20px;
}

.form-modal .form__input {
    background: #f3f3f3;
    color: #000;
}

.form-modal .form__input::placeholder {
    color: #000;
}

.form-modal .--message {
    min-height: 102px;
}

.form-modal .send-button {
    width: 100%;
}

.search {
    border: 1px solid #e0e0e0;
    border-radius: 99px;
    width: 274px;
    padding: 12px 20px;
    background-image: url("./../img/icons/search.svg");
    background-repeat: no-repeat;
    background-position: 234px center;
    background-size: 20px;
}

@media (max-width: 425px) {
    .search {
        width: 100%;
        background-position: 94% center;
    }
}

.search__field {
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 15px;
    text-align: left;
    color: #717171;
}

.search__field::placeholder {
    color: #717171;
}

/* / Формы обратной связи. В модалке форма тоже здесь */
/* === /Блоки ===*/
/* === Компоненты ===*/
/* Кнопки , ссылки */
.btn {
    gap: 10px;
    width: fit-content;
    border-radius: 100px;
    text-align: center;
    padding: 15px 30px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: inherit;
    transition: all 0.2s ease-in;
}

@media (max-width: 1400px) {
    .btn {
        font-size: 14px;
    }
}

.btn svg {
    stroke: currentColor;
}

.--green {
    background-color: var(--color-btn);
    color: #fff;
}

@media (hover: hover) {
    .--green:hover {
        background-color: #177800;
    }
}

.--green:active {
    background-color: #146801;
}

.--green-border {
    background-color: #ffffff;
    color: var(--color-btn);
    border: 1px solid var(--color-btn);
}

@media (hover: hover) {
    .--green-border:hover {
        color: #000000;
        border-color: #000000;
    }
}

.--dark-btn {
    background-color: #295047;
    color: #ffffff;
}

@media (hover: hover) {
    .--dark-btn:hover {
        background-color: var(--color-btn);
    }
}

.--border-white {
    color: #fff;
    border: 1px solid #fff;
}

@media (hover: hover) {
    .--border-white:hover {
        background-color: #177800;
        border: 1px solid var(--color-btn);
    }
}

/* correction 19.05 */
.btn-download {
    gap: 5px;
    box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.11);
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    border-radius: 30px;
    padding: 10px 10px 10px 30px;
    transition: box-shadow var(--transition) ease-in;
}

@media (hover: hover) {
    .btn-download:hover {
        box-shadow: 0 4px 12px 0 rgba(50, 165, 23, 0.4);
    }
}

.btn-download__icon {
    border-radius: 23px;
    width: 60px;
    height: 60px;
    background-color: #eaf8e7;
}

/* /correction 19.05 */
.--btn-dark {
    background-color: #295047;
    color: #ffffff;
}

@media (hover: hover) {
    .--btn-dark:hover {
        background-color: var(--color-btn);
    }
}

.--btn-border-grey {
    border: 1px solid #b1b1b1;
    background-color: transparent;
}

@media (hover: hover) {
    .--btn-border-grey:hover {
        background-color: #eee;
        border-color: #eee;
    }
}

/* correction 08.06 */
.room-comfort-list {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 992px) {
    .room-comfort-list {
        flex-wrap: nowrap;
    }
}

.room-comfort-list span, .room-comfort-list a {
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: 24px 24px;
    font-weight: 500;
    font-size: 16px;
    background-color: #eaf8e7;
    border-radius: 30px;
    padding: 30px 30px 30px 64px;
    color: #000;
    flex-shrink: 0;
    transition: background-color var(--transition) ease-in;
}

@media (hover: hover) {
    .room-comfort-list span:hover, .room-comfort-list a:hover {
        background-color: #C7F4BD;
    }
}

@media (max-width: 1400px) {
    .room-comfort-list span, .room-comfort-list a {
        font-size: 15px;
        padding: 23px 30px 23px 64px;
    }
}

@media (max-width: 480px) {
    .room-comfort-list span, .room-comfort-list a {
        padding: 23px 20px 23px 54px;
        font-size: 15px;
        background-position: 20px center;
    }
}

/* / correction 08.06 */
.link-copy {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-btn);
    border-radius: 23px;
    padding: 20px;
    background-color: #eaf8e7;
}

.link-copy svg {
    flex-shrink: 0;
}

@media (max-width: 1400px) {
    .link-copy span {
        display: none;
    }
}

.link-copy[data-title-copy]::before {
    left: -100px;
}

/* / Кнопки , ссылки */
.nav-icon {
    display: none;
    width: 34px;
    height: 20px;
    align-items: center;
    align-self: center;
}

@media (max-width: 576px) {
    .nav-icon {
        display: flex;
        z-index: 2;
    }
}

.nav-icon span {
    position: relative;
    width: 100%;
    height: 3px;
    background: #777777;
    border-radius: 3px;
}

.nav-icon span::before, .nav-icon span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #777777;
    border-radius: 3px;
    transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
}

.nav-icon span::before {
    top: -10px;
}

.nav-icon span::after {
    top: 10px;
}

.nav-icon.active span {
    background: transparent;
}

.nav-icon.active span::before, .nav-icon.active span::after {
    background: transparent;
    top: 0px;
    transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}

.nav-icon.active span::before {
    transform: rotate(45deg);
}

.nav-icon.active span::after {
    transform: rotate(-45deg);
}

.card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    border-radius: 30px;
    padding: 20px;
    color: #ffffff;
    transition: box-shadow var(--transition) ease-in;
}

@media (max-width: 1400px) {
    .card {
        padding: 30px;
    }
}

@media (max-width: 425px) {
    .card {
        padding: 20px;
    }
}

.card::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    opacity: 1;
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%);
    transition: opacity var(--transition) ease-in;
}

.card.--flex-jc {
    justify-content: space-between;
}

.card.--flex-jc::before {
    background: rgba(0, 0, 0, 0.46);
}

@media (hover: hover) {
    .card:hover {
        box-shadow: 0 4px 12px 0 rgba(26, 73, 15, 0.67);
    }

    .card:hover::before {
        opacity: 0;
    }
}

.card__block-text {
    position: relative;
    margin-top: auto;
}

.card__title {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    will-change: max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

@media (max-width: 425px) {
    .card__title {
        font-size: 15px;
    }
}

/* correct 19.06 */
.card__subtitle {
    display: block;
    font-weight: 500;
    font-size: 15px;
    margin-top: 10px;
    will-change: max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 425px) {
    .card__subtitle {
        font-size: 12px;
        margin-top: 6px;
    }
}

[data-pecial-offer]::after {
    position: absolute;
    content: attr(data-pecial-offer);
    font-weight: 700;
    font-size: clamp(0.563rem, 0.449rem + 0.57vw, 0.875rem);
    text-transform: uppercase;
    border-radius: 20px 0;
    padding: 10px 16px;
    background-color: var(--color-btn);
    top: 0;
    left: 0;
}

[data-pecial-offer][data-pecial-offer=""]::after {
    display: none;
}

/*/ correct 19.06 */
.card__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 425px) {
    .card__list {
        gap: 12px;
    }
}

.card__item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 15px;
}

@media (max-width: 425px) {
    .card__item {
        font-size: 12px;
    }
}

.card__item span {
    cursor: pointer;
}

@media (hover: hover) {
    .card__item span:hover {
        text-decoration: underline;
    }
}

.scroll-top {
    position: fixed;
    bottom: 48px;
    right: 50px;
    z-index: 11;
    opacity: 1;
    transition: 0.5s ease-in-out;
}

#body .b24-widget-button-position-bottom-right {
    right: 52px;
    bottom: 50px;
}

@media (max-width: 1400px) {
    #body .b24-widget-button-position-bottom-right {
        right: 47px;
        bottom: 45px;
    }
}

@media (max-width: 768px) {
    #body .b24-widget-button-position-bottom-right {
        right: 17px;
    }
}

@media (max-width: 576px) {
    #body .b24-widget-button-position-bottom-right {
        right: 7px;
        bottom: 7px;
        z-index: 20;
    }

    #body .b24-widget-button-block {
        width: 60px;
        height: 60px;
    }

    #body .b24-widget-button-inner-block {
        height: 60px;
    }
}

@starting-style {
    .scroll-top {
        opacity: 0;
    }
}
.scroll-top.scroll-top--hide {
    opacity: 0;
    display: none;
    transition-behavior: allow-discrete;
}

@media (max-width: 768px) {
    .scroll-top {
        right: 20px;
    }
}

@media (max-width: 576px) {
    .scroll-top {
        width: 100%;
        bottom: 0px;
        right: 0px;
    }
}

.scroll-top__holder {
    width: fit-content;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

@media (max-width: 576px) {
    .scroll-top__holder {
        width: 100%;
        gap: 10px;
        grid-template-columns: 1fr 55px 55px;
        align-items: center;
        background-color: #fff;
        padding: 10px;
        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);
    }
}

@media (max-width: 374px) {
    .scroll-top__holder {
        gap: 7px;
    }
}

.scroll-top__icon {
    width: 70px;
    height: 70px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    background: #fff;
    transition: box-shadow var(--transition) ease-in;
}

@media (max-width: 1400px) {
    .scroll-top__icon {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 576px) {
    .scroll-top__icon {
        width: 100%;
        height: 100%;
    }
}

@media (hover: hover) {
    .scroll-top__icon:hover {
        box-shadow: 0 4px 12px 0 rgba(50, 165, 23, 0.59);
    }
}

.scroll-top__icon svg {
    width: 36px;
    height: 36px;
    stroke: var(--color-btn);
}

@media (max-width: 1400px) {
    .scroll-top__icon svg {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 425px) {
    .scroll-top__icon svg {
        width: 24px;
        height: 24px;
    }
}

.scroll-top__btn {
    display: none;
}

.scroll-top__btn__not-adapt {
    padding: 15px 30px;
    display: flex;

}

@media (min-width: 576px) {

}

@media (max-width: 576px) {
    .scroll-top__btn {
        display: flex;
        width: 100%;
        height: 55px;
    }

    .scroll-top__btn__not-adapt {
        display: none;
    }

}

#scroll_top_chat {
    padding-top: 5px;
}

/* Чекбоксы соглашалки */
.checkbox {
    display: flex;
    align-items: center;
}

.checkbox__real-input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.checkbox__custom-input {
    position: relative;
    margin-right: 10px;
    border-radius: 360px;
    width: 50px;
    height: 27px;
    background: #cbcbcb;
    flex-shrink: 0;
    transform: scale(-1);
}

.checkbox__text {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-accent);
}

.checkbox__custom-input::before {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    left: 23px;
    top: 50%;
    background-color: #fff;
    transform: translateY(-50%);
    transition: 0.2s ease-in;
}

.checkbox__real-input:checked + .checkbox__custom-input::before {
    left: 1px;
}

.checkbox__real-input:checked + .checkbox__custom-input {
    background-color: var(--color-btn);
}

.form--green .checkbox__custom-input {
    background: #cbcbcb;
}

.form--green .checkbox__custom-input::before {
    background-color: #fff;
}

.form--green .checkbox__real-input:checked + .checkbox__custom-input {
    background: rgba(255, 255, 255, 0.16);
}

.form--green .checkbox__text {
    color: #fff;
}

/* / Чекбоксы соглашалки */
.filter__container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.filter__header {
    display: none;
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    .filter__header {
        display: block;
    }
}

.filter__close {
    display: block;
    margin-left: auto;
}

.filter__title {
    display: none;
    font-weight: 700;
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
}

.show_options {
    display: none;
    width: 95%;
    position: fixed;
    bottom: 10px;
    left: 8px;
}


@media (max-width: 992px) {
    .filter__title {
        display: inline-block;
    }
}

.filter__block {
    display: grid;
    gap: 20px;
    border-bottom: 1px solid #ebebeb;
    padding: 30px 0px;
}

.filter__name {
    font-weight: 600;
    font-size: 18px;
    color: #000;
}

@media (max-width: 1400px) {
    .filter__name {
        font-size: 16px;
    }
}

.range__inputs {
    display: grid;
    grid-template-columns: 130px 7px 130px;
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
}

.range__number {
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 9px;
    padding: 12px 14px;
    font-weight: 500;
    font-size: 15px;
    color: #000;
}

.range__input {
    width: 100%;
    height: 5px;
    background-color: #E9E9E9;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.range__input .noUi-connect {
    background-color: #295047;
}

.range__input .noUi-handle {
    border-radius: 8px;
    border: none;
    background-color: #295047;
    width: 10px;
    height: 13px;
    right: -10px;
    top: -4px;
    box-shadow: none;
}

.range__input .noUi-handle:after, .range__input .noUi-handle:before {
    display: none;
}

/* correction 19.05 */
.pagination {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 30px 0;
}

@media (max-width: 425px) {
    .pagination {
        gap: 5px;
        margin: 10px 0;
    }
}

/* /correction 19.05 */
.pagination__link {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #000;
    background-color: #efefef;
    transition: var(--transition) ease-in;
}

.pagination__link svg {
    stroke: currentColor;
}

.pagination__link.active {
    background-color: #295047;
    color: #efefef;
}

@media (hover: hover) {
    .pagination__link.active:hover {
        background-color: var(--color-btn);
    }
}

@media (hover: hover) {
    .pagination__link:hover {
        background-color: #eaf8e7;
    }
}

@media (max-width: 425px) {
    .pagination__link {
        width: 45px;
        height: 45px;
    }
}

.radio {
    display: flex;
    align-items: center;
    width: fit-content;
}

@media (hover: hover) {
    .radio:hover .radio__custom-radio {
        border-color: var(--color-btn);
    }
}

.radio__real-radio {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.radio__custom-radio {
    position: relative;
    display: inline-block;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    vertical-align: text-top;
    margin-right: 10px;
    background-color: #fff;
    transition: var(--transition) ease-in;
}

.radio__custom-radio::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 12px;
    height: 10px;
    top: 50%;
    left: 50%;
    background-image: url("./../img/icons/check.svg");
    transform: translate(-50%, -50%) scale(0);
    transition: 0.2s ease-in;
}

.radio__text {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    transition: var(--transition) ease-in;
}

.radio__real-radio:checked + .radio__custom-radio {
    background-color: var(--color-btn);
    border: 1px solid var(--color-btn);
}

.radio__real-radio:checked + .radio__custom-radio::before {
    transform: translate(-50%, -50%) scale(1);
}

.radio__real-radio:checked ~ .radio__text {
    font-weight: 600;
}

/* === /Компоненты ===*/
/* === Секции ===*/
.header {
    padding: 30px 0;
    color: #3a3a3a;
    z-index: 3;
}

.header.--color-white {
    color: #ffffff;
}

.header.--color-white .logo-dark {
    display: none;
}

@media (max-width: 576px) {
    .header.--color-white .logo-dark {
        display: block;
    }
}

.header.--color-dark .logo-white {
    display: none;
}

.header.--color-dark .logo-dark {
    display: block;
}

.header.--bg-white {
    background-color: #ffffff;
}

.header.--bg-white .logo-white {
    display: none;
}

.header.--bg-white .logo-dark {
    display: block;
}

.header.--header-inside .logo-link {
    max-width: 77px;
}

@media (max-width: 1400px) {
    .header.--header-inside .logo-link {
        max-width: 54px;
    }
}

.header.--header-inside .nav {
    justify-self: center;
    width: 100%;
    gap: 5px;
    max-width: 950px;
    flex-grow: 1;
}

@media (max-width: 1024px) {
    .header.--header-inside .nav {
        display: none;
    }
}

.header.--header-inside .header__btn svg {
    /*display: none;*/
}

@media (min-width: 577px) {
    .header__btn {
        padding: 12px;
        border: 1px solid #356641;
        background-color: #ffffff;
        color: #356641;
    }

    .header__btn:hover {
        transition: .3s;
        background-color: var(--color-btn);
        color: #ffffff;
    }
}


.header__btn span {
    display: none;
}

@media (max-width: 576px) {
    .header.--header-inside .header__btn svg {
        display: block;
    }

}

@media (max-width: 1400px) {
    .header {
        padding: 20px 0 30px;
    }
}

@media (max-width: 576px) {
    .header {
        padding: 10px 0 20px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .header {
        background-color: #ffffff;
    }

    .header .logo-white {
        display: none;
    }

    .header .logo-dark {
        display: block;
    }
}

.header__container {
    display: grid;
    grid-template-columns: auto 1fr auto auto auto;
    gap: 20px;
    position: relative;
}

@media (max-width: 1024px) {
    .header__container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .header__container {
        padding-left: 0;
        grid-template-columns: 1fr 1fr 0.5fr 0.5fr;
        gap: 0;
    }

}

.header__container.--header-internal .nav {
    width: fit-content;
    max-width: fit-content;
    gap: clamp(1.25rem, -3.698rem + 7.73vw, 5rem);
}

.logo-link {
    max-width: clamp(2.938rem, 1.545rem + 5.94vw, 6rem);
}

@media (max-width: 1400px) {
    .logo-link {
        max-width: 54px;
    }
}

@media (max-width: 576px) {
    .logo-link {
        grid-column: 2/3;
        justify-self: center;
    }
}

.nav {
    justify-self: center;
    width: 100%;
    gap: 5px;
    max-width: 69.0625rem;
    flex-grow: 1;
}

@media (max-width: 1024px) {
    .nav {
        display: none;
    }
}

.nav__link {
    display: flex;
    align-items: center;
    gap: clamp(0.313rem, -1.563rem + 2.5vw, 0.625rem);
    font-weight: 600;
    font-size: 16px;
    color: inherit;
    transition: 0.2s ease-in;
}

@media (hover: hover) {
    .nav__link:hover {
        color: var(--color-btn);
    }

    .nav__link:hover span {
        border-color: currentColor;
    }
}

@media (max-width: 1400px) {
    .nav__link {
        font-size: 15px;
    }
}

.nav__link svg {
    stroke: currentColor;
}

@media (max-width: 1400px) {
    .nav__link svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 1270px) {

}

.nav__link span {
    border-bottom: 1px solid transparent;
}

.header__btn {
    align-self: center;
    grid-column: 5/5;
}


@media (max-width: 1024px) {
    .header__btn {
        justify-self: end;
    }
}

@media (max-width: 576px) {
    .header__btn {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        padding: 0;
    }
}

@media (max-width: 576px) {
    .header__btn span {
        display: none;
    }
}

.header__btn svg.--mob {
    display: none;
}

@media (max-width: 576px) {
    .header__btn svg.--mob {
        display: block;
    }
}

.header__btn svg.--pc {
    display: block;
    flex-shrink: 0;
    stroke-width: 3;
}

@media (max-width: 576px) {
    .header__btn svg.--pc {
        display: none;
    }
    .header__btn{
        grid-column: 4 / 4;
        grid-row: 1 / 1;
    }
}

.main-banner-bg__holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    height: 100%;
}

.main-banner-bg__block-title {
    max-width: 51.25rem;
    color: #ffffff;
}

@media (max-width: 576px) {
    .main-banner-bg__block-title {
        text-align: center;
    }
}

.main-banner-bg__block-title p {
    font-weight: 500;
    font-size: clamp(1.25rem, 0.682rem + 2.42vw, 2.5rem);
}

.main-banner-bg__title {
    margin-bottom: 30px;
    font-size: clamp(2.25rem, 1rem + 5.33vw, 5rem);
}

.travelline-block {
    display: grid;
    place-content: center;
    max-width: 415px;
    width: 100%;
    min-height: 210px;
    background-color: transparent;
    margin-left: auto;
    margin-right: 93px;
    border-radius: 30px;
}

@media (max-width: 576px) {
    .travelline-block {
        display: none;
    }
}

@keyframes animHeader {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0%);
    }
}

.header__links {
    gap: clamp(1.25rem, -3.698rem + 7.73vw, 5rem);
}

@media (max-width: 1024px) {
    .header__links {
        display: none;
    }
}

.header__links a {
    font-weight: 600;
    font-size: clamp(0.875rem, 0.545rem + 0.52vw, 1.125rem);
    color: #000;
    transition: var(--transition) ease-in;
}

@media (hover: hover) {
    .header__links a:hover {
        color: var(--color-btn);
    }
}

.aside {
    position: fixed;
    font-weight: 600;
    font-size: 17px;
    color: #ffffff;
    top: 0px;
    left: 0px;
    overflow: hidden;
    width: 50px;
    height: 100%;
    z-index: 3;
    transition: var(--transition) ease-in;
    /* correction 19.06 */
    /* /correction 19.06 */
}

#_bn_widget_ {
    z-index: 0;
}

@media (max-width: 576px) {
    .aside {
        width: 100%;
        left: -100%;
    }
}

.aside.active {
    width: 100%;
}

@media (max-width: 576px) {
    .aside.active {
        left: 0;
    }
}

.aside.active .menu__list {
    background-color: rgba(0, 0, 0, 0.84);
}

@media (max-width: 480px) {
    .aside.active {
        width: 101%;
    }

    .aside.active .menu__list {
        background-color: #000000;
    }
}

@media (min-width: 578px) {
    .menu__list a {
        max-height: 60px;
        align-items: baseline;
    }

    .menu__item {
        max-height: 60px;
    }

    /*якорь*/
}


.aside.active .menu__item {
    width: 100%;
}

.aside.active .menu__item.--arrow:hover {
    z-index: 2;
}

.aside.active .menu__footer {
    opacity: 1;
}

.aside.active svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
}

.aside.active .menu__icon.towel {
    fill: white !important;
}

.aside.--dark {
    color: #295047;
}

.aside.--dark span, .aside.--dark .menu__header-link {
    color: #ffffff;
}

.aside a {
    color: inherit;
}

.aside span,
.aside a {
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    overflow: hidden;
}

.aside.--dark .menu__subitem {
    color: #ffffff;
}

.menu {
    position: relative;
}

.menu__list {
    position: relative;
    width: 350px;
    padding: 0px 0px 0px 0px;
    transition: background-color var(--transition) ease-in;
}

@media (max-width: 1400px) {
    .menu__list {
        width: 290px;
    }
}

@media (max-width: 480px) {
    .menu__list {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .menu__list {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }

    .menu__list::-webkit-scrollbar {
        width: 3px;
    }

    .menu__list::-webkit-scrollbar-track {
        background-color: #595959;
    }

    .menu__list::-webkit-scrollbar-thumb {
        background: var(--color-btn);
    }

    .menu__list:hover::-webkit-scrollbar-thumb {
        background: var(--color-btn);
    }
}

.fake-scrollbar {
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: #ffffff;
    top: 0;
    right: 0;
    z-index: 2;
}

@media (max-width: 1024px) {
    .fake-scrollbar {
        display: none;
    }
}

.fake-scrollbar__thumb {
    width: 100%;
    height: 50%;
    background-color: var(--color-btn);
}

.menu__item {
    position: relative;
    width: 0;
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 10px;
    align-items: center;
    padding: 18px 30px 18px 26px;
    cursor: pointer;
}

@media (max-width: 1400px) {
    .menu__item {
        padding: 10px 30px 10px 26px;
    }
}

@media (hover: hover) {
    .menu__item:hover:not(.--burger) {
        background-color: var(--color-btn);
    }

    .menu__item:hover .menu__sublist {
        display: block;
    }
}

@media (max-width: 1024px) {
    .menu__item.show {
        padding-bottom: 0;
    }
}

.menu__item.show:not(.--burger) {
    background-color: var(--color-btn);
}

.menu__item.--burger {
    padding: 22px 30px 20px 26px;
}

.menu__item.--burger .--burger-icon {
    display: block;
}

@media (max-width: 576px) {
    .menu__item.--burger .--burger-icon {
        display: none;
    }
}

.menu__item.--burger .--close-icon {
    display: none;
}

.menu__item.--burger.active .--burger-icon {
    display: none;
}

.menu__item.--burger.active .--close-icon {
    display: block;
}

.menu__item.--arrow {
    display: grid;
    grid-template-columns: 1fr;
}

.menu__header {
    max-width: 290px;
    display: grid;
    grid-template-columns: 24px 1fr 24px;
    gap: 10px;
}

@media (max-width: 480px) {
    .menu__header {
        max-width: 100%;
    }
}

body.--dark .menu__icon.towel {
    fill: white;
}

.menu__icon {
    flex-shrink: 0;
}

@media (max-width: 1400px) {
    .menu__icon {
        width: 22px;
    }
}

.menu__icon.towel {
    fill: #295047;
}

.menu__arrow {
    height: 24px;
    background-image: url("./../img/icons/arrow-next.svg");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 8px 14px;
}

@media (max-width: 1024px) {
    .menu__arrow.show {
        transform: rotate(180deg);
    }
}

@media (max-width: 1024px) {
    .menu__arrow {
        background-image: url("./../img/icons/chevron-down.svg");
        background-size: 24px 24px;
    }
}

/* SUBMENU */
.menu__sublist,
.menu__sub-sublist {
    position: absolute;
    top: 0;
    right: -350px;
    display: none;
    width: 350px;
    background-color: rgba(44, 44, 44, 0.95);
    transition: var(--transition) ease-in;
}

.menu__sublist.show,
.menu__sub-sublist.show {
    display: block;
}

@media (max-width: 1400px) {
    .menu__sublist,
    .menu__sub-sublist {
        right: -290px;
        width: 290px;
    }
}

@media (max-width: 1200px) {
    .menu__sublist,
    .menu__sub-sublist {
        right: -330px;
        width: 330px;
    }
}

@media (max-width: 1024px) {
    .menu__sublist,
    .menu__sub-sublist {
        position: relative;
        width: 350px;
        left: -30px;
        right: unset;
    }
}

@media (max-width: 480px) {
    .menu__sublist,
    .menu__sub-sublist {
        width: 100%;
        left: 0px;
    }

    .menu__sublist::before,
    .menu__sub-sublist::before {
        position: absolute;
        content: "";
        top: 0;
        left: -30px;
        width: 30px;
        height: 100%;
        background-color: rgba(44, 44, 44, 0.95);
    }

    .menu__sublist::after,
    .menu__sub-sublist::after {
        position: absolute;
        content: "";
        top: 0;
        right: -30px;
        width: 30px;
        height: 100%;
        background-color: rgba(44, 44, 44, 0.95);
    }

    .menu__sublist.--weather::before,
    .menu__sub-sublist.--weather::before {
        position: absolute;
        content: "";
        background-color: #388E3C;
    }

    .menu__sublist.--weather::after,
    .menu__sub-sublist.--weather::after {
        position: absolute;
        content: "";
        background-color: #0b78ad;
    }
}

@media (max-width: 425px) {
    .menu__sublist.--weather #ww_ed3f4e2c559f2,
    .menu__sub-sublist.--weather #ww_ed3f4e2c559f2 {
        max-width: 370px;
    }
}

@media (max-width: 375px) {
    .menu__sublist.--weather #ww_ed3f4e2c559f2,
    .menu__sub-sublist.--weather #ww_ed3f4e2c559f2 {
        max-width: 320px;
    }
}

@media (max-width: 1024px) {
    .menu__sub-sublist {
        top: 18px;
    }
}

.menu__subitem {
    position: relative;
    width: 100%;
    min-height: 60px;
    transition: background-color var(--transition) ease-in;
}

.menu__subitem a {
    display: flex;
    padding: 18px 30px 18px 26px;
}

@media (max-width: 1400px) {
    .menu__subitem {
        min-height: 44px;
    }

    .menu__subitem a {
        padding: 10px 30px 10px 26px;
    }
}

@media (hover: hover) {
    .menu__subitem:hover {
        background-color: var(--color-btn);
    }

    .menu__subitem:hover .menu__sub-sublist {
        display: block;
    }
}

@media (max-width: 480px) {
    .menu__subitem a {
        padding: 18px 0 18px 0;
    }
}

.menu__subitem.active:not(.--burger) {
    background-color: var(--color-btn);
}

.menu__subitem .menu__arrow {
    height: 24px;
}

.menu__subitem .menu__header {
    display: grid;
    grid-template-columns: auto 24px;
    gap: 10px;
    align-items: center;
}

.menu__sub-sublist .menu__subitem {
    height: 60px;
    display: block;
}

.menu__footer {
    position: relative;
    margin-top: 20px;
    padding: 40px 26px 40px 30px;
    display: grid;
    gap: 20px;
    opacity: 0;
}

.menu__footer::before {
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    background-color: rgba(191, 218, 185, 0.29);
    top: 0;
    left: 30px;
}

@media (max-width: 1400px) {
    .menu__footer::before {
        width: 240px;
    }
}

@media (max-width: 480px) {
    .menu__footer::before {
        width: 100%;
        left: 0px;
    }

    .ww-box {
        right: 50px;
    }

    .ww_noselect {
        margin: 0 30px !important;
    }
}

.menu__footer a {
    font-weight: 600;
    font-size: 17px;
    color: #fff;
}

.menu__footer-links {
    display: flex;
    gap: 20px;
}

.menu__footer-links a {
    color: #fff;
}

.menu__footer-links a.active {
    color: #c2c2c2;
}


.social-link {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-link span {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    transition: background-color var(--transition) ease-in;
}

.social-link span svg {
    stroke-width: 0;
}

@media (hover: hover) {
    .social-link:hover.--telegram span {
        background-color: #226fa3;
    }

    .social-link:hover.--wa span {
        background-color: #40a735;
    }

    .social-link:hover.--vk span {
        background-color: #417cc0;
    }
}

.--telegram span {
    background-color: #3891cd;
}

.--wa span {
    background-color: #61c956;
}

.--vk span {
    background-color: #4C75A3;
}

@media (max-width: 375px) {
    .poster {
        margin-bottom: 43px;
    }
}

.poster.--stocks {
    background: #caf1c2;
    border-radius: clamp(1.875rem, -2.955rem + 20.61vw, 12.5rem) 0 0 0;
    padding: 80px 0 80px;
}

@media (max-width: 1400px) {
    .poster.--stocks {
        padding: 40px 0 40px;
    }
}

.poster.--stocks .poster__swiper::before {
    background-image: url("./../img/gradient.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.poster__header {
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 1400px) {
    .poster__header {
        margin-bottom: 20px;
    }
}

.poster__header .poster__title {
    margin-bottom: 0;
}

.poster__swiper {
    height: 403px;
    padding: 20px 0 20px 20px;
    margin: -20px 0 -20px -20px;
}

.poster__swiper::before {
    position: absolute;
    content: "";
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
    width: 327px;
    height: calc(100% + 20px);
    top: -20px;
    bottom: -20px;
    right: 0px;
    z-index: 2;
    pointer-events: none;
}

@media (max-width: 768px) {
    .poster__swiper::before {
        display: none;
    }
}

@media (max-width: 1400px) {
    .poster__swiper {
        height: 435px;
    }
}

@media (max-width: 992px) {
    .poster__swiper {
        height: 440px;
    }
}

@media (max-width: 576px) {
    .poster__swiper {
        height: 380px;
    }
}

.poster__swiper .swiper-slide {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

@media (max-width: 576px) {
    .poster__swiper .swiper-slide {
        opacity: 1;
    }
}

.poster__swiper .swiper-slide.swiper-slide-visible {
    opacity: 1;
}

.poster__swiper.before-none {
    padding-right: 10px;
}

.poster__swiper.before-none::before {
    display: none;
}

.swiper-button {
    position: absolute;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ffffff;
    z-index: 2;
    cursor: pointer;
    transition: background-color var(--transition) ease-in;
    /* correction 19.05 */
    /* /correction 19.05 */
}

.swiper-button svg {
    stroke: #000;
    transition: stroke var(--transition) ease-in;
    width: 40px;
    height: 40px;
}

@media (max-width: 1400px) {
    .swiper-button svg {
        width: 28px;
        height: 28px;
    }
}

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

.swiper-button.--prev svg {
    transform: rotate(180deg);
}

.swiper-button.--next {
    right: 105px;
}

@media (max-width: 1830px) {
    .swiper-button.--next {
        right: 65px;
    }
}

@media (max-width: 1400px) {
    .swiper-button.--next {
        right: 0px;
    }
}

.swiper-button.swiper-button-disabled {
    opacity: 0;
}

@media (hover: hover) {
    .swiper-button:hover {
        background-color: var(--color-btn);
    }

    .swiper-button:hover svg {
        stroke: #ffffff;
    }
}

@media (max-width: 1400px) {
    .swiper-button {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 576px) {
    .swiper-button {
        width: 40px;
        height: 40px;
    }
}

.pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #295047;
}

.pagination .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
}

.poster__scrollbar {
    margin-top: 15px;
    height: 5px;
    background: #a0a0a0;
    border-radius: 0;
    cursor: grab;
}

.poster__scrollbar .swiper-scrollbar-drag {
    background: green;
}

.infrastructure__container {
    position: relative;
    overflow: hidden;
    padding: 80px 0 80px;
    border-radius: 0 0 clamp(1.875rem, -2.955rem + 20.61vw, 12.5rem) 0;
}

@media (max-width: 1400px) {
    .infrastructure__container {
        padding: 40px 0 60px;
    }
}

.infrastructure__container::before {
    position: absolute;
    content: "";
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 1;
}

.infrastructure__header {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

@media (max-width: 576px) {
    .infrastructure__header {
        margin-bottom: 20px;
    }
}

.infrastructure__title {
    margin-bottom: 25px;
}

@media (max-width: 1400px) {
    .infrastructure__title {
        margin-bottom: 13px;
    }
}

.infrastructure__list {
    position: relative;
    z-index: 1;
}

.infrastructure__content {
    margin-top: 34px;
}

@media (max-width: 1400px) {
    .infrastructure__content {
        margin-top: 110px;
        margin-right: 47px;
    }
}

@media (max-width: 768px) {
    .infrastructure__content {
        margin-top: 67px;
        margin-right: 0px;
    }
}

.infrastructure__block {
    position: relative;
    display: grid;
    gap: 30px;
    max-width: 36.4375rem;
    border-radius: 30px;
    padding: 30px;
    background-color: #ffffff;
    z-index: 1;
    margin-left: auto;
}

@media (max-width: 1400px) {
    .infrastructure__block {
        max-width: 520px;
    }
}

@media (max-width: 768px) {
    .infrastructure__block {
        margin-left: unset;
    }
}

@media (max-width: 425px) {
    .infrastructure__block {
        padding: 20px;
    }
}

.infrastructure__desc {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: var(--text-accent);
}

@media (max-width: 1400px) {
    .infrastructure__desc {
        font-size: 16px;
    }
}

.infrastructure__btn {
    width: 100%;
}

.infrastructure__img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

/* rooms Фильтр и табы просмотра номера (зеленая плашка) */
.rooms__container {
    display: grid;
    grid-template-columns: 38.03% 1fr;
    gap: 74px;
}

@media (max-width: 1400px) {
    .rooms__container {
        gap: 42px;
        grid-template-columns: 42% 1fr;
    }
}

@media (max-width: 1200px) {
    .rooms__container {
        grid-template-columns: 100%;
    }
}

/* filter */
.rooms__filter {
    background: #295047;
    border-radius: 30px;
    padding: 30px;
    align-self: baseline;
    margin-bottom: 40px;
}

@media (max-width: 480px) {
    .rooms__filter {
        margin-bottom: 30px;
    }
}

.rooms__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
}

@media (max-width: 375px) {
    .rooms__list {
        margin-bottom: 23px;
    }
}

.rooms__item {
    font-weight: 600;
    font-size: 18px;
    color: #7bd067;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
    transition: all var(--transition) ease-in;
    cursor: pointer;
}

@media (max-width: 1400px) {
    .rooms__item {
        font-size: 17px;
    }
}

@media (max-width: 480px) {
    .rooms__item {
        padding-bottom: 7px;
    }
}

@media (hover: hover) {
    .rooms__item:hover {
        color: #ffffff;
    }
}

.rooms__item.active {
    color: #ffffff;
    border-color: currentColor;
}

.rooms__btns {
    flex-wrap: wrap;
    gap: 10px;
}

.rooms__btn {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.19);
    transition: all var(--transition) ease-in;
}

@media (max-width: 1400px) {
    .rooms__btn {
        padding: 15px 20px;
    }
}

@media (hover: hover) {
    .rooms__btn:hover {
        background: rgba(255, 255, 255, 0.42);
    }
}

.rooms__btn.active {
    background: var(--color-btn);
}

/* / filter */
/* content */
.rooms__content {
    display: grid;
    gap: 24px;
    margin-bottom: 30px;
}

@media (max-width: 480px) {
    .rooms__content {
        gap: 20px;
        margin-bottom: 20px;
    }
}

.rooms-list {
    display: flex;
    width: fit-content;
    flex-wrap: nowrap;
    border-radius: 11px;
    padding: 8px 17px;
    background: rgba(130, 209, 112, 0.17);
    font-weight: 600;
    font-size: 14px;
}

@media (max-width: 480px) {
    .rooms-list {
        font-size: 13px;
        padding: 10px 0;
    }
}

.rooms-list li {
    text-align: center;
}

.rooms-list li:not(:last-child) {
    border-right: 1px solid #b6ceb1;
    padding-right: 20px;
}

@media (max-width: 480px) {
    .rooms-list li:not(:last-child) {
        padding-right: 11px;
    }
}

.rooms-list li:not(:first-child) {
    padding-left: 21px;
}

@media (max-width: 480px) {
    .rooms-list li:not(:first-child) {
        padding-left: 11px;
    }
}

.rooms__content-list {
    align-self: start;
}

.rooms__content-desc {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: var(--text-accent);
}

@media (max-width: 1400px) {
    .rooms__content-desc {
        font-size: 16px;
    }
}

.rooms__content-desc p {
    will-change: max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

@media (max-width: 425px) {
    .rooms__content-desc p {
        -webkit-line-clamp: 4;
        font-size: 13px;
    }
}

/* / content */
/* images */
.rooms__images {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 243px);
    gap: 4px;
    align-self: baseline;
    overflow: hidden;
    border-radius: 30px;
}

@media (max-width: 1400px) {
    .rooms__images {
        grid-template-rows: repeat(3, 230px);
    }
}

@media (max-width: 1200px) {
    .rooms__images {
        display: none;
    }
}

.rooms__images.--two-rows {
    grid-template-rows: repeat(2, 243px);
}

.rooms__images.--two-rows .rooms__box-img:nth-child(n+6) {
    display: none;
}

.rooms__box-img {
    cursor: pointer;
}

.rooms__box-img:nth-child(1) {
    grid-column: 1/4;
}

.rooms__box-img:nth-child(2) {
    grid-column: 4/7;
}

.rooms__box-img:nth-child(3) {
    grid-column: 1/3;
}

.rooms__box-img:nth-child(4) {
    grid-column: 3/5;
}

.rooms__box-img:nth-child(5) {
    grid-column: 5/7;
}

.rooms__box-img:nth-child(6) {
    grid-column: 1/4;
}

.rooms__box-img:nth-child(7) {
    grid-column: 4/7;
}

.rooms__box-img:nth-child(n+8) {
    display: none;
}

/* / images */
/* slider */
.rooms__swiper {
    height: 200px;
    margin-bottom: 20px;
    display: none;
}

@media (max-width: 1200px) {
    .rooms__swiper {
        display: block;
        margin-right: -15px;
    }
}

@media (max-width: 576px) {
    .rooms__swiper {
        margin-right: -10px;
    }
}

@media (max-width: 375px) {
    .rooms__swiper {
        margin-bottom: 13px;
    }
}

.rooms__swiper .swiper-slide {
    height: auto;
}

.rooms__slide {
    height: 100%;
}

/* / slider */
/* info */
.comfort-list {
    column-gap: 20px;
    margin-bottom: 33px;
}

@media (max-width: 480px) {
    .comfort-list {
        margin-bottom: 20px;
    }
}

@media (max-width: 425px) {
    .comfort-list {
        column-count: 1;
    }
}

@media (max-width: 375px) {
    .comfort-list {
        margin-bottom: 5px;
    }
}

.comfort-list li {
    padding: 10px 0 10px;
    padding-left: 34px;
    background-repeat: no-repeat;
    background-position: left center;
    /* x y*/
    background-size: 24px 24px;
    /* w h*/
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

@media (max-width: 1400px) {
    .comfort-list li {
        font-size: 14px;
    }
}

@media (max-width: 375px) {
    .comfort-list li {
        background-size: 20px 20px;
    }

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

.comfort-list li svg {
    stroke: #8b8b8b;
}

.rooms__info-list {
    column-count: 2;
}

@media (max-width: 480px) {
    .rooms__info-list {
        column-count: 1;
    }
}

.rooms__info-btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 375px) {
    .rooms__info-btn {
        width: 100%;
    }
}

/* / info */
/* / rooms Фильтр и табы просмотра номера (зеленая плашка) */
.way__container {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 50px;
}

.way__container iframe {
    width: 1050px;
    height: 541px;
    border: none;
    border-radius: 30px;
}

.way__container iframe ._app_ready .layout-control-group {
    right: 100px;
}

@media (max-width: 1400px) {
    .way__container {
        grid-template-columns: 363px 1fr;
        gap: 40px;
    }
}

@media (max-width: 1200px) {
    .way__container {
        gap: 50px;
    }
}

@media (max-width: 992px) {
    .way__container {
        grid-template-columns: 280px 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .way__container {
        grid-template-columns: 1fr;
    }
}

.way__container.--revers {
    grid-template-columns: 1fr 300px;
}

@media (max-width: 1200px) {
    .way__container.--revers {
        gap: 30px;
    }
}

@media (max-width: 992px) {
    .way__container.--revers {
        grid-template-columns: 1fr;
    }
}

.way__header {
    margin-bottom: 40px;
    gap: 20px;
    flex-wrap: wrap;
}

@media (max-width: 1400px) {
    .way__header {
        margin-bottom: 25px;
    }
}

@media (max-width: 480px) {
    .way__header {
        margin-bottom: 30px;
    }
}

.way__header .way__title {
    margin-bottom: 0;
}

.way__list {
    font-weight: 700;
}

.way__item {
    border-radius: 30px;
    transition: var(--transition) ease-in;
}

.way__item.active {
    margin-bottom: 10px;
    box-shadow: 0 4px 21px 0 rgba(0, 0, 0, 0.1);
}

.way__row {
    padding: 20px 30px;
    transition: all var(--transition) ease-in;
}

@media (max-width: 480px) {
    .way__row {
        padding: 30px 20px;
    }
}

.way__row span {
    font-size: 18px;
    transition: all var(--transition) ease-in;
}

@media (max-width: 1400px) {
    .way__row span {
        font-size: 16px;
    }
}

.way__row svg {
    stroke: #868686;
    transition: all var(--transition) ease-in;
}

.way__row.show {
    padding: 30px 30px 10px;
}

@media (max-width: 1400px) {
    .way__row.show {
        padding: 30px 30px;
    }
}

@media (max-width: 480px) {
    .way__row.show {
        padding: 30px 20px 10px;
    }
}

.way__row.show span {
    font-size: 22px;
}

@media (max-width: 1400px) {
    .way__row.show span {
        font-size: 16px;
    }
}

.way__row.show svg {
    transform: rotateX(180deg);
    stroke: #000;
}

.way__content {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    will-change: min-height;
    transition: grid-template-rows 0.3s ease-in-out;
    font-weight: 500;
    font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
    line-height: 150%;
    color: #5c5c5c;
    padding: 0px 50px 0px 60px;
}

.way__content > ul {
    min-height: 0;
}

.way__content > ul li:not(:last-child) {
    margin-bottom: 10px;
}

.way__content > ul li span {
    display: block;
}

.way__content > ul li span:first-child {
    font-weight: 700;
    position: relative;
}

.way__content > ul li span:first-child::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #5c5c5c;
    top: 50%;
    left: -18px;
    transform: translateY(-50%);
}

@media (max-width: 480px) {
    .way__content > ul li span:first-child::before {
        width: 3px;
        height: 3px;
        left: -12px;
    }
}

.way__content.js-visible {
    padding: 0px 50px 30px 60px;
    grid-template-rows: 1fr;
}

@media (max-width: 480px) {
    .way__content.js-visible {
        padding: 0px 50px 30px 40px;
    }
}

.map iframe {
    border-radius: 30px;
}

.way__map {
    width: 100%;
    height: 675px;
    align-self: stretch;
    border-radius: 30px;
    overflow: hidden;
    /* correction 19.05 */
    /* /correction 19.05 */
}

@media (max-height: 768px) {
    .way__map {
        height: 500px;
    }
}

@media (max-width: 576px) {
    .way__map {
        height: 450px;
    }
}

.way__map.--attractions {
    width: 1055px;
    height: 541px;
    position: relative;
}

@media (max-width: 576px) {
    .way__map.--attractions {
        height: 350px;
    }
}

.way__map-ballon {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 30%;
    transform: translateX(-50%);
}

@media (max-width: 768px) {
    .way__map-ballon {
        top: 10%;
    }
}

@media (max-width: 576px) {
    .way__map-ballon {
        top: 3%;
    }
}

.way__balloon-attractions {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: clamp(1rem, 0.727rem + 1.36vw, 1.75rem);
    font-weight: 600;
    padding: 10px;
    background-color: #000;
    border-radius: 10px;
}

.way__balloon-attractions .modal-close {
    position: static;
}

.way__balloon-attractions .modal-close svg {
    stroke: #fff;
}

.way__btns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

@media (max-width: 1400px) {
    .way__btns {
        gap: 20px;
        margin-bottom: 30px;
    }
}

@media (max-width: 1200px) {
    .way__btns {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 992px) {
    .way__btns {
        grid-template-columns: 1fr;
    }
}

.way__link {
    border-radius: 30px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 40px;
    background: #eaf8e7;
}

@media (max-width: 1400px) {
    .way__link {
        gap: 20px;
    }
}

@media (max-width: 425px) {
    .way__link {
        padding: 20px;
    }
}

.way__link-image {
    overflow: hidden;
    border-radius: 23px;
    width: 124px;
    aspect-ratio: 1/1;
    flex-shrink: 0;
}

.way__link-title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

@media (max-width: 1400px) {
    .way__link-title {
        font-size: 16px;
    }
}

.resort-map__header {
    margin-bottom: 30px;
}

@media (max-width: 480px) {
    .resort-map__header {
        margin-bottom: 20px;
    }
}

.resort-map__title {
    margin-bottom: 25px;
}

@media (max-width: 1400px) {
    .resort-map__title {
        margin-bottom: 12px;
    }
}

.resort-map__list {
    margin-bottom: 50px;
}

@media (max-width: 1400px) {
    .resort-map__list {
        margin-bottom: 30px;
    }
}

@media (hover: hover) {
    .resort-map__list .list__item:hover {
        background-color: #eee;
    }
}

@media (hover: hover) {
    .resort-map__list .list__item.active:hover {
        background-color: #177800;
        border: 1px solid transparent;
    }
}

.resort-map__holder-map {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    width: 100%;
    height: 650px;
}

@media (max-height: 768px) {
    .resort-map__holder-map {
        height: 550px;
    }
}

@media (max-width: 480px) {
    .resort-map__holder-map {
        height: 686px;
    }
}

.resort-map__ballon {
    position: absolute;
    border-radius: 28px;
    width: fit-content;
    background-color: #ffffff;
    z-index: 1;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
    max-width: 382px;
    width: 100%;
}

@media (max-width: 1400px) {
    .resort-map__ballon {
        left: 50px;
    }
}

@media (max-width: 1024px) {
    .resort-map__ballon {
        left: 10px;
    }
}

@media (max-width: 480px) {
    .resort-map__ballon {
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        max-width: 335px;
    }
}

.ballon {
    border-radius: 28px;
    padding: 30px;
    display: grid;
    gap: 30px;
}

.ballon__modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.ballon__modal-close svg {
    stroke: #949494;
}

@media (max-width: 1400px) {
    .ballon {
        gap: 23px;
    }
}

@media (max-width: 480px) {
    .ballon {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .ballon__title {
        text-align: center;
    }
}

.ballon__image {
    width: 100%;
    height: 182px;
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 480px) {
    .ballon__image {
        height: 167px;
    }
}

.ballon__desc {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    will-change: max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width: 1400px) {
    .ballon__desc {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .ballon__desc {
        font-size: 14px;
        text-align: center;
    }
}

.ballon__btn {
    width: 100%;
}

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

@media (max-width: 480px) {
    .news__header {
        margin-bottom: 30px;
    }
}

.news__title {
    margin-bottom: 0;
}

@media (max-width: 576px) {
    .news__btn.--pc {
        display: none;
    }
}

.news__btn.--mob {
    display: none;
    margin-top: 30px;
}

@media (max-width: 576px) {
    .news__btn.--mob {
        display: flex;
        width: 100%;
    }
}

.news__container::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
    display: none;
    /* Для WebKit (Chrome, Safari, iOS Safari) */
}

.news__container::-webkit-scrollbar-track {
    background-color: transparent;
}

.news__container::-webkit-scrollbar-thumb {
    background: transparent;
}

.news__container:hover::-webkit-scrollbar-thumb {
    background: transparent;
}

.news__container {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-auto-rows: 232px 199px;
    gap: 20px;
}

@media (max-width: 1400px) {
    .news__container {
        grid-template-columns: repeat(12, 1fr);
    }
}

@media (max-width: 1024px) {
    .news__container {
        grid-auto-rows: 199px;
    }
}

@media (max-width: 576px) {
    .news__container {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        flex-shrink: 0;
        height: 293px;
    }
}

@media (max-width: 1400px) {
    .news__container.--rows-2 .card:nth-child(n+8) {
        display: none;
    }
}

@media (max-width: 1400px) and (max-width: 576px) {
    .news__container.--rows-2 .card:nth-child(n+8) {
        display: flex;
    }
}

@media (max-width: 576px) {
    .news__container.--rows-2 .card {
        flex-shrink: 0;
        height: 100%;
        width: 66%;
    }
}

.news__container.--rows-2 .card:nth-child(1) {
    grid-column: 1/5;
}

@media (max-width: 1024px) {
    .news__container.--rows-2 .card:nth-child(1) {
        grid-column: 1/7;
    }
}

.news__container.--rows-2 .card:nth-child(2) {
    grid-column: 5/9;
}

@media (max-width: 1024px) {
    .news__container.--rows-2 .card:nth-child(2) {
        grid-column: 7/13;
    }
}

.news__container.--rows-2 .card:nth-child(3) {
    grid-column: 9/13;
}

@media (max-width: 1024px) {
    .news__container.--rows-2 .card:nth-child(3) {
        grid-column: 1/5;
    }
}

@media (max-width: 768px) {
    .news__container.--rows-2 .card:nth-child(3) {
        grid-column: 1/8;
    }
}

.news__container.--rows-2 .card:nth-child(4) {
    grid-column: 13/17;
}

@media (max-width: 1400px) {
    .news__container.--rows-2 .card:nth-child(4) {
        grid-column: 1/4;
    }
}

@media (max-width: 1024px) {
    .news__container.--rows-2 .card:nth-child(4) {
        grid-column: 5/9;
    }
}

@media (max-width: 768px) {
    .news__container.--rows-2 .card:nth-child(4) {
        grid-column: 8/13;
    }
}

.news__container.--rows-2 .card:nth-child(5) {
    grid-column: 1/4;
}

@media (max-width: 1400px) {
    .news__container.--rows-2 .card:nth-child(5) {
        grid-column: 4/7;
    }
}

@media (max-width: 1024px) {
    .news__container.--rows-2 .card:nth-child(5) {
        grid-column: 9/13;
    }
}

@media (max-width: 768px) {
    .news__container.--rows-2 .card:nth-child(5) {
        grid-column: 1/7;
    }
}

.news__container.--rows-2 .card:nth-child(6) {
    grid-column: 4/7;
}

@media (max-width: 1400px) {
    .news__container.--rows-2 .card:nth-child(6) {
        grid-column: 7/10;
    }
}

@media (max-width: 1024px) {
    .news__container.--rows-2 .card:nth-child(6) {
        grid-column: 1/7;
    }
}

@media (max-width: 768px) {
    .news__container.--rows-2 .card:nth-child(6) {
        grid-column: 7/13;
    }
}

.news__container.--rows-2 .card:nth-child(7) {
    grid-column: 7/11;
}

@media (max-width: 1400px) {
    .news__container.--rows-2 .card:nth-child(7) {
        grid-column: 10/13;
    }
}

@media (max-width: 1024px) {
    .news__container.--rows-2 .card:nth-child(7) {
        grid-column: 7/13;
    }
}

@media (max-width: 768px) {
    .news__container.--rows-2 .card:nth-child(7) {
        grid-column: 1/13;
    }
}

.news__container.--rows-2 .card:nth-child(8) {
    grid-column: 11/14;
}

@media (max-width: 992px) {
    .news__container.--rows-2 .card:nth-child(8) {
        grid-column: 4/11;
    }
}

@media (max-width: 768px) {
    .news__container.--rows-2 .card:nth-child(8) {
        grid-column: 1/13;
    }
}

.news__container.--rows-2 .card:nth-child(9) {
    grid-column: 14/17;
}

@media (max-width: 992px) {
    .news__container.--rows-2 .card:nth-child(9) {
        grid-column: 4/11;
    }
}

@media (max-width: 768px) {
    .news__container.--rows-2 .card:nth-child(9) {
        grid-column: 1/13;
    }
}

.news__container.--rows-2 .card:nth-child(n+10) {
    display: none;
}

@media (max-width: 576px) {
    .news__container.--rows-2 .card:nth-child(n+10) {
        display: flex;
    }
}

.news-filter {
    gap: 20px;
}

.news-filter.--grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 1200px) {
    .news-filter.--grid {
        grid-template-columns: 100%;
    }
}

@media (max-width: 768px) {
    .news-filter .list-holder {
        margin-right: -15px;
        padding-left: 15px;
    }
}

@media (max-width: 576px) {
    .news-filter .list-holder {
        margin-right: -10px;
        padding-left: 10px;
    }
}

/* correction 31.05 */
@media (hover: hover) {
    .news-filter__list .list__item.active:hover {
        background-color: #177800;
        border: 1px solid transparent;
    }
}

@media (hover: hover) {
    .news-filter__list .list__item:hover {
        background-color: #eee;
    }
}

/* / correction 31.05 */
.news-filter__sort {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: auto;
}

@media (max-width: 1200px) {
    .news-filter__sort {
        margin-left: unset;
        gap: 10px;
    }
}

.news-filter__sort span {
    font-weight: 600;
    font-size: 17px;
    color: #545454;
}

@media (max-width: 576px) {
    .news-filter__sort span {
        display: none;
    }
}

.news-filter__btn {
    flex-shrink: 0;
}

@media (max-width: 425px) {
    .news-filter__btn {
        font-size: 13px;
    }
}

@media (max-width: 374px) {
    .news-filter__btn {
        font-size: 10px;
    }
}

.affiche__container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 365px;
    gap: 20px;
}

@media (max-width: 1400px) {
    .affiche__container {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
}

@media (max-width: 576px) {
    .affiche__container {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        grid-auto-rows: 293px;
    }
}

@media (max-width: 425px) {
    .affiche__container {
        gap: 10px;
    }
}

.reviews {
    position: relative;
    padding: 80px 0 80px;
}

@media (max-width: 1400px) {
    .reviews {
        padding: 40px 0 40px;
    }
}

@media (max-width: 480px) {
    .reviews.--full-green {
        padding: 40px 0 40px;
    }
}

@media (max-width: 425px) {
    .reviews.--full-green .reviews__block {
        max-width: 100%;
    }
}

.reviews.--full-green::before {
    width: 100%;
}

@media (max-width: 768px) {
    .reviews.--full-green::before {
        height: 100%;
    }
}

.reviews::before {
    position: absolute;
    content: "";
    background-color: var(--color-btn);
    border-radius: 0 clamp(1.875rem, -2.955rem + 20.61vw, 12.5rem) 0 0;
    width: 42%;
    height: 100%;
    top: 0;
    left: 0;
}

@media (max-width: 1400px) {
    .reviews::before {
        width: 48%;
    }
}

@media (max-width: 1200px) {
    .reviews::before {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .reviews::before {
        height: 80%;
    }
}

.reviews__title {
    color: #fff;
}

.reviews__container {
    display: grid;
    grid-template-columns: 476px 1fr;
    gap: clamp(1.875rem, -9.904rem + 13.46vw, 6.25rem);
}

@media (max-width: 1400px) {
    .reviews__container {
        grid-template-columns: 38% 1fr;
        gap: 47px;
    }
}

@media (max-width: 1200px) {
    .reviews__container {
        grid-template-columns: 370px 1fr;
    }
}

@media (max-width: 768px) {
    .reviews__container {
        grid-template-columns: 1fr;
    }
}

.reviews__block {
    height: 934px;
    border-radius: 30px;
    overflow: hidden;
}

@media (max-width: 1400px) {
    .reviews__block {
        height: 651px;
    }
}

@media (max-height: 768px) {
    .reviews__block {
        height: 700px;
    }
}

@media (max-width: 425px) {
    .reviews__block {
        max-width: 300px;
        justify-self: center;
        height: 555px;
    }
}

.reviews__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(12, 70px);
    gap: 4px;
    overflow: hidden;
    border-radius: 30px;
    align-self: baseline;
}

@media (max-width: 1400px) {
    .reviews__grid {
        grid-template-rows: repeat(12, 70px);
    }
}

@media (max-width: 1400px) {
    .reviews__grid {
        grid-template-rows: repeat(12, 51px);
    }
}

@media (max-width: 1200px) {
    .reviews__grid {
        grid-template-rows: repeat(12, 40px);
    }
}

@media (max-height: 768px) {
    .reviews__grid {
        grid-template-rows: repeat(12, 50px);
    }
}

@media (max-width: 992px) {
    .reviews__grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        border-radius: 0px;
        scrollbar-width: none;
        /* Для Firefox */
        -ms-overflow-style: none;
        /* Для Internet Explorer и Edge */
    }
}

@media (max-width: 768px) {
    .reviews__grid {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .reviews__grid {
        height: 200px;
    }
}

.reviews__grid::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
    display: none;
    /* Для WebKit (Chrome, Safari, iOS Safari) */
}

.reviews__grid::-webkit-scrollbar-track {
    background-color: transparent;
}

.reviews__grid::-webkit-scrollbar-thumb {
    background: transparent;
}

.reviews__grid:hover::-webkit-scrollbar-thumb {
    background: transparent;
}

.reviews__image {
    cursor: pointer;
}

@media (max-width: 992px) {
    .reviews__image {
        width: 60%;
        flex-shrink: 0;
    }
}

@media (max-width: 480px) {
    .reviews__image {
        width: 77%;
    }
}

.reviews__image:nth-child(1) {
    grid-row: 1/4;
}

.reviews__image:nth-child(2) {
    grid-row: 1/6;
}

.reviews__image:nth-child(3) {
    grid-row: 1/5;
}

.reviews__image:nth-child(4) {
    grid-row: 1/6;
}

.reviews__image:nth-child(5) {
    grid-row: 4/10;
}

.reviews__image:nth-child(6) {
    grid-row: 6/9;
}

.reviews__image:nth-child(7) {
    grid-row: 5/8;
}

.reviews__image:nth-child(8) {
    grid-row: 6/10;
}

.reviews__image:nth-child(9) {
    grid-row: 10/13;
}

.reviews__image:nth-child(10) {
    grid-row: 9/13;
}

.reviews__image:nth-child(11) {
    grid-row: 8/13;
}

.reviews__image:nth-child(12) {
    grid-row: 10/13;
}

.reviews__image:nth-child(n+13) {
    display: none;
}

.reviews__swiper .swiper-button {
    background-color: #eee;
}

@media (max-width: 576px) {
    .reviews__swiper .swiper-button {
        display: flex;
    }
}

.gallery {
    margin-bottom: 50px;
}

@media (max-width: 1400px) {
    .gallery {
        margin-bottom: 40px;
    }
}

.gallery__container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 228px;
    gap: 4px;
    border-radius: 30px;
    overflow: hidden;
}

@media (max-width: 1400px) {
    .gallery__container {
        grid-auto-rows: 203px;
    }
}

@media (max-width: 1200px) {
    .gallery__container {
        grid-auto-rows: 200px;
    }
}

@media (max-width: 768px) {
    .gallery__container {
        grid-auto-rows: 130px;
    }
}

@media (max-width: 600px) {
    .gallery__container {
        border-radius: 0px;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        flex-shrink: 0;
        height: 200px;
        scrollbar-width: none;
        /* Для Firefox */
        -ms-overflow-style: none;
        /* Для Internet Explorer и Edge */
    }
}

.gallery__container::-webkit-scrollbar {
    width: 0px;
    background-color: transparent;
    display: none;
    /* Для WebKit (Chrome, Safari, iOS Safari) */
}

.gallery__container::-webkit-scrollbar-track {
    background-color: transparent;
}

.gallery__container::-webkit-scrollbar-thumb {
    background: transparent;
}

.gallery__container:hover::-webkit-scrollbar-thumb {
    background: transparent;
}

.gallery__image {
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .gallery__image {
        width: 80%;
    }
}

.gallery__image:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/3;
}

.gallery__image:nth-child(7)::before {
    position: absolute;
    content: attr(data-count);
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.51);
    font-weight: 500;
    font-size: 30px;
    text-align: center;
    color: #fff;
}

@media (max-width: 992px) {
    .gallery__image:nth-child(7)::before {
        font-size: 18px;
    }
}

@media (max-width: 600px) {
    .gallery__image:nth-child(7)::before {
        display: none;
    }
}

.gallery__image:nth-child(n+8) {
    display: none;
}

@media (max-width: 600px) {
    .gallery__image:nth-child(n+8) {
        display: block;
    }
}

.room-header {
    margin-bottom: 30px;
    gap: 30px;
    flex-wrap: wrap;
}

@media (max-width: 1400px) {
    .room-header {
        margin-bottom: 35px;
    }
}

@media (max-width: 425px) {
    .room-header {
        gap: 20px;
        margin-bottom: 30px;
    }
}

.room-comfort__title {
    margin-bottom: 40px;
}

@media (max-width: 1400px) {
    .room-comfort__title {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .room-comfort__title {
        margin-bottom: 24px;
    }
}

.room-comfort__container {
    display: grid;
    grid-template-columns: 1fr 402px;
    gap: 75px;
    align-items: start;
    margin-bottom: 100px;
}

@media (max-width: 1400px) {
    .room-comfort__container {
        grid-template-columns: 1fr 305px;
        gap: 60px;
        margin-bottom: 60px;
    }
}

@media (max-width: 1200px) {
    .room-comfort__container {
        grid-template-columns: 1fr 300px;
    }
}

@media (max-width: 768px) {
    .room-comfort__container {
        grid-template-columns: 1fr;
    }
}

.room-comfort__holder-list {
    margin-bottom: 50px;
}

.room-comfort__indent:not(:last-child) {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #bfbfbf;
}

@media (max-width: 1400px) {
    .room-comfort__indent:not(:last-child) {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}

.room-comfort__list {
    columns: 3;
    column-gap: 40px;
}

@media (max-width: 1200px) {
    .room-comfort__list {
        columns: 2;
    }
}

@media (max-width: 992px) {
    .room-comfort__list {
        columns: 1;
    }
}

@media (max-width: 768px) {
    .room-comfort__list {
        columns: 2;
    }
}

@media (max-width: 576px) {
    .room-comfort__list {
        columns: 1;
        margin-bottom: 15px;
    }
}

.room-comfort__list li {
    padding: 13px 0 13px 34px;
}

.room-comfort__list li.hidden {
    display: none;
}

.room-comfort__list li:nth-child(-n+3).hidden {
    display: block;
}

@media (max-width: 480px) {
    .room-comfort__list li {
        padding-left: 28px;
        padding: 10px 0 18px 28px;
    }
}

.room-comfort__btn {
    position: relative;
    gap: 10px;
}

.room-comfort__btn::after {
    content: "(" attr(data-comfort-count) ")";
}

@media (max-width: 480px) {
    .room-comfort__btn {
        width: 100%;
    }
}

.room-comfort__travelline {
    position: sticky;
    top: 10px;
}

@media (max-width: 768px) {
    .room-comfort__travelline {
        position: static;
    }
}

.travelline a {
    width: 100%;
}

@media (max-width: 1400px) {

}

@media (max-width: 768px) {
    .travelline {
        display: none;
    }
}

.room-comfort__desc p {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    will-change: max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
}

@media (max-width: 1400px) {
    .room-comfort__desc p {
        font-size: 15px;
    }
}

.room-comfort__desc p.show {
    -webkit-line-clamp: unset;
}

.room-comfort__desc-btn {
    margin-top: 30px;
}

.room-comfort__travelline-btn {
    margin-top: 30px;
}

.room-comfort__travelline-btn.--block-links {
    gap: 5px;
    box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.11);
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    border-radius: 30px;
    padding: 24px 10px 24px 30px;
    transition: box-shadow var(--transition) ease-in;
}

@media (hover: hover) {
    .room-comfort__travelline-btn.--block-links:hover {
        box-shadow: 0 4px 12px 0 rgba(50, 165, 23, 0.4);
    }
}

.room-comfort__travelline-btn[data-title-copy] {
    width: 100%;
}

.room-comfort__travelline-links {
    display: grid;
    gap: 10px;
}

.room-comfort__btns {
    overflow-y: auto;
    scrollbar-width: none;
    /* Для Firefox */
    -ms-overflow-style: none;
    /* Для Internet Explorer и Edge */
}

.room-comfort__btns::-webkit-scrollbar {
    width: 0px;
    display: none;
    /* Для WebKit (Chrome, Safari, iOS Safari) */
}

.room-comfort__btns::-webkit-scrollbar-track {
    background-color: transparent;
}

.room-comfort__btns::-webkit-scrollbar-thumb {
    background: transparent;
}

.room-comfort__btns:hover::-webkit-scrollbar-thumb {
    background: transparent;
}

.room-comfort__list-nearby {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
    /* correction 08.06 */
}

@media (max-width: 992px) {
    .room-comfort__list-nearby .list-none {
        display: none;
    }
}

.room-comfort__list-nearby li {
    border-bottom: 1px solid #eaeaea;
    gap: 5px;
    /* correction 19.05 */
    /*/ correction 19.05 */
}

.room-comfort__list-nearby li.lazy {
    font-weight: 600;
    font-size: 18px;
    color: #32a517;
    background-repeat: no-repeat;
    padding: 0px 0px;
    padding-left: 30px;
    background-position: left center;
    border-bottom: none;
    margin-bottom: 20px;
}

.room-comfort__list-nearby li.lazy.mt {
    margin-top: 30px;
}

@media (max-width: 1400px) {
    .room-comfort__list-nearby li.lazy {
        font-size: 16px;
    }
}

@media (max-width: 375px) {
    .room-comfort__list-nearby li.lazy {
        background-size: 20px;
    }
}

.room-comfort__list-nearby li.lazy a {
    padding: 0;
}

@media (max-width: 375px) {
    .room-comfort__list-nearby li {
        padding: 14px 0px;
    }
}

.room-comfort__list-nearby li a, .room-comfort__list-nearby li div {
    color: #32a517;
    padding: 20px 0px;
}

.room-comfort__list-nearby li a span {
    transition: .3s ease-in;
}

.room-comfort__list-nearby li a:hover span {
    color: #32a517;
}

.room-comfort__list-nearby li span {
    font-weight: 500;
    font-size: 16px;
}

@media (max-width: 1400px) {
    .room-comfort__list-nearby li span {
        font-size: 15px;
    }
}

.room-comfort__list-nearby li span:first-child {
    color: #000;
}

.room-comfort__list-nearby li span:last-child {
    color: #8b8b8b;
    flex-shrink: 0;
}

@media (max-width: 375px) {
    .room-comfort__list-nearby li span {
        font-size: 13px;
    }
}

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

@media (max-width: 992px) {
    .room-comfort__list-nearby {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 425px) {
    .room-comfort__list-nearby {
        margin-bottom: 30px;
    }
}

/* / correction 08.06 */
.room-comfort__text {
    font-weight: 500;
    font-size: 15px;
    color: var(--text-accent);
}

@media (max-width: 992px) {
    .room-comfort__text {
        display: none;
    }
}

.room-comfort__list-nearby-btn {
    display: none;
    width: 100%;
}

@media (max-width: 992px) {
    .room-comfort__list-nearby-btn {
        display: flex;
    }
}

.room-comfort__indent-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 401px;
    gap: 20px;
    /* correction 08.06 */
    /* / correction 08.06 */
}

@media (max-width: 1400px) {
    .room-comfort__indent-gallery {
        grid-auto-rows: 388px;
    }
}

@media (max-width: 1024px) {
    .room-comfort__indent-gallery {
        grid-auto-rows: 400px;
    }
}

@media (max-width: 992px) {
    .room-comfort__indent-gallery {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        height: 400px;
        scrollbar-width: none;
        /* Для Firefox */
        -ms-overflow-style: none;
        /* Для Internet Explorer и Edge */
    }
}

@media (max-width: 425px) {
    .room-comfort__indent-gallery {
        height: 362px;
        gap: 13px;
    }
}

.room-comfort__indent-gallery .card.--big {
    grid-column: 2/4;
}

.room-comfort__indent-gallery .card:nth-child(n+6) {
    display: none;
}

@media (max-width: 992px) {
    .room-comfort__indent-gallery .card:nth-child(n+6) {
        display: flex;
    }
}

@media (max-width: 992px) {
    .room-comfort__indent-gallery .card {
        flex-shrink: 0;
        width: 80%;
    }
}

@media (max-width: 425px) {
    .room-comfort__indent-gallery .card {
        width: 60%;
    }
}

.room-comfort__indent-gallery::-webkit-scrollbar {
    width: 0px;
    display: none;
    /* Для WebKit (Chrome, Safari, iOS Safari) */
}

.room-comfort__indent-gallery::-webkit-scrollbar-track {
    background-color: transparent;
}

.room-comfort__indent-gallery::-webkit-scrollbar-thumb {
    background: transparent;
}

.room-comfort__indent-gallery:hover::-webkit-scrollbar-thumb {
    background: transparent;
}

.room-comfort__indent-reviwes {
    max-width: 476px;
    height: 934px;
}

@media (max-width: 1400px) {
    .room-comfort__indent-reviwes {
        height: 768px;
    }
}

.room-comfort__indent-reviwes iframe {
    border: none;
}

.room-comfort__info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 50px;
}

@media (max-width: 425px) {
    .room-comfort__info {
        gap: 30px;
    }
}

.room-comfort__info-list p {
    font-weight: 500;
    font-size: 17px;
    line-height: 150%;
    color: #3a3a3a;
    margin-bottom: 20px;
}

.room-comfort__info-list p:first-child {
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    margin-bottom: 35px;
}

@media (max-width: 1400px) {
    .room-comfort__info-list p:first-child {
        font-size: 16px;
    }
}

@media (max-width: 1400px) {
    .room-comfort__info-list p {
        font-size: 15px;
    }
}

@media (max-width: 425px) {
    .room-comfort__info-list p {
        font-size: 14px;
    }
}

.room-comfort__info-list a {
    font-weight: 700;
    color: var(--color-btn);
    border-bottom: 1px solid transparent;
    transition: var(--transition) ease-in;
}

@media (hover: hover) {
    .room-comfort__info-list a:hover {
        border-color: #3a3a3a;
        color: #3a3a3a;
    }
}

.internal-slider {
    position: relative;
    height: calc(100vh - 170px - 55px);
}

@media (max-width: 1400px) {
    .internal-slider {
        height: calc(100vh - 130px - 55px);
    }
}

.internal-slider__swiper {
    height: 100%;
}

.internal-slider__image {
    position: absolute;
    width: 100%;
    height: 100%;
}

.internal-slider__holder-title {
    padding: 114px 0 100px;
}

.internal-slider__title {
    font-weight: 400;
    font-size: clamp(2.25rem, -0.997rem + 13.85vw, 11.125rem);
    color: #fff;
}

.internal-slider__button-prev.--prev {
    left: 105px;
}

.internal-slider__button-prev.swiper-button.swiper-button-disabled {
    opacity: 1;
}

.internal-slider__button-next.swiper-button.swiper-button-disabled {
    opacity: 1;
}

.internal-slider__pagination {
    margin-top: 40px;
}

.internal-links__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(12, 50px);
    grid-auto-flow: column;
    gap: 30px;
}

.internal-links__container .card:nth-child(n+8) {
    display: none;
}

.internal-links__container .card:nth-child(1) {
    grid-row: 1/5;
}

.internal-links__container .card:nth-child(2) {
    grid-row: 5/13;
}

.internal-links__container .card:nth-child(7) {
    grid-row: 1/13;
}

.attractions-page__desc {
    font-weight: 500;
    font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
    line-height: 150%;
    color: var(--text-accent);
    margin-bottom: 60px;
    will-change: max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: unset;
}

.attractions-page__desc.description p {
    padding-top: 30px;
}

@media (max-width: 1400px) {
    .attractions-page__desc {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .attractions-page__desc {
        -webkit-line-clamp: 6;
    }
}

.attractions-page__container {
    display: grid;
    grid-template-columns: 288px 1fr;
    gap: 50px;
    margin-bottom: 50px;
}

@media (max-width: 1400px) {
    .attractions-page__container {
        margin-bottom: 30px;
    }
}

@media (max-width: 1024px) {
    .attractions-page__container {
        gap: 20px;
    }
}

@media (max-width: 992px) {
    .attractions-page__container {
        grid-template-columns: 1fr;
    }
}

.attractions-page__filter {
    transition: var(--transition) ease-in;
    border-top: 1px solid #ebebeb;

}

@media (max-width: 992px) {
    .attractions-page__filter {
        position: fixed;
        width: 100%;
        top: -100%;
        left: 0;
        background: #fff;
        z-index: 20;
        height: 100%;
        overflow-y: auto;
        padding: 30px 30px 50px;
    }

    .attractions-page__filter.active {
        top: 0%;
    }
}

@media (max-width: 480px) {
    .attractions-page__filter {
        padding: 20px 20px 50px;
    }
}

.attractions-page__filter::-webkit-scrollbar {
    width: 5px;
}

.attractions-page__filter::-webkit-scrollbar-track {
    background-color: #595959;
}

.attractions-page__filter::-webkit-scrollbar-thumb {
    background: var(--color-btn);
}

.attractions-page__filter:hover::-webkit-scrollbar-thumb {
    background: var(--color-btn);
}

/* correction 19.05 */
.attractions-page__cards-holder {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(234px, 1fr));
    grid-auto-rows: 365px;
    gap: 20px;
    margin-bottom: 50px;
}

@media (max-width: 1400px) {
    .attractions-page__cards-holder {
        margin-bottom: 30px;
    }
}

@media (max-width: 1024px) {
    .attractions-page__cards-holder {
        gap: 10px;
    }
}

@media (max-width: 576px) {
    .attractions-page__cards-holder {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 425px) {
    .attractions-page__cards-holder {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 277px;
    }
}

.attractions-page__cards-holder .card {
    padding: 30px;
}

/* /correction 19.05 */
.cards-footer {
    gap: 20px;
}

@media (max-width: 1024px) {
    .cards-footer {
        flex-direction: column;
        align-items: start;
    }
}

@media (max-width: 425px) {
    .cards-footer {
        align-items: center;
    }
}

@media (max-width: 480px) {
    .cards-footer__btn {
        width: 100%;
    }
}

.filter__btn {
    width: 100%;
    margin-top: 40px;
}

@media (max-width: 992px) {
    .filter__btn {
        width: 92%;
        position: fixed;
        /*bottom: -100%;*/
        transition: var(--transition) ease-in;
        display: none;
    }

}

.filter__btn-open {
    display: none;
    width: 100%;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    .filter__btn-open {
        display: flex;
    }
}

.attractions-page__no-product-title {
    margin-bottom: 30px;
}

.attractions-page__no-product-holder {
    display: flex;
    gap: 30px;
}

@media (max-width: 576px) {
    .attractions-page__no-product-holder {
        flex-direction: column;
    }
}

.attractions-page__no-product-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: var(--color-accent);
}

@media (max-width: 1024px) {
    .attractions-page__no-product-text {
        font-size: 16px;
    }
}

.attractions-page__no-product-text span {
    color: var(--color-btn);
    text-decoration: underline;
    cursor: pointer;
    transition: var(--transition) ease-in;
}

@media (hover: hover) {
    .attractions-page__no-product-text span:hover {
        color: #295047;
        text-decoration: none;
    }
}

.attractions-page-detail__desc-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px 30px;
    align-items: start;
}

@media (max-width: 1400px) {
    .attractions-page-detail__desc-container {
        gap: 30px;
    }
}

@media (max-width: 480px) {
    .attractions-page-detail__desc-container {
        grid-template-columns: 1fr;
    }
}

.attractions-page-detail__desc-item {
    position: relative;
    font-weight: 500;
    font-size: clamp(0.875rem, 0.738rem + 0.59vw, 1.25rem);
    line-height: 150%;
    color: #000;
}

.attractions-page-detail__desc-item:nth-child(1) {
    grid-column: 1/3;
}

@media (max-width: 480px) {
    .attractions-page-detail__desc-item:nth-child(1) {
        grid-column: 1/2;
    }
}

@media (max-width: 768px) {
    .attractions-page-detail__desc-item:nth-child(1) p {
        will-change: max-height;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
    }
}

.attractions-page-detail__desc-item:nth-child(2) {
    padding-left: 37px;
    padding-bottom: 5px;
}

@media (max-width: 768px) {
    .attractions-page-detail__desc-item:nth-child(2) {
        padding-left: 17px;
        padding-bottom: 0px;
    }
}

.attractions-page-detail__desc-item:nth-child(2) p {
    will-change: max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.attractions-page-detail__desc-item:nth-child(2)::before {
    position: absolute;
    content: "";
    border-radius: 24px;
    width: 7px;
    height: 100%;
    background: rgba(50, 165, 23, 0.29);
    left: 0;
    top: 0;
}

.attractions-page-detail__desc-item:nth-child(3) {
    padding-left: 37px;
    padding-bottom: 5px;
}

@media (max-width: 768px) {
    .attractions-page-detail__desc-item:nth-child(3) {
        padding-left: 17px;
        padding-bottom: 0px;
    }
}

.attractions-page-detail__desc-item:nth-child(3) p {
    will-change: max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.attractions-page-detail__desc-item:nth-child(3)::before {
    position: absolute;
    content: "";
    border-radius: 24px;
    width: 7px;
    height: 100%;
    background: rgba(50, 165, 23, 0.29);
    left: 0;
    top: 0;
}

/* correction 19.05 */
.title-green-img {
    display: block;
    font-weight: 600;
    font-size: 18px;
    color: #32a517;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
}

.title-green-img svg {
    padding-top: 10px;
}

@media (max-width: 1400px) {
    .title-green-img {
        margin-bottom: 20px;
    }
}

/* /correction 19.05 */
.recomendations__title {
    margin-bottom: 40px;
}

@media (max-width: 1400px) {
    .recomendations__title {
        margin-bottom: 30px;
    }
}

.recomendations__title .title2 {
    margin-bottom: 0;
}

.recomendations__container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 232px;
    gap: 20px;
    /* correction 19.06 */
    /* /correction 19.06 */
}

@media (max-width: 576px) {
    .recomendations__container {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}

.recomendations__container .card {
    height: 232px;
}


@media (max-width: 576px) {
    .recomendations__container .card {
        flex-shrink: 0;
        width: 55%;
        height: 290px;
    }
}

@media (max-width: 425px) {
    .recomendations__container .card {
        width: 67%;
    }
}

.recomendations__container .card:nth-child(1) {
    grid-column: 1/5;
}

@media (max-width: 1024px) {
    .recomendations__container .card:nth-child(1) {
        grid-column: 1/6;
    }
}

.recomendations__container .card:nth-child(2) {
    grid-column: 5/9;
}

@media (max-width: 1024px) {
    .recomendations__container .card:nth-child(2) {
        grid-column: 6/13;
    }
}

.recomendations__container .card:nth-child(3) {
    grid-column: 9/13;
}

@media (max-width: 1024px) {
    .recomendations__container .card:nth-child(3) {
        grid-column: 1/8;
    }
}

.recomendations__container .card:nth-child(4) {
    grid-column: 1/4;
}

@media (max-width: 1024px) {
    .recomendations__container .card:nth-child(4) {
        grid-column: 8/13;
    }
}

.recomendations__container .card:nth-child(5) {
    grid-column: 4/7;
}

@media (max-width: 1024px) {
    .recomendations__container .card:nth-child(5) {
        grid-column: 1/6;
    }
}

.recomendations__container .card:nth-child(6) {
    grid-column: 7/10;
}

@media (max-width: 1024px) {
    .recomendations__container .card:nth-child(6) {
        grid-column: 6/13;
    }
}

.recomendations__container .card:nth-child(7) {
    grid-column: 10/13;
}

@media (max-width: 1024px) {
    .recomendations__container .card:nth-child(7) {
        display: none;
    }
}

@media (max-width: 576px) {
    .recomendations__container .card:nth-child(7) {
        display: flex;
    }
}

.recomendations__container .card:nth-child(n+8) {
    display: none;
}

@media (max-width: 576px) {
    .recomendations__container .card:nth-child(n+8) {
        display: flex;
    }
}

.recomendations__container.--one-rows {
    display: flex;
    justify-content: flex-start;
    /*grid-template-columns: repeat(12, 1fr);*/
    /*grid-auto-rows: 232px;*/
}

.recomendations__container.--one-rows a {
    width: 334px;
    height: 232px;
}

@media (max-width: 576px) {
    .recomendations__container.--one-rows {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--one-rows .card {
        flex-shrink: 0;
        width: 55%;
        height: 290px;
    }
}

@media (max-width: 425px) {
    .recomendations__container.--one-rows .card {
        width: 67%;
    }
}

.recomendations__container.--one-rows .card:nth-child(1) {
    grid-column: 1/4;
}

@media (max-width: 1200px) {
    .recomendations__container.--one-rows .card:nth-child(1) {
        grid-column: 1/6;
    }
}

.recomendations__container.--one-rows .card:nth-child(2) {
    grid-column: 4/7;
}

@media (max-width: 1200px) {
    .recomendations__container.--one-rows .card:nth-child(2) {
        grid-column: 6/13;
    }
}

.recomendations__container.--one-rows .card:nth-child(3) {
    grid-column: 7/10;
}

@media (max-width: 1200px) {
    .recomendations__container.--one-rows .card:nth-child(3) {
        grid-column: 1/8;
    }
}

.recomendations__container.--one-rows .card:nth-child(4) {
    grid-column: 10/13;
}

@media (max-width: 1200px) {
    .recomendations__container.--one-rows .card:nth-child(4) {
        grid-column: 8/13;
    }
}

.recomendations__container.--one-rows .card:nth-child(n+5) {
    display: none;
}

@media (max-width: 576px) {
    .recomendations__container.--one-rows .card:nth-child(n+5) {
        display: flex;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows {
        display: grid;
        grid-template-columns: 1fr 1fr;
        overflow-x: hidden;
        grid-auto-rows: 293px;
        gap: 10px;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card {
        width: 100%;
        height: 100%;
    }
}

.recomendations__container.--four-rows .card:nth-child(1) {
    grid-column: 1/5;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(1) {
        grid-column: 1/6;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card:nth-child(1) {
        grid-column: unset;
    }
}

.recomendations__container.--four-rows .card:nth-child(2) {
    grid-column: 5/9;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(2) {
        grid-column: 6/13;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card:nth-child(2) {
        grid-column: unset;
    }
}

.recomendations__container.--four-rows .card:nth-child(3) {
    grid-column: 9/13;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(3) {
        grid-column: 1/8;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card:nth-child(3) {
        grid-column: unset;
    }
}

.recomendations__container.--four-rows .card:nth-child(4) {
    grid-column: 1/4;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(4) {
        grid-column: 8/13;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card:nth-child(4) {
        grid-column: unset;
    }
}

.recomendations__container.--four-rows .card:nth-child(5) {
    grid-column: 4/7;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(5) {
        grid-column: 1/6;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card:nth-child(5) {
        grid-column: unset;
    }
}

.recomendations__container.--four-rows .card:nth-child(6) {
    grid-column: 7/10;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(6) {
        grid-column: 6/13;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card:nth-child(6) {
        grid-column: unset;
    }
}

.recomendations__container.--four-rows .card:nth-child(7) {
    grid-column: 10/13;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(7) {
        display: flex;
        grid-column: 1/8;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card:nth-child(7) {
        grid-column: unset;
    }
}

.recomendations__container.--four-rows .card:nth-child(8) {
    grid-column: 1/5;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(8) {
        grid-column: 8/13;
    }
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card:nth-child(8) {
        grid-column: unset;
    }
}

.recomendations__container.--four-rows .card:nth-child(9) {
    grid-column: 5/9;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(9) {
        grid-column: 1/6;
    }
}

.recomendations__container.--four-rows .card:nth-child(10) {
    grid-column: 9/13;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(10) {
        grid-column: 6/13;
    }
}

.recomendations__container.--four-rows .card:nth-child(11) {
    grid-column: 1/4;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(11) {
        grid-column: 1/8;
    }
}

.recomendations__container.--four-rows .card:nth-child(12) {
    grid-column: 4/7;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(12) {
        grid-column: 8/13;
    }
}

.recomendations__container.--four-rows .card:nth-child(13) {
    grid-column: 7/10;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(13) {
        grid-column: 1/6;
    }
}

.recomendations__container.--four-rows .card:nth-child(14) {
    grid-column: 10/13;
}

@media (max-width: 1024px) {
    .recomendations__container.--four-rows .card:nth-child(14) {
        grid-column: 6/13;
    }
}

.recomendations__container.--four-rows .card:nth-child(n+8) {
    display: flex;
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card:nth-child(n+9) {
        display: none;
    }
}

.recomendations__container.--four-rows .card:nth-child(n+15) {
    display: flex;
    grid-column: span 4;
}

@media (max-width: 576px) {
    .recomendations__container.--four-rows .card:nth-child(n+15) {
        grid-column: unset;
    }
}

.contact-info__bts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 1500px) {
    .contact-info__bts {
        grid-template-columns: repeat(2, 500px);
        gap: 20px;
    }
}

@media (max-width: 1200px) {
    .contact-info__bts {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 992px) {
    .contact-info__bts {
        grid-template-columns: 1fr;
    }
}

.contact-info__block-links {
    box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.11);
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    cursor: pointer;
    transition: var(--transition) ease-in;
}

@media (max-width: 768px) {
    .contact-info__block-links {
        padding: 20px;
    }
}

@media (max-width: 425px) {
    .contact-info__block-links {

    }
}

@media (hover: hover) {
    .contact-info__block-links:hover {
        box-shadow: 0 4px 12px 0 rgba(50, 165, 23, 0.4);
    }
}

.contact-info__block-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 20px;
    color: #000;
}

@media (max-width: 1400px) {
    .contact-info__block-links a {
        font-size: 18px;
    }
}

.reviwes-socials {
    position: relative;
}

.reviwes-socials::before {
    position: absolute;
    content: "";
    border-radius: 200px 0 0 0;
    width: 21%;
    height: 100%;
    background-color: var(--color-btn);
    top: 0;
    right: 0;
}

@media (max-width: 1600px) {
    .reviwes-socials::before {
        width: 15%;
    }
}

@media (max-width: 1024px) {
    .reviwes-socials::before {
        display: none;
    }
}

.reviwes-socials__container {
    display: grid;
    grid-template-columns: minmax(40%, 760px) minmax(29%, 476px);
    gap: 50px;
    align-items: start;
    border-bottom: 1px solid #dfdfdf;
}

@media (max-width: 1400px) {
    .reviwes-socials__container {
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .reviwes-socials__container {
        grid-template-columns: 1fr;
    }
}

.reviwes-socials__item:first-child .reviwes-socials__block {
    height: 677px;
}

@media (max-width: 1400px) {
    .reviwes-socials__item:first-child .reviwes-socials__block {
        height: 400px;
    }
}

.reviwes-socials__item:last-child .reviwes-socials__block {
    height: 934px;
}

@media (max-width: 1400px) {
    .reviwes-socials__item:last-child .reviwes-socials__block {
        height: 651px;
    }
}

@media (max-width: 992px) {
    .reviwes-socials__item:last-child .reviwes-socials__block {
        height: 552px;
    }
}

.reviwes-socials__name {
    margin-bottom: 30px;
}

.reviwes-socials__block {
    margin-bottom: 30px;
}

@media (max-width: 756px) {
    .reviwes-socials__block > div {
        width: 500px !important;
    }
}

@media (max-width: 550px) {
    .reviwes-socials__block > div {
        width: 350px !important;
    }
}


a.reviwes-socials__btn.btn.--green {
    position: absolute;
    bottom: 0;
}

@media (max-width: 425px) {
    .reviwes-socials__btn {
        width: 100%;
    }
}

.bar-page__list {
    margin-bottom: 50px;
}

@media (max-width: 1400px) {
    .bar-page__list {
        margin-bottom: 30px;
    }
}

/* correction 19.05 */
.bar-page__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 100px;
    gap: 30px;
}

@media (max-width: 1400px) {
    .bar-page__container {
        gap: 20px;
    }
}

@media (max-width: 992px) {
    .bar-page__container {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

@media (max-width: 425px) {
    .bar-page__container {
        grid-template-rows: repeat(15, 52px);
        gap: 10px;
    }
}

.bar-page__container .card:nth-child(odd) {
    grid-row: span 4;
}

.bar-page__container .card:nth-child(even) {
    grid-row: span 3;
}

.bar-page__container .card:nth-child(2) {
    grid-row: span 2;
}

.bar-page__container .card:nth-child(3) {
    grid-row: span 5;
}

@media (max-width: 768px) {
    .bar-page__container .card:nth-child(3) {
        grid-row: span 4;
    }
}

/* /correction 19.05 */
.bar-page-detail__container {
    display: grid;
    grid-template-columns: 1fr 402px;
    gap: 50px;
}

@media (max-width: 992px) {
    .bar-page-detail__container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

.bar-page-detail__info-header {
    display: grid;
    gap: 20px;
}

.title-dark-img {
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    color: #000;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px;
    padding-left: 34px;
}

@media (max-width: 425px) {
    .title-dark-img {
        font-size: 14px;
        background-size: 18px;
    }
}

.bar-page-detail__info-text p {
    will-change: max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.bar-page-detail__block-image {
    display: grid;
    justify-items: center;
    align-items: end;
}

.bar-page-detail__block-image > * {
    grid-row: 1/-1;
    grid-column: 1/-1;
}

.bar-page-detail__image {
    width: 100%;
    height: 480px;
    overflow: hidden;
    border-radius: 30px;
}

.bar-page-detail__btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 30px;
    width: 94%;
    gap: 30px;
}

@media (max-width: 1200px) {
    .bar-page-detail__btns {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.bar-page-detail__btn {
    width: 100%;
}

.bar-page-detail__sticky .form {
    position: sticky;
    top: 10px;
}

@media (max-width: 992px) {
    .bar-page-detail__sticky .form {
        position: static;
    }
}

.detail__time {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    color: #626262;
    margin-bottom: 30px;
}

@media (max-width: 1400px) {
    .detail__time {
        margin-bottom: 20px;
    }
}

.detail__image {
    width: 100%;
    height: 556px;
    overflow: hidden;
    border-radius: 30px;
}

@media (max-width: 1200px) {
    .detail__image {
        height: auto;
        aspect-ratio: 2.4/1;
    }
}

@media (max-width: 480px) {
    .detail__image {
        height: 214px;
    }
}

.detail__article {
    /* display: grid;
  grid-template-columns: 1fr 639px;
  align-items: start;
  gap: 60px; */
}

/* @media (max-width: 1400px) {
  .detail__article {
    gap: 30px;
    grid-template-columns: 1fr 400px;
  }
}
@media (max-width: 768px) {
  .detail__article {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  .detail__article {
    grid-template-columns: 1fr;
  }
} */

.detail__article-list {
    display: grid;
    gap: 20px;
}

/* correction 19.06 */
/* /correction 19.06 */
.detail__article-image {
    height: clamp(18.75rem, 14.938rem + 19.06vw, 34rem);
    overflow: hidden;
    border-radius: 30px;
    width: 50%;
    float: right;
    margin: 0 0 20px 20px;
}

@media (max-width: 1400px) {
    .detail__article-image {
        aspect-ratio: 1/1;
        /* height: auto; */
    }
}

@media (max-width: 480px) {
    .detail__article-image {
        height: 302px;
        width: 100%;
        margin: 0 0 20px;
        float: unset;
    }
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.detail__block-video {
    position: relative;
    max-width: 1177px;
    width: 100%;
    height: 694px;
    overflow: hidden;
    border-radius: 30px;
}

@media (max-width: 1400px) {
    .detail__block-video {
        height: clamp(13.125rem, 3.064rem + 42.93vw, 40.625rem);
    }
}

.detail__video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.datail__video-btn {
    position: relative;
}

.datail__video-btn img {
    width: clamp(6.875rem, 4.566rem + 9.85vw, 13.188rem);
}

.datail__video-btn.video-hidden {
    display: none;
}

.detail__list ul > li {
    position: relative;
    font-weight: 500;
    font-size: clamp(0.875rem, 0.738rem + 0.59vw, 1.25rem);
    line-height: 150%;
    color: #000;
    padding-left: 30px;
}

@media (max-width: 425px) {
    .detail__list ul > li {
        padding-left: 20px;
    }
}

.detail__list ul > li:not(:last-child) {
    margin-bottom: 10px;
}

.detail__list ul > li b {
    position: relative;
    font-weight: 700;
}

.detail__list ul > li b::before {
    position: absolute;
    content: "";
    background-color: #000;
    top: 50%;
    left: -20px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translateY(-50%);
}

@media (max-width: 425px) {
    .detail__list ul > li b::before {
        left: -15px;
    }
}

.detail__list-title {
    display: inline-block;
    font-weight: 700;
    font-size: clamp(1rem, 0.863rem + 0.59vw, 1.375rem);
    color: #000;
    margin-bottom: 30px;
}

@media (max-width: 1200px) {
    .detail__list-title {
        margin-bottom: 20px;
    }
}

.detail__news {
    display: grid;
    grid-template-columns: 324px 1fr;
    grid-template-rows: 493px;
    gap: 50px;
    align-items: center;
}

@media (max-width: 992px) {
    .detail__news {
        gap: 30px;
        grid-template-columns: clamp(12.5rem, -10.75rem + 64.58vw, 20.25rem) 1fr;
        grid-template-rows: clamp(18.75rem, 52.08vw, 25rem);
    }
}

@media (max-width: 576px) {
    .detail__news {
        gap: 20px;
        grid-template-columns: 1fr;
        grid-template-rows: unset;
    }
}

.detail__link-news {
    width: 100%;
    height: 100%;
}

@media (max-width: 576px) {
    .detail__link-news {
        width: 223px;
        height: 339px;
    }
}

.detail__news-text {
    will-change: max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.faq__list {
    display: grid;
    gap: 20px;
}

.faq__item {
    border-radius: 30px;
}

.faq__item.active {
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
}

.faq__row {
    border-radius: 30px;
    padding: 30px;
    background: #eaf8e7;
    font-weight: 700;
    font-size: 22px;
    color: #000;
    transition: var(--transition) ease-in;
    gap: 10px;
}

@media (max-width: 480px) {
    .faq__row {
        font-size: 18px;
        padding: 30px 20px;
    }
}

.faq__row.show {
    background-color: #fff;
}

.faq__row.show .faq__row-icon::after {
    transform: rotate(90deg);
}

.faq__row-icon {
    position: relative;
    width: 20px;
    height: 20px;
}

.faq__row-icon::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #000;
}

.faq__row-icon::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background-color: #000;
    transition: var(--transition) ease-in;
}

.faq__content {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: var(--transition) ease-in;
    padding: 0 30px 0px;
}

.faq__content.js-visible {
    grid-template-rows: 1fr;
    padding: 0 30px 30px;
}

@media (max-width: 480px) {
    .faq__content.js-visible {
        padding: 0 30px 20px;
    }
}

.faq__text {
    min-height: 0;
}

.form-detail__container {
    display: flex;
    width: 100%;
}

.form-detail__image {
    overflow: hidden;
    border-radius: 70px 0 0 0;
    margin-right: -5%;
}

@media (max-width: 1024px) {
    .form-detail__image {
        display: none;
    }
}

.form-detail__form {
    width: 70%;
}

@media (max-width: 1024px) {
    .form-detail__form {
        width: 100%;
    }
}

.form-detail__form .form--green {
    border-radius: 0 70px;
    padding: 40px;
}

@media (max-width: 576px) {
    .form-detail__form .form--green {
        border-radius: 30px;
        padding: 30px;
    }
}

.form-detail__form .form__block-inputns {
    display: flex;
}

@media (max-width: 1200px) {
    .form-detail__form .form__block-inputns {
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .form-detail__form .form__block-inputns {
        flex-direction: row;
    }
}

@media (max-width: 768px) {
    .form-detail__form .form__block-inputns {
        flex-direction: column;
    }
}

.form-detail__form .send-button {
    width: fit-content;
}

@media (max-width: 576px) {
    .form-detail__form .send-button {
        width: 100%;
    }
}

.detail__article-btns {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 30px;
}

@media (max-width: 480px) {
    .detail__article-btns .btn {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .contacts .container-left {
        padding-left: 80px;
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    .contacts .container-left {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.contacts__container {
    display: grid;
    grid-template-columns: 60% 40%;
    align-items: start;
}

@media (max-width: 768px) {
    .contacts__container {
        grid-template-columns: 1fr;
    }
}

.contacts-map {
    position: fixed;
    right: 0;
    top: 0px;
    width: 33%;
    height: 100%;
}

@media (max-width: 768px) {
    .contacts-map {
        position: static;
        height: 387px;
        width: 100%;
        margin-bottom: 30px;
    }
}

.contacts__item .form__block-inputns {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 576px) {
    .contacts__item .form__block-inputns {
        grid-template-columns: 1fr;
    }
}

.contacts__item .form__block-inputns .form__input:nth-child(1) {
    grid-column: 1/2;
}

@media (max-width: 576px) {
    .contacts__item .form__block-inputns .form__input:nth-child(1) {
        grid-column: 1/3;
    }
}

.contacts__item .form__block-inputns .form__input:nth-child(2) {
    grid-column: 2/3;
}

@media (max-width: 576px) {
    .contacts__item .form__block-inputns .form__input:nth-child(2) {
        grid-column: 1/3;
    }
}

.contacts__item .form__block-inputns .form__input:nth-child(3) {
    grid-column: 1/3;
    height: 124px;
}

.contacts__item .send-button {
    width: fit-content;
}

.contacts__list-links {
    margin-bottom: 40px;
}

.contacts__list-links > li {
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .contacts__list-links > li {
        flex-direction: column;
        align-items: start;
    }
}

.contacts__list-links > li:not(:last-child) {
    margin-bottom: 15px;
}

.contacts__list-links > li span {
    font-weight: 500;
    font-size: 15px;
    color: #505050;
}

.contacts__list-links > li a {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: color var(--transition) ease-in;
    /* correction 19.05 */
    /* /correction 19.05 */
}

.cookies-content {
    padding: 30px 0;
    display: flex;
    margin: 0 140px;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    line-height: 24px;
}

.cookies-content p {
    max-width: 1525px;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 430px) {
    .cookies-field.show {
        padding-bottom: 70px;

    }

    .cookies-field.show {
        transition: 0.5s ease-in-out;
    }

    .cookie-top-hide {
        opacity: 0;
        margin-bottom: -70px;
        transition: 0.5s ease-in-out;
    }


}

.i__agree button {
    background-color: #CCE2CB;
    border: none;
    padding: 15px 30px;
    color: #295047;
    border-radius: 30px;
    cursor: pointer;
    transition-duration: .2s;
    font-weight: 600;
    font-size: 15px;
}


@media (max-width: 1441px) {
    .cookies-content {
        margin: 0 110px 0 20px;
        padding: 10px 0;
    }

    .cookies-content p {
        font-size: 12px;
        padding-right: 10px;
    }

    .i__agree button {
        padding: 10px 20px;
    }

}

@media (max-width: 768px) {
    .cookies-content {
        flex-wrap: wrap;
        margin: 0 60px 0 15px;
    }

    .cookies-content p {
        line-height: 15px;
    }

    .i__agree button {
        margin-top: 10px;
    }
}


@media (max-width: 425px) {
    .cookies-content {
        margin: 0 0px 0 15px;
    }
}

@media (max-width: 425px) {
    .contacts__list-links > li a {
        font-size: 17px;
    }
}


@media (hover: hover) {
    .contacts__list-links > li a:hover {
        color: var(--color-btn);
    }

    .contacts__list-links > li a:hover svg {
        stroke: var(--color-btn);
    }
}

.contacts__list-links > li a svg {
    stroke: var(--text-accent);
    transition: color var(--transition) ease-in;
    flex-shrink: 0;
}

.contacts__socials {
    margin-top: 30px;
}

.page-error {
    padding: clamp(1.875rem, 0.579rem + 6.48vw, 6.25rem) 0;
    gap: 20px;
}

@media (max-width: 480px) {
    .page-error {
        flex-direction: column-reverse;
    }
}

.page-error__content {
    max-width: 766px;
}

.page-error__title {
    margin-bottom: 50px;
}

@media (max-width: 480px) {
    .page-error__title {
        margin-bottom: 30px;
        text-align: center;
    }
}

.page-error__text {
    font-weight: 500;
    font-size: clamp(0.875rem, 0.764rem + 0.56vw, 1.25rem);
    line-height: 150%;
    color: #000;
    margin-bottom: 40px;
}

@media (max-width: 480px) {
    .page-error__text {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .page-error__btn {
        width: 100%;
    }
}

.page-error__image {
    position: relative;
    max-width: 488px;
    flex-shrink: 0;
}

@media (max-width: 992px) {
    .page-error__image {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    #filter_clear-modal {
        display: none;
    }
}


@media (max-width: 768px) {
    .page-error__image {
        max-width: 200px;
    }
}

.footer {
    padding: 0px 0 80px;
    z-index: 1;
}

@media (max-width: 1400px) {
    .footer {
        padding: 0px 0 40px;
    }
}

@media (max-width: 576px) {
    .footer {
        padding: 0px 0 90px;
    }
}

.footer__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px 67px;
    padding: 80px 0 0 0;
    border-top: 1px solid #dfdfdf;
    /*82 задача*/
    margin-bottom: 20px;
}

@media (max-width: 1400px) {
    .footer__container {
        padding: 40px 0 0px;
        margin-bottom: 40px;
    }
}

@media (max-width: 1200px) {
    .footer__container {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .footer__container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .footer__list.--bold {
        grid-column: 1/3;
    }
}

@media (max-width: 600px) {
    .footer__list.--bold {
        grid-column: unset;
    }
}

.footer__list.--bold .footer__item:not(:last-child) {
    margin-bottom: 21px;
}

.footer__list.--bold .footer__link {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    gap: 10px 20px;
}

@media (max-width: 1400px) {
    .footer__list.--bold .footer__link {
        font-size: 14px;
    }
}

.footer__list.--bold i {
    font-style: normal;
}

@media (max-width: 425px) {
    .footer__list.--bold .footer__item .footer__link:last-child {
        flex-wrap: wrap;
    }

    .footer__list.--bold .footer__item .footer__link:last-child svg {
        order: -1;
    }

    .footer__list.--bold .footer__item .footer__link:last-child span {
        order: 0;
    }

    .footer__list.--bold .footer__item .footer__link:last-child i {
        order: -2;
    }
}

.footer__item {
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}

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

.footer__item svg {
    stroke: #5c5c5c;
    flex-shrink: 0;
}

.footer__item span {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 15px;
}

@media (hover: hover) {
    .footer__item:hover .footer__link {
        color: var(--color-btn);
    }

    .footer__item:hover .footer__link svg {
        stroke: var(--color-btn);
    }

    .footer__item:hover svg {
        stroke: var(--color-btn);
    }
}

.footer__item.--reiting {
    max-width: 250px;
    height: 82px;
    background-color: transparent;
    border-radius: 8px;
}

.footer__item.--reiting a {
    width: 230px !important;
    height: 80px !important;
}


.footer__link {
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 500;
    font-size: 16px;
    color: #212121;
    transition: var(--transition) ease-in;
}

@media (max-width: 1400px) {
    .footer__link {
        font-size: 14px;
    }
}

.footer__bottom {
    gap: 20px;
}

@media (max-width: 480px) {
    .footer__bottom {
        flex-direction: column;
        align-items: start;
    }
}

.footer__copyright {
    font-weight: 500;
    font-size: 15px;
    color: #5c5c5c;
}

.contact-info__block-links div {
    color: var(--color-btn);
}

.social-icons {
    display: flex;
    column-gap: 10px;
}

@media (max-width: 1400px) {
    .footer__copyright {
        font-size: 14px;
    }
}

[data-title-copy] {
    position: relative;
    width: fit-content;
    font-weight: 700;
}

@media (hover: hover) {
    [data-title-copy]:hover::before {
        opacity: 1;
    }
}

[data-title-copy].not-show::before {
    opacity: 1;
    animation: not-show 0.5s 2s linear forwards;
}

[data-title-copy]::before {
    position: absolute;
    content: attr(data-title-copy);
    background-color: #5c5c5c;
    color: #dfdfdf;
    text-align: center;
    padding: 10px 20px;
    border-radius: 10px;
    top: -40px;
    left: 0;
    opacity: 0;
}

@keyframes not-show {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* === /Секции ===*/

/* middle-light-green */
.middle-light-green {
    --color-btn: #356641;
    --text-accent: #5c5c5c;
}

.middle-light-green.bg-middle-light-green {
    background-color: #f4f2ef;
}

.middle-light-green.bg-middle-light-green .main,
.middle-light-green.bg-middle-light-green .footer {
    background-color: #f4f2ef;
}

.middle-light-green.bg-middle-light-green .poster.--stocks {
    background-color: #fff;
}

.middle-light-green.bg-middle-light-green .poster.--stocks .poster__swiper::before {
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
}

.middle-light-green.bg-middle-light-green .poster__swiper::before {
    background: linear-gradient(90deg, rgba(244, 242, 239, 0) 0%, #f4f2ef 100%);
}

.middle-light-green .aside.active .menu__list {
    background-color: rgba(4, 21, 17, 0.84);
}

.middle-light-green .menu__sublist,
.middle-light-green .menu__sub-sublist {
    background-color: rgba(27, 51, 45, 0.95);
}

@media (max-width: 480px) {
    .middle-light-green .menu__sublist::before,
    .middle-light-green .menu__sub-sublist::before {
        background-color: rgba(27, 51, 45, 0.95);
    }

    .middle-light-green .menu__sublist::after,
    .middle-light-green .menu__sub-sublist::after {
        background-color: rgba(27, 51, 45, 0.95);
    }
}

.middle-light-green .travelline-block {
    background-color: #cce2cb;
}

@media (hover: hover) {
    .middle-light-green .btn.--green:hover {
        background-color: #4f766d;
    }
}

.middle-light-green .btn.--green:active {
    background-color: #5a7a59;
}

.middle-light-green .header__btn {
    background-color: #cce2cb;
    color: #295047;
}

@media (hover: hover) {
    .middle-light-green .header__btn.--green:hover {
        background-color: #5a7a59;
        color: #fff;
    }
}

.middle-light-green .list__item {
    border: 1px solid #7c7c7c;
}

@media (hover: hover) {
    .middle-light-green .list__item:hover {
        border: 1px solid #fff;
        background-color: #fff;
    }
}

@media (hover: hover) {
    .middle-light-green .list__item.active:hover {
        opacity: 0.8;
        border: 1px solid var(--color-btn);
        background-color: var(--color-btn);
    }
}

@media (hover: hover) {
    .middle-light-green .title-link:hover {
        border-bottom: 2px solid transparent;
        color: var(--color-btn);
    }
}

.middle-light-green .rooms__item {
    color: #CCE2CB;
}

.middle-light-green .rooms__item.active {
    color: #fff;
}

@media (hover: hover) {
    .middle-light-green .rooms__item:hover {
        color: #fff;
    }
}

.middle-light-green .rooms__btn {
    background-color: rgba(255, 255, 255, 0.19);
}

.middle-light-green .rooms__btn.active {
    background-color: #fff;
    color: #295047;
}

@media (hover: hover) {
    .middle-light-green .rooms__btn.active:hover {
        color: #fff;
    }
}

@media (hover: hover) {
    .middle-light-green .rooms__btn:hover {
        background-color: rgba(255, 255, 255, 0.42);
    }
}

.middle-light-green .poster.--stocks {
    background-color: #DBF1D9;
}

.middle-light-green .poster.--stocks .poster__swiper::before {
    background: linear-gradient(90deg, rgba(228, 228, 228, 0) 0%, #caf1c2 100%);
}

.middle-light-green .resort-map__list .list__item {
    color: #000;
}

.middle-light-green .resort-map__list .list__item.active {
    color: #fff;
    border: 1px solid var(--color-btn);
}

.middle-light-green .middle.light-green .contact-info__block-links div {
    color: #295047;
}

@media (hover: hover) {
    .middle-light-green .resort-map__list .list__item.active:hover {
        opacity: 0.8;
        border: 1px solid var(--color-btn);
        background-color: var(--color-btn);
    }
}

@media (hover: hover) {
    .middle-light-green .resort-map__list .list__item:hover {
        background-color: #eee;
        border-color: #eee;
    }
}

@media (hover: hover) {
    .middle-light-green .scroll-top__icon:hover:hover {
        box-shadow: 0 4px 12px 0 #295047;
    }
}

@media (hover: hover) {
    .middle-light-green .reviews .title-link:hover {
        color: #fff;
        border-color: #fff;
    }
}

/* /middle-light-green box-shadow: 0 4px 12px 0 rgba(26, 73, 15, 0.67); */
/* ============================================================================================================================== */
/* light-green */
.light-green {
    --color-btn: #77B584;
    --text-accent: #5c5c5c;
}

.light-green.bg-light-green {
    background-color: #f3f3f3;
}

.light-green.bg-light-green .poster__swiper::before {
    background: linear-gradient(90deg, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);
}

.light-green.bg-light-green .main,
.light-green.bg-light-green .footer {
    background-color: #f3f3f3;
}

.light-green .aside.active .menu__list {
    background-color: rgba(4, 21, 17, 0.84);
}

.light-green .menu__sublist,
.light-green .menu__sub-sublist {
    background-color: rgba(26, 50, 44, 0.95);
}

@media (max-width: 480px) {
    .light-green .menu__sublist::before,
    .light-green .menu__sub-sublist::before {
        background-color: rgba(26, 50, 44, 0.95);
    }

    .light-green .menu__sublist::after,
    .light-green .menu__sub-sublist::after {
        background-color: rgba(26, 50, 44, 0.95);
    }
}

.light-green .travelline-block {
    background-color: #77B584;
}

@media (hover: hover) {
    .light-green .btn.--green:hover {
        background-color: #4C9F5D;
    }
}

.light-green .btn.--green:active {
    background-color: #4C9F5D;
}

.light-green .btn.--green-border {
    color: #295047;
    border: 1px solid #77b584;
}

@media (hover: hover) {
    .light-green .btn.--green-border:hover {
        color: #5a9e69;
        border: 1px solid #5a9e69;
    }
}

.light-green .header__btn {
    background-color: #77B584;
}

@media (hover: hover) {
    .light-green .header__btn.--green:hover {
        background-color: #5A9E69;
        color: #fff;
    }
}

.light-green .list__item {
    border: 1px solid #7c7c7c;
}

@media (hover: hover) {
    .light-green .list__item:hover {
        border: 1px solid #fff;
        background-color: #fff;
    }
}

.light-green .list__item.active {
    border: 1px solid var(--color-btn);
}

@media (hover: hover) {
    .light-green .list__item.active:hover {
        opacity: 0.8;
        border: 1px solid var(--color-btn);
        background-color: var(--color-btn);
    }
}

@media (hover: hover) {
    .light-green .title-link:hover {
        color: #2B2B2B;
    }
}

.light-green .rooms__filter {
    background-color: var(--color-btn);
}

.light-green .rooms__item {
    color: #afdfad;
}

.light-green .rooms__item.active {
    color: #fff;
}

@media (hover: hover) {
    .light-green .rooms__item:hover {
        color: #fff;
    }
}

.light-green .rooms__btn {
    background-color: rgba(0, 0, 0, 0.12);
}

.light-green .rooms__btn.active {
    background-color: #fff;
    color: #295047;
}

@media (hover: hover) {
    .light-green .rooms__btn.active:hover {
        color: #fff;
    }
}

@media (hover: hover) {
    .light-green .rooms__btn:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }
}

.light-green .poster.--stocks {
    background: rgba(119, 181, 132, 0.21);
}

.light-green .poster.--stocks .poster__swiper::before {
    background: linear-gradient(90deg, rgba(228, 228, 228, 0) 0%, #caf1c2 100%);
}

.light-green .poster__swiper::before {
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
}

.light-green .resort-map__list .list__item {
    color: #000;
}

.light-green .resort-map__list .list__item.active {
    color: #fff;
    border: 1px solid var(--color-btn);
}

.light-green .contact-info__block-links div {
    color: #295047;
}

@media (hover: hover) {
    .light-green .resort-map__list .list__item.active:hover {
        opacity: 0.8;
        border: 1px solid var(--color-btn);
        background-color: var(--color-btn);
    }
}

@media (hover: hover) {
    .light-green .resort-map__list .list__item:hover {
        background-color: #eee;
        border-color: #eee;
    }
}

@media (hover: hover) {
    .light-green .scroll-top__icon:hover {
        box-shadow: 0 4px 12px 0 #77b584;
    }
}

@media (hover: hover) {
    .light-green .reviews .title-link:hover {
        color: #fff;
        border-color: #fff;
    }
}

/*Pink*/
/* ============================================================================================================================== */
.pink {
    --color-btn: #B4245C;
    --text-accent: #5c5c5c;
}

.pink.bg-pink {
    background-color: #f3f3f3;
}

.pink #block-search {
    background-color: #bfbfbf;
    color: #FFFFFF;
}

.pink.bg-pink .poster__swiper::before {
    background: linear-gradient(90deg, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);
}


.pink.bg-pink .main,
.pink.bg-pink .footer {
    background-color: #f3f3f3;
}

.pink .aside.active .menu__list {
    background-color: rgba(0, 0, 0, 0.95);
}

.pink .menu__sublist,
.pink .menu__sub-sublist {
    background-color: rgba(0, 0, 0, 0.95);
}

@media (max-width: 480px) {
    .pink .menu__sublist::before,
    .pink .menu__sub-sublist::before {
        background-color: #000000;
    }

    .pink .menu__sublist::after,
    .pink .menu__sub-sublist::after {
        background-color: #000000;
    }
}

.pink .travelline-block-demo {
    background-color: #B4245C;
}

@media (hover: hover) {
    .pink .btn.--green:hover {
        background-color: #BF5179;
    }
}

.pink .btn.--green:active {
    background-color: #B4245C;
}

.pink .btn.--green-border {
    color: #B4245C;
    border: 1px solid #B4245C;
}

@media (hover: hover) {
    .pink .btn.--green-border:hover {
        color: #B4245C;
        border: 1px solid #B4245C;
    }
}

.pink .header__btn {
    background-color: #B4245C;
    border: 1px solid #B4245C;
    color: #ffffff;
}


@media (hover: hover) {
    .pink .header__btn.--green:hover {
        background-color: #BF5179;
        color: #fff;
    }
}

.pink .list__item {
    border: 1px solid #7c7c7c;
}

@media (hover: hover) {
    .pink .list__item:hover {
        border: 1px solid #EEEEEE;
        background-color: #EEEEEE;
    }
}

/*@media (hover: hover) {*/
/*    .pink .list__item.active:hover {*/
/*        opacity: 0.8;*/
/*        background-color: #BF5179;*/
/*    }*/
/*}*/

.pink .list__item.active {
    background-color: #000000;
}

.pink .list__item.active:hover {
    background-color: #BF5179 !important;
}


@media (hover: hover) {
    .pink .title-link:hover {
        color: #2B2B2B;
    }
}

.pink .rooms__filter {
    background-color: #BF5179;
}

.pink .rooms__item {
    color: #EDB8CB
}

.pink .rooms__item.active {
    color: #fff;
}

@media (hover: hover) {
    .pink .rooms__item:hover {
        color: #fff;
    }
}

.pink .rooms__btn {
    background-color: rgba(255, 255, 255, 0.21);
}

.pink .rooms__btn.active {
    background-color: #fff;
    color: #B4245C;
}

@media (hover: hover) {
    .pink .rooms__btn.active:hover {
        color: #fff;
    }
}

@media (hover: hover) {
    .pink .rooms__btn:hover {
        background-color: rgba(255, 255, 255, 0.5);
    }
}

.pink .poster.--stocks {
    background: rgba(235, 235, 235, 100);
}

.pink .poster.--stocks .poster__swiper::before {
    background: linear-gradient(90deg, rgba(228, 228, 228, 0) 0%, #ebebeb 100%);
}

.pink .poster__swiper::before {
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
}

.pink .resort-map__list .list__item {
    color: #000;
}

.pink .resort-map__list .list__item.active {
    color: #fff;
    border: 1px solid #000000;
    background-color: #000000;
}

@media (hover: hover) {
    .pink .resort-map__list .list__item.active:hover {
        opacity: 0.8;
        border: 1px solid #000000;
        background-color: #000000;
    }
}

@media (hover: hover) {
    .pink .resort-map__list .list__item:hover {
        background-color: #eee;
        border-color: #eee;
    }
}

@media (hover: hover) {
    .pink .scroll-top__icon:hover {
        box-shadow: 0 4px 12px 0 #b4245c;
    }
}

@media (hover: hover) {
    .pink .reviews .title-link:hover {
        color: #fff;
        border-color: #fff;
    }
}

.pink .rooms__content-list {
    background-color: #ececec;
}

.pink .cookies-field {
    background-color: #B4245C;
}

.pink .scroll-top__icon svg {
    stroke: #000000;
}

.pink .menu__icon {
    stroke: var(--color-btn);
    color: var(--color-btn);
}

.pink .i__agree button {
    background-color: #dda9bd;
    color: #FFFFFF;
}

.pink .vacancy__blocks ul li span {
    background-color: var(--color-btn);
    color: #FFFFFF;
}

.pink .vacancy__blocks ul li span:hover {
    background-color: #dfa8bd;
}

.pink .vacancy__see-all ul li a:hover {
    background-color: var(--color-btn);
}

.pink .no__vacancies p a {
    color: var(--color-btn);
    border-bottom: 1px solid #B4245C;
}

.pink .response__block div {
    background-color: #dfa8bd;
}

.pink .response__block h4 {
    color: #ffffff;
}

.pink .response__block p {
    color: #ffffff;
}


.pink .room-comfort__travelline-btn:hover,
.pink .contact-info__block-links:hover {
    box-shadow: 0 4px 12px 0 rgba(180, 36, 92, 1);
}

.pink .rooms-list {
    background-color: #ececec;
}

.pink .room-comfort-list a,
.pink .room-comfort-list span {
    background-color: #B4245C;
    color: #FFFFFF;
}

.pink .room-comfort-list a:hover,
.pink .room-comfort-list span:hover {
    background-color: #dfa8bd;
    color: #FFFFFF;
}

.pink .room-comfort__list-nearby li.lazy {
    color: #B4245C;
}

.pink .range__input .noUi-connect {
    background-color: #B4245CFF;
}

.pink .noUi-touch-area {
    background-color: #B4245CFF;
    border-radius: 30px;
}

.pink .cards-footer__btn.btn,
.pink .filter__btn {
    background-color: #B4245C;
}

.pink .pagination__link:hover,
.pink .cards-footer__btn.btn:hover,
.pink .filter__btn:hover {
    background-color: #dfa8bd;
}

.pink .pagination__link.active {
    background-color: #B4245C;
}

.pink .attractions-page-detail__desc-item:nth-child(2)::before,
.pink .attractions-page-detail__desc-item:nth-child(3)::before {
    background-color: #dfa8bd;
}

.pink .way__link {
    background-color: #dfa8bd;
}

.pink .title-green-img {
    color: #B4245C;
}

.pink .attractions-page-detail__desc-item a {
    color: #B4245C;
}

.pink .way__link-title {
    color: #FFFFFF;
}

.pink .btn-download__icon {
    background-color: #B4245C;
    transition: .3s;
}

.pink .link-copy {
    background-color: #B4245C;
    color: #FFFFFF;
}

.pink #filter_clear_vacancy:hover {
    background-color: #B4245C;
    border: 1px solid #B4245C;
}

.pink .contact-info__block-links div {
    color: #B4245C;
}

.pink .room-comfort__list-nearby li a:hover span {
    color: #B4245C;
}

.pink .faq__row {
    background-color: #dfa8bd;
}

.pink .faq__row.show {
    background-color: #ffffff;
}

.pink .show_options,
.pink .filter__btn-open {
    background-color: #B4245C;
}

.pink .response__popup .response-btn {
    background-color: #B4245C;
}

.pink .response__popup .response-btn:hover {
    background-color: transparent;
    color: #B4245C;
    border: 2px solid #B4245C;
}

.pink .travelline-block-demo ul li:last-child {
    background-color: #dfa8bd;
}

.pink .travelline-block-demo ul li:last-child:hover {
    background-color: #e796b5;
}

.pink .modal-content__btn {
    background-color: #B4245C;
}

.pink .for__us-information-blocks ul li {
    background-color: #e796b5;
}

.pink .language-switch li:hover {
    color: #e796b5;
    transition: .3s;
}


/*Blue*/
/* ============================================================================================================================== */
.blue {
    --color-btn: #2E6FA0;
    --text-accent: #5c5c5c;
}


.blue.bg-pink {
    background-color: #f3f3f3;
}

.blue.bg-pink .poster__swiper::before {
    background: linear-gradient(90deg, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);
}

.blue.bg-pink .main,
.blue.bg-pink .footer {
    background-color: #f3f3f3;
}

.blue .aside.active .menu__list {
    background-color: rgba(9, 23, 45, 0.95);
}

.blue .menu__sublist,
.blue .menu__sub-sublist {
    background-color: rgba(0, 0, 0, 0.95);
}

@media (max-width: 480px) {
    .blue .menu__sublist::before,
    .blue .menu__sub-sublist::before {
        background-color: #000000;
    }

    .blue .menu__sublist::after,
    .blue .menu__sub-sublist::after {
        background-color: #000000;
    }
}

.blue .travelline-block-demo {
    background-color: #2E6FA0;
}

@media (hover: hover) {
    .blue .btn.--green:hover {
        background-color: #2E6FA0;
    }
}

.blue .btn.--green:active {
    background-color: #2E6FA0;
}

@media (hover: hover) {
    .blue .btn.--green-border:hover {
        color: #2E6FA0;
        border: 1px solid #2E6FA0;
    }
}


.blue .scroll-top__btn__not-adapt {
    background-color: #7CD5AF;
    color: #000000;
}

.blue .header__btn {
    background-color: #ececec;
    border: 1px solid #2e6fa0;
    color: #000000;
}

.blue .infrastructure__btn {
    background-color: #7CD5AF;
    color: #000000;
}

.blue .scroll-top__btn__not-adapt:hover,
.blue .rooms__info-btn:hover,
.blue .infrastructure__btn:hover {

    color: #FFFFFF;
}

.blue .rooms__info-btn {
    background-color: #7CD5AF;
    color: #000000;
}

.blue .rooms__info-btn.--green-border {
    background-color: #ffffff;
    color: #7CD5AF;
    border: 1px solid #7CD5AF;
}


@media (hover: hover) {
    .blue .header__btn.--green:hover {
        background-color: #2E6FA0;
        color: #ffffff;
    }
}

.blue .list__item {
    border: 1px solid #7c7c7c;
}

@media (hover: hover) {
    .blue .list__item:hover {
        border: 1px solid #fff;
        background-color: #fff;
    }
}

.blue .list__item.active {
    border: 1px solid #2E6FA0;
}

@media (hover: hover) {
    .blue .list__item.active:hover {
        opacity: 0.8;
        border: 1px solid #2E6FA0;
        background-color: #2E6FA0;
    }
}

@media (hover: hover) {
    .blue .title-link:hover {
        color: #2B2B2B;
    }
}

.blue .rooms__filter {
    background-color: #2E6FA0;
}

.blue .rooms__item {
    color: #A0CDF0;
}

.blue .rooms__item.active {
    color: #fff;
}

@media (hover: hover) {
    .blue .rooms__item:hover {
        color: #fff;
    }
}

.blue .rooms__btn {
    background-color: rgba(255, 255, 255, 0.2);
}

.blue .rooms__btn.active {
    background-color: #fff;
    color: #2E6FA0;
}

@media (hover: hover) {
    .blue .rooms__btn.active:hover {
        color: #fff;
    }
}

@media (hover: hover) {
    .blue .rooms__btn:hover {
        background-color: rgba(255, 255, 255, 0.5);
    }
}

.blue .poster.--stocks {
    background-color: #ECF6FF;
}

.blue .poster.--stocks .poster__swiper::before {
    background: linear-gradient(90deg, rgba(228, 228, 228, 0) 0%, #ecf6ff 100%);
}

.blue .poster__swiper::before {
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
}

.blue .resort-map__list .list__item {
    color: #000;
}

.blue .resort-map__list .list__item.active {
    color: #fff;
    border: 1px solid #2E6FA0;
}

@media (hover: hover) {
    .blue .resort-map__list .list__item:hover {
        background-color: #D3EBFF;
        border-color: #eee;
    }
}

@media (hover: hover) {
    .blue .resort-map__list .list__item.active:hover {
        opacity: 0.8;
        border: 1px solid #2E6FA0;
        background-color: #2E6FA0;
    }
}


@media (hover: hover) {
    .blue .scroll-top__icon:hover {
        box-shadow: 0 4px 12px 0 #2E6FA0;
    }
}

@media (hover: hover) {
    .blue .reviews .title-link:hover {
        color: #fff;
        border-color: #fff;
    }
}

.blue .rooms__content-list {
    background-color: #ececec;
}

.menu__subitem a:hover {
    background-color: background-color: rgba(9, 23, 45, 0.95);;
}

.blue [data-pecial-offer]::after {
    background-color: #7CD5AF;
    color: #000000;
}

.blue .swiper-button:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.blue .news__btn.--pc {
    background-color: #7CD5AF;
    color: #000000;
}

.blue .news__btn.--pc:hover {
    color: #FFFFFF;
}

.blue .vacancy__blocks ul li span {
    background-color: #2E6FA0;
    color: #FFFFFF;
}

.blue .vacancy__blocks ul li span:hover {
    background-color: #93b7d1;
}

.blue .vacancy__see-all ul li a:hover {
    background-color: var(--color-btn);
}

.blue .no__vacancies p a {
    color: var(--color-btn);
    border-bottom: 1px solid #2E6FA0;
}

.blue .response__block div {
    background-color: #588db6;
}

.blue .response__block h4 {
    color: #ffffff;
}

.blue .response__block p {
    color: #ffffff;
}


.blue .response__block-btn button:hover {
    background-color: #95b6ce !important;
}

.blue .contact-info__block-links:hover {
    box-shadow: 0 4px 12px 0 rgba(149, 182, 206, 1);
}

.blue .cookies-field {
    background-color: #588db6;
}

.blue .i__agree button {
    background-color: #95b6ce;
    color: #FFFFFF;
}

.blue .rooms-list {
    background-color: #ececec;
}

.blue .room-comfort-list a:hover,
.blue .room-comfort-list span:hover {
    background-color: #95b6ce;
    color: #FFFFFF;
}

.blue .room-comfort__list-nearby li.lazy {
    color: #2E6FA0;
}

.blue .room-comfort__list-nearby li.lazy a {
    color: #2E6FA0;
}

.blue .range__input .noUi-connect {
    background-color: #2E6FA0;
}

.blue .noUi-touch-area {
    background-color: #2E6FA0;
    border-radius: 30px;
}

.blue .cards-footer__btn.btn,
.blue .filter__btn {
    background-color: #2E6FA0;
}

.blue .pagination__link:hover,
.blue .cards-footer__btn.btn:hover,
.blue .filter__btn:hover {
    background-color: #95b6ce;
}

.blue .pagination__link.active {
    background-color: #2E6FA0;
}

.blue .attractions-page-detail__desc-item:nth-child(2)::before,
.blue .attractions-page-detail__desc-item:nth-child(3)::before {
    background-color: #95b6ce;
}

.blue .way__link {
    background-color: #95b6ce;
}

.blue .title-green-img {
    color: #2E6FA0;
}

.blue .attractions-page-detail__desc-item a {
    color: #2E6FA0;
}

.blue .way__link-title {
    color: #FFFFFF;
}

.blue .room-comfort-list a,
.blue .room-comfort-list span {
    background-color: #2E6FA0;
    color: #FFFFFF;
}

.blue .btn-download__icon {
    background-color: #2E6FA0;
    transition: .3s;
}

.blue .link-copy {
    background-color: #2E6FA0;
    color: #FFFFFF;
}

.blue .room-comfort__travelline-btn:hover,
.blue .contact-info__block-links:hover {
    box-shadow: 0 4px 12px 0 rgba(41, 111, 160, 1);
}

.blue .contact-info__block-links div {
    color: #2E6FA0;
}

.blue #filter_clear_vacancy:hover {
    background-color: #2E6FA0;
    border: 1px solid #2E6FA0;
}

.blue .faq__row {
    background-color: #95b6ce;
}

.blue .faq__row.show {
    background-color: #ffffff;
}

.blue .room-comfort__list-nearby li a:hover span {
    color: #2E6FA0;
}

.blue .show_options,
.blue .filter__btn-open {
    background-color: #2E6FA0;
}

.blue .response__popup .response-btn {
    background-color: #2E6FA0;
}

.blue .response-checkbox:checked + label:before {
    background-color: #2E6FA0;
}

.blue .response__popup .response-btn:hover {
    background-color: transparent;
    color: #2E6FA0;
    border: 2px solid #2E6FA0;
}

.blue .travelline-block-demo ul li:last-child {
    background-color: #95b6ce;
}

.blue .travelline-block-demo ul li:last-child:hover {
    background-color: #77abd2;
}

.blue .modal-content__btn {
    background-color: #2E6FA0;
}

.blue .for__us-information-blocks ul li {
    background-color: #77abd2;
}

.blue .for__us-photogallery-see-all a:hover {
    background-color: #77abd2;
    transition: .3s;
}

.blue .language-switch li:hover {
    color: #2E6FA0;
    transition: .3s;
}

.blue .reservation-pay:hover {
    background-color: #77abd2;
    transition: .3s;
}


/*new pages=================================================================================================================*/
.vacancy_name h2 {
    font-size: 60px;
    margin-bottom: 40px;
}

@media (max-width: 740px) {
    .vacancy_name h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}

.container__vacancy {
    display: flex;
    justify-content: space-between;
    padding-bottom: 140px;
    border-bottom: 1px solid #DFDFDF;
}

container__vacancy .attractions-page__filter {
    width: 288px;
}

body.body__vacancy .container {
    max-width: 1700px;
    margin: 0 auto;
}

.search_vacancy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #717171;
    background: #F3F3F3;
    border: none;
    border-radius: 30px;
    margin-bottom: 60px;
}

@media (max-width: 740px) {
    .search_vacancy {
        margin-bottom: 22px;
    }
}

.search_vacancy span {
    width: 20px;
    height: 20px;
    padding-right: 50px;
    background: url("./../img/icons/search.svg") no-repeat;
    cursor: pointer;
}

.search_vacancy input {
    border: none;
    width: 100%;
    padding: 20px 0 20px 30px;
}


.vacancy__blocks {
    max-width: 1300px;
}

.vacancy__blocks .vacancy__fields ul li {
    width: 1050px;
    height: 140px;
    box-shadow: 0 3px 20px -10px rgba(156, 154, 156, 0.96);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
}

.vacancy__blocks ul li span {
    border-radius: 23px;
    transition: .3s;
    padding: 19px 17px 15px 17px;
    background-color: #EAF8E7;
}

.vacancy__blocks ul li span:hover {
    background: #cfefc8;
    transition: .3s;
}

.payment__terms h4 {
    padding-bottom: 30px;
}

.payment__terms div {
    display: flex;
    column-gap: 30px;
}

.payment__terms div p {
    display: flex;
    align-items: flex-end;
    column-gap: 10px;
    color: #5c5c5c;
}


#filter_clear_vacancy {
    background: #FFFFFF;
    color: #818181;
    border: 1px solid #818181;
}

#filter_clear_vacancy:hover {
    background: #32A517;
    color: #ffffff;
    border: 1px solid #32A517;
}

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

.vacancy__see-all button {
    font-size: 15px;
    width: 188px;
    padding: 20px 0;
    border-radius: 30px;
    background-color: var(--color-btn);
    color: #fff;
    transition: .3s;
}

.vacancy__see-all button:hover {
    opacity: 0.6;
    transition: .3s;
}

.vacancy__see-all ul {
    display: flex;
    column-gap: 10px;
}

.vacancy__see-all ul li a {
    padding: 20px 25px;
    background: #EFEFEF;
    border-radius: 30px;
    color: #000000;
    transition: .3s;
    font-weight: 600;
}

.vacancy__see-all ul li a:hover {
    background: #295047;
    color: #ffffff;
    transition: .3s;
}

@media (max-width: 1600px) {
    .vacancy__blocks .vacancy__fields ul li {
        width: 1000px;
    }

}

@media (max-width: 1300px) {
    .container__vacancy {
        justify-content: center;
        column-gap: 60px;
    }

    .vacancy__blocks .vacancy__fields ul li {
        width: 700px;
    }

}

@media (max-width: 1000px) {
    .container__vacancy .attractions-page__filter {

    }

    body.body__vacancy .container {
        padding: 0 15px;
    }

}

@media (max-width: 740px) {
    .vacancy__blocks {
        max-width: 355px;
    }

    .payment__terms div {
        flex-direction: column;
        row-gap: 10px;
    }

    .vacancy__blocks .vacancy__fields ul li {
        max-width: 355px;
    }

    .vacancy__see-all {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 40px;
        padding-top: 20px;
    }

    .vacancy__see-all div,
    .vacancy__see-all div button {
        width: 100%;
    }


    .vacancy__blocks .vacancy__fields ul li {
        padding-left: 20px;
        padding-right: 20px;
    }

    .payment__terms h4 {
        padding-bottom: 20px;
        max-width: 220px;
    }

;
}

.no__vacancies {
    width: 1050px;
}

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

.no__vacancies p {
    font-size: 20px;
    color: #5C5C5C;
    font-weight: 500;
    max-width: 1000px;
}

.no__vacancies p a {
    color: #32A517;
    border-bottom: 1px solid #32A517;
}

.no__vacancies div {
    display: flex;
    column-gap: 30px;
    margin-top: 30px;
    align-items: center;
}


.detail__page-container {
    padding-bottom: 140px;
}

.detail__page-container h2 {
    font-size: 60px;
    padding-bottom: 50px;
    padding-top: 68px;
}

@media (max-width: 1100px) {
    .detail__page-container h2 {
        font-size: 30px;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .detail__page-container {
        padding-bottom: 30px;
    }
}


.detail__page-container h3 {
    margin-bottom: 30px;
}

.detail__page-container p {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 50px;
    max-width: 1120px;
}

.detail__page-container ul {
    margin-left: 20px;
    margin-bottom: 50px;
}

.detail__page-container ul li {
    list-style-type: disc;
    font-weight: 500;
}

.job__description {
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
}

.contact__information h3 {
    font-size: 40px;
    padding-bottom: 60px;
}

.response__block div {
    width: 445px;
    background-color: #EAF8E7;
    padding: 40px;
    border-radius: 30px;
    position: sticky;
    top: 0;
}

.response__block h4 {
    font-size: 17px;
    font-weight: 500;
}

@media (max-width: 1100px) {
    .job__description {
        flex-direction: column-reverse;
    }

    .response__block {
        margin-bottom: 30px;
    }

    .response__block div {
        padding: 20px;
        width: 355px;
        margin: 0 auto;
    }

    .response__block div p {
        text-align: center;
        padding-bottom: 15px;
    }

    .response__block h4 {
        font-size: 15px;
    }
}


.response__block p {
    font-size: 15px;
    color: #5C5C5C;
}

.response__block span {
    display: flex;
    align-items: center;
    column-gap: 10px;
    color: #FFFFFF;
    padding-bottom: 20px;

}

.response__block-btn button {
    width: 100%;
}


.contact__information {
    padding-top: 80px;
    border-top: 1px solid #BFBFBF;
}


#contact-info-3 span {
    font-size: 16px;
    max-width: 340px;
}

@media (max-width: 1100px) {
    .contact__information {
        margin-top: 30px;
    }

    #contact-info-3 span {
        font-size: 14px;
        max-width: 300px;
    }

    .contact-info__block-links a {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .contact__information {
        padding-top: 30px;
    }

    .detail__page-container p {
        font-size: 14px;
    }

    .detail__page-container ul {
        font-size: 14px;
    }

    .contact__information h3 {
        font-size: 26px;
        padding-bottom: 30px;
    }

    .job__description {
        padding-bottom: 0;
    }

}


/*.RatingBadgeWidget {*/
/*    width: 230px !important;*/
/*    height: 80px !important;*/
/*}*/


/* /light-green */
/*# sourceMappingURL=style.css.map */
.response__popup-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 20;

}

.response__popup {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    background: #ffffff;
    padding: 40px 45px;
    transform: translate(-50%, -50%);
    border-radius: 30px;
}


.response__popup h2 {
    margin: 0 0 25px 0;
    font-weight: bold;
    max-width: 470px;
    font-size: 22px;
}

.response__popup p {
    margin-bottom: 30px;
}

.response__popup .fields {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.response__popup .fields input:not(#not-robot, #response-checkbox) {
    width: 322px;
    border: none;
    background-color: #F3F3F3;
    border-radius: 15px;
    padding: 13px 0 13px 14px;
    transition: .25s;
}


.response__popup .response-btn {
    padding: 12px 60px;
    background-color: #32A517;
    border-radius: 30px;
    color: #ffffff;
    transition: .25s;
    border: 2px solid transparent;
}

.response__popup .response-btn:hover {
    transition: .25s;
    background-color: transparent;
    color: #5da24c;
    border: 2px solid #32A517;
}

.response__popup .attach-files-btn {
    padding: 12px 60px;
    border: 1px solid #B1B1B1;
    border-radius: 30px;
    background: url("./../img/icons/paperclip.svg") no-repeat 40px 8px;
}

.response__popup textarea {
    padding-top: 12px;
    padding-left: 14px;
    width: 322px;
    height: 102px;
    resize: none;
    border-radius: 9px;
    border: none;
    background-color: #f3f3f3;
}

.response__popup .checkbox-container {
    display: flex;
    align-items: center;
}

.response__popup .checkbox-container input[type="checkbox"] {
    margin-right: 10px;
}

.response__popup .checkbox-container label {
    font-size: 14px;
    color: #333;
    padding: 21px 40px 21px 60px;
    border: 1px solid #B1B1B1;
    border-radius: 30px;
    margin-left: -12px;
}

.response__popup .checkbox-container label::before {
    content: '';
    position: absolute;
    left: 35px;
    top: 19px;
    width: 20px;
    height: 20px;
    border: 2px solid #B1B1B1;
    border-radius: 4px;
    background-color: #fff;
}

.response__popup .checkbox-container label::after {
    content: '';
    position: absolute;
    left: 42px;
    top: 22px;
    width: 6px;
    height: 12px;
    border: solid #31a516;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}

.response__popup .checkbox-container input[type="checkbox"]:checked + label::after {
    opacity: 1;
}

.response-checkbox {
    vertical-align: top;
    margin: 0 3px 0 0;
    width: 17px;
    height: 17px;
}

.response-checkbox + label {
    cursor: pointer;
}

.response-checkbox:not(checked) {
    display: none;
    position: absolute;
    opacity: 0;
}

.response-checkbox:not(checked) + label {
    position: relative;
    padding: 0 0 0 60px;
    font-size: 14px;
}

.response-checkbox:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 50px;
    height: 26px;
    border-radius: 13px;
    background: #CDD1DA;
}


.response-checkbox:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 13px;
    left: 2px;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    background: #FFF;
    transition: all .2s;
}

.response-checkbox:checked + label:before {
    background: #31a516;
}

.response-checkbox:checked + label:after {
    left: 26px;
}

.close-response__popup {
    width: 20px;
    height: 20px;
    background: url(./../img/icons/x.svg);
    position: absolute;
    top: 15px;
    right: 18px;
    cursor: pointer;
}

/*for-us page*/
.main__for-us .container {

}

.for__us-information {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*column-gap: 80px;*/
    /*align-items: center;*/
    padding-top: 50px;
}


.for__us-information img {
    width: 588px;
    height: 475px;
    border-radius: 30px;
    float: left;
    margin-right: 70px;
    margin-bottom: 50px;
}

.for__us h2:not(.rooms__item h2) {
    font-size: 60px;
    padding-bottom: 40px;
}

.for__us-information p {
    font-size: 20px;
    font-weight: 500;
    /*overflow: hidden;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 10;*/
    /*-webkit-box-orient: vertical;*/
    line-height: 150%;
    text-align: justify;
}

.for__us-information-blocks ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 30px;
    padding-top: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #BFBFBF;
    width: 100%;
}

.for__us-information-blocks ul li {
    background-color: #EAF8E7;
    display: flex;
    justify-content: center;
    column-gap: 30px;
    border-radius: 30px;
    padding: 40px 30px;
    align-items: center;
}

.for__us-information-blocks ul li:nth-child(4),
.for__us-information-blocks ul li:nth-child(5),
.for__us-information-blocks ul li:nth-child(6) {
    min-height: 268px;

}

.for__us-information-blocks ul li svg {
    width: 70px;
    height: 70px;
}

.for__us-information-blocks p {
    width: 290px;
}

.for__us-information-blocks h4 {
    padding-bottom: 20px;
}

.for__us-video {
    border-bottom: 1px solid #BFBFBF;
    padding-top: 100px;
    padding-bottom: 100px;
    max-width: 1250px;
    margin: 0 auto;
}

.for__us-video video {
    border-radius: 30px;
    width: 100%;
    height: auto;
}

.for__us h3 {
    font-size: 40px;
}

.for__us-numbers h3 {
    font-size: 40px;
    padding-top: 80px;
    padding-bottom: 50px;
}

.rooms__content h3 {
    padding-bottom: 0;
    padding-top: 0;
}


@media (max-width: 1400px) {
    .for__us-information {
        flex-wrap: wrap;
        justify-content: center;
    }

}

@media (max-width: 700px) {
    .body__for-us .container {
        padding: 0 20px;
    }

    .for__us-information {
        padding-top: 20px;
    }

    .for__us-information-blocks ul {
        justify-content: center;
        column-gap: 10px;
        padding-top: 30px;
        padding-bottom: 30px;

    }

    .for__us-information-blocks ul li {
        display: block;
        text-align: center;
        padding: 14px 14px 34px 14px;
    }

    .for__us-information-blocks p {
        font-size: 13px;
        width: 144px;
    }

    .for__us-information-blocks h4 {
        width: 144px;
        padding-top: 20px;
    }

    .for__us-information img {
        width: 100%;
        height: auto;
    }

    .for__us h2 {
        font-size: 30px;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .for__us-information p {
        font-size: 13px;
    }

    .for__us-video {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .for__us-numbers h3 {
        padding-bottom: 30px;
        padding-top: 30px;
    }

}

.body__for-us .container .rooms__filter {
    padding: 20px 80px 20px 20px;
}

.for__us-photogallery-block {
    padding-top: 100px;
    padding-bottom: 100px;
}


.for__us-photogallery-see-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 50px;
}

.for__us-photogallery-see-all a {
    padding: 18px 30px;
    border-radius: 30px;
    transition: .3s;
    font-size: 17px;
    font-weight: 600;
}


.photogallery-images {
    display: grid;
    grid-template-columns: 1fr 686px 1fr;
    grid-template-rows: repeat(4, 274px);
    gap: 4px;
    align-self: baseline;
    overflow: hidden;
    border-radius: 30px;
    cursor: pointer;
}

@media (max-width: 700px) {
    .photogallery-images {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(4, 70px);
        border-radius: 0;
    }

    .for__us-photogallery-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.photogallery-images > div {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.photogallery-images.rooms__images div:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.photogallery-images.rooms__images div:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}

.photogallery-images.rooms__images div:nth-child(3) {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}

.photogallery-images.rooms__images div:nth-child(4) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.photogallery-images.rooms__images div:nth-child(5) {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}

.photogallery-images.rooms__images div:nth-child(6) {
    grid-column: 1 / 2;
    grid-row: 3 / 5;
}

.photogallery-images.rooms__images div:nth-child(7) {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
}

.photogallery-images.rooms__images div:nth-child(8) {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}

.photogallery-images.rooms__images div:nth-child(9) {
    grid-column: 3 / 3;
    grid-row: 4 / 4;
}

.photogallery-images.rooms__images div:nth-child(10) {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
}

.photogallery-images.rooms__images div:nth-child(11) {
    grid-column: 3 / 4;
    grid-row: 4 / 5;
}


.for__us-see-all-adapt {
    display: none;
}

.for__us-see-all-adapt a {
    color: #ffffff;
}

.certificate-slider-block {

}

.certificate-slider-block h3 {

}

.certificate-slider {
    display: flex;
    column-gap: 20px;
}

.map {
    padding-top: 60px;
    padding-bottom: 125px;
}

@media (max-width: 700px) {
    .for__us h3 {
        font-size: 26px;
    }

    .for__us-see-all-adapt {
        display: block;
        margin-top: 30px;
        border-radius: 30px;
        text-align: center;
        padding: 20px
    }


    .for__us-photogallery-see-all a {
        display: none;
    }

    .certificate-slider-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .map {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.card-certificate {
    width: 100%;
    height: 74%;
    display: flex;
    flex-direction: column;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    border-radius: 30px;
    padding: 20px;
    color: #ffffff;
    transition: box-shadow var(--transition) ease-in;
    cursor: pointer;
    margin-top: 45px;
}

.card-certificate img {
    border-radius: 30px;
}

.certificate-slider-block .swiper-button.--next {
    right: 0;
}

@media (max-width: 1400px) {
    .card-certificate {
        padding: 30px;
    }
}

@media (max-width: 425px) {
    .card-certificate {
        padding: 20px;
    }
}

.photogallery-block {
    padding-top: 40px;
    padding-bottom: 125px;
}

.photogallery-block .photogallery-images {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 274px;
}

.photogallery-block h3 {
    font-size: 40px;
    padding-bottom: 50px;
}

.photogallery-block {

    .photogallery-images > div:nth-child(4n):not(:last-child) {
        grid-row: span 2;
    }

}

@media (max-width: 700px) {
    .photogallery-block .photogallery-images {
        grid-auto-rows: 70px;
    }

    .photogallery-block {
        padding-top: 20px;
        padding-bottom: 50px;
    }
}

.language-switch-active {
    font-weight: 600;
    cursor: pointer;
    z-index: 10;
    position: relative;
}

@media (max-width: 1024px) {

}

/*.language-switch-active:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 30px;*/
/*    width: 10px;*/
/*    height: 20px;*/
/*    background: url(./../img/icons/arrow-next.svg) no-repeat center center;*/
/*    background-size: contain;*/
/*    transform: rotate(90deg);*/
/*}*/

#language-arrow {
    transform: rotate(90deg);
    margin-bottom: -4px;
}

.language-switch {
    position: absolute;
    display: none;
    background-color: #FFFFFF;
    color: #3A3A3A;
    font-size: 21px;
    border-radius: 30px;
    padding: 20px;
    font-weight: 600;
    row-gap: 28px;
    cursor: pointer;
    z-index: 10;
    left: -6px;
    top: 80px;
    box-shadow: 0px 3px 8px 2px rgba(34, 60, 80, 0.2);
}



.language-switch li {
    transition: .3s;
    font-size: 16px;
}

.language-switch li:hover {
    color: #00bb0a;
    transition: .3s;
}

.language-switch li:nth-child(1) {
    padding-bottom: 14px;
}

.language-switch li:nth-child(2) {
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.language-switch li:nth-child(3) {
    padding-top: 14px;
}
@media (min-width: 1440px) {
    .language-switch-active {
        padding-right: 40px;
    }
}
@media (max-width: 540px) {
    .nav__link{
        justify-content: start;
        color: #3A3A3A;
    }
    .language-switch{
        left: 7px;
        top: 50px;
    }
}



/*Страница Бронирования*/
.reservation form {
    box-shadow: 0 0 8px 0 rgba(34, 60, 80, 0.2);
    padding: 50px;
    border-radius: 30px;
    margin-bottom: 100px;
    max-width: 1137px;
}

.reservation h2 {
    font-size: 60px;
    padding-top: 20px;
    padding-bottom: 100px;
}

.reservation h3 {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 22px;
}

.reservation input {
    width: 330px;
    height: 44px;
    border: none;
    background-color: #F1F7FB;
    border-radius: 9px;
    padding: 13px 0 13px 14px;
    font-weight: 500;
}

.reservation-field {
    display: flex;
    column-gap: 20px;
    row-gap: 20px;
    flex-wrap: wrap;
}

.checkbox__text a {
    color: #0F75C2;
    text-decoration: underline;
}

.payer-details ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
    padding-bottom: 40px;


}

.bail-amount {
    padding: 15px 30px;
    border: 1px solid #dedcde;
    border-radius: 30px;
    cursor: pointer;
    color: #717171;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.payer-details div label:nth-child(1) {
    margin-bottom: 30px;
}

.payer-details div label:nth-child(2) {
    margin-bottom: 40px;
}

.reservation-pay {
    padding: 18px 30px;
    background: var(--color-btn);
    border-radius: 30px;
    color: #FFFFFF;
    transition: .3s;
}

@media (max-width: 700px) {
    .reservation form {
        padding: 0 20px 20px;
        margin-bottom: 30px;
    }

    .reservation-field {
        justify-content: center;
    }

    .reservation input {
        width: 100%;
        font-size: 15px;
    }

    .reservation h2 {
        font-size: 30px;
        padding-bottom: 40px;
    }

    .reservation h3 {
        font-size: 18px;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .payer-details div label:nth-child(1) {
        margin-bottom: 20px;
    }

    .payer-details div label:nth-child(2) {
        margin-bottom: 30px;
    }

    .reservation-pay {
        width: 100%;
    }
}

.selected {
    border: 1px solid #1572b7 !important;
    color: #000000;
}

.not-checked {
    display: none;
}

.checked {
    display: block !important;
}

.slider-img-text {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(14px);
    box-shadow: 0 4px 21px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    max-width: 819px;
    padding: 40px 120px 40px 30px;
    width: 100%;
}

.slider-img-text__slide {
    align-items: center;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 128px 1fr;
}

.slider-img-text__title {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.slider-img-text__desc {
    color: #fff;
    font-size: 16px;
    margin-top: 30px;
}

.slider-img-text__btn {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    display: flex;
    height: 60px;
    justify-content: center;
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    z-index: 1;
}

.slider-img-text .swiper-pagination {
    bottom: -20px;
    display: flex;
    justify-content: center;
}

.slider-img-text .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.39);
    border-radius: 50%;
    height: 6px;
    transition: .3s;
    width: 6px;
}

.slider-img-text .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

.main-banner-bg__row {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    grid-gap: 24px;
    margin-top: 115px;
}

.main-banner-bg__row .travelline-block-demo {
    margin-top: 56px;
}

.slider-img-text__slide img {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}

@media (max-width: 1380px) {
    .slider-img-text {
        max-width: 600px;
    }
}

@media (max-width: 1170px) {
    .main-banner-bg__row {
        flex-direction: column;
    }

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

    .main-banner-bg__row .travelline-block-demo {
        margin-top: 24px;
    }

    .main-banner-bg__holder {
        padding-bottom: 50px;
    }
}

@media (max-width: 620px) {
    .slider-img-text__title {
        font-size: 15px;
    }

    .slider-img-text__desc {
        font-size: 13px;
        margin-top: 20px;
    }

    .slider-img-text {
        padding: 20px;
    }

    .slider-img-text__btn {
        display: none;
    }

    .slider-img-text__slide {
        grid-gap: 20px;
        grid-template-columns: 72px 1fr;
    }
}


.group_booking{
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 8px 0 rgba(34, 60, 80, 0.2);
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 30px;
    align-items: center;
}
.group_booking h3{
    padding-bottom: 14px;
    font-size: 20px;
}
.group_booking p{
    font-size: 14px;
    font-weight: 500;
    color: #5C5C5C;
}
.group_booking button{
    background-color: #00bb0a;
    color: #FFFFFF;
    padding: 15px 30px;
    border-radius: 99px;
    font-size: 15px;
    font-weight: 600;

}
@media (max-width: 1024px){
    .group_booking{
        flex-direction: column;
        text-align: center;
        row-gap: 20px;
        padding: 20px;
    }
    .group_booking h3{

        font-size: 14px;
    }
    .group_booking p{
        font-size: 12px;

    }
}
.block_stars{
    width: 410px;
    border-radius: 30px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    color: #FFFFFF;
    position: absolute;
    top: 140px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 2;
}
.block_stars .stars_light{
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: 30px;
}
.block_stars .stars_dark{
    color: #000000;
    font-weight: 500;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 3px rgba(34, 60, 80, 0.15);
    border-radius: 30px;
}

@media (hover:hover) {
    .logo-link:hover + .block_stars,
    .block_stars:hover {
        opacity: 1;
        visibility: visible;
    }
}

.block_stars ul{
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.block_stars div{
    font-size: 11px;
    padding-bottom: 5px;
}
.block_stars span{
    font-size: 14px;
    display: flex;
    column-gap: 5px;
}
.logo_stars,
.logo_stars-dark{
    padding-top: 8px;
    display: flex;
    justify-content: center;
    column-gap: 3px;
}
.logo_stars-dark{
    display: none;
}
@media (max-width: 600px){
    .logo_stars{
        display: none;
    }
    .logo_stars-dark{
        display: flex;
    }
    .block_stars{
        border-radius: 15px;
        width: 100%;

    }
    .block_stars ul{
        justify-content: space-around;
    }
    .block_stars div{
        font-size: 10px;
    }
    .block_stars span{
        font-size: 13px;
    }

}
@media (max-width: 400px){

}


/**** new 06.12. ********/

.rules-grid {
	display: flex;
	grid-gap: 20px;
	padding-bottom: 90px;
}

.rules-grid__column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: calc(100% / 3 - 10px);
}

.rules-grid__item {
    background: #fff;
    box-shadow: 0 4px 21px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    min-height: 282px;
    padding: 30px 40px;
}

.rules-grid__title {
    color: #000;
    font-weight: 700;
    font-size: 22px;
}

.rules-grid__title a {
    color: #000;
}

.rules-grid__small {
    background: #f6fff4;
    display: table;
    font-weight: 700;
    font-size: 12px;
    margin-top: 10px;
    padding: 6px 10px;
}

.rules-grid__list {
    margin-top: 24px;
}

.green-link {
    -ms-align-items: center;
    align-items: center;
    color: #32a517;
    display: inline-flex;
    font-weight: 600;
    font-size: 15px;
    gap: 10px;
}

.green-link:after {
    background: url(../img/icons/arrow_down_green.svg) no-repeat;
    content: '';
    flex-shrink: 0;
    height: 9px;
    width: 14px;
}

.green-link.is-active {
    color: #c8c8c8;
}

.green-link.is-active:after {
    background: url(../img/icons/arrow_up_grey.svg);
}

.rules-grid__green-link {
    margin-top: 24px;
}

.rules-grid__list-link {
    color: #000;
    display: block;
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 16px;
    padding-left: 30px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rules-grid__list-link:hover {
    text-decoration: underline;
}

.rules-grid__list-link:before {
    background-image: url(./../img/icons/pin.svg);
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    left: 0;
    position: absolute;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.desc {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    margin-top: 50px;
}

.rules-list {
    display: grid;
    grid-column-gap: 50px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 50px;
}

.rules-list .rules-grid__list-link {
    font-size: 13px;
    overflow: visible;
    transition: .3s;
    text-decoration: underline;
    text-underline-offset: 0.1em;
    white-space: normal;
}

.rules-grid__list-link:last-child {
    margin-bottom: 0;
}

.rules-list .rules-grid__list-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.3em;
}

.mywrap {
    padding-bottom: 80px;
}

.border-btn {
    border: 1px solid #32a517;
    border-radius: 99px;
    color: #32a517;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    font-weight: 600;
    font-size: 14px;
    margin-top: 50px;
    padding: 15px 30px;
}

.search {
    background-image: none;
    position: relative;
}

.search .search__submit {
    -webkit-appearance: auto; /* Для WebKit-браузеров, таких как Chrome и Safari */
    -moz-appearance: auto;    /* Для Firefox */
    appearance: auto;
    background: url("./../img/icons/search.svg") no-repeat;
    border: none;
    font-size: 0;
    height: 21px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

@media (max-width: 1130px) {
    .rules-grid {
        flex-direction: column;
    }
	.rules-grid__column {
        width: 100%;
    }
	.rules-grid__item {
        min-height: auto;
    }
    .rules-list {
        grid-column-gap: 25px;
        grid-row-gap: 10px;
    }
}

@media (max-width: 992px) {
    .desc {
        font-size: 17px;
    }
    .rules-list .rules-grid__list-link {
        /* font-size: 17px; */
    }
}

@media (max-width: 530px) {
    .rules-list {
        grid-row-gap: 20px;
        grid-template-columns: 1fr;
        margin-top: 30px;
    }
    .desc {
        font-size: 14px;
        margin-top: 30px;
    }
    .mywrap {
        padding-bottom: 38px;
    }
    .rules-grid__title {
        font-size: 16px;
    }
    .rules-grid__item {
        padding: 20px;
    }
    .rules-grid__list-link {
        margin-bottom: 10px;
    }
    .rules-list .rules-grid__list-link {
        font-size: 14px;
    }
    .border-btn {
        display: flex;
        font-size: 14px;
        justify-content: center;
        margin-top: 30px;
        text-align: center;
    }
}


/************ dacha ************/
.dacha .slider-img-text {
    border-radius: 4px;
}

.dacha .list__item {
    border-radius: 4px;
    border-color: #7c7c7c;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    padding: 12px 30px;
}

.dacha .list__item.active {
    background-color: var(--dacha-color);
    color: #fff;
}

.dacha .--green {
    background: var(--dacha-color);
}

.dacha .btn {
    border-radius: 4px;
}

.dacha .btn:hover {
    background: #8b985e;
}

.dacha .rooms__filter {
    background: var(--dacha-color);
    border-radius: 4px;
}

.dacha .rooms__btn.active {
    background: #fff;
    color: #000;
}

.dacha .rooms__btn {
    background: rgba(255, 255, 255, 0.13);
}

.dacha .rooms__item {
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
}

.dacha .rooms__item.active {
    color: #fff;
}

.dacha .rooms-list {
    background: #efefef;
    border-radius: 4px;
}

.dacha .rooms-list li:not(:last-child) {
    border-color: #000;
}

.dacha .rooms__info-btn {
    background: #ebcd81;
    color: #000;
}

.dacha .--green-border {
    background: #fff;
    border-color: #ebcd81;
    color: #000;
}

.dacha .rooms__images {
    border-radius: 0;
}

.dacha .poster.--stocks {
    background: rgba(223, 223, 223, 0.28);
    border-radius: 20px 0 0 0;
}

.dacha .infrastructure__block {
    border-radius: 4px;
}

/* .dacha #block-search {
    border-radius: 4px;
} */

.dacha .card {
    border-radius: 4px;
}

.dacha [data-pecial-offer]::after {
    background: #ebcd81;
    border-radius: 4px;
    color: #000;
    font-size: 18px;
}

.dacha .resort-map__holder-map {
    border-radius: 4px;
}

.dacha .resort-map__ballon {
    border-radius: 4px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
}

.dacha .ballon__image {
    border-radius: 4px;
}

.dacha .reviews::before {
    background-color: var(--dacha-color);
    border-radius: 0 20px 0 0;
}

.dacha .way__map {
    border-radius: 4px;
}

.dacha .way__item {
    border-radius: 4px;
}

.dacha .aside.active .menu__list {
    background-color: rgba(57, 58, 52, 0.95);
}

.dacha .fake-scrollbar__thumb {
    background: rgba(57, 58, 52, 0.95);
}

.dacha .scroll-top__icon {
    border-radius: 4px;
}

.dacha .scroll-top__icon svg {
    stroke: var(--dacha-color)
}

.dacha .scroll-top__btn {
    background: #ebcd81;
    color: #000;
}

.dacha .header__btn {
    background: rgba(255, 255, 255, 0.82);
}

.dacha .scroll-top__btn svg {
    stroke: #313131;
}

.dacha .nav__link:hover {
    color: #fff;
}

.dacha .swiper-button {
    background-color: rgba(255, 255, 255, 0.76);
    border-radius: 4px;
}

.dacha .slider-img-text__btn {
    border-radius: 4px;
}

.dacha .infrastructure__container {
    border-radius: 0 0 20px 0;
}

.dacha .menu__subitem a:hover {
    background: var(--dacha-color);
}

.dacha .header__btn svg {
    stroke: #313131;
}

.dacha .ballon__desc {
    font-size: 20px;
}

.dacha .poster.--stocks .poster__swiper::before {
    display: none;
}

.dacha .menu__item.show:not(.--burger) {
    background-color: #a7b087;
}

.dacha .main-banner-bg__block-title p {
    font-size: 36px;
}

.rooms__btn {
    cursor: pointer;
}

.for__us-numbers .rooms__btn {
    font-size: 15px;
    padding: 15px 30px;
}

@media (hover: hover) {
    .dacha .menu__item:hover:not(.--burger) {
        background-color: #a7b087;
    }
    .dacha .footer__link:hover {
        color: #000;
        text-decoration: underline;
    }
    .resort-map__list .list__item.active:hover,
    .menu__subitem:hover {
        background: var(--dacha-color);
    }
    .dacha .footer__item:hover .footer__link {
        color: #000;
    }
    .dacha .footer__item:hover svg {
        stroke: #A7B087;
    }
    .dacha .scroll-top__icon:hover {
        box-shadow: 0 4px 12px 0 var(--dacha-color);
    }
    .dacha .list__item.active:hover {
        background-color: var(--dacha-color) !important;
        color: #fff;
    }
}

@media (min-width: 577px) {
    .dacha .header__btn {
        border: none;
        color: transparent;
    }
}