

/* Start:/local/templates/main/styles.css?172656725565*/
.block--elements > .block--elements {
    grid-column: span 3;
}

/* End */


/* Start:/local/templates/main/template_styles.css?178067344033103*/
.page_action_panel {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.08);
    z-index: 100;
}
.page_action_panel .page_action_panel--item:not(:last-of-type) {
    margin-right: 8px;
}
.page_action_panel .page_action_panel--item a {
    color: black;
    display: flex;
    white-space: nowrap;
    padding: 1em 2em;
    background: rgba(255, 255, 255, 0.6);
    transition: 0.24s linear;
    border: 1px solid #d9d9d9;
}
.page_action_panel .page_action_panel--item a:hover {
    background: #FCFAEE;
}
.block--control_panel {
    margin: 16px;
    bottom: 20px;
    z-index: 100;
    left: 20px;}
.block--control_panel a{
    padding: 1em 2em;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.08);
    background: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: 0.24s linear;
    border: 1px solid #d9d9d9;
}
.block--control_panel a:hover{
    opacity: 0.3;
}


.header .button,
.header .button-filled,
.header .button-outlined,
.header .button-outline {
    transition: 0.1s linear;
}
.grecaptcha-badge {
    display: none;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.tl-widgets-container {
    z-index: 45 !important
}

@media (max-width: 768px) {
    .popup[data-popup="popup_for_welcoming"] {
        place-items: center; } }

.popup[data-popup="popup_for_welcoming"] .popup__content {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    max-width: 780px;
    aspect-ratio: 780 / 420;
    width: 100%;
    padding:  var(--g-40);
    display: flex;
    flex-direction: column;
    color: #FFFFFF;
}
@media (max-width: 768px) {
    .popup[data-popup="popup_for_welcoming"] .popup__content {
        aspect-ratio: 1 / 1; } }
.popup[data-popup="popup_for_welcoming"] .popup__content:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-blend-mode: multiply;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(18, 18, 18, 0.5)), to(rgba(18, 18, 18, 0.01)));
    background: -o-linear-gradient(left, rgba(18, 18, 18, 0.5) 50%, rgba(18, 18, 18, 0.01));
    background: linear-gradient(to right, rgba(18, 18, 18, 0.5) 50%, rgba(18, 18, 18, 0.01)); }
.popup[data-popup="popup_for_welcoming"] .popup__content h3 {
    text-transform: uppercase;
    font-size: var(--fs-24);
    line-height: 1.4;
    margin-bottom: 24px;
    max-width: 460px;
    position: relative;
    z-index: 2; }
.popup[data-popup="popup_for_welcoming"] .popup__content p {
    font-size: var(--fs-18);
    margin-bottom: var(--g-24);
    max-width: 460px;
    position: relative;
    z-index: 2; }
