:root {
    --header-btn-callback-width: 175px;
    --header-btn-callback-height: 40px;
    --header-btn-callback-font-size: 16px;
    --header-tel-font-size: 19px;
    --header-left-font-size: 20px;
    --header-nav-a-font-size: 20px;
    --header-text-title-font-size: 48px;


    --header-text-content-font-size: 16px;
    --header-text-content-max-width: 630px;
    --header-bottom-margin-top: 20px;
    --header-text-block-margin-top: 80px;
    --header-widget-block-margin-top: 104px;
    --header-widget-block-margin-bottom: 95px;
    --header-widget-comment-width: 1024px;
    --header-widget-comment-margin-bottom:20px;
    --header-nav-a-padding: 5px 30px 5px 30px;
    --header-mob-logo-height: 60px;

    --block-variant-razmechenia-views-row-max-width: 370px;
    --block-variant-razmechenia-content-width: 348px;
    --block-variant-razmechenia-btn-width: 370px;
    --block-variant-razmechenia-content-padding: 16px 22px 16px 22px;
    --block-variant-razmechenia-view-footer-max-width: 350px;
    --block-variant-razmechenia-cart-title-font-size: 20px;
    --block-variant-razmechenia-content-margin-bottom: 12px;
    --block-variant-razmechenia-cart-title-margin-top: 25px;
    --block-variant-razmechenia-content-min-height: 177px;
    --block-variant-razmechenia-content-text-adres-margin-bottom: 10px;
    --block-variant-razmechenia-content-text-adres-font-size: 16px;
    --block-variant-razmechenia-top-right-gap: 100px;
    --block-variant-razmechenia-view-wrapper-margin-bottom: 30px;
    --block-variant-razmechenia-before-left-bird-margin-top: 33px;
    --block-variant-razmechenia-before-right-moon-margin-top: 200px;
    --block-variant-razmechenia-title-margin-bottom: 20px;
    --page-anons-variant-razmeshcheniya-view-content-row-gap: 30px;
    --page-anons-variant-razmeshcheniya-view-content-gap: 30px;
    --page-variant-razmechenia-back-bird-margin-top: 90px;
    --page-variant-razmechenia-back-bird-width: 320px;
    --page-variant-razmechenia-before-right-bird-calc: 400px;

    --page-variant-razmechenia-btn-width: 370px;


    --block-service-views-row-max-width: 270px;
    --block-service-view-header__wrapper-max-width: 230px;
    --block-service-padding-top: 10px;
    --block-service-padding-bottom: 80px;
    --block-service-btn-width: 270px;
    --block-service-content-title-font-size: 20px;
    --block-service-content-title-margin-top: 25px;
    --block-service-content-title-margin-bottom: 15px;
    --block-service-title-max-width: 230px;
    --block-service-title-margin-top: 70px;
    --block-service-title-margin-bottom: 20px;
    --block-service-btn-more-link-width: 236px;
    --block-service-view-footer-max-width: 345px;
    --block-service-view-header__wrapper-margin-bottom: -275px;

    --page-anons-service-views-row-max-width: 270px;
    --page-anons-service-btn-width: 270px;
    --page-anons-service-view-content-gap: 20px;
    --page-service-btn-width: 270px;

    --block-about-group-left-font-size: 20px;
    --block-about-group-left-width: 542px;
    --block-about-group-right-width: 488px;
    --block-about-right-title-font-size: 20px;
    --block-about-right-text-font-size: 20px;
    --block-about-btn-about-width: 236px;
    --block-about-btn-reserv-width: 236px;
    --block-about-btn-gap: 30px;
    --block-about-before-line-margin-top: 351px;
    --block-about-before-left-ship-margin-top: 93px;
    --block-about-title-margin-bottom: 30px;
    --block-about-before-right-bird-calc: 434px;
    --block-about-group-right-width-group-4-margin-top: 30px;
    --block-about-btn-margin-bottom: 8px;
    --block-about-before-right-bird-margin-top: -56px;

    --block-info-text-font-size: 20px;
    --block-info-title-margin-bottom: 30px;

    --block-gallery-attachment-views-row-max-width: 270px;
    --block-gallery-view-content-views-row-max-width: 370px;
    --block-gallery-top-right-gap: 120px;
    --block-gallery-view-footer-width: 170px;
    --block-gallery-view-wrapper-margin-bottom: 15px;
    --block-gallery-before-left-bird-margin-top: 434px;
    --block-gallery-before-right-bird-margin-top: 105px;
    --block-gallery-view-wrapper-title-margin-bottom: 20px;

    --page-anons-gallery-attachment-views-row-max-width: 270px;
    --page-anons-gallery-attachment-views-content-gap: 20px;

    --block-gallery-attachment-margin-bottom: 30px;

    --block-contact-zagolovok-max-width: 670px;
    --block-contact-kontakty-max-width: 670px;
    --block-contact-yandekskarta-max-width: 670px;
    --block-contact-webforma-max-width: 470px;
    --block-contact-before-right-bird-margin-top: -28px;
    --block-contact-kontaty-gap: 20px;
    --block-contact-kontakty-item-padding: 0 16px;
    --block-contact-zagolovok-margin-bottom: 20px;


    --front-block-margin-top: 80px;
    --front-block-about-margin-top: 120px;
    --front-block-padding-top: 80px;
    --front-block-contact-margin-bottom: 440px;

    --footer-block-margin-top: 30px;
    --footer-webvesta-margin-top: 40px;



    --block-title-font-size: 36px;
    --scrollToTop-right: 170px;
    --scrollToTop-bottom: 250px;
}

@media (max-width: 1399px) {
    :root {
        --header-widget-block-margin-bottom: 50px;
        --header-widget-block-margin-top: 65px;

        --block-variant-razmechenia-views-row-max-width: 360px;
        --block-variant-razmechenia-content-width: 336px;
        --block-variant-razmechenia-btn-width: 360px;
        --block-variant-razmechenia-top-right-gap: 80px;
        --block-variant-razmechenia-before-left-bird-margin-top: 423px;
        --block-variant-razmechenia-before-right-moon-margin-top: 440px;

        --page-variant-razmechenia-btn-width: 360px;

        --block-about-before-right-bird-calc: 388px;
        --block-about-before-right-bird-margin-top: -238px;

        --block-gallery-view-content-views-row-max-width: 360px;
        --block-gallery-attachment-views-row-max-width: 263px;
        --block-gallery-before-left-bird-margin-top: 572px;
        --block-gallery-before-right-bird-margin-top: -178px;

        --page-anons-gallery-attachment-views-row-max-width: 263px;

        --block-contact-zagolovok-max-width: 640px;
        --block-contact-kontakty-max-width: 640px;
        --block-contact-yandekskarta-max-width: 640px;
        --block-contact-before-right-bird-margin-top: -172px;

        --scrollToTop-right: 100px;
    }
}

@media (max-width: 1199px) {
    :root {
        --header-tel-font-size: 18px;
        --header-left-font-size: 18px;
        --header-nav-a-font-size: 18px;
        --header-widget-comment-width: 936px;
        --header-text-title-font-size: 42px;
        --header-nav-a-padding: 5px 26px 5px 26px;

        --block-variant-razmechenia-views-row-max-width: 292px;
        --block-variant-razmechenia-btn-width: 292px;
        --block-variant-razmechenia-content-width: 270px;
        --block-variant-razmechenia-content-padding: 16px 20px 16px 20px;
        --block-variant-razmechenia-view-footer-max-width: 330px;
        --block-variant-razmechenia-cart-title-font-size: 16px;
        --block-variant-razmechenia-top-right-gap: 20px;
        --block-variant-razmechenia-before-left-bird-margin-top: 372px;
        --block-variant-razmechenia-before-right-moon-margin-top: 370px;

        --page-variant-razmechenia-back-bird-margin-top: 46px;
        --page-variant-razmechenia-back-bird-width: 290px;
        --page-variant-razmechenia-before-right-bird-calc: 345px;

        --page-variant-razmechenia-btn-width: 292px;

        --block-service-padding-top: 70px;
        --block-service-title-max-width: unset;
        --block-service-title-margin-top: 0;
        --block-service-title-margin-bottom: 0;
        --block-service-btn-more-link-width: 216px;
        --block-service-view-header__wrapper-margin-bottom: 30px;

        --page-anons-service-views-row-max-width: 219px;
        --page-anons-service-btn-width: 219px;
        --page-service-btn-width: 219px;

        --block-about-right-title-font-size: 18px;
        --block-about-right-text-font-size: 18px;
        --block-about-group-left-width: 480px;
        --block-about-group-right-width: 420px;
        --block-about-group-left-font-size: 18px;
        --front-block-about-margin-top: 90px;
        --block-about-btn-about-width: 224px;
        --block-about-btn-reserv-width: 224px;
        --block-about-btn-gap: 18px;
        --block-about-btn-margin-bottom: 7px;
        --block-about-before-right-bird-margin-top: -223px;

        --block-info-text-font-size: 18px;

        --block-gallery-view-content-views-row-max-width: 292px;
        --block-gallery-attachment-views-row-max-width: 212px;
        --block-gallery-attachment-margin-bottom: 30px;
        --block-gallery-top-right-gap: 50px;
        --block-gallery-before-left-bird-margin-top: 496px;
        --block-gallery-before-right-bird-margin-top: -179px;

        --page-anons-gallery-attachment-views-row-max-width: 219px;

        --block-contact-zagolovok-max-width: 540px;
        --block-contact-kontakty-max-width: 540px;
        --block-contact-yandekskarta-max-width: 540px;
        --block-contact-webforma-max-width: 370px;

        --block-title-font-size: 28px;
        --scrollToTop-bottom: 130px;
    }
}

