/* Start:/local/templates/main/components/bitrix/catalog/catalog_country/bitrix/catalog.element/catalog/style.css?179216444741423*/
.cost {
    position: relative;
    padding: 80px;
}

.cost__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: blur(14px);
    z-index: -1;
}

.similar-hotels .text {
    display: none;
}

.hotel-price__message {
    font-size: 17px;
    font-weight: 400;
}

.title__block.title__block__line span {
    display: inline;
    padding-right: 8px;
}

.similar-hotels {
    background: linear-gradient(88deg, #1E2629 6.68%, #69858F 97.1%);
    padding: 50px 0;
}

.similar-hotels .hotels__items {
    margin-top: 40px;
}

.hotel_about__dop {
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    letter-spacing: -0.28px;
    margin-bottom: 20px;
}

.map-popup {
    cursor: pointer;
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    letter-spacing: -0.28px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.cost-wrapper {
    background: rgba(255, 255, 255, 0.63);
    backdrop-filter: blur(2px);
    padding: 30px 50px;
}

.sub-title__calc {
    text-align: center;
    max-width: 590px;
    margin: 15px auto 0 auto;
}

.cost-desc {
    margin: 40px auto 0 auto;
    color: #FFF;
    text-align: center;
    font-family: "Montserrat Alternates";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.16px;
    max-width: 630px;
}

.cost-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    max-width: 770px;
    margin: 40px auto 0 auto;
}

.cost-tab {
    color: #FFF;
    text-align: center;
    font-family: "Cormorant Garamond";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    width: 100%;
    padding: 10px 0;
    cursor: pointer;
}

.cost-tab.active {
    border: 1px solid #FFF;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    color: #090D10;
}

form.cost-body {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}

.cost-body_price {
    width: 100%;
    max-width: 470px;
}

.cost-body_fields {
    width: 100%;
}

.cost-fields__title {
    color: #3E3937;
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.32px;
}

.cost-fields__title span {
    color: #1E1816;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 20px */
    letter-spacing: -1px;
    text-transform: uppercase;
    padding-left: 10px;
}

.cost-body_fields {
    background: #FFF;
    padding: 20px 30px;
}

.cost-fields_group {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
}

.field-checkbox {
    display: flex;
    align-items: center;
    gap: 15px;
}

.cost-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.field-label {
    color: #3E3937;
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.field-input input {
    width: 100%;
    border: 0.5px solid #1E1816;
    background: #FDF9F5;
    padding: 15px;
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.28px;
}

.air-datepicker-body--day-name {
    color: #2D9CDB;
}

.custom-select {
    position: relative;
    width: 100%;
}

.custom-select__dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;

    width: 100%;
    max-height: 210px;
    overflow-y: auto;

    border: 0.5px solid #1E1816;
    background: #FDF9F5;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);

    transition: .3s;

    z-index: 20;
}

.custom-select.active .custom-select__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.custom-select__option {
    padding: 16px 20px;
    cursor: pointer;
    transition: .2s;
}

.custom-select__option:hover {
    background: #f5f5f5;
    color: #090d10;
}

.guests-picker {
    position: relative;
    width: 100%;
}

.custom-select__arrow {
    position: absolute;
    right: 15px;
    top: 14px;
}

.guests-picker__dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    padding: 20px;
    border: 0.5px solid #1E1816;
    background: #FDF9F5;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: .3s;
    z-index: 50;
}

.guests-picker.active .guests-picker__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.guests-picker__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
}

.guests-picker__label {
    font-size: 16px;
    font-weight: 600;
}

.counter {
    display: flex;
    align-items: center;
    gap: 14px;
}

.counter__btn {
    width: 34px;
    height: 34px;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
}

.counter__btn:disabled {
    opacity: .35;
    cursor: not-allowed;
}