.popup[data-popup="popup_for_welcoming"] .popup__content .popup__content-buttons {
    --c-bg-accent: #AD083F;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    z-index: 2; }

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

.header .button-outlined {
    border-bottom-color: transparent;
}

.card--afisha {
    aspect-ratio: 448 / 586;
    height: 100%;
    background-color: #fff;
    position: relative;
    justify-content: flex-end;
    gap: 8px;
    padding: var(--g-32);
}
.card--afisha .card__image {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.card--afisha .card__title {
    position: relative;
    color: #FFFFFF;
    padding: 0;
}
.card--afisha .card__content {
 z-index: 3;
    position: relative;
    color: #FFFFFF;
padding: 0;
}
.card--afisha .card__content_row {
    padding: 0;
}
.card--afisha .card__content_row_date{
    color: #FFFFFF;
    max-width: 100%;
}
.content_affiche .card--afisha{
    padding: 12px;
}
.card--afisha  .card__title {
    --hoverColor: var(--c-text-white);
    --hoverBg: var(--c-text-dark);
    --baseBg: rgba(21, 44, 58, 0.05);
    padding-bottom: 0; }

.content_affiche .block--elements:not(.js-initSwiper){
    grid-template-columns: repeat(5, 1fr);
}
@media(min-width: 769px) {
    .content_affiche .card.card--afisha {
        min-width: calc((var(--container) - 160px) / 5);
        max-width: calc((var(--container) - 160px) / 5);
    }
}
@media (max-width: 1280px) {
    .content_affiche .block--elements:not(.js-initSwiper) {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .content_affiche .card.card--afisha {
        min-width: calc((var(--container) - 80px) / 3);
        max-width: calc((var(--container) - 80px) / 3);
    }
}
@media(max-width: 768px) {
    .content_affiche .card.card--afisha {
        min-width: 100%;
    }
    .content_affiche .block--elements.js-initSwiper .card.card--afisha {
        min-width: 288px;
    }
    .content_affiche .block--elements:not(.js-initSwiper) {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

}

.content_affiche .card.card--afisha .card__title h3{
    font-size: 14px;
}
.content_affiche .card.card--afisha .card__content_row_date{
    font-size: 12px;
}
.card__content_row_subtitle:empty {
    display: none;
}
.block--content ul > ul {
    padding-left: 24px;
}
.card.card--afisha {
    aspect-ratio: 448 / 686;
}
.card--afisha .card__image::before{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(90%, rgb(0, 0, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgb(0, 0, 0) 90% 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgb(0, 0, 0) 90% 100%);
}
.block--elements.js-initSwiper .card--afisha{
    aspect-ratio: 448 / 586;
}
.block_list .card--afisha img{
    object-position: top
}
a.card:not(.card--hotel):hover .card__image img{
transform: scale(1.10);
}

.language_switcher{
    position: fixed;
    right: 0;
    bottom: 50%;
    z-index: 10;
}
@media(max-width: 768px){
    .language_switcher{
        bottom: 25%
    }
}
.language_switcher--button{
    width: 50px;
    height: 50px;
    color: var(--c-text-white);
    background-color: var(--c-bg-dark);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}
.language_switcher--button.active{
    background-color: var(--c-bg-accent);
}


.header--button_tooltip
{
    position: relative;

    border: transparent;
}
/*@media (min-width: 992px)*/
/*{*/
/*    .header--button_tooltip*/
/*    {*/
/*        display: none;*/
/*    }*/
/*}*/

.header--button_tooltip svg path
{
    fill: currentColor;
}

.header--tooltip
{
    position: absolute;
    top: 100%;
    left: 50%;

    display: none;

    width: 168px;

    -webkit-transform: translate(-50%, 8px);
    -ms-transform: translate(-50%, 8px);
    transform: translate(-50%, 8px);

    background-color: #fff;
    filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.08));
    color: #152C3A;
}
.header--tooltip:before
{
    position: absolute;
    bottom: 100%;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    border: 8px solid transparent;
    border-bottom-color: #fff;
}
.header--tooltip.hidden{
    display: none;
}
.header--tooltip.is_visible
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header__main_controls .header--button_tooltip .button.header_button{
border-color: transparent;
}
.header--tooltip_wrapper
{
    overflow: hidden;

    width: 100%;
}
.header--tooltip_item
{
    font-size: 12px;
    line-height: 18px;

    width: 100%;
    padding: 8px;

    text-align: left;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.header--tooltip_item a[href]
{
    position: relative;
}
.header--tooltip_item a[href]:after
{
    display: inline-block;

    width: 12px;
    height: 12px;
    margin: 0 4px;

    content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'12\' viewBox=\'0 0 12 12\' fill=\'none\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M5.35359 2.64648L8.35359 5.64648C8.54885 5.84175 8.54885 6.15833 8.35359 6.35359L5.35359 9.35359L4.64648 8.64648L6.79297 6.5H2V5.5H6.79289L4.64648 3.35359L5.35359 2.64648Z\' fill=\'%23152C3A\'/%3E%3C/svg%3E');
    vertical-align: middle;
}
.header--tooltip:has(.swiper-pagination-bullets)
{
    padding-bottom: 16px;
}
.header--tooltip:has(.swiper-pagination-bullets.swiper-pagination-lock)
{
    padding-bottom: 0;
}
.header--tooltip .swiper-pagination-bullets
{
    position: absolute;
    bottom: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0 8px 8px;

    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
}
.header--tooltip .swiper-pagination-bullets.swiper-pagination-lock
{
    display: none;
}
.header--tooltip .swiper-pagination-bullets .swiper-pagination-bullet
{
    width: 4px;
    height: 4px;
    margin: 0;
}
.header--tooltip .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color: #152c3a;
}
@media(max-width: 768px) {
    .button.button-link, .header--button_tooltip .button{
        padding: 0 10px;
    }
}

.block_dark {
    background-color: var(--c-bg-dark);
    color: var(--c-text-white);
}
.block_dark .swiper-button-next, .block_dark  .swiper-button-prev {
    background-color: #FFFFFF;
}
.content_cards .card {
    color: var(--c-text-dark);
}
.card--contacts .card__content {
    flex-grow: 1;
}
.block_light {
    background-color: var(--c-bg-light);
    color: var(--c-text-dark);
}


/* Контент Активности */

.content_activities {

}
.content_activities .card{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 1px solid rgba(21, 44, 58, 0.1);
}
.content_activities .card__image{
    width: 40%;
    aspect-ratio: 1;
}
.content_activities .card__image::before {
    display: none;
}
.content_activities .card__title{
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(21, 44, 58, 0.1);
}
.content_activities .card__content {
    background-color: #fff;
    height: 100%;
}
.content_activities .card__labels {
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.content_activities .card__action {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.content_activities .card__action .button{
    width: 64px;
    height: 100%;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    padding: 0;
}
.content_activities .card__content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.content_activities .card__labels-item{
    font-size: 14px;
    color: rgba(21, 44, 58, 0.8);
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    line-height: 24px;
}

.content_activities .card__labels-item .icon-place{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.62354C8.65011 3.6251 7.35594 4.15345 6.40141 5.09268C5.44688 6.03192 4.90992 7.30534 4.90833 8.63361C4.90671 9.71908 5.26705 10.7751 5.93408 11.6397C5.93408 11.6397 6.07294 11.8196 6.09562 11.8455L10 16.3765L13.9063 11.8433C13.9266 11.8191 14.066 11.6397 14.066 11.6397L14.0664 11.6383C14.7331 10.7741 15.0933 9.71858 15.0917 8.63361C15.0901 7.30534 14.5532 6.03192 13.5986 5.09268C12.6441 4.15345 11.3499 3.6251 10 3.62354ZM10 10.4555C9.63383 10.4555 9.27585 10.3486 8.97137 10.1484C8.66689 9.94824 8.42957 9.6637 8.28944 9.33081C8.1493 8.99791 8.11263 8.63159 8.18407 8.27819C8.25552 7.92479 8.43186 7.60016 8.6908 7.34537C8.94974 7.09058 9.27965 6.91707 9.63881 6.84677C9.99797 6.77648 10.3702 6.81256 10.7086 6.95045C11.0469 7.08834 11.3361 7.32185 11.5395 7.62145C11.743 7.92105 11.8515 8.27329 11.8515 8.63361C11.8509 9.11661 11.6557 9.57966 11.3086 9.92119C10.9615 10.2627 10.4909 10.4549 10 10.4555Z' fill='%23152C3A' fill-opacity='0.8'/%3E%3C/svg%3E ");
}
.content_activities .card__labels-item .icon-time{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4.85889C7.16519 4.85889 4.85889 7.16519 4.85889 10C4.85889 12.8348 7.16519 15.1411 10 15.1411C12.8348 15.1411 15.1411 12.8348 15.1411 10C15.1411 7.16519 12.8348 4.85889 10 4.85889ZM12.9561 10.5141H9.48589V6.91533H10.5141V9.48589H12.9561V10.5141Z' fill='%23152C3A' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}
.card--contacts-accent,
.popup--hotel .card[href="/resort_and_spa_hotel/"],
.popup--hotel .card[href="/dacha_del_sol/"],
.popup--hotel .card[href="/tajland-rezort-anapa/"],
.popup--hotel .card[href="/funf/"]{
    border: 2px solid #CCA72A;
    position: relative;
}
.card--contacts-accent:before,
.popup--hotel .card[href="/resort_and_spa_hotel/"]:before,
.popup--hotel .card[href="/dacha_del_sol/"]:before,
.popup--hotel .card[href="/tajland-rezort-anapa/"]:before,
.popup--hotel .card[href="/funf/"]:before {
    content: url("data:image/svg+xml,%3Csvg width='20' style='margin-right:8px' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7292 2.64286C11.125 2.39286 11.3889 1.93929 11.3889 1.42857C11.3889 0.639286 10.7674 0 10 0C9.23264 0 8.61111 0.639286 8.61111 1.42857C8.61111 1.94286 8.875 2.39286 9.27083 2.64286L7.28125 6.73571C6.96528 7.38571 6.14583 7.57143 5.59375 7.11786L2.5 4.57143C2.67361 4.33214 2.77778 4.03571 2.77778 3.71429C2.77778 2.925 2.15625 2.28571 1.38889 2.28571C0.621528 2.28571 0 2.925 0 3.71429C0 4.50357 0.621528 5.14286 1.38889 5.14286H1.41319L3 14.1214C3.19097 15.2071 4.11111 16 5.1875 16H14.8125C15.8854 16 16.8056 15.2107 17 14.1214L18.5868 5.14286H18.6111C19.3785 5.14286 20 4.50357 20 3.71429C20 2.925 19.3785 2.28571 18.6111 2.28571C17.8437 2.28571 17.2222 2.925 17.2222 3.71429C17.2222 4.03571 17.3264 4.33214 17.5 4.57143L14.4062 7.11786C13.8542 7.57143 13.0347 7.38571 12.7187 6.73571L10.7292 2.64286Z' fill='%23CCA72A'/%3E%3Cpath d='M10.7292 2.64286C11.125 2.39286 11.3889 1.93929 11.3889 1.42857C11.3889 0.639286 10.7674 0 10 0C9.23264 0 8.61111 0.639286 8.61111 1.42857C8.61111 1.94286 8.875 2.39286 9.27083 2.64286L7.28125 6.73571C6.96528 7.38571 6.14583 7.57143 5.59375 7.11786L2.5 4.57143C2.67361 4.33214 2.77778 4.03571 2.77778 3.71429C2.77778 2.925 2.15625 2.28571 1.38889 2.28571C0.621528 2.28571 0 2.925 0 3.71429C0 4.50357 0.621528 5.14286 1.38889 5.14286H1.41319L3 14.1214C3.19097 15.2071 4.11111 16 5.1875 16H14.8125C15.8854 16 16.8056 15.2107 17 14.1214L18.5868 5.14286H18.6111C19.3785 5.14286 20 4.50357 20 3.71429C20 2.925 19.3785 2.28571 18.6111 2.28571C17.8437 2.28571 17.2222 2.925 17.2222 3.71429C17.2222 4.03571 17.3264 4.33214 17.5 4.57143L14.4062 7.11786C13.8542 7.57143 13.0347 7.38571 12.7187 6.73571L10.7292 2.64286Z' fill='white'/%3E%3C/svg%3E") "   Luxury";
    background-color: #CCA72A;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 48px;
    z-index: 2;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    margin-right: 8px;
}
.hotel_index__list-content a[href="/resort_and_spa_hotel/"],
.hotel_index__list-content a[href="/dacha_del_sol/"],
.hotel_index__list-content a[href="/tajland-rezort-anapa/"],
.hotel_index__list-content a[href="/funf/"] {
    font-weight: 500;
}
.hotel_index__list-content a[href="/resort_and_spa_hotel/"]:before,
.hotel_index__list-content a[href="/dacha_del_sol/"]:before,
.hotel_index__list-content a[href="/tajland-rezort-anapa/"]:before,
.hotel_index__list-content a[href="/funf/"]:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7292 2.64286C11.125 2.39286 11.3889 1.93929 11.3889 1.42857C11.3889 0.639286 10.7674 0 10 0C9.23264 0 8.61111 0.639286 8.61111 1.42857C8.61111 1.94286 8.875 2.39286 9.27083 2.64286L7.28125 6.73571C6.96528 7.38571 6.14583 7.57143 5.59375 7.11786L2.5 4.57143C2.67361 4.33214 2.77778 4.03571 2.77778 3.71429C2.77778 2.925 2.15625 2.28571 1.38889 2.28571C0.621528 2.28571 0 2.925 0 3.71429C0 4.50357 0.621528 5.14286 1.38889 5.14286H1.41319L3 14.1214C3.19097 15.2071 4.11111 16 5.1875 16H14.8125C15.8854 16 16.8056 15.2107 17 14.1214L18.5868 5.14286H18.6111C19.3785 5.14286 20 4.50357 20 3.71429C20 2.925 19.3785 2.28571 18.6111 2.28571C17.8437 2.28571 17.2222 2.925 17.2222 3.71429C17.2222 4.03571 17.3264 4.33214 17.5 4.57143L14.4062 7.11786C13.8542 7.57143 13.0347 7.38571 12.7187 6.73571L10.7292 2.64286Z' fill='%23CCA72A'/%3E%3Cpath d='M10.7292 2.64286C11.125 2.39286 11.3889 1.93929 11.3889 1.42857C11.3889 0.639286 10.7674 0 10 0C9.23264 0 8.61111 0.639286 8.61111 1.42857C8.61111 1.94286 8.875 2.39286 9.27083 2.64286L7.28125 6.73571C6.96528 7.38571 6.14583 7.57143 5.59375 7.11786L2.5 4.57143C2.67361 4.33214 2.77778 4.03571 2.77778 3.71429C2.77778 2.925 2.15625 2.28571 1.38889 2.28571C0.621528 2.28571 0 2.925 0 3.71429C0 4.50357 0.621528 5.14286 1.38889 5.14286H1.41319L3 14.1214C3.19097 15.2071 4.11111 16 5.1875 16H14.8125C15.8854 16 16.8056 15.2107 17 14.1214L18.5868 5.14286H18.6111C19.3785 5.14286 20 4.50357 20 3.71429C20 2.925 19.3785 2.28571 18.6111 2.28571C17.8437 2.28571 17.2222 2.925 17.2222 3.71429C17.2222 4.03571 17.3264 4.33214 17.5 4.57143L14.4062 7.11786C13.8542 7.57143 13.0347 7.38571 12.7187 6.73571L10.7292 2.64286Z' fill='currentColor'/%3E%3C/svg%3E");
    margin-right: 8px;
}
.hotel_index__list-content li.active a[href="/resort_and_spa_hotel/"]:before,
.hotel_index__list-content li.active a[href="/dacha_del_sol/"]:before,
.hotel_index__list-content li.active a[href="/tajland-rezort-anapa/"]:before,
.hotel_index__list-content li.active a[href="/funf/"]:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7292 2.64286C11.125 2.39286 11.3889 1.93929 11.3889 1.42857C11.3889 0.639286 10.7674 0 10 0C9.23264 0 8.61111 0.639286 8.61111 1.42857C8.61111 1.94286 8.875 2.39286 9.27083 2.64286L7.28125 6.73571C6.96528 7.38571 6.14583 7.57143 5.59375 7.11786L2.5 4.57143C2.67361 4.33214 2.77778 4.03571 2.77778 3.71429C2.77778 2.925 2.15625 2.28571 1.38889 2.28571C0.621528 2.28571 0 2.925 0 3.71429C0 4.50357 0.621528 5.14286 1.38889 5.14286H1.41319L3 14.1214C3.19097 15.2071 4.11111 16 5.1875 16H14.8125C15.8854 16 16.8056 15.2107 17 14.1214L18.5868 5.14286H18.6111C19.3785 5.14286 20 4.50357 20 3.71429C20 2.925 19.3785 2.28571 18.6111 2.28571C17.8437 2.28571 17.2222 2.925 17.2222 3.71429C17.2222 4.03571 17.3264 4.33214 17.5 4.57143L14.4062 7.11786C13.8542 7.57143 13.0347 7.38571 12.7187 6.73571L10.7292 2.64286Z' fill='%23CCA72A'/%3E%3Cpath d='M10.7292 2.64286C11.125 2.39286 11.3889 1.93929 11.3889 1.42857C11.3889 0.639286 10.7674 0 10 0C9.23264 0 8.61111 0.639286 8.61111 1.42857C8.61111 1.94286 8.875 2.39286 9.27083 2.64286L7.28125 6.73571C6.96528 7.38571 6.14583 7.57143 5.59375 7.11786L2.5 4.57143C2.67361 4.33214 2.77778 4.03571 2.77778 3.71429C2.77778 2.925 2.15625 2.28571 1.38889 2.28571C0.621528 2.28571 0 2.925 0 3.71429C0 4.50357 0.621528 5.14286 1.38889 5.14286H1.41319L3 14.1214C3.19097 15.2071 4.11111 16 5.1875 16H14.8125C15.8854 16 16.8056 15.2107 17 14.1214L18.5868 5.14286H18.6111C19.3785 5.14286 20 4.50357 20 3.71429C20 2.925 19.3785 2.28571 18.6111 2.28571C17.8437 2.28571 17.2222 2.925 17.2222 3.71429C17.2222 4.03571 17.3264 4.33214 17.5 4.57143L14.4062 7.11786C13.8542 7.57143 13.0347 7.38571 12.7187 6.73571L10.7292 2.64286Z' fill='%23CCA72A'/%3E%3C/svg%3E");
}
.hotel_index__list-content ul li a {
    font-weight: 500;
}
.hotel_index__list-content ul li a[href="/resort_and_spa_hotel/"],
.hotel_index__list-content ul li a[href="/dacha_del_sol/"],
.hotel_index__list-content ul li a[href="/tajland-rezort-anapa/"],
.hotel_index__list-content ul li a[href="/funf/"] {
    font-weight: 700;
}


/* Карточки отелей 2 */
.content_hotels-2 .card{
    border: 1px solid var(--border-color);
}
.content_hotels-2 .card__content{

    border-bottom: none;
}
.content_hotels-2 .card__title{
    padding-bottom: 12px;
    --baseColor: var(--c-text-dark);
    --baseBg: rgba(21, 44, 58, 0.05);
    --hoverColor: #fff;
    --hoverBg: var(--c-text-dark);
}
.content_hotels-2 .card .card__text{
    padding: 0 var(--g-32) var(--g-32);
	height:100%;
display: flex;
    flex-direction: column;
}
.content_hotels-2 .card__content_row--button  {
    display: flex;
	margin-top: auto;
    border-top: 1px solid var(--border-color);
}
.content_hotels-2 .card__content_row--button:hover  {
    background: var(--c-bg-accent);
    color: var(--c-text-white);
}
.content_hotels-2 .card__content_row_subtitle {
    padding: 23px 32px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    flex-grow: 1;
}
.content_hotels-2 .card__content_row--button .icon-Booking {
    aspect-ratio: 1 / 1;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 23px;
}

.content_hotels-2 .card__image.js-initCardsSwiper {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    flex-shrink: 0;
}
.content_hotels-2 .card__image {
    aspect-ratio: 448 / 282;
}
.content_hotels-2 .block--actions{
	margin-top: auto;
}
.content_hotels-2 .card__image.js-initCardsSwiper .js-initCardsSwiper_slide {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.content_hotels-2 .card__image.js-initCardsSwiper .swiper-button-next {
    right: 24px;
}
.content_hotels-2 .card__image.js-initCardsSwiper .swiper-button-next,
.content_hotels-2 .card__image.js-initCardsSwiper .swiper-button-prev {
    bottom: 16px;
    z-index: 2;
    background: rgba(0,0,0,0.35);

}
.content_hotels-2 .card__image.js-initCardsSwiper .swiper-button-next:after,
.content_hotels-2 .card__image.js-initCardsSwiper .swiper-button-prev:after {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.content_hotels-2 .card__image.js-initCardsSwiper .swiper-button-prev {
    right: 74px;
}

.content_rooms .card--room .card__content_row--button {
    background-color: var(--c-bg-accent);
    color: var(--c-text-white);
}
.content_rooms .card--room .card__content_row--button:hover, .card--room .card__content_row--button:focus, .card--room .card__content_row--button:active{
   background-color: #CCA72A;

}

/* попап с меню на мобилке фикс  */
/*[data-popup="popup_header_submenu"] {*/
/*    margin-top: 0;*/
/*    padding: calc(var(--headerHeight, 124px) + 8px) 12px 40px*/
/*}*/


/* timer start */
.block_timer .block--content{
	position: relative;
	color: #fff;
	display: flex;
	align-items: center;
	padding: var(--g-64, clamp(32px, calc(32px + (64 - 32) * ((100vw - 1024px) / (1920 - 1024))), 64px)) var(--g-48, clamp(24px, calc(24px + (48 - 24) * ((100vw - 1024px) / (1920 - 1024))), 48px));
}
.block_timer .block--text{
	width: 100%;
}
.block_timer .timer h3.f-h2{
	text-align: center;
font-size: var(--fs-40);
    margin-bottom: var(--g-32);
}
.block_timer .timer--items{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}
.block_timer .timer__item {
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	padding: 1rem 0;
	gap: 1rem;
}
.block_timer .timer__item div:nth-child(1) span{
	position: relative;
	z-index: 2;
	aspect-ratio: 145/226 ;
	height: 100%;
	width: auto;
	display: inline-block;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
}
.block_timer .timer__item div:nth-child(1){
	display: flex;
	gap: 16px;
	height: 10vw;
}
.block_timer .timer__item div:nth-child(1) span::after{
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='145' height='226' viewBox='0 0 145 226' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='166.253' width='145' height='59.747' rx='14' fill='%238D7200'/%3E%3Cpath d='M136.495 100.091H144.796V12.8507C144.786 5.75191 139.258 0 132.446 0H12.3493C5.52752 0 0 5.75191 0 12.8507V100.102V101.772V117.54V204.79C0 211.889 5.52752 217.641 12.3493 217.641H132.446C139.268 217.641 144.796 211.889 144.796 204.79V117.54V100.102L136.495 100.091Z' fill='%23D4AB00'/%3E%3Cpath d='M0 11.0332V100.43H3.89262H8.27181V109.261L136.728 109.544V100.43H145V15.3665C145 3.61965 140.945 0.34539 136.728 0.176612C103.154 0.00783547 17.0302 -0.117382 8.27181 0.176612C2.91946 0.356276 0.486577 6.25257 0 11.0332Z' fill='%23D4AB00'/%3E%3C/svg%3E%0A");	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	border-radius: 6px;
	overflow: hidden;
	z-index: -1;
}
.block_timer .timer__item div:nth-child(1){
	font-size:  6.771vw;
}
.block_timer .timer__item div:nth-child(2){
	font-size: 2.083vw;
}
.block_timer .timer__item span{
	position: relative;
	z-index: 2;
}

@media (max-width: 768px) {
	.block_timer .timer__item:nth-child(4){
		display: none;
	}
	.block_timer .timer--items{
		grid-template-columns: repeat(3, 1fr);
		gap: 1rem;
	}
	.block_timer .timer__item div:nth-child(1) {
    height: 17.5vw;
}
.block_timer .timer__item div:nth-child(1){
	font-size: 12.5vw;
	gap: 8px;
}
.block_timer .timer__item div:nth-child(2){
	font-size: 6.5vw;
}
.block_timer .block--content{
}
}
/*timer end*/

.block_image_text.block_image_text-initial .block--image{
        aspect-ratio: initial;
}
.block_image_text.block_image_text-initial .block--image img{
	position: static;
}
.no-padding-bottom{
padding-bottom: 0;
}
.no-padding-top{
padding-top: 0;
}


/*forms*/
.form{
    border-bottom: 5px solid var(--c-bg-accent);
    -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3);
	min-height: 250px;
    max-width: 700px;
	border-radius: 10px;
	width: 100%;
}
.is_cascade .form{
margin: auto;
}
.is_cascade .form fieldset, .form fieldset{
    padding: 14px 31px;
}

@media (max-width: 768px) {
	.form fieldset,
.is_cascade .form fieldset,{
        padding-left: 18px;
        padding-right: 18px;
}

}
.form__button,
.form__button [type="submit"]{
    width: 100%;
}
.form__input select{
    color: var(--c-text-secondary);
    outline: none;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.form__input input {
    background-color: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}
.form__input input:hover,.form__input input:active,.form__input input:focus,
.is_cascade .form__input input:focus
{
 background-color: #fff;
border-color: rgba(203, 165, 42, 0.7);

}
.form__input input:active,.form__input input:focus{
font-size: 0.8em;
}
form > h3{
padding: 1rem;
text-align: center;
border-bottom: 1px solid rgba(82, 92, 105, 0.11);
margin-bottom: 0 !important;
}

.content_hotels-2 .card__image.js-initCardsSwiper .swiper-button-next, .content_hotels-2 .card__image.js-initCardsSwiper .swiper-button-prev,.content_gallery .js-initSwiper .swiper-button-next,.content_gallery .js-initSwiper .swiper-button-prev {
    bottom: 16px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid #fff;
}
.content_hotels-2 .card__content_row--button{
    position: relative;
background-color: #CCA72A;
color: #fff;
}
.content_hotels-2 .card__content_row--button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
.content_hotels-2 .card__content_row--button:hover:before {

        background-color: rgba(255, 255, 255, 0.2);
}
.content_hotels-2 .card--hotels-2 .card__text p{
margin-bottom: 16px;}

.footer--form{
    background-color: var(--c-bg-accent);
    color: #FFFFFF;
}
.footer--form .footer--wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: var(--g-32) 0;
}
.footer--form .form__input span,
.footer--form .form__policy{
    color: #FFFFFF;
}
.footer--form .form__input input{
    background-color: #FFFFFF;
}
.footer--form .form{
    border-bottom: none;
    box-shadow: none;
    min-height: initial;
}
.footer--form .form fieldset {
    grid-template-columns: 1fr 1fr 1fr;
}
.footer--form .form .form__input{
    gap: 0;
}
.footer--form .form__input input:active, .footer--form .form__input input:focus {
     font-size: 16px;
}
.footer--form .form .form__button{
    display: flex;
    height: 100%;
    align-items: flex-end;
    width: initial;

}
.footer--form .form .form__button button{
    padding: 12px 16px;
}
.footer--form .form .form__policy{
    order: 1;
    grid-column: span 3;
}
.footer--form_title{
    font-size: var(--fs-32);
}
@media (max-width: 998px) {
    .footer--form .footer--wrapper{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .footer--form .form fieldset{
        padding: 0;
    }
}
@media (max-width: 768px){
    .footer--form .form fieldset{
        display: flex;
        flex-direction: column;
    }
}

.card--hotel[href="/tajland-rezort-anapa/"] .card--hotel_hover {
    background-color: #5f7380;
}

.card--hotel[href="/thalanea/"] .card--hotel_hover {
    background-color: #4E7CA0;
}
.booking.is_scrolled_footer {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s linear;
}
.page--index .hero__image {
    background-color: #143346;
}
.form__input.form__policy{
	    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.form__input.form__policy input{
margin-right: 6px;

    margin-top: 0.2em;}

[data-popup="popup_for_equipment"] .popup__content .content_equipment {
    padding: var(--g-40) 0 0 var(--g-40);
}
[data-popup="popup_for_equipment"] .popup__content {
    padding: 0;
    .block_list {
    height: 100%
}
}
@media (min-width: 769px){
    .header__main_buttons .icon-lk{
        font-size: 24px;
    }
}
@media (min-width: 769px){
	.footer--form{
		.form__input{
			    position: relative;
			input{
		color: #152C3A;
}
		}
		.form__input-error{
			position: absolute;
    top: 100%;

		}
	}
}
.card__title h3 {
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.card--labels {
	position: absolute;
	bottom: 16px;
	left: 8px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	z-index: 2;
	gap: 8px;
    padding-right: 120px;
}
.card--label {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 6px;
    background-color: #CCA72A;
    color: #fff;
	padding: clamp(6px, calc(14px + (10 - 6) * ((100vw - 1024px) / (1920 - 1024))), 10px) clamp(8px, calc(8px + (12 - 8) * ((100vw - 1024px) / (1920 - 1024))), 12px);;
	border-radius: 100px;
	font-size: var(--fs-16);
}
.card--label [class^="icon-"] {
	font-size: clamp(16px, calc(18px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
}
/* End */
/* /local/templates/main/styles.css?172656725565 */
/* /local/templates/main/template_styles.css?178067344033103 */