@media (max-width: 991px) {
    :root {
        --header-widget-comment-width: 696px;
        --header-text-block-margin-top: 30px;
        --header-text-title-font-size: 38px;

        --block-variant-razmechenia-views-row-max-width: 220px;
        --block-variant-razmechenia-content-width: 220px;
        --block-variant-razmechenia-content-margin-bottom: 0;
        --block-variant-razmechenia-btn-width: 220px;
        --block-variant-razmechenia-content-padding: 14px 12px 14px 12px;
        --block-variant-razmechenia-cart-title-margin-top: 5px;
        --block-variant-razmechenia-content-min-height: 220px;
        --block-variant-razmechenia-content-text-adres-margin-bottom: 0;
        --block-variant-razmechenia-content-text-adres-font-size: 14px;
        --block-variant-razmechenia-cart-title-font-size: 14px;
        --block-variant-razmechenia-top-right-gap: 0;
        --block-variant-razmechenia-view-wrapper-margin-bottom: 20px;
        --block-variant-razmechenia-before-left-bird-margin-top: 316px;
        --block-variant-razmechenia-before-right-moon-margin-top: 332px;
        --page-anons-variant-razmeshcheniya-view-content-gap: 18px;

        --page-variant-razmechenia-back-bird-margin-top: 5px;
        --page-variant-razmechenia-back-bird-width: 200px;
        --page-variant-razmechenia-before-right-bird-calc: 256px;

        --page-variant-razmechenia-btn-width: 220px;

        --block-service-views-row-max-width: 220px;
        --block-service-btn-width: 220px;
        --block-service-content-title-font-size: 18px;
        --block-service-content-title-margin-top: 20px;
        --block-service-content-title-margin-bottom: 10px;
        --block-service-title-max-width: auto;
        --block-service-title-margin-bottom: 20px;
        --block-service-padding-top: 50px;
        --block-service-padding-bottom: 60px;
        --block-service-view-header__wrapper-margin-bottom: 20px;
        --block-service-btn-more-link-width: 236px;

        --page-anons-service-views-row-max-width: 218px;
        --page-anons-service-btn-width: 218px;

        --block-about-group-left-width: 320px;
        --block-about-group-right-width: 350px;
        --block-about-before-line-margin-top: 360px;
        --block-about-before-left-ship-margin-top: 98px;
        --block-about-title-margin-bottom: 15px;
        --front-block-about-margin-top: 60px;
        --block-about-btn-about-width: 236px;
        --block-about-btn-reserv-width: 236px;
        --block-about-before-right-bird-margin-top: -191px;

        --block-info-title-margin-bottom: 15px;


        --block-gallery-attachment-views-row-max-width: 160px;
        --block-gallery-view-content-views-row-max-width: 220px;
        --block-gallery-top-right-gap: 0;
        --block-gallery-view-footer-width: 100%;
        --block-gallery-view-wrapper-margin-bottom: 12px;
        --block-gallery-attachment-margin-bottom: 12px;
        --block-gallery-before-left-bird-margin-top: 400px;
        --block-gallery-before-right-bird-margin-top: -137px;

        --page-anons-gallery-attachment-views-row-max-width: 218px;

        --block-contact-yandekskarta-max-width: 696px;
        --block-contact-webforma-max-width: 696px;
        --block-contact-before-right-bird-margin-top: 14px;

        --front-block-margin-top: 60px;
    }
}

@media (max-width: 767px) {
    :root {
        --header-widget-comment-width: 514px;
        --header-text-title-font-size: 32px;

        --block-variant-razmechenia-views-row-max-width: 370px;
        --block-variant-razmechenia-content-width: 348px;
        --block-variant-razmechenia-btn-width: 370px;
        --block-variant-razmechenia-content-padding: 16px 22px 16px 22px;
        --block-variant-razmechenia-view-footer-max-width: unset;
        --block-variant-razmechenia-cart-title-font-size: 20px;
        --block-variant-razmechenia-content-margin-bottom: 12px;
        --block-variant-razmechenia-cart-title-margin-top: 25px;
        --block-variant-razmechenia-content-min-height: 177px;
        --block-variant-razmechenia-content-text-adres-margin-bottom: 10px;
        --block-variant-razmechenia-content-text-adres-font-size: 16px;
        --block-variant-razmechenia-before-right-moon-margin-top: 529px;


        --block-service-views-row-max-width: 163px;
        --block-service-btn-width: 160px;
        --block-service-view-footer-max-width: unset;

        --page-anons-service-views-row-max-width: 248px;
        --page-anons-service-btn-width: 248px;

        --block-about-group-left-width: 516px;
        --block-about-group-right-width: 516px;
        --block-about-group-right-width-group-4-margin-top: unset;
        --block-about-btn-margin-bottom: 0;
        --block-about-before-right-bird-calc: 359px;
        --block-about-before-right-bird-margin-top: -194px;

        --block-gallery-attachment-views-row-max-width: 120px;
        --block-gallery-view-content-views-row-max-width: 164px;
        --block-gallery-before-left-bird-margin-top: 312px;
        --block-gallery-before-right-bird-margin-top: -159px;

        --page-anons-gallery-attachment-views-row-max-width: 248px;

        --block-contact-yandekskarta-max-width: 516px;
        --block-contact-webforma-max-width: 516px;
        --block-contact-kontaty-gap: 10px;
        --block-contact-kontakty-item-padding: 0 15px;
        --block-contact-before-right-bird-margin-top: -160px;

        --scrollToTop-right: 60px;
    }
}

@media (max-width: 575px) {
    :root {
        --header-widget-comment-width: 100%;
        --header-text-title-font-size: 30px;
        --header-mob-logo-height: clamp(40px, calc(-11.4286px + 14.2857vw), 60px) /* 360px - 500px */;

        --block-variant-razmechenia-btn-width: 100%;
        --block-variant-razmechenia-content-width: 100%;
        --block-variant-razmechenia-title-margin-bottom: 15px;

        --block-about-group-left-width: 100%;
        --block-about-group-right-width: 100%;

        --block-service-title-margin-bottom: 15px;
        --page-anons-service-view-content-gap: 14px;

        --block-gallery-view-wrapper-title-margin-bottom: 15px;

        --page-anons-gallery-attachment-views-content-gap: 14px;
        --page-anons-gallery-attachment-views-row-max-width: clamp(161px, calc(-18.1628px + 49.7674vw), 268px) /* 360px - 575px */;

        --block-contact-yandekskarta-max-width: 100%;
        --block-contact-webforma-max-width: 100%;
        --block-contact-zagolovok-margin-bottom: 5px;

        --scrollToTop-bottom: 60px;
        --front-block-padding-top: 60px;
    }
}


@media (min-width: 531px) and (max-width: 575px) {
    :root {
        --block-gallery-attachment-views-row-max-width: clamp(120px, calc(2.2222px + 22.2222vw), 130px) /* 530px - 575px */;
        --block-gallery-view-content-views-row-max-width: clamp(162px, calc(-14.6667px + 33.3333vw), 177px) /* 530px - 575px */;
        --block-gallery-attachment-margin-bottom: 9px;
    }
}

@media (min-width: 450px) and (max-width: 575px) {
    :root {
        --page-anons-service-views-row-max-width: clamp(206px, calc(-17.2px + 49.6vw), 268px) /* 450px - 575px */;
        --page-anons-service-btn-width: clamp(206px, calc(-17.2px + 49.6vw), 268px) /* 450px - 575px */;
    }
}

@media (max-width: 470px) {
    :root {
        --page-service-btn-width: 210px;
    }
}

@media (max-width: 449px) {
    :root {
        --page-anons-service-views-row-max-width: 270px;
        --page-anons-service-btn-width: 270px;
        --page-service-btn-width: 270px;
    }
}


@media (max-width: 540px) {
    :root {
        --block-service-views-row-max-width: 370px;
        --block-service-btn-width: 200px;
    }
}


@media (max-width: 530px) {
    :root {
        --block-gallery-view-content-views-row-max-width: 100%;
        --block-gallery-attachment-views-row-max-width: clamp(162px, calc(-18px + 50vw), 247px) /* 360px - 530px */;
    }
}

@media (max-width: 390px) {
    :root {
        --block-variant-razmechenia-cart-title-font-size: 18px;
    }
}

body {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    height: 100%;
    margin: 0;
    font-size: 16px;
    color: #2E3B3B;
}

body p {
    margin-bottom: 0;
}

#main {
    z-index: 2;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding: 0;
    }
}


@media (max-width: 767px) {
    .not-front .block-page-title-block {
        display: flex;
        justify-content: center;
    }
}


.form-control:focus {
    border-color: #4A7A7C;
    box-shadow: 0 0 0 .25rem rgb(255 255 255 / 0%);
}

.form-control {
    border: var(--bs-border-width) solid transparent;
}

.front-block__margin-top {
    margin-top: var(--front-block-margin-top);
}

.front-block-about__margin-top {
    margin-top: var(--front-block-about-margin-top);
}


.footer-block__margin-top {
    margin-top: var(--footer-block-margin-top);
}

.front-block__contact-background {
    background: linear-gradient(180deg, #edf2f2 0%, #FFFFFF 100%);
    padding-top: var(--front-block-padding-top);
    max-height: 916px;
    overflow: hidden;
}

@media (max-width: 575px) {
    .front-block__contact-background {
        overflow: unset;
    }
}


.block-title {
    font-size: var(--block-title-font-size);
}

.block-title .variant__title {
    color: #7AB0B2;
}


ul.slick-dots {
    flex-wrap: wrap;
}



/*//////////////////////////////////////////////*/
/*////////  поднять наверх / scrollTop  ////////*/
/*//////////////////////////////////////////////*/

#scrollToTop {
    width: 33px;
    height: 20px;
    bottom: var(--scrollToTop-bottom);
    right: var(--scrollToTop-right);
}


/*//////////////////////////////////*/
/*////////  Политика / vpa  ////////*/
/*//////////////////////////////////*/

.vpa-wrapper {}

.vpa-wrapper a {
    text-decoration: none;
    color: #2E3B3B;
}

.vpa-wrapper p {
    color: #2E3B3B;
}

.vpa-wrapper .vpa-actions .btn-primary {
    background: #D9AE7C;
    border-radius: 20px;
    padding: 0 24px;
    font-size: 14px;
    height: 40px;
    line-height: 1;
}

/*/////////////////////////////////////////////*/
/*////////  Скрытие таймера при клике  ////////*/
/*/////////////////////////////////////////////*/
.ajax-progress.ajax-progress-throbber {display: none;}



/*//////////////////////////////////*/
/*////////  header / шапка  ////////*/
/*//////////////////////////////////*/

#header {
    z-index: 10;
}

#header .icon__messenger {
    width: 26px;
    height: 26px;
}

#header .header__top-wrapper {
    align-items: center;
    justify-content: space-between;
    display: flex;
}

@media (max-width: 991px) {
    #header .header__top-wrapper {
        display: none;
    }
}

#header .header-bottom {
    background: none;
    margin-top: var(--header-bottom-margin-top);
}

@media (max-width: 991px) {
    #header .header-bottom {
        display: none;
    }
}

#header{
    display: grid!important;
    color: #fff;
}

#header a {
    color: #fff;
}

#header .contextual-links a {
    color: #000;
}

#header .dropdown-menu a {
    color: #2E3B3B;
}

#header .dropdown-menu a:hover {
    color: #fff;
    background: #D9AE7C;
}

#header .dropdown-menu {
    border-radius: 10px;
    border: 1px solid #4A7A7C;
}


#header .nav > li:nth-child(1) .dropdown-menu {
    margin-left: 30px;
}

#header .nav > li:nth-child(2) .dropdown-menu {
    margin-left: -22px;
}

#header .dropdown-item.active {
    color: #fff;
    background-color: #D9AE7C;
}



#header .dropdown-toggle::after {
    display: none;
}

#header > * {
    grid-area: 1 / 1;
}
#header .header__wrapper-1 {
    z-index: 1;
}

#header .header__wrapper-2 {
    z-index: 0;
    max-height: 643px;
}

#header .header__wrapper-2 > .region,
#header .header__wrapper-2 > .region > .block,
#header .header__wrapper-2 > .region > .block > .field,
#header .header__wrapper-2 > .region > .block > .field > .media--image {
    width: 100%;
    height: 100%;
}


#header .logo {
    width: 246px;
    height: 89px;
}



#header .header__callback-group {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
#header .header__left {
    display: flex;
    flex-direction: column;
    font-size: var(--header-left-font-size);
    line-height: 1.45;
    text-transform: uppercase;
    gap: 10px;
    align-items: flex-start;
}

#header .header__left a {
    text-decoration: none;
    transition: color .2s ease;
}

#header .header__left a:hover {
    color: #d3d3d3;;
}