.counter__value {
    min-width: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.children-ages {
    display: grid;
    gap: 12px;
    margin-top: 10px;
}

.child-age {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 15px;
}

.field-checkbox {
    display: flex;
    align-items: center;
    border: 0.5px solid #1E1816;
    background: #FDF9F5;
    padding: 13px;
}

.field-checkbox__input {
    display: none;
}

.field-checkbox__box {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    position: relative;
    border: 1px solid #1E1816;
}

.field-checkbox__box svg {
    width: 100%;
    height: 100%;
    display: block;
}

.field-checkbox__box svg path {
    stroke: #1E1816;
}

.field-checkbox__check {
    opacity: 0;
    transition: .2s;
}

.field-checkbox__input:checked + .field-checkbox__box .field-checkbox__check {
    opacity: 1;
}

.field-checkbox__text {
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.28px;
}

.cost-body_price {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

.cost-bot_btn {
    color: #FFF;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 15.4px */
    letter-spacing: -0.7px;
    text-transform: uppercase;
    border: 1px solid #000;
    background: #1E1816;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    margin-top: 10px;
    cursor: pointer;
}

.cost-bot_price__val {
    color: #1E1816;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: -0.7px;
    text-transform: uppercase;
}

.cost-price_top,
.cost-price_bot {
    padding: 20px;
    background: #FFF;
}

.cost-price_top {
    height: 100%;
}

.cost-top_title {
    color: #1E1816;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 20px */
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

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

.cost-top_item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    letter-spacing: -0.32px;
}

.cost-top_item svg {
    width: 6px;
    height: 6px;
}

.cost-top_item svg rect {
    fill: #1E1816;
}

.cost-bot_price__label {
    color: #FFF;
    font-family: "Montserrat Alternates";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.2px;
}

.cost-bot_price {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    gap: 5px;
}

.cost-filed__full.show {
    display: flex !important;
}

.price_only_hotel {
    display: none;
}

.cost-bot_btn {
    display: block;
}

.js-update-hotel-price {
    width: 100%;
    color: #FFF;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 15.4px */
    letter-spacing: -0.7px;
    text-transform: uppercase;
    border: 1px solid #000;
    background: #1E1816;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
}

.cost-bot_price__val sub {
    color: #1E1816;
    font-family: Oswald;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 90%; /* 43.2px */
    letter-spacing: -0.48px;
    padding: 0 8px;
}

.hotel-gallery,
.hotel-gallery *,
.hotel-gallery *::before,
.hotel-gallery *::after {
    box-sizing: border-box;
}

.hotel-gallery {
    display: grid;
    grid-template-columns: minmax(0, 58%) minmax(320px, 42%);
    gap: 24px;
    width: 100%;
    margin-top: 40px;
}

.hotel-gallery__main {
    position: relative;
    width: 100%;
    height: 735px;
    background: #eee;
}

.hotel-gallery__main .swiper-slide {
    height: 100%;
}

.hotel-gallery__main img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hotel-gallery__right {
    display: grid;
    grid-template-rows: minmax(0, 1fr) 72px;
    gap: 38px;
    min-width: 0;
}

.hotel-gallery-thumbs {
    width: 100%;
    height: 625px;
}

.hotel-gallery-thumbs .swiper-wrapper {
    flex-direction: row;
}

.hotel-gallery-thumbs .swiper-slide {
    position: relative;
    height: calc((100% - 48px) / 3);
    overflow: hidden;
    cursor: pointer;
    opacity: 0.78;
    transition: opacity 0.2s ease;
}

.hotel-gallery-thumbs .swiper-slide:hover,
.hotel-gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.hotel-gallery-thumbs .swiper-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 3px solid transparent;
    pointer-events: none;
    transition: border-color 0.2s ease;
}

.hotel-gallery-thumbs .swiper-slide-thumb-active::after {
    border-color: #1d1715;
}

.hotel-gallery-thumbs img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hotel-gallery__arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    background: rgb(0 0 0 / 35%);
    color: #fff;
    cursor: pointer;
    transform: translateY(-50%);
    transition: background-color 0.2s ease;
}

.hotel-gallery__arrow:hover {
    background: rgb(0 0 0 / 60%);
}

.hotel-gallery__arrow--prev {
    left: 48px;
}

.hotel-gallery__arrow--next {
    right: 48px;
}

.hotel-gallery__arrow svg {
    width: 30px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hotel-gallery__arrow.swiper-button-disabled {
    opacity: 0.35;
    cursor: default;
}

.hotel-gallery__pagination {
    position: absolute;
    right: 18px;
    bottom: 18px;
    left: auto;
    z-index: 10;
    display: none;
    width: auto;
    padding: 7px 11px;
    background: rgb(0 0 0 / 55%);
    color: #fff;
    font: 500 13px/1.2 Arial, sans-serif;
}

.hotel-gallery__more {
    width: 100%;
    font-family: Oswald;
    min-height: 72px;
    padding: 15px 25px;
    border: 0;
    background: #1d1715;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.hotel-gallery__more:hover {
    background: #332926;
}

.popup_form-success.popup_form-success__cost {
    min-height: auto;
}

.field-input.is-error input {
    border-color: #d93025;
}

.hotel-about__info {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.hotel-about_text {
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
    width: 100%;
    max-width: 732px;
}

.hotel-about_list {
    width: 100%;
    max-width: 400px;
}

.hotel-about_list ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hotel-about_list ul li {
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.32px;
}

.hotel-about_list ul li span {
    color: rgba(30, 24, 22, 0.40);
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.32px;
}

.hotel-about__more {
    color: #1E1816;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 15.4px */
    letter-spacing: -0.7px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 30px;
    cursor: pointer;
    width: max-content;
}

.hotel-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 30px;

    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

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

.hotel-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .8);
}

.hotel-popup__window {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 940px;
    max-height: calc(100vh - 60px);

    padding: 42px 45px;

    overflow-y: auto;

    background: #fff;
}

.hotel-popup__close {
    position: absolute;
    top: 24px;
    right: 24px;

    width: 32px;
    height: 32px;

    padding: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    cursor: pointer;

    border: 0;
    background: none;
}

.hotel-popup__close svg {
    width: 28px;
    height: 28px;
}

.hotel-popup__title {
    color: #3E3937;
    font-family: Oswald;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -0.36px;
}

.hotel-popup__title svg {
    display: block;
    margin: 20px 0;
}

.hotel-popup__content {
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.32px;
}

.hotel-popup__title span {
    color: #1E1816;
    font-family: Oswald;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 90%; /* 32.4px */
    letter-spacing: -0.36px;
}

.hotel-popup__content {
    font-size: 18px;
    line-height: 1.45;
}

.hotel-popup__content p {
    margin: 0 0 20px;
}

.hotel-popup__content p:last-child {
    margin-bottom: 0;
}

body.popup-open {
    overflow: hidden;
}


.hotel-info__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 500px;
    gap: 30px;
}

.hotel-info__item ul li {
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.28px;
    margin-bottom: 0;
}

.hotel-info__item ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hotel-info {
    padding: 0 !important;
    background: transparent !important;
}

.hotel-info__left,
.hotel-info__right {
    background: #fff;
}

.hotel-info__left {
    padding: 30px;
}

.hotel-info__right {
    padding: 35px;
}

.hotel-info h2 {
    margin-bottom: 30px;
}

.hotel-info__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hotel-info__item {
    min-height: 250px;
    padding: 30px;

    border-right: 1px solid #e8ddd1;
    border-bottom: 1px solid #e8ddd1;
}

.hotel-info__item:nth-of-type(3) {
    border-right: unset;
}

.hotel-info__item:nth-child(n + 4) {
    border-bottom: unset;
}

.hotel-info__map .map-val {
    height: 180px;
}

.hotel-info__title {
    color: #1E1816;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 20px */
    letter-spacing: -1px;
    text-transform: uppercase;
}

.hotel-info__item ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 150px;
    overflow-y: auto;
}

.hotel-info__photo img {
    height: 180px !important;
}

.hotel-info__item li {
    position: relative;

    margin-bottom: 16px;
    padding-left: 18px;

    line-height: 1.45;
}