#header .header__right {
    display: flex;
    gap: 20px;
}

#header .logo img {
    filter: brightness(0) invert(1);
}


#header .field--type-image .media--image {
    width: 100%;
    aspect-ratio: auto;
    height: 100%;
}

#header .header__wrapper-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


#header .header__btn-search {
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    background: none;
    color: #fff;
    transition: color .2s ease, transform .2s ease;
}
#header .header__btn-search:hover {
    color: #2E3B3B;
}

#header .header__btn-search:active {
    scale: 0.93;
}

#header .header__callback-group .tel {
    text-decoration: none;
    text-transform: uppercase;
    font-size: var(--header-tel-font-size);
    line-height: 1;
    transition: color .2s ease;
}

#header .header__callback-group .tel:hover {
    color: #d3d3d3;
}

#header .header__navigation {
    display: flex;
    justify-content: center;
}

#header .header__navigation .nav > .nav-item:not(:last-child) {
    border-right: 1px solid #fff;
}


#header .header__navigation .nav a {
    --bs-nav-link-padding-y: 0;
}

#header .header__navigation .nav > .nav-item > a {
    transition: color .2s ease;
    font-size: var(--header-nav-a-font-size);
    line-height: 1;
    padding: var(--header-nav-a-padding);
}

#header .header__navigation .nav > .nav-item > a:hover {
    color: #d3d3d3;
}

#header .header__text-title {
    font-size: var(--header-text-title-font-size);
    line-height: 1.43;
}

#header .header__text-notitle {
    font-size: var(--header-text-title-font-size);
    line-height: 1.43;
    font-weight: 500;
}

#header .header__text-content {
    font-size: var(--header-text-content-font-size);
    line-height: 1.43;
    max-width: var(--header-text-content-max-width);
}


#header .region-header-text {
    margin-top: var(--header-text-block-margin-top);
}

@media (max-width: 991px) {
    #header .region-header-text {
        text-align: center;
    }
}

#header .header__widget {
    margin-top: var(--header-widget-block-margin-top);
    margin-bottom: var(--header-widget-block-margin-bottom);
}

#header .widget__comment {
    width: var(--header-widget-comment-width);
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    margin-bottom: var(--header-widget-comment-margin-bottom);
}


#header .header__search-box {
    position: relative;
}

#header .header__search {
    position: absolute;
    z-index: 3;
    right: 36px;
    top: -12px;
}

#header .region-search .search-form__submit{
    background: url(/sites/all/themes/vesta_theme/image/icon/search-black4.png) no-repeat center;
    font-size: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 12px;
    top: 10px;
    border: 0 solid;
    padding: 0;
}

#header form .form-type-search {
    width: 250px;
}

#header form .form-type-search .form-search {
    height: 50px;
    border-radius: 10px;
}



/*///////////////////////////////////////////////*/
/*////////  header / шапка  / социальные ////////*/
/*///////////////////////////////////////////////*/

#header .header__social-links {
    display: flex;
    flex-shrink: 0;
    gap: 12px;
    align-items: flex-end;
    margin-bottom: 5px;
}

#header .header__social-links a {
    color: #fff;
    width: 26px;
    height: 26px;
}

#header .header__social-links .header__social-link-max {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: transform .2s ease, opacity .2s ease;
}

#header .header__social-links .header__social-link-max svg {
    position: relative;
    z-index: 1;
    transition: transform .2s ease, color .2s ease;
}

#header .header__social-links .header__social-link-max:hover svg{
    transform: scale(0.9);
}

#header .header__social-links .header__social-link-max:active {
    transform: scale(0.93);
}

#header .header__social-links .header__social-link-max::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #4185f6 0%, #4930e0 48%, #964bda 98%);
    opacity: 0;
    border-radius: 5px;
    z-index: 0;
    transition: opacity .2s ease;
}

#header .header__social-links .header__social-link-max:hover::before {
    opacity: 1;
}








#header .header__social-links .header__social-link-whatsapp {
    transition: transform .2s ease, color .2s ease;
}

#header .header__social-links .header__social-link-whatsapp .bg-ws {
    fill: #ffffff00;
    transition: fill .2s ease;
}

#header .header__social-links .header__social-link-whatsapp:hover {
    color: #39ba4b;
}

#header .header__social-links .header__social-link-whatsapp:hover .bg-ws {
    fill: #fff;
}

#header .header__social-links .header__social-link-whatsapp:active {
    transform: scale(0.93);
}


#header .header__social-links .header__social-link-tg {
    transition: transform .2s ease, color .2s ease;
}

#header .header__social-links .header__social-link-tg .bg-tg {
    fill: #ffffff00;
    transition: fill .2s ease;
}

#header .header__social-links .header__social-link-tg:hover {
    color: #249eda;
}

#header .header__social-links .header__social-link-tg:hover .bg-tg {
    fill: #fff;
}

#header .header__social-links .header__social-link-tg:active {
    transform: scale(0.93);
}

#header-mob {
    padding: 5px 20px;
    background: #edf2f2;
    border-bottom: 1px solid #2e3b3b21;
}
#header-mob .col-cart {display: none;}
#header-mob .col-logo img {
    height: var(--header-mob-logo-height);
}

#header-mob a {
    text-decoration: none;
    color: #2E3B3B;
}

#header-mob {
    height: 70px;
}

@media (max-width: 991px) {
    #header-mob > .col-logo {
        padding-left: 130px;
    }
}


@media (max-width: 575px) {
    #header-mob > .col-logo {
        padding-right: 0;
    }
}

@media (max-width: 540px) {
    #header-mob > .col-logo {
        padding-left: clamp(0px, calc(-295.4545px + 78.7879vw), 130px) /* 375px - 540px */;
    }
}


.offcanvas {
    --bs-offcanvas-bg: #edf2f2;
}

.offcanvas form {
    position: relative;
}

.offcanvas .logo img {
    height: 50px;
}

.offcanvas .region-search {}


.offcanvas  form .form-type-search .form-search {
    height: 50px;
    border-radius: 10px;
}

.offcanvas .region-search .search-form__submit{
    background: url(/sites/all/themes/vesta_theme/image/icon/search-black4.png) no-repeat center;
    font-size: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 14px;
    top: 11px;
    border: 0 solid;
    padding: 0;
}

.offcanvas .form-type-search {
    width: 100%;
}

.offcanvas .dropdown-menu {
    border-radius: 0;
}

.region-content .form-type-search input[type="search"]::-webkit-search-cancel-button,
.region-search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.offcanvas a {
    color: #2E3B3B;
}

.offcanvas .dropdown-item.active,
.offcanvas .dropdown-item:active {
    background-color: #D9AE7C;
}

.nav-link:focus,
.nav-link:hover {
    color: #2E3B3B;
}

.offcanvas .region-navigation {
    margin-bottom: 10px;
}


.offcanvas .header__mob-messenger-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 15px;
    margin-top: 5px;
}

.offcanvas .header__mob-messenger-group a {
    text-decoration: none;
}

.offcanvas .contact-item-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    margin-left: 15px;
}

.offcanvas .contact-item-wrapper a {
    text-decoration: none;
}

.offcanvas .header__mob-messenger-text {}



.offcanvas .header__social-link-max,
.offcanvas .header__social-link-tg,
.offcanvas .header__social-link-whatsapp {
    display: flex;
    align-items: center;
    gap: 10px;
}

.not-front #header .header__wrapper-2 {
    max-height: 180px;
}

.not-front #main {
    padding-top: 40px;
}


@media (max-width: 991px) {
    .not-front #header .header__wrapper-1,
    .not-front #header .header__wrapper-2,
    .not-front #header {
        display: none;
    }
    .not-front #main {
        padding-top: 20px;
    }
}

.not-front #header .header__widget {
    margin-top: unset;
    margin-bottom: unset;
}



    /*/////////////////////////*/
/*////////  поиск  ////////*/
/*/////////////////////////*/


.u-inactive {
    overflow: hidden;
    pointer-events: none;
    clip-path: inset(0 0 0 100%);
    transition: clip-path 0.4s ease, opacity 0.4s ease!important;
}

.u-active {
    pointer-events: auto;
    clip-path: inset(0 0 0 0);
    transition: clip-path 0.4s ease, opacity 0.4s ease;
}


/*////////////////////////////////*/
/*////////  btn / кнопки  ////////*/
/*////////////////////////////////*/

.btn__header-callback {
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: var(--header-btn-callback-font-size);
    line-height: 1;
    width: var(--header-btn-callback-width);
    height: var(--header-btn-callback-height);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn__header-callback:hover {
    background: #D9AE7C;
    border: 1px solid #D9AE7C;
}

.btn__header-callback:active {
    transform: scale(0.98);
}

.more-link a {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color: #fff;
    border-radius: 20px;
    background: #D9AE7C;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D9AE7C;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
}

.region-variant-razmeshenia .more-link a {
    width: 236px;
}

.region-variant-razmeshenia .more-link a:hover {
    color: #2E3B3B;
    background: #fff;
    border: 1px solid #4A7A7C;
}

.region-variant-razmeshenia .more-link a:active {
    transform: scale(0.98);
}

.region-photo-gallery .more-link a {
    width: 190px;
}


.region-photo-gallery .more-link a:hover {
    color: #2E3B3B;
    background: #fff;
    border: 1px solid #4A7A7C;
}

.region-photo-gallery .more-link a:active {
    transform: scale(0.98);
}


.region-services  .more-link a {
    width: var(--block-service-btn-more-link-width);
    position: relative;
    z-index: 10;
}

.region-services  .more-link a:hover {
    color: #2E3B3B;
    background: #edf2f2;
    border: 1px solid #4A7A7C;
}

.region-services  .more-link a:active {
    transform: scale(0.98);
}


.btn__reserv {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color: #2E3B3B;
    height: 40px;
    width: var(--block-variant-razmechenia-btn-width);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #4A7A7C;
    border-radius: 20px;
    margin-top: 20px;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    z-index: 2;
    position: relative;
    background: #fff;
}

.btn__reserv:hover {
    background: #D9AE7C;
    border-color: #D9AE7C;
    color: #fff;
}

.btn__reserv:active {
    transform: scale(0.98);
}

.btn__reserv-page {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color: #2E3B3B;
    height: 40px;
    width: var(--page-variant-razmechenia-btn-width);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #4A7A7C;
    border-radius: 20px;
    margin-top: 10px;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    z-index: 2;
    position: relative;
    background: #fff;
}

.btn__reserv-page:hover {
    background: #D9AE7C;
    border-color: #D9AE7C;
    color: #fff;
}

.btn__reserv-page:active {
    transform: scale(0.98);
}

.field--name-dynamic-token-fieldnode-fos-v-variantah-razmeshcheniya-n::before {
    content: "";
    position: absolute;
    left: calc(100% - var(--page-variant-razmechenia-before-right-bird-calc));
    background: url(/sites/all/themes/vesta_theme/image/back/bird-right-top.png) no-repeat center;
    background-size: contain;
    width: var(--page-variant-razmechenia-back-bird-width);
    height: 224px;
    margin-top: var(--page-variant-razmechenia-back-bird-margin-top);
}

@media (max-width: 767px) {
    .field--name-dynamic-token-fieldnode-fos-v-variantah-razmeshcheniya-n::before {
        display: none;
    }
}

.btn-close:focus {
    box-shadow: inset 0 0 0 1px #4A7A7C;
}



.btn__service {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color: #2E3B3B;
    height: 40px;
    /*width: 260px;*/
    width: var(--block-service-btn-width);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #4A7A7C;
    border-radius: 20px;
    margin-top: 20px;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    z-index: 2;
    position: relative;
    /*background: #fff;*/
    background: transparent;
}

.btn__service:hover {
    background: #D9AE7C;
    border-color: #D9AE7C;
    color: #fff;
}

.btn__service:active {
    transform: scale(0.98);
}


.body-view--uslugi .btn__service {
    width: var(--page-service-btn-width);
}





.region-services .field--name-node-link a {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color: #2E3B3B;
    height: 40px;
    width: var(--block-service-btn-width);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #4A7A7C;
    margin-top: 10px;
    line-height: 1;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.region-services .field--name-node-link a:hover {
    background: #D9AE7C;
    border: 1px solid #D9AE7C;
    color: #fff;
}

.region-services .field--name-node-link a:active {
    transform: scale(0.98);
}


.region-about .field--name-node-link a {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color: #fff;
    background: #D9AE7C;
    height: 40px;
    width: var(--block-about-btn-about-width);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #D9AE7C;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
    line-height: 1;
    z-index: 2;
    position: relative;
}

.region-about .field--name-node-link a:hover {
    background: #fff;
    border: 1px solid #4A7A7C;
    color: #2E3B3B;
}

.region-about .field--name-node-link a:active {
    transform: scale(0.98);
}


.btn__reserv-number {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color: #2E3B3B;
    height: 40px;
    width: var(--block-about-btn-reserv-width);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #4A7A7C;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
    line-height: 1;
}

.btn__reserv-number:hover {
    background: #D9AE7C;
    border: 1px solid #D9AE7C;
    color: #fff;
}

.btn__reserv-number:active {
    transform: scale(0.98);
}


#block-vesta-theme-vebforma button{
    font-family: 'Montserrat', sans-serif;
    --bs-btn-color: #fff;
    --bs-btn-bg: #D9AE7C;
    --bs-btn-border-color: #D9AE7C;
    --bs-btn-hover-color: #2E3B3B;
    --bs-btn-hover-bg: #edf2f2;
    --bs-btn-hover-border-color: #4A7A7C;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #edf2f2;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #4A7A7C;
    --bs-btn-active-shadow: transparent;
    --bs-btn-disabled-color: #2E3B3B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2E3B3B;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 100%;
    border-radius: 20px;
    height: 40px;
    line-height: 1;
    font-weight: 500;
    font-size: 14px;
}
#block-vesta-theme-vebforma button:active {
    transform: scale(0.98);
}


/*//////////////////////////*/
/*////////  виджет  ////////*/
/*//////////////////////////*/
/*body #header #hr-widget .custom-calendar .search__container {*/
/*    height: 100px;*/
/*    background-color: transparent;*/
/*    border: 1px solid #FFFFFF;*/
/*    border-radius: 10px;*/
/*    align-items: center;*/
/*    max-width: 1170px;*/
/*    padding: 0 50px;*/
/*}*/

/*body #header #hr-widget .custom-calendar .search__container .button-primary {*/
/*    background-color: #D9AE7C !important;*/
/*    height: 40px;*/
/*    min-height: unset;*/
/*    margin-left: 20px;*/
/*    font-weight: 500 !important;*/
/*    font-size: 14px !important;*/
/*    border-radius: 20px;*/
/*}*/

/*body #header #hr-widget .custom-calendar .search__container .search__input {*/
/*    background-color: transparent;*/
/*    border-left: 1px solid #FFF;*/
/*    border-radius: 0;*/
/*    border-right: none;*/
/*    max-width: 265px;*/
/*    padding: 12px 12px 12px 20px;*/
/*}*/

/*body #header #hr-widget .custom-calendar .search__container .select__input {*/
/*    background-color: transparent;*/
/*    border-radius: 0;*/
/*}*/

/*body #header #hr-widget .custom-calendar .search__container .search__input .search__input-text {*/
/*    color: #fff;*/
/*    font-family: 'Montserrat', sans-serif !important;*/
/*    font-size: 14px !important;*/
/*    line-height: 1.2 !important;*/
/*    font-weight: 500 !important;*/
/*}*/
/*body #header #hr-widget .custom-calendar .search__container .search__input .search__input-value {*/
/*    color: #fff;*/
/*    font-family: 'Montserrat', sans-serif !important;*/
/*    font-weight: 700 !important;*/
/*    font-size: 16px !important;*/
/*    line-height: 1.2 !important;*/
/*}*/


/*body #header #hr-widget .custom-calendar .search__container .select__input .select__input-value {*/
/*    color: #fff;*/
/*    font-family: 'Montserrat', sans-serif !important;*/
/*}*/


/*body #header #hr-widget .custom-calendar .search__container .search__calendar {*/
/*    height: 60px;*/
/*    max-width: 530px;*/
/*}*/

/*body #header #hr-widget .custom-calendar .search__container > .select__input {*/
/*    height: 60px;*/
/*    border-left: 1px solid #FFF;*/
/*    padding: 12px 12px 12px 20px;*/
/*    max-width: 355px;*/
/*}*/

/*body #header #hr-widget .custom-calendar .search__container > .select__input::before {*/
/*    content: '';*/
/*    height: 22px;*/
/*    width: 22px;*/
/*    background-image: url(/sites/all/themes/vesta_theme/image/icon/pipl.png);*/
/*    background-repeat: no-repeat;*/
/*    position: absolute;*/
/*    right: 70px;*/
/*    top: 20px;*/
/*}*/



/*body #header #hr-widget .custom-calendar .search__container > .select__input .select__arrow {*/
/*    display: none;*/
/*}*/

/*body #header #hr-widget .custom-calendar .search__container .search__input-button span{*/
/*    font-family: 'Montserrat', sans-serif !important;*/
/*}*/


/*body #header #hr-widget .custom-calendar .search__container .search__input svg,*/
/*body #header #hr-widget .custom-calendar .search__container .select__input svg {*/
/*    display: none;*/
/*}*/


/*body #header #hr-widget .custom-calendar .search__container .search__input-content::before {*/
/*    content: '';*/
/*    height: 21px;*/
/*    width: 21px;*/
/*    background-image: url(/sites/all/themes/vesta_theme/image/icon/calc-white.png);*/
/*    background-repeat: no-repeat;*/
/*    position: absolute;*/
/*    right: 70px;*/
/*    top: 20px;*/
/*}*/

/*///////////////////////////////////*/
/*////////  footer / подвал  ////////*/
/*///////////////////////////////////*/
#footer {
    background: #fff;
    z-index: 1;
}

@media (max-width: 767px) {
    #footer {
        background: transparent;
    }
}

#footer .footer__messenger {}

#footer .footer__copyright {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    #footer .footer__copyright {
        align-items: center;
    }
}


#footer .footer__copyright a {
    text-decoration: none;
    color: #2E3B3B;
    font-size: 14px;
    margin-bottom: 7px;
    transition: color .2s ease;
    width: fit-content;

}

#footer .footer__copyright a:hover {
    color: #4A7A7C;
}

#footer .footer__webvesta {
    display: flex;
    background: #4A7A7C;
    height: 31px;
    margin-top: var(--footer-webvesta-margin-top);
}

#footer .footer__webvesta a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

#footer .footer__webvesta-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer .footer__logo img {
    width: 240px;
    height: 87px;
}


@media (max-width: 767px) {
    #footer .footer__logo {
        display: flex;
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

#footer .footer-grid {
    display: grid;
    grid-template-areas:
"footer-a1 footer-a2 footer-a3 footer-a4 footer-a5"
"footer-a6 footer-a2 footer-a3 footer-a4 footer-a5";
    justify-content: space-between;
    background: #fff;
    gap: 10px;
}


@media (max-width: 767px) {
    #footer .footer-grid {
        background: transparent;
    }
}


#footer .footer-area-1 { grid-area: footer-a1; }
#footer .footer-area-2 { grid-area: footer-a2; }
#footer .footer-area-3 { grid-area: footer-a3; }
#footer .footer-area-4 { grid-area: footer-a4; }
#footer .footer-area-5 { grid-area: footer-a5; }
#footer .footer-area-6 { grid-area: footer-a6; }

#footer .footer-area-2 ul {
    flex-direction: column;
}

#footer .footer-area-2 ul a {
    color: #2E3B3B;
}

@media (max-width: 991px) {
    #footer .footer-area-2,
    #footer .footer-area-3 {
        display: none;
    }
    #footer .footer-grid {
        grid-template-areas:
"footer-a1 footer-a4 footer-a5"
"footer-a6 footer-a4 footer-a5";
    }
}

@media (max-width: 767px) {
    #footer .footer-grid {
        grid-template-areas:
"footer-a5 footer-a4"
"footer-a1 footer-a1"
"footer-a6 footer-a6";
    }

    #footer .footer-area-4 {
        margin-right: 50px;
    }

    #footer .footer-area-5 {
        margin-left: 50px;
    }

}

@media (max-width: 500px) {
    #footer .footer-area-4 {
        margin-left: auto;
        margin-right: auto;
    }

    #footer .footer-area-5 {
        margin-left: auto;
        margin-right: auto;
    }

    #footer .footer-grid {
        grid-template-areas:
"footer-a5"
"footer-a4"
"footer-a1"
"footer-a6";
        justify-content: center;
    }

    #footer .footer__messenger {
        display: flex;
        justify-content: center;
    }

    #footer .footer__contact-block .contact-item {
        display: flex;
        justify-content: center;
    }

    #footer .footer__block-title {
        text-align: center;
    }

}


#footer .dropdown-menu {display: none;}
#footer .dropdown-toggle::after {display: none;}

#footer .nav-item .nav-link {
    display: inline-block;
    padding: 0;
    transition: color .2s ease;
}

#footer .nav-item .nav-link:hover {
    color: #4A7A7C;
}

#footer .nav {
    gap: 5px;
}


#footer .contact-item.mail a,
#footer .contact-item.phone a {
    text-decoration: none;
    color: #2E3B3B;
    transition: color .2s ease;
}

#footer .contact-item.mail a:hover,
#footer .contact-item.phone a:hover {
    color: #4A7A7C;
}


#footer .footer__block-title {
    text-transform: uppercase;
    margin-bottom: 10px;
}

#footer .footer__contact-block {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
    max-width: 211px;
}

@media (max-width: 575px) {
    .front #footer { margin-top: 120px; }
}

/*///////////////////////////////////////////////*/
/*////////  footer / футер / социальные  ////////*/
/*///////////////////////////////////////////////*/

#footer .footer__messenger a {
    text-decoration: none;
    color: #2E3B3B;
}

#footer .footer__social-links {
    display: flex;
    flex-shrink: 0;
    gap: 10px;
    align-items: flex-end;
    height: 26px;
}

#footer .footer__social-links a {
    color: #2E3B3B;
}


#footer .footer__social-link-max {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: transform .3s ease, opacity .3s ease;
}

#footer .footer__social-link-max svg {
    position: relative;
    z-index: 1;
    transition: color .3s ease, transform .3s ease;
}