.hotel-info__item li:last-child {
    margin-bottom: 0;
}

.hotel-info__item li::before {
    content: "";

    position: absolute;
    left: 0;
    top: 9px;

    width: 6px;
    height: 6px;

    background: #222;
}

.hotel-info__photo,
.hotel-info__map {
    overflow: hidden;
}

.hotel-info__photo img,
.hotel-info__map img {
    display: block;
    width: 100%;
    height: auto;
}

.hotel-info__photo {
    margin-bottom: 28px;
}

.hotel-info__distance {
    margin-bottom: 28px;
}

.hotel-info__distance div {
    margin-bottom: 10px;
    font-size: 18px;
}

.hotel-info__distance div:last-child {
    margin-bottom: 0;
}

.hotel-info__distance strong {
    font-weight: 600;
}

.hotel-info__map img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.why_wrapper {
    margin-top: 40px;
}

.why__list {
    display: flex;
    flex-direction: column;
    gap: 46px;
    max-width: 500px;
}

.why__list-item__title {
    color: #1E1816;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 20px */
    letter-spacing: -1px;
    text-transform: uppercase;
}

.why__list .why-item__desc {
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
    letter-spacing: -0.32px;
    margin-top: 10px;
}

.why__list__item svg {
    width: 100%;
    max-width: max-content;
}

.why_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.why__img {
    width: 100%;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 625px;
}

.hotel-rooms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    height: 560px;
    background: #fff;
}


/* LEFT */

.hotel-rooms__gallery {
    position: relative;
    min-width: 0;
    height: 100%;
}

.hotel-rooms__gallery-group {
    position: absolute;
    inset: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.hotel-rooms__gallery-group.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.hotel-rooms__swiper {
    width: 100%;
    height: 100%;
}

.hotel-rooms__slide {
    height: 100%;
}

.hotel-rooms__slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* arrows */

.hotel-rooms__arrow {
    position: absolute;
    top: 50%;
    z-index: 10;

    width: 38px;
    height: 38px;

    border: 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(20, 17, 16, .75);
    color: #fff;

    cursor: pointer;

    transform: translateY(-50%);
}

.hotel-rooms__arrow--prev {
    left: 25px;
}

.hotel-rooms__arrow--next {
    right: 25px;
}


/* RIGHT */

.hotel-rooms__right {
    position: relative;
    height: 100%;
    min-width: 0;
    padding-right: 28px;
    overflow: hidden;
}


/*
4 элемента должны быть видны одновременно.

560px / 4 = 140px
*/

.hotel-rooms__list {
    height: 100%;
    overflow-y: auto;

    scrollbar-width: none;
    -ms-overflow-style: none;
}

.hotel-rooms__list::-webkit-scrollbar {
    display: none;
}


.hotel-rooms__item {
    position: relative;
    height: max-content;
    min-height: 140px;
    box-sizing: border-box;
    padding: 15px 35px;
    cursor: pointer;
}

.hotel-rooms__item::after {
    content: '';
    position: absolute;
    left: 35px;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(
            90deg,
            #B48A5A 0%,
            rgba(180, 138, 90, 0) 100%
    );
}


/*
можешь потом оформить active как хочешь
*/
.hotel-rooms__item {
    transition: all .3s ease;
}

.hotel-rooms__item.active {
    transition: all .3s ease;
    background: rgba(201, 201, 201, 0.3);
}


/* CUSTOM SCROLL */

.hotel-rooms__scrollbar {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;

    width: 28px;

    display: flex;
    flex-direction: column;
}


.hotel-rooms__scroll-button {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;

    border: 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #211d1b;
    color: #fff;

    cursor: pointer;
}


.hotel-rooms__scroll-track {
    position: relative;
    flex: 1;

    background: #f5f5f5;
}


.hotel-rooms__scroll-thumb {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    background: #c9c9c9;

    cursor: grab;
}


.hotel-rooms__scroll-thumb:active {
    cursor: grabbing;
}


.hotel-rooms__title {
    color: #1E1816;
    font-family: Oswald;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 28px */
    letter-spacing: -1.4px;
    text-transform: uppercase;
}

.hotel-rooms__params {
    color: rgba(30, 24, 22, 0.40);
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.28px;
    margin: 15px 0;
}

.hotel-rooms__text {
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
    letter-spacing: -0.36px;
}

.hotel-rooms {
    margin-top: 40px;
}

.restaurants-slider {
    width: 100%;
    overflow: hidden;
}

.restaurants-slider__swiper {
    width: 100%;
}

.restaurants-slider__slide {
    width: 100%;
}

.restaurants-slider__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 80px;
    row-gap: 20px;
}