#footer .footer__social-links .footer__social-link-max:hover svg{
    transform: scale(0.9);
    color: #fff;
}

#footer .footer__social-links .footer__social-link-max:active {
    transform: scale(0.93);
}

#footer .footer__social-link-max::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #4185f6 0%, #4930e0 48%, #964bda 98%);
    opacity: 0;
    border-radius: 5px;
    z-index: 0;
    transition: opacity .3s ease;
}

#footer .footer__social-link-max:hover::before {
    opacity: 1;
}


#footer .footer__social-links .footer__social-link-whatsapp {
    transition: transform .2s ease, color .2s ease;
}

#footer .footer__social-links .footer__social-link-whatsapp .bg-ws {
    fill: #ffffff00;
    transition: fill .2s ease;
}

#footer .footer__social-links .footer__social-link-whatsapp:hover {
    color: #39ba4b;
}

#footer .footer__social-links .footer__social-link-whatsapp:hover .bg-ws {
    fill: #fff;
}

#footer .footer__social-links .footer__social-link-whatsapp:active {
    transform: scale(0.93);
}


#footer .footer__social-links .footer__social-link-tg {
    transition: transform .2s ease, color .2s ease;
}

#footer .footer__social-links .footer__social-link-tg .bg-tg {
    fill: #ffffff00;
    transition: fill .2s ease;
}

#footer .footer__social-links .footer__social-link-tg:hover {
    color: #249eda;
}

#footer .footer__social-links .footer__social-link-tg:hover .bg-tg {
    fill: #fff;
}

#footer .footer__social-links .footer__social-link-tg:active {
    transform: scale(0.97);
}


/*///////////////////////////////////*/
/*////////  Страница поиска  ////////*/
/*///////////////////////////////////*/

.page__search {
    background: #edf2f2;
}


.page__search .search-form__submit{
    background: url(/sites/all/themes/vesta_theme/image/icon/search-black4.png) no-repeat center;
    font-size: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    border: 0 solid;
    padding: 0;
    right: 12px;
    top: 10px;
}

.page__search form .form-type-search .form-search {
    height: 50px;
    border-radius: 10px;
}

.page__search form .form-type-search {
    width: 100%;
}

.page__search .search-api-page-block-form-search {
    position: relative;
}

.page__search .pager__item--previous span[aria-hidden],
.page__search .pager__item--first span[aria-hidden],
.page__search .pager__item--next span[aria-hidden],
.page__search .pager__item--last span[aria-hidden] {
    font-size: 0;
}

.page__search .pager__item--previous span[aria-hidden]::after {
    content: "‹";
    font-size: 16px;
}

.page__search .pager__item--first span[aria-hidden]::after {
    content: "«";
    font-size: 16px;
}

.page__search .pager__item--next span[aria-hidden]::after {
    content: "›";
    font-size: 16px;
}

.page__search .pager__item--last span[aria-hidden]::after {
    content: "»";
    font-size: 16px;
}


.page__search .block-system-main-block a {
    text-decoration: none;
    color: #2E3B3B;
    font-size: 18px;
}

.page__search .block-system-main-block p {
    margin-bottom: 16px;
}


.pager {
    margin-top: 30px;
}

.pager .active a {
    color: #fff;
    background: #D9AE7C;
}

.pagination {
    --bs-pagination-active-border-color: #dee2e6;
}

.pagination a {
    font-size: 18px;
    color: #2E3B3B;
}

.pagination a:hover {
    color: #2E3B3B;
}

.pagination .active a:hover {
    color: #fff;
}

.page-link:focus {
    box-shadow: none;
}

.page__search h2 {
    font-size: 28px;
}

.page-link:focus {
    color: #2E3B3B;
}



/*///////////////////////////////////*/
/*////////  Модальные формы  ////////*/
/*///////////////////////////////////*/

.modal-content {
    background: #edf2f2;
}

.webform__reserv-wr {
    display: none;
}

.webform__service-wr {
    display: none;
}

.modal-content .form-item-privacy {
    display: flex;
    gap: 10px;
}

.modal-content .form-item-privacy a {
    color: #2E3B3B;
}


.modal-content .webform-element-description {
    font-size: 14px;
    line-height: 127.54%;
}

.modal-content .form-control {
    height: 50px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.modal-content .modal-footer button {
    font-family: 'Montserrat', sans-serif;
    --bs-btn-color: #fff;
    --bs-btn-bg: #D9AE7C;
    --bs-btn-border-color: #D9AE7C;
    --bs-btn-hover-color: #2E3B3B;
    --bs-btn-hover-bg: #edf2f2;
    --bs-btn-hover-border-color: #4A7A7C;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #edf2f2;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #4A7A7C;
    --bs-btn-active-shadow: transparent;
    --bs-btn-disabled-color: #2E3B3B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2E3B3B;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 140px;
    border-radius: 20px;
    height: 40px;
    line-height: 1;
    font-weight: 500;
    font-size: 14px;
}


.modal-content .alert-error {
    display: none;
}

/*////////////////////////////////////*/
/*////////  Страница вебформа ////////*/
/*////////////////////////////////////*/

.page__webform {
    background: #edf2f2;
}

.page__webform .form-item-privacy {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.page__webform .form-item-privacy a {
    color: #2E3B3B;
}

.page__webform .webform-element-description {
    font-size: 14px;
    line-height: 127.54%;
}

.page__webform .form-control {
    height: 50px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.page__webform .alert-error {
    display: none;
}

.page__webform .form-actions button {
    font-family: 'Montserrat', sans-serif;
    --bs-btn-color: #fff;
    --bs-btn-bg: #D9AE7C;
    --bs-btn-border-color: #D9AE7C;
    --bs-btn-hover-color: #2E3B3B;
    --bs-btn-hover-bg: #edf2f2;
    --bs-btn-hover-border-color: #4A7A7C;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #edf2f2;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #4A7A7C;
    --bs-btn-active-shadow: transparent;
    --bs-btn-disabled-color: #2E3B3B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2E3B3B;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
    width: 140px;
    border-radius: 20px;
    height: 40px;
    line-height: 1;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
}


.page__webform .header__social-link-max,
.page__webform .header__social-link-tg,
.page__webform .header__social-link-whatsapp {
    display: flex;
    align-items: center;
    gap: 10px;
}


/*/////////////////////////////////////*/
/*////////  Страница контакты  ////////*/
/*/////////////////////////////////////*/

.page__contact {}

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

@media (max-width: 991px) {
    .page__contact .contact__wrapper {
        flex-direction: column;
    }
}

.page__contact .contact__item-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page__contact .contact__item-block a{
    text-decoration: none;
    color: #2E3B3B;
}

.page__contact .contact-item a:hover{
    color: #4A7A7C;
}


.page__contact .contact__social-link-max {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: transform .3s ease, opacity .3s ease;
}

.page__contact  .contact__social-link-max svg {
    position: relative;
    z-index: 1;
    transition: color .3s ease, transform .3s ease;
}


.page__contact .contact__social-links .contact__social-wrapper-max:hover .contact__social-link-max svg{
    transform: scale(0.9);
    color: #fff;
}

.page__contact .contact__social-links .contact__social-wrapper-max:hover .contact__social-link-max-text {
    color: #4A7A7C;
}


/*.page__contact .contact__social-links .contact__social-wrapper-max:active .contact__social-link-max {*/
/*    transform: scale(0.93);*/
/*}*/

.page__contact .contact__social-link-max::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #4185f6 0%, #4930e0 48%, #964bda 98%);
    opacity: 0;
    border-radius: 5px;
    z-index: 0;
    transition: opacity .3s ease;
    height: 26px;
    width: 26px;
}

.page__contact .contact__social-wrapper-max:hover .contact__social-link-max::before {
    opacity: 1;
}


.page__contact .contact__social-links .contact__social-link-whatsapp {
    transition: transform .2s ease, color .2s ease;
}

.page__contact .contact__social-links .contact__social-link-whatsapp .bg-ws {
    fill: #ffffff00;
    transition: fill .2s ease;
}

.page__contact .contact__social-links .contact__social-wrapper-ws:hover  .contact__social-link-whatsapp {
    color: #39ba4b;
}

.page__contact .contact__social-links .contact__social-wrapper-ws:hover .contact__social-link-whatsapp .bg-ws {
    fill: #fff;
}

.page__contact .contact__social-links .contact__social-wrapper-ws:hover .contact__social-link-whatsapp-text {
    color: #4A7A7C;
}

/*.page__contact .contact__social-links .contact__social-wrapper-ws:active .contact__social-link-whatsapp {*/
/*    transform: scale(0.93);*/
/*}*/


.page__contact .contact__social-links .contact__social-link-tg {
    transition: transform .2s ease, color .2s ease;
}

.page__contact .contact__social-links .contact__social-link-tg .bg-tg {
    fill: #ffffff00;
    transition: fill .2s ease;
}

.page__contact .contact__social-links .contact__social-wrapper-tg:hover .contact__social-link-tg {
    color: #249eda;
}

.page__contact .contact__social-links .contact__social-wrapper-tg:hover .contact__social-link-tg-text {
    color: #4A7A7C;
}

.page__contact .contact__social-links .contact__social-wrapper-tg:hover .contact__social-link-tg .bg-tg {
    fill: #fff;
}

/*.page__contact .contact__social-links .contact__social-link-tg:active {*/
/*    transform: scale(0.97);*/
/*}*/

.page__contact .contact__social-link-max,
.page__contact .contact__social-link-tg,
.page__contact .contact__social-link-whatsapp {
    height: 26px;
    display: flex;
    width: 26px;
}

.page__contact .contact__social-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.page__contact .contact__social-wrapper-max,
.page__contact .contact__social-wrapper-tg,
.page__contact .contact__social-wrapper-ws {
    display: flex;
    gap: 10px;
}
/*//////////////////////////////////////*/
/*////////  Вариант размещения  ////////*/
/*//////////////////////////////////////*/


.region-variant-razmeshenia .views-row {
    max-width: var(--block-variant-razmechenia-views-row-max-width);
}

.region-variant-razmeshenia .view-header__wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--block-variant-razmechenia-view-wrapper-margin-bottom);
    align-items: center;
}

@media (max-width: 991px) {
    .region-variant-razmeshenia .view-header__wrapper {
        flex-direction: column;
        width: 100%;
    }
}

.region-variant-razmeshenia .view-header__wrapper-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--block-variant-razmechenia-top-right-gap);
}