.restaurants-slider__item {
    min-width: 0;
}


.restaurants-slider__title {
    color: #1E1816;
    font-family: Oswald;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 28px */
    letter-spacing: -1.4px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.restaurants-slider__text {
    color: rgba(30, 24, 22, 0.40);
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.28px;
    max-width: 303px;
}

.gas .travel-slider__bottom {
    max-width: 450px;
    margin-top: 20px;
}

.gas .travel-slider__arrow {
    font-size: 14px;
}

.gas__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.gas__body {
    max-width: 50%;
    width: 100%;
}

.gas-bot_img img {
    height: 222px;
}

.gas-sub {
    margin-top: 20px;
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    letter-spacing: -0.32px;
}

.gas_title_block {
    max-width: 460px;
    position: relative;
}

.gas-img {
    width: 100%;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 50%;
}

.gas_slider_block {
    margin: 40px 0;
}

.advantages-cards {
    width: 100%;
    margin-top: 40px;
}

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

.advantages-cards__item {
    position: relative;
    min-width: 0;
    height: 590px;
    overflow: hidden;
}

.advantages-cards__image {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.advantages-cards__overlay {
    position: absolute;
    z-index: 1;

    left: 0;
    right: 0;
    bottom: 0;

    /* Делаем выше карточки, чтобы градиент был растянут */
    height: 130%;

    background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.15) 30%,
            rgba(0, 0, 0, 0.65) 65%,
            rgba(0, 0, 0, 0.95) 100%
    );

    transform: translateY(55%);
    transition: transform 1.4s cubic-bezier(.22, 1, .36, 1);

    pointer-events: none;
}

.advantages-cards__item.active .advantages-cards__overlay {
    transform: translateY(0);
}

.advantages-cards__content {
    position: absolute;
    z-index: 2;

    left: 35px;
    right: 35px;
    bottom: 30px;
}

.advantages-cards__number {
    margin-bottom: 5px;
    font-family: Oswald;
    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 56px */
    letter-spacing: -2.8px;
    text-transform: uppercase;
    background: linear-gradient(171deg, rgba(255, 255, 255, 0.6) -5.36%, #FFF 111.26%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.advantages-cards__line {
    width: 100%;
    height: 1px;
    margin-bottom: 20px;
    background: linear-gradient(
            90deg,
            #B48A5A 0%,
            rgba(180, 138, 90, 0) 100%
    );
}

.advantages-cards__title {
    color: #FFF;
    font-family: Oswald;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 26px */
    letter-spacing: -1.3px;
    text-transform: uppercase;
}

.advantages-cards__item.active .advantages-cards__title {
    margin-bottom: 15px;
}

.advantages-cards__text {
    color: #FFF;
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.28px;
}


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

.preview__content svg {
    height: 100%;
    width: max-content;
}

.preview__content,
.full__content {
    transition: opacity .7s ease,
    transform .7s ease;
}

.preview__content {
    opacity: 1;
    transform: translateY(0);
}

.full__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    opacity: 0;
    transform: translateY(25px);
    pointer-events: none;

    transition-delay: 0s;
}


/* сначала исчезает preview */

.advantages-cards__item.active .preview__content {
    opacity: 0;
    transform: translateY(-15px);

    pointer-events: none;
}


/* потом появляется full */

.advantages-cards__item.active .full__content {
    opacity: 1;
    transform: translateY(0);

    pointer-events: auto;

    transition-delay: .45s;
}


.rec__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.rec-info_label {
    color: #B89463;
    font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%; /* 14.4px */
    letter-spacing: -0.16px;
    margin-bottom: 15px;
}

.rec-info_title {
    color: #3E3937;
    font-family: Oswald;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -0.36px;
}

.rec-info_title span {
    color: #1E1816;
    font-family: Oswald;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 90%; /* 32.4px */
    letter-spacing: -0.36px;
}

.rec-info_text {
    margin-top: 20px;
    margin-bottom: 30px;
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    letter-spacing: -0.32px;
}

.rec-info_btn {
    color: #FFF;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 15.4px */
    letter-spacing: -0.7px;
    text-transform: uppercase;
    border: 1px solid #000;
    background: #1E1816;
    width: 100%;
    max-width: 316px;
    text-align: center;
}

.rec__body {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 30px;
    position: relative;
    border: 1px solid #B48A5A;
    max-width: 50%;
}

.rec-img {
    width: 100%;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 50%;
}

.recommendation-box__logo {
    position: absolute;

    top: 0;
    left: 50%;

    transform: translate(-50%, -50%);

    padding: 0 20px;
    background: #fef9f5;

    display: flex;
    align-items: center;
    justify-content: center;
}

.recommendation-box__logo img {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.rec_logo_mob {
    display: none;
}

.subtitle__hotel {
    color: #F9F1EA;
    font-family: "Inter Tight";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: -0.36px;
    max-width: 400px;
}

.main__info__hotel {
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 0 4px 16px 0 rgba(233, 233, 233, 0.20) inset, 0 1px 40px 0 rgba(226, 226, 226, 0.20) inset, 0 80px 65px 0 rgba(212, 212, 212, 0.20) inset;
    backdrop-filter: blur(5px);
}

select.child-age__select {
    border: 0.5px solid #1E1816;
    background: #FDF9F5;
    padding: 5px;
    color: #1E1816;
    font-size: 12px;
}

select.child-age__select.child-age__select--error {
    border-color: red;
}

.tt-villas,
.tt-villas *,
.tt-villas *::before,
.tt-villas *::after {
    box-sizing: border-box;
}

.tt-villas {
    margin-block: 64px;
}

.tt-villas__container {
    width: 100%;
    max-width: 1346px;
    margin-inline: auto;
    padding-inline: 30px;
}

.tt-villas__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    align-items: stretch;
}

/* Карточка */

.tt-villa {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #fff;
}

/* Фотографии */

.tt-villa__gallery {
    position: relative;
    width: 100%;
    min-width: 0;
    aspect-ratio: 3 / 2;
    margin: 0;
    overflow: hidden;
}

.tt-villa__gallery .swiper-wrapper,
.tt-villa__gallery .swiper-slide {
    height: 100%;
}

.tt-villa__gallery .swiper-slide {
    overflow: hidden;
}

.tt-villa__gallery img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Стрелки */

.tt-villa__arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 0;
    background: rgba(50, 65, 67, 0.6);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transform: translateY(-50%);
    appearance: none;
    cursor: pointer;
}

.tt-villa__arrow--prev {
    left: 18px;
}

.tt-villa__arrow--next {
    right: 18px;
}

/* Линия стрелки */

.tt-villa__arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background: #fff;
    transform: translate(-50%, -50%);
}

/* Наконечник */

.tt-villa__arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9px;
    height: 9px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.tt-villa__arrow--prev::after {
    left: 10px;
    transform: translateY(-50%) rotate(-135deg);
}

.tt-villa__arrow--next::after {
    right: 10px;
    transform: translateY(-50%) rotate(45deg);
}

.tt-villa__arrow:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.tt-villa__arrow.swiper-button-disabled {
    opacity: 0.4;
    cursor: default;
}

.tt-villa__arrow.swiper-button-lock {
    display: none;
}

/* Содержимое */

.tt-villa__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
}