@media (max-width: 991px) {
    .region-variant-razmeshenia .view-header__wrapper-right {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .region-variant-razmeshenia .view-header__wrapper-right {
        flex-direction: column;
        gap: 12px;
    }
}


.region-variant-razmeshenia .block-title {
    margin: 0;
}

@media (max-width: 991px) {
    .region-variant-razmeshenia .block-title {
        margin-bottom: var(--block-variant-razmechenia-title-margin-bottom);
        text-align: center;
    }
}

.region-variant-razmeshenia .view-header__wrapper .view-footer {
    max-width: var(--block-variant-razmechenia-view-footer-max-width);
    line-height: 1.43;
}

@media (max-width: 767px) {
    .region-variant-razmeshenia .view-header__wrapper .view-footer {
        text-align: center;
    }
}


.region-variant-razmeshenia .variant__title {

}

.region-variant-razmeshenia .grid-box__zhile {
    display: grid;
    justify-items: center;
    align-items: end;
}

.region-variant-razmeshenia .grid-area__image-zhile {
    grid-area: 1 / 1 ;
    z-index: 1;
}

@media (max-width: 991px) {
    .region-variant-razmeshenia .grid-area__image-zhile {
        width: 219px;
    }
}

@media (max-width: 767px) {
    .region-variant-razmeshenia .grid-area__image-zhile {
        width: unset;
    }
}

.region-variant-razmeshenia .grid-area__content-zhile {
    grid-area: 1 / 1 ;
    z-index: 2;
    color: #fff;
    pointer-events: none;
    width: var(--block-variant-razmechenia-content-width);
    margin-bottom: var(--block-variant-razmechenia-content-margin-bottom);
    border-radius: 20px;
    padding: var(--block-variant-razmechenia-content-padding);
    backdrop-filter: blur(3px);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 1px rgb(255 255 255 / 54%);
    min-height: var(--block-variant-razmechenia-content-min-height);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #7575759c;
}

@media (max-width: 1199px) {
    .region-variant-razmeshenia .grid-area__content-zhile {
        background: rgb(0 0 0 / 10%);
    }
}

@media (max-width: 575px) {
    .region-variant-razmeshenia .grid-area__content-zhile {
        width: min(350px, 100% - 20px);
        margin: 10px auto;
    }
}


.region-variant-razmeshenia .grid-area__content-zhile a {
    pointer-events: auto;
}

.region-variant-razmeshenia .grid-area__image-zhile img {
    border-radius: 20px;
}

.region-variant-razmeshenia .content-zhile__up {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.region-variant-razmeshenia .content-zhile__up a {
    color: #fff;
    transition: color .2s ease;
}

.region-variant-razmeshenia .content-zhile__up a:hover {
    color: #d3d3d3;
}


.region-variant-razmeshenia .content-zhile__down {
    display: flex;
    gap: 10px;
    font-size: 14px;
    flex-wrap: wrap;
}



.region-variant-razmeshenia .content-zhile__down-kvadrati-img {
    height: 16px;
    width: 16px;
}

.region-variant-razmeshenia .content-zhile__down-komnata-img {
    height: 16px;
    width: 12px;
}

.region-variant-razmeshenia .content-zhile__down-spalnoe_mesto-img {
    height: 11px;
    width: 17px;
}

.region-variant-razmeshenia .content-zhile__down-block {
    display: flex;
    align-items: center;
    gap: 5px;
}


.region-variant-razmeshenia .grid-area__content-adres {
    font-size: var(--block-variant-razmechenia-content-text-adres-font-size);
}

@media (max-width: 1199px) {
    .region-variant-razmeshenia .grid-area__content-adres {
        margin-bottom: var(--block-variant-razmechenia-content-text-adres-margin-bottom);
    }
}

.region-variant-razmeshenia .grid-area__content-title {
    margin-top: var(--block-variant-razmechenia-cart-title-margin-top);
    font-size: var(--block-variant-razmechenia-cart-title-font-size);
    text-transform: uppercase;
}

.region-variant-razmeshenia .view-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .region-variant-razmeshenia .view-content {
        justify-content: center;
        gap: 30px;
    }
}



/*////////////////////////////////////////////////////////*/
/*////////  Вариант размещения / страница анонсов ////////*/
/*////////////////////////////////////////////////////////*/

.body-view--varianty_razmeshcheniya .view-content {
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    gap: var(--page-anons-variant-razmeshcheniya-view-content-gap);
}

@media (max-width: 767px) {
    .body-view--varianty_razmeshcheniya .view-content {
        justify-content: center;
        gap: 30px;
    }
}

.body-view--varianty_razmeshcheniya .views-row {
    max-width: var(--block-variant-razmechenia-views-row-max-width);
}

.body-view--varianty_razmeshcheniya .grid-box__zhile {
    display: grid;
    justify-items: center;
    align-items: end;
}

.body-view--varianty_razmeshcheniya .grid-area__image-zhile {
    grid-area: 1 / 1;
    z-index: 1;
}

.body-view--varianty_razmeshcheniya .grid-area__content-zhile {
    grid-area: 1 / 1;
    z-index: 2;
    color: #fff;
    pointer-events: none;
    width: var(--block-variant-razmechenia-content-width);
    margin-bottom: var(--block-variant-razmechenia-content-margin-bottom);
    border-radius: 20px;
    padding: var(--block-variant-razmechenia-content-padding);
    backdrop-filter: blur(3px);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 1px rgb(255 255 255 / 54%);
    min-height: var(--block-variant-razmechenia-content-min-height);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #7575759c;
}

.body-view--varianty_razmeshcheniya .grid-area__image-zhile img {
    border-radius: 20px;
}


.body-view--varianty_razmeshcheniya .content-zhile__up {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.body-view--varianty_razmeshcheniya .content-zhile__up a {
    color: #fff;
    transition: color .2s ease;
}

.body-view--varianty_razmeshcheniya .content-zhile__up a:hover {
    color: #d3d3d3;
}

.body-view--varianty_razmeshcheniya .grid-area__content-zhile a {
    pointer-events: auto;
}


.body-view--varianty_razmeshcheniya .grid-area__content-title {
    margin-top: var(--block-variant-razmechenia-cart-title-margin-top);
    font-size: var(--block-variant-razmechenia-cart-title-font-size);
    text-transform: uppercase;
}

.body-view--varianty_razmeshcheniya .grid-area__content-adres {
    font-size: var(--block-variant-razmechenia-content-text-adres-font-size);
}

.body-view--varianty_razmeshcheniya .content-zhile__down {
    display: flex;
    gap: 10px;
    font-size: 14px;
    flex-wrap: wrap;
}

.body-view--varianty_razmeshcheniya .content-zhile__down-block {
    display: flex;
    align-items: center;
    gap: 5px;
}

.body-view--varianty_razmeshcheniya .content-zhile__down-kvadrati-img {
    height: 16px;
    width: 16px;
}

.body-view--varianty_razmeshcheniya .content-zhile__down-komnata-img {
    height: 16px;
    width: 12px;
}

.body-view--varianty_razmeshcheniya .content-zhile__down-spalnoe_mesto-img {
    height: 11px;
    width: 17px;
}

@media (max-width: 767px) {
    .body-view--varianty_razmeshcheniya .grid-area__image-zhile {
        width: unset;
    }
}

@media (max-width: 575px) {
    .body-view--varianty_razmeshcheniya .grid-area__content-zhile {
        width: min(350px, 100% - 20px);
        margin: 10px auto;
    }
}

@media (max-width: 1199px) {
    .body-view--varianty_razmeshcheniya .grid-area__content-zhile {
        background: rgb(0 0 0 / 10%);
    }
}

/*.body-view--varianty_razmeshcheniya .blazy .media {*/
/*    background: #515151;*/
/*    border-radius: 20px;*/
/*}*/

/*.body-view--varianty_razmeshcheniya .blazy .media img {*/
/*    opacity: 0.5;*/
/*}*/

/*.region-variant-razmeshenia .blazy .media {*/
/*    background: #515151;*/
/*    border-radius: 20px;*/
/*}*/

/*.region-variant-razmeshenia  .blazy .media img {*/
/*    opacity: 0.5;*/
/*}*/


    /*///////////////////////////////////////////////*/
/*////////  Страница варианты размещения ////////*/
/*///////////////////////////////////////////////*/
.node--type-zhile.node--view-mode-full .group__zhile-left img {
    border-radius: 20px;
}

.node--type-zhile.node--view-mode-full .group__zhile-left button.slick-prev.slick-arrow::before,
.node--type-zhile.node--view-mode-full .group__zhile-left button.slick-next.slick-arrow::before {
    filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #D9AE7C);
}

.node--type-zhile.node--view-mode-full .group__zhile-left .field--type-image:not(.slick-initialized) .field__item {
    display: none;
}

.node--type-zhile.node--view-mode-full .group__zhile-left .field--type-image:not(.slick-initialized) .field__item:first-child {
    display: block;
}

.node--type-zhile.node--view-mode-full .group__zhile_right {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}




.node--type-zhile.node--view-mode-full .group__zhile_right-parametr {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-weight: 500;
}

@media (max-width: 575px) {
    .node--type-zhile.node--view-mode-full .group__zhile_right-parametr {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }
}


.node--type-zhile.node--view-mode-full .field--name-field-adres {
    font-weight: 500;
}

.node--type-zhile.node--view-mode-full .field--name-field-stoimost {
    font-weight: 500;
}

.node--type-zhile.node--view-mode-full {}

@media (max-width: 575px) {
    .node--type-zhile.node--view-mode-full {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .node--type-zhile.node--view-mode-full .group-left {
        order: 2;
        width: 100%;
        float: none;
    }

    .node--type-zhile.node--view-mode-full .group-right {
        order: 1;
        width: 100%;
        float: none;
    }

    .node--type-zhile.node--view-mode-full .group-footer {
        order: 3;
    }

    .node--type-zhile.node--view-mode-full .group__zhile_right {
        padding-left: 0;
        padding-bottom: 20px;
        align-items: center;
    }
}


.node--type-zhile.node--view-mode-full .content-zhile__down-block {
    display: flex;
    align-items: center;
    gap: 5px;
}

.node--type-zhile.node--view-mode-full .content-zhile__down-block-komnata {
    display: flex;
    align-items: center;
    gap: 10px;
}

.node--type-zhile.node--view-mode-full .content-zhile__down-kvadrati-img {
    height: 16px;
    width: 16px;
}

.node--type-zhile.node--view-mode-full  .content-zhile__down-komnata-img {
    height: 16px;
    width: 12px;
}

.node--type-zhile.node--view-mode-full  .content-zhile__down-spalnoe_mesto-img {
    height: 11px;
    width: 17px;
}

/*//////////////////////////*/
/*////////  Услуги  ////////*/
/*//////////////////////////*/

.front-block__service-background {
    background: #edf2f2;
    padding-top: var(--block-service-padding-top);
    padding-bottom: var(--block-service-padding-bottom);
}

.region-services .view-content {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 1199px) {
    .region-services .view-content {
        /*justify-content: space-between;*/
        justify-content: space-around;
    }
}

@media (max-width: 991px) {
    .region-services .view-content {
        justify-content: space-between;
        /*justify-content: space-around;*/
    }
}

@media (max-width: 540px) {
    .region-services .view-content {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}

.region-services .views-row:first-child {
    margin-right: auto;
}

.region-services .views-row {
    max-width: var(--block-service-views-row-max-width);
}

.region-services .views-row:last-child {
    margin-left: 30px;
}

@media (max-width: 1199px) {
    .region-services .views-row:first-child,
    .region-services .views-row:last-child{
        margin-right: 0;
        margin-left: 0;
    }
}


.region-services .view-header__wrapper {
    max-width: var(--block-service-view-header__wrapper-max-width);
    margin-left: 302px;
    margin-bottom: var(--block-service-view-header__wrapper-margin-bottom);
}

@media (max-width: 1199px) {
    .region-services .view-header__wrapper {
        max-width: none;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .region-services .view-header__wrapper-right{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media (max-width: 991px) {
    .region-services .view-header__wrapper {
        flex-direction: column;
        text-align: center;
    }

    .region-services .view-header__wrapper-right{
        width: 100%;
    }
}

@media (max-width: 767px) {
    .region-services .view-header__wrapper-right {
        flex-direction: column;
        gap: 12px;
    }
}


.region-services .block-title {
    max-width: var(--block-service-title-max-width);
    margin-top: var(--block-service-title-margin-top);
    line-height: 126%;
    margin-bottom: var(--block-service-title-margin-bottom);
}

.region-services .view-footer {
    margin-bottom: 50px;
    line-height: 1.43;
}

@media (max-width: 1199px) {
    .region-services .view-footer {
        margin-bottom: 0;
        max-width: var(--block-service-view-footer-max-width);
    }
}

@media (max-width: 767px) {
    .region-services .view-footer {
        text-align: center;
    }
}


.region-services .field--name-node-title h3 {
    font-weight: 500;
    font-size: var(--block-service-content-title-font-size);
    text-transform: uppercase;
    margin-top: var(--block-service-content-title-margin-top);
    margin-bottom: var(--block-service-content-title-margin-bottom);
}

.region-services .field--name-body {
    font-size: 16px;
    line-height: 1.43;
}

.region-services .views-row img {
    border-radius: 20px;
}

@media (max-width: 540px) {
    .region-services .views-row .media--image {
        display: flex;
        justify-content: center;
    }
}

.region-services .view-content .node--type-uslugi {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 540px) {
    .region-services .view-content .node--type-uslugi {
        align-items: center;
        text-align: center;
    }
}

.region-services .view-content .node--type-uslugi:after {
    display: none;
}

/*//////////////////////////////////////////*/
/*////////  Страница анонсов услуг  ////////*/
/*//////////////////////////////////////////*/

.body-view--uslugi .field--name-node-title h3 {
    font-weight: 500;
    font-size: var(--block-service-content-title-font-size);
    text-transform: uppercase;
    margin-top: var(--block-service-content-title-margin-top);
    margin-bottom: var(--block-service-content-title-margin-bottom);
}

.body-view--uslugi .field--name-body {
    font-size: 16px;
    line-height: 1.43;
}

.body-view--uslugi .field--name-node-link a {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color: #2E3B3B;
    height: 40px;
    width: var(--page-anons-service-btn-width);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #4A7A7C;
    margin-top: 10px;
    line-height: 1;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}


.body-view--uslugi .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: var(--page-anons-service-view-content-gap);
}

@media (max-width: 449px) {
    .body-view--uslugi .view-content {
        justify-content: center;
    }
}

.body-view--uslugi .view-content .node--type-uslugi {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.body-view--uslugi .view-content .node--type-uslugi::after {
    display: none;
}


.body-view--uslugi .views-row {
    max-width: var(--page-anons-service-views-row-max-width);
}

.body-view--uslugi .views-row img {
    border-radius: 20px;
}


/*///////////////////////////////////*/
/*////////  Страница услуги  ////////*/
/*///////////////////////////////////*/

.group_service .field--type-image .media--image {
    float: left;
    margin: 0 20px 10px 0;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .group_service .field--type-image .media--image {
        max-width: 206px;
    }
}

@media (max-width: 575px) {
    .group_service .field--type-image .media--image {
        max-width: clamp(134px, calc(13.4419px + 33.4884vw), 206px) /* 360px - 575px */;
    }
}

.group_service .field--type-image .media--image img {
    border-radius: 20px;
}


.group_service .field--name-dynamic-token-fieldnode-fos-v-uslugah {
    display: flex;
    justify-content: center;
}
/*//////////////////////////////*/
/*////////  О компании  ////////*/
/*//////////////////////////////*/


.region-about .block-title {
    text-align: center;
    margin-bottom: var(--block-about-title-margin-bottom);
}

.region-about .field--name-body {
    font-size: var(--block-about-group-left-font-size);
    line-height: 1.45;
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
    .region-about .field--name-body {
        text-align: center;
    }
}


.region-about .node--view-mode-teaser {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .region-about .node--view-mode-teaser {
        flex-direction: column-reverse;
        gap: 30px;
    }
}

.region-about .group-left {
    width: var(--block-about-group-left-width);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.region-about .group-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: var(--block-about-group-right-width);
    position: relative;
    z-index: 2;
}

.region-about .group-right img {
    background: #fff;
}

.region-about .views-row > .clearfix::after {
    display: none;
}

.region-about .about-left__group-down {
    display: flex;
    gap: var(--block-about-btn-gap);
    margin-bottom: var(--block-about-btn-margin-bottom);
}

@media (max-width: 991px) {
    .region-about .about-left__group-down {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .region-about .about-left__group-down {
        flex-direction: row;
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .region-about .about-left__group-down {
        flex-direction: column;
        align-items: center;
    }
}

.region-about .about-right__title {
    font-weight: 500;
    font-size: var(--block-about-right-title-font-size);
    line-height: 1.45;
    text-transform: uppercase;
    margin-bottom: 5px;
}


.region-about .about-right__text {
    font-size: var(--block-about-right-text-font-size);
    color: #4A7A7C;
    line-height: 1.45;
}

.region-about .about-right__group-1,
.region-about .about-right__group-2,
.region-about .about-right__group-3,
.region-about .about-right__group-4 {
    display: flex;
    align-items: center;
    gap: 20px;
}


.region-about .about-right__text,
.region-about .about-right__title {
    position: relative;
    z-index: 2;
    background: #fff;
    width: fit-content;
}

.region-about .about-right__group-2 .about-right__wr {
    max-width: 370px;
}

.region-about .about-right__group-4 {
    margin-top: var(--block-about-group-right-width-group-4-margin-top);
}


.region-about .view-header {
    display: flex;
    justify-content: center;
}

.region-about .block-title {
    position: relative;
    z-index: 2;
    background: #fff;
    width: fit-content;
}

/*//////////////////////////////////*/
/*////////  Текстовый блок  ////////*/
/*//////////////////////////////////*/


.region-info .block-title {
    text-align: center;
    margin-bottom: var(--block-info-title-margin-bottom);
    position: relative;
    z-index: 2;
    background: #fff;
}

.region-info .field--name-body {
    font-size: var(--block-info-text-font-size);
    line-height: 1.5;
    text-align: center;
}

/*///////////////////////////////*/
/*////////  Фотогалерея  ////////*/
/*///////////////////////////////*/


.region-photo-gallery .view-header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--block-gallery-view-wrapper-margin-bottom);
}


@media (max-width: 991px) {
    .region-photo-gallery .view-header__wrapper {
        flex-direction: column;
    }

    .region-photo-gallery .view-header__wrapper .block-title {
        margin-bottom: var(--block-gallery-view-wrapper-title-margin-bottom);
        text-align: center;
    }
}


.region-photo-gallery .view-header__wrapper-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--block-gallery-top-right-gap);
}

@media (max-width: 991px) {
    .region-photo-gallery .view-header__wrapper-right {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .region-photo-gallery .view-header__wrapper-right {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}

.region-photo-gallery .view-footer {
    line-height: 1.43;
    width: var(--block-gallery-view-footer-width);
}

.region-photo-gallery .ancor--gallery-attachment > .view-content .views-row {
    max-width: var(--block-gallery-attachment-views-row-max-width);
}



.region-photo-gallery .ancor--gallery-block > .view-content .views-row {
    max-width: var(--block-gallery-view-content-views-row-max-width);
}


.region-photo-gallery  img {
    transition: transform 0.2s ease;
}


.region-photo-gallery .views-row {
    overflow: hidden;
    border-radius: 20px;
}

.region-photo-gallery  img:hover {
    transform: scale(1.03);
    transition: transform 0.2s ease;
}

.region-photo-gallery img {
    border-radius: 20px;
}

.region-photo-gallery .view-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


@media (max-width: 530px) {
    .region-photo-gallery .ancor--gallery-block > .view-content {
        justify-content: center;
        gap: 12px;
    }

    .region-photo-gallery .ancor--gallery-attachment > .view-content {
        row-gap: 12px;
    }
}

.region-photo-gallery .attachment-before {
    margin-bottom: var(--block-gallery-attachment-margin-bottom);
}

.region-photo-gallery .view.view--blazy .view-content {
    display: flex;
}

/*////////////////////////////////////////////////*/
/*////////  Страница анонсов фотогалереи  ////////*/
/*////////////////////////////////////////////////*/

.body-view--fotogalereya {}


.body-view--fotogalereya .field--name-node-title a {
    text-decoration: none;
    color: #2E3B3B;
    font-size: 16px;
}

.body-view--fotogalereya .views-row img {
    border-radius: 20px;
}

.body-view--fotogalereya img {
    transition: transform 0.2s ease;
}


.body-view--fotogalereya .views-row {
    overflow: hidden;
    border-radius: 20px;
    max-width: var(--page-anons-gallery-attachment-views-row-max-width);
}

.body-view--fotogalereya .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: var(--page-anons-gallery-attachment-views-content-gap);
}

.body-view--fotogalereya .node--type-fotogalereya {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

.body-view--fotogalereya .node--type-fotogalereya::after {
    display: none;
}

/*////////////////////////////////////////*/
/*////////  Страница фотогалереи  ////////*/
/*////////////////////////////////////////*/

.group_photogallery .field--name-field-fotografiya {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: var(--page-anons-gallery-attachment-views-content-gap);
    margin-top: 15px;
}

.group_photogallery .field--name-field-fotografiya > .field__item {
    overflow: hidden;
    border-radius: 20px;
    max-width: var(--page-anons-gallery-attachment-views-row-max-width);
}


/*////////////////////////////*/
/*////////  Контакты  ////////*/
/*////////////////////////////*/


/*.region-contact {*/
/*    display: flex;*/
/*}*/


.region-contact {
    display: grid;
    grid-template-areas:
"contact-a1 contact-a2"
"contact-a3 contact-a4"
"contact-a5 contact-a4";
    align-items: end;
    justify-content: space-between;
    position: relative;
}

@media (max-width: 991px) {
    .region-contact {
        grid-template-areas:
"contact-a1 contact-a2"
"contact-a3 contact-a3"
"contact-a4 contact-a4"
"contact-a5 contact-a5";
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .region-contact {
        margin-bottom: clamp(0px, calc(240.9424px + -31.4136vw), 60px) /* 576px - 767px | L 60px → R 0px */;
    }
}

@media (min-width: 360px) and (max-width: 575px) {
    .region-contact {
        margin-bottom: clamp(60px, calc(260.5814px + -34.8837vw), 135px) /* 360px - 575px | L 135px → R 60px */;
    }
}



@media (max-width: 767px) {
    .region-contact {
        grid-template-areas:
"contact-a1"
"contact-a2"
"contact-a3"
"contact-a4"
"contact-a5";


    }
}

#block-vesta-theme-zagolovok {
    grid-area: contact-a1;
    margin-bottom: var(--block-contact-zagolovok-margin-bottom);
    max-width: var(--block-contact-zagolovok-max-width);
}

@media (max-width: 767px) {
    #block-vesta-theme-zagolovok {
        text-align: center;
    }
}

#block-vesta-theme-tekst {
    grid-area: contact-a2;
    margin-bottom: 20px;
    width: 308px;
}

@media (max-width: 767px) {
    #block-vesta-theme-tekst {
        width: unset;
        text-align: center;
    }
}

#block-vesta-theme-kontakty {
    grid-area: contact-a3;
    display: flex;
    gap: var(--block-contact-kontaty-gap);
    margin-bottom: 20px;
    max-width: var(--block-contact-kontakty-max-width);
}

#block-vesta-theme-yandekskarta {grid-area: contact-a5;}

#block-vesta-theme-yandekskarta .mapContainer {
    border-radius: 20px;
    overflow: hidden;
}


#block-vesta-theme-vebforma {grid-area: contact-a4;}


#block-vesta-theme-vebforma form .alert-error {display: none;}

#block-vesta-theme-vebforma .form-type-checkbox {
    display: flex;
    gap: 10px;
}


#block-vesta-theme-kontakty .contact__social-links {
    display: flex;
    gap: 10px;
}

#block-vesta-theme-kontakty .contact__social-links a {
    color: #2E3B3B;
    text-decoration: none;
    height: 26px;
    width: 26px;
}


#block-vesta-theme-kontakty .contact__social-link-max {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: transform .3s ease, opacity .3s ease;
}

#block-vesta-theme-kontakty .contact__social-link-max svg {
    position: relative;
    z-index: 1;
    transition: color .3s ease, transform .3s ease;
}

#block-vesta-theme-kontakty .contact__social-links .contact__social-link-max:hover svg{
    transform: scale(0.9);
    color: #fff;
}

#block-vesta-theme-kontakty .contact__social-links .contact__social-link-max:active {
    transform: scale(0.93);
}

#block-vesta-theme-kontakty .contact__social-link-max::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #4185f6 0%, #4930e0 48%, #964bda 98%);
    opacity: 0;
    border-radius: 5px;
    z-index: 0;
    transition: opacity .3s ease;
}

#block-vesta-theme-kontakty .contact__social-link-max:hover::before {
    opacity: 1;
}


#block-vesta-theme-kontakty .contact__social-links .contact__social-link-whatsapp {
    transition: transform .2s ease, color .2s ease;
}

#block-vesta-theme-kontakty .contact__social-links .contact__social-link-whatsapp .bg-ws {
    fill: #ffffff00;
    transition: fill .2s ease;
}