.tt-villa__hotel {
    margin: 0 0 10px;
}

.tt-villa__title {
    margin: 0 0 16px;
}

.tt-villa__description {
    width: 100%;
    max-width: 360px;
    margin: 0 0 24px;
}

.tt-villa__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 210px;
    max-width: 100%;
    min-height: 46px;
    margin-top: auto;
    padding: 12px 20px;
    background: #211b18;
}

/* Планшет */

@media (max-width: 991px) {
    .tt-villas {
        margin-block: 48px;
    }

    .tt-villas__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
}

/* Телефон */

@media (max-width: 575px) {
    .tt-villas {
        margin-block: 36px;
    }

    .tt-villas__container {
        padding-inline: 20px;
    }

    .tt-villas__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .tt-villa__body {
        padding: 22px 20px;
    }

    .tt-villa__arrow--prev {
        left: 12px;
    }

    .tt-villa__arrow--next {
        right: 12px;
    }
}


.tt-villa__hotel{
    color: rgba(22, 27, 30, 0.20);
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: -0.7px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.tt-villa__title{
    color: #1E1816;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 20px */
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.tt-villa__description{
    margin-bottom: 20px;
    color: #1E1816;
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.28px;
}
.tt-villa__button{
    color: #FFF;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 15.4px */
    letter-spacing: -0.7px;
    text-transform: uppercase;
}
.tt-villas__grid{
    margin-top: 40px;
}

@media (max-width: 991px) {

    .advantages-cards__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 600px) {

    .advantages-cards__grid {
        grid-template-columns: 1fr;
    }

    .advantages-cards__item {
        height: 520px;
    }

    .advantages-cards__content {
        left: 20px;
        right: 20px;
        bottom: 25px;
    }

}

@media (max-width: 991px) {

    .restaurants-slider__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 40px;
    }

}


@media (max-width: 600px) {

    .restaurants-slider__grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

}

@media (max-width: 991px) {
    .hotel-rooms__right {
        margin-top: 20px;
    }

    .hotel-rooms__item {
        height: max-content !important;
    }

    .hotel-rooms__item::after {
        left: 20px;
    }

    .why_wrapper {
        flex-direction: column;
    }

    .why__list {
        display: flex;
        flex-direction: column;
        gap: 26px;
        max-width: 100%;
    }

    .why__img {
        height: 250px;
        max-width: 100%;
    }

    .gas__wrapper {
        flex-direction: column;
    }

    .gas__body {
        max-width: 100%;
    }

    .rec-img {
        max-width: 100%;
        height: 250px;
        background-size: cover;
    }

    .rec_logo_pc {
        display: none;
    }

    .rec_logo_mob {
        display: block;
        width: 100%;
    }

    .rec__wrapper {
        flex-direction: column;
    }

    .rec__body {
        flex-direction: column;
        gap: 20px;
        max-width: 100%;
    }

    .cost {
        padding: 9px !important;
    }

    .hotel-rooms {
        grid-template-columns: 1fr;
        height: auto;
    }

    .hotel-rooms__gallery {
        height: 500px;
    }

    .hotel-rooms__right {
        height: 560px;
    }

}


@media (max-width: 600px) {

    .hotel-rooms__gallery {
        height: 350px;
    }

    .hotel-rooms__right {
        height: 480px;
    }

    .hotel-rooms__item {
        height: 120px;
        padding: 18px 20px;
    }

}

@media (max-width: 1200px) {

    .hotel-info__content {
        grid-template-columns: 1fr;
    }

    .hotel-info__right {
        max-width: 700px;
    }

}

@media (max-width: 992px) {

    .hotel-info__grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 767px) {
    .banner-country{
        background-image: url("/local/templates/main/img/maldiv-banner_mob.png") !important;
        height: 520px;
    }
    .banner-top{
        display: none;
    }
    .banner-country .container {
        justify-content: end;
    }
    .hotel-info__item ul {
        height: auto;
        overflow: unset;
    }

    .hotel-info {
        padding: 50px 0;
    }

    .hotel-info__left,
    .hotel-info__right {
        padding: 25px;
    }

    .hotel-info h2 {
        margin: 0 0 25px;
    }

    .hotel-info__grid {
        grid-template-columns: 1fr;
        border: 0;
    }

    .hotel-info__item {
        min-height: auto;
        padding: 25px 0;

        border: 0;
        border-top: 1px solid #e8ddd1;
    }

}

@media (max-width: 768px) {

    .hotel-popup {
        padding: 15px;
    }

    .hotel-popup__window {
        padding: 25px 20px;
    }

    .hotel-popup__title {
        font-size: 34px;
        padding-right: 35px;
    }

}

@media (max-width: 1200px) {
    .hotel-gallery {
        gap: 16px;
    }

    .hotel-gallery__main {
        height: 600px;
    }

    .hotel-gallery-thumbs {
        height: 508px;
    }

    .hotel-gallery__right {
        grid-template-rows: minmax(0, 1fr) 72px;
        gap: 20px;
    }

    .hotel-gallery__arrow--prev {
        left: 20px;
    }

    .hotel-gallery__arrow--next {
        right: 20px;
    }
}

@media (max-width: 900px) {
    .hotel-about__info {
        flex-direction: column;
    }

    .hotel-gallery {
        display: block;
    }

    .hotel-gallery__main {
        height: auto;
        aspect-ratio: 16 / 10;
    }

    .hotel-gallery__right {
        display: block;
        margin-top: 12px;
    }

    .hotel-gallery-thumbs {
        height: 100px;
    }

    .hotel-gallery-thumbs .swiper-wrapper {
        flex-direction: row;
    }

    .hotel-gallery-thumbs .swiper-slide {
        width: 150px;
        height: 100%;
    }

    .hotel-gallery__more {
        min-height: 58px;
        margin-top: 12px;
    }

    .hotel-gallery__pagination {
        display: block;
    }
}

@media (max-width: 560px) {
    .hotel-gallery__main {
        aspect-ratio: 4 / 3;
    }

    .hotel-gallery-thumbs {
        height: auto;
    }

    .hotel-gallery-thumbs .swiper-slide {
        width: 110px;
        height: 110px !important;
    }

    .hotel-gallery__arrow {
        width: 40px;
        height: 40px;
    }

    .hotel-gallery__arrow--prev {
        left: 10px;
    }

    .hotel-gallery__arrow--next {
        right: 10px;
    }

    .hotel-gallery__arrow svg {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 1160px) {
    form.cost-body {
        flex-direction: column;
    }

    .cost-body_price {
        max-width: 100%;
    }
}

@media (max-width: 1000px) {
    .cost {
        padding: 40px 20px;
    }
}

@media (max-width: 740px) {
    .cost-wrapper {
        padding: 15px;
    }

    .container {
        padding: 0 15px;
    }

    .btn {
        padding: 15px 20px;;
    }

    .cost-tabs {
        gap: 20px;
        margin: 20px auto 0 auto;
        flex-direction: column;
    }

    .cost-body_fields {
        padding: 10px;
    }

    .cost-fields_group {
        flex-direction: column;
    }

    .cost-top_title {
        font-size: 16px;
    }

    .cost-price_top,
    .cost-price_bot {
        padding: 10px;
    }

    .cost-top_item {
        font-size: 14px;
    }

    .cost-bot_price__label {
        font-size: 18px;
    }

    .cost-bot_price__val {
        font-size: 16px;
    }

    .cost-bot_price__val sub {
        font-size: 29px;
        padding: 0 2px;
    }
}

@media (max-width: 560px) {
    .cost-bot_price__val {
        line-height: 29px;
    }
}

/* End */


/* Start:/local/templates/main/css/air-datepicker.css?178407054819579*/
.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}

/* End */
/* /local/templates/main/components/bitrix/catalog/catalog_country/bitrix/catalog.element/catalog/style.css?179216444741423 */
/* /local/templates/main/css/air-datepicker.css?178407054819579 */