#block-vesta-theme-kontakty .contact__social-links .contact__social-link-whatsapp:hover {
    color: #39ba4b;
}

#block-vesta-theme-kontakty .contact__social-links .contact__social-link-whatsapp:hover .bg-ws {
    fill: #fff;
}

#block-vesta-theme-kontakty .contact__social-links .contact__social-link-whatsapp:active {
    transform: scale(0.93);
}


#block-vesta-theme-kontakty .contact__social-links .contact__social-link-tg {
    transition: transform .2s ease, color .2s ease;
}

#block-vesta-theme-kontakty .contact__social-links .contact__social-link-tg .bg-tg {
    fill: #ffffff00;
    transition: fill .2s ease;
}

#block-vesta-theme-kontakty .contact__social-links .contact__social-link-tg:hover {
    color: #249eda;
}

#block-vesta-theme-kontakty .contact__social-links .contact__social-link-tg:hover .bg-tg {
    fill: #fff;
}

#block-vesta-theme-kontakty .contact__social-links .contact__social-link-tg:active {
    transform: scale(0.97);
}

#block-vesta-theme-kontakty .contact-item a {
    text-decoration: none;
    color: #2E3B3B;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
}

#block-vesta-theme-kontakty .contact-item a:hover {
    color: #4A7A7C;
}

#block-vesta-theme-kontakty .contact__social-links,
#block-vesta-theme-kontakty .contact-item {
    border-radius: 10px;
    height: 66px;
    display: flex;
    align-items: center;
    padding: var(--block-contact-kontakty-item-padding);
    border: 1px solid rgba(46, 59, 59, 0.1);
}


@media (max-width: 575px) {
    #block-vesta-theme-kontakty {
        flex-direction: column;
    }
    #block-vesta-theme-kontakty .contact-item {
        order: 1;
        justify-content: center;
    }
    #block-vesta-theme-kontakty .contact__social-links {
        order: 2;
        justify-content: center;
    }
}




#block-vesta-theme-vebforma .form-control {
    height: 50px;
    border-radius: 10px;
    padding-left: 20px;
}


#block-vesta-theme-vebforma .form-actions,
#block-vesta-theme-vebforma .form-type-checkbox,
#block-vesta-theme-vebforma .form-type-textfield {
    margin-top: 20px;
}

#block-vesta-theme-yandekskarta .yandex__map {
    width: var(--block-contact-yandekskarta-max-width);
    height: 236px;
}


#block-vesta-theme-vebforma {
    max-width: var(--block-contact-webforma-max-width);
}


@media (max-width: 991px) {
    #block-vesta-theme-vebforma {
        margin-bottom: 20px;
    }
}

/*#block-vesta-theme-vebforma .form-type-textfield input {*/
/*    border: none;*/
/*}*/

#block-vesta-theme-vebforma .form-type-textfield  input::placeholder {
    color: #2E3B3B;
}

#block-vesta-theme-vebforma .form-type-checkbox .webform-element-description {
    font-size: 14px;
    line-height: 127.54%;
    width: 300px;
}

#block-vesta-theme-vebforma .form-type-checkbox .webform-element-description a {
 color: #2E3B3B;
}

.front-block__contact-background .container {
    margin-bottom: -233px;
}


/*////////////////////////////////////////////////////*/
/*////////  Изображения backgroun на главной  ////////*/
/*////////////////////////////////////////////////////*/

.back__reserve-left::after {
    content: "";
    position: absolute;
    right: calc(100% - 351px);
    background: url(/sites/all/themes/vesta_theme/image/back/bird-left-top.png) no-repeat center;
    width: 351px;
    height: 266px;
    margin-top: var(--block-variant-razmechenia-before-left-bird-margin-top);
}

@media (max-width: 1399px) {
    .back__reserve-left::after {
        background-size: contain;
        width: 240px;
        right: calc(100% - 260px);
    }
}

@media (max-width: 991px) {
    .back__reserve-left::after {
        background-size: contain;
        width: 200px;
        right: calc(100% - 200px);
    }
}

.back__reserve-right::before {
    content: "";
    position: absolute;
    left: calc(100% - 351px);
    background: url(/sites/all/themes/vesta_theme/image/back/oblako.png) no-repeat center;
    width: 351px;
    height: 266px;
    margin-top: var(--block-variant-razmechenia-before-right-moon-margin-top);
}

@media (max-width: 1399px) {
    .back__reserve-right::before {
        background-size: contain;
        width: 260px;
        left: calc(100% - 260px);
    }
}


.back__service-left::before {
    display: none;
    content: "";
    position: absolute;
    right: calc(100% - 192px);
    background: url(/sites/all/themes/vesta_theme/image/back/bird-2.png) no-repeat center;
    width: 190px;
    height: 230px;
    margin-top: -145px;
}

@media (max-width: 767px) {
    .back__service-left::before {
        display: block;
        background-size: contain;
    }
}


.back__about-left::after {
    content: "";
    position: absolute;
    right: calc(100% - 351px);
    background: url(/sites/all/themes/vesta_theme/image/back/ship.png) no-repeat center;
    width: 351px;
    height: 266px;
    margin-top: var(--block-about-before-left-ship-margin-top);
}

.back__about-line::after {
    content: "";
    position: absolute;
    border-bottom: 10px solid #4A7A7C33;
    width: 100%;
    margin-top: var(--block-about-before-line-margin-top);
}

@media (max-width: 767px) {
    .back__about-left::after,
    .back__about-line::after {
        display: none;
    }
}


.back__about-right::before {
    content: "";
    position: absolute;
    left: calc(100% - var(--block-about-before-right-bird-calc));
    background: url(/sites/all/themes/vesta_theme/image/back/bird-right-top.png) no-repeat center;
    width: 351px;
    height: 266px;
    margin-top: var(--block-about-before-right-bird-margin-top);
}

@media (max-width: 1399px) {
    .back__about-right::before {
        background-size: contain;
        width: 240px;
        left: calc(100% - 240px);
    }
}

@media (max-width: 991px) {
    .back__about-right::before {
        background-size: contain;
        width: 200px;
        left: calc(100% - 200px);
    }
}


.back__gallery-left::after {
    content: "";
    position: absolute;
    right: calc(100% - 366px);
    background: url(/sites/all/themes/vesta_theme/image/back/big-bird-2.png) no-repeat center;
    width: 351px;
    height: 266px;
    margin-top: var(--block-gallery-before-left-bird-margin-top);
}


@media (max-width: 1399px) {
    .back__gallery-left::after {
        background-size: contain;
        width: 250px;
        right: calc(100% - 290px);
    }
}

@media (max-width: 767px) {
    .back__gallery-left::after {
        background-size: contain;
        width: 220px;
        right: calc(100% - 260px);
    }
}

.back__gallery-right::before {
    content: "";
    position: absolute;
    left: calc(100% - 304px);
    background: url(/sites/all/themes/vesta_theme/image/back/big-bird.png) no-repeat center;
    width: 246px;
    height: 239px;
    margin-top: var(--block-gallery-before-right-bird-margin-top);
}

@media (max-width: 1399px) {
    .back__gallery-right::before {
        background-size: contain;
        width: 130px;
        left: calc(100% - 150px);
    }
}

@media (max-width: 767px) {
    .back__gallery-right::before {
        background-size: contain;
        width: 100px;
        left: calc(100% - 100px);
    }
}



.back__footer-left::after {
    content: "";
    position: absolute;
    right: calc(100% - 330px);
    background: url(/sites/all/themes/vesta_theme/image/back/bird-2.png) no-repeat center;
    width: 351px;
    height: 266px;
    margin-top: -92px;
    z-index: -1;
}

@media (max-width: 1399px) {
    .back__footer-left::after {
    display: none;
    }
}

@media (max-width: 767px) {
    .back__footer-left::after {
        display: block;
        background-size: contain;
        width: 100px;
        right: calc(100% - 297px);
        margin-top: 102px;
    }
}

@media (max-width: 575px) {
    .back__footer-left::after {
        right: calc(100% - 203px);
        margin-top: 115px;
    }
}

@media (max-width: 500px) {
    .back__footer-left::after {
        right: calc(100% - 203px);
        margin-top: 373px;
        height: 100px;
    }
}


.back__contact-centr {
    background-image: url(/sites/all/themes/vesta_theme/image/back/down.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    height: 100%;
    padding-bottom: 35%;
}

.back__contact-right::before {
    content: "";
    position: absolute;
    left: calc(100% - 309px);
    background: url(/sites/all/themes/vesta_theme/image/back/bird-footer.png) no-repeat center;
    width: 292px;
    height: 190px;
    margin-top: var(--block-contact-before-right-bird-margin-top);
}

@media (max-width: 1399px) {
    .back__contact-right::before {
        background-size: contain;
        width: 230px;
        left: calc(100% - 250px);
    }
}

@media (max-width: 991px) {
    .back__contact-right::before {
        background-size: contain;
        width: 190px;
        left: calc(100% - 220px);
    }
}