/* Font Size variable -> scale */
:root {
    --font-size-54: 54px; /* h1 */
    --font-size-36: 36px; /* h2 */

    --font-size-24: 24px;
    --font-size-20: 20px;
    --font-size-18: 18px;
    --font-size-16: 16px;
    --font-size-14: 14px;
    --font-size-12: 12px;

    --font-size-22-land-plots: 22px;
    --font-size-18-btn: 18px;
    --font-size-18-advantages: 18px;
    --font-size-16-clearance: 16px;
    --font-size-14-clearance-num: 14px;
}
@media (max-width: 1199px) {
    :root {
        --font-size-54: 54px; /* h1 */
        --font-size-36: 36px; /* h2 */

        --font-size-24: 22px;
        --font-size-20: 20px;
        --font-size-18: 18px;
        --font-size-16: 16px;
        --font-size-14: 14px;
        --font-size-12: 12px;
        
        --font-size-22-land-plots: 20px;
        --font-size-18-btn: 18px;
        --font-size-18-advantages: 18px;
        --font-size-16-clearance: 16px;
        --font-size-14-clearance-num: 14px;
    }
}
@media (max-width: 991px) {
    :root {
        --font-size-54: 44px; /* h1 */
        --font-size-36: 30px; /* h2 */

        --font-size-24: 22px;
        --font-size-20: 20px;
        --font-size-18: 16px;
        --font-size-16: 16px;
        --font-size-14: 14px;
        --font-size-12: 12px;
        
        --font-size-22-land-plots: 22px;
        --font-size-18-btn: 18px;
        --font-size-18-advantages: 18px;
        --font-size-16-clearance: 18px;
        --font-size-14-clearance-num: 16px;
    }
}
@media (max-width: 767px) {
    :root {
        --font-size-54: 36px; /* h1 */
        --font-size-36: 30px; /* h2 */

        --font-size-24: 18px;
        --font-size-20: 20px;
        /* --font-size-18: 18px; */
        --font-size-16: 16px;
        --font-size-14: 14px;
        --font-size-12: 12px;
        
        --font-size-22-land-plots: 18px;
        --font-size-18-btn: 18px;
        --font-size-18-advantages: 18px;
        --font-size-16-clearance: 18px;
        --font-size-14-clearance-num: 16px;
    }
}
@media (max-width: 575px) {
    :root {
        --font-size-54: 30px; /* h1 */
        --font-size-36: 28px; /* h2 */

        --font-size-24: 18px;
        --font-size-20: 20px;
        --font-size-18: 18px;
        --font-size-16: 16px;
        --font-size-14: 14px;
        --font-size-12: 12px;
        
        --font-size-22-land-plots: 22px;
        --font-size-18-btn: 18px;
        --font-size-18-advantages: 18px;
        --font-size-16-clearance: 16px;
        --font-size-14-clearance-num: 14px;
    }
}
@media (max-width: 460px) {
    :root {
        --font-size-54: 26px; /* h1 */
        --font-size-36: 22px; /* h2 */

        --font-size-24: 16px;
        --font-size-20: 20px;
        --font-size-18: 16px;
        --font-size-16: 16px;
        --font-size-14: 14px;
        --font-size-12: 12px;
        
        --font-size-22-land-plots: 18px;
        --font-size-18-btn: 18px;
        --font-size-18-advantages: 16px;
        --font-size-16-clearance: 16px;
        --font-size-14-clearance-num: 14px;
    }
}
@media (max-width: 330px) {
    :root {
        --font-size-54: 26px; /* h1 */
        --font-size-36: 22px; /* h2 */

        --font-size-24: 16px;
        --font-size-20: 20px;
        --font-size-18: 14px;
        --font-size-16: 16px;
        --font-size-14: 14px;
        --font-size-12: 12px;
        
        --font-size-22-land-plots: 16px;
        --font-size-18-btn: 18px;
        --font-size-18-advantages: 16px;
        --font-size-16-clearance: 16px;
        --font-size-14-clearance-num: 14px;
    }
}

/* .roboto {
    font-family: "Roboto", sans-serif;
}
.montserrat {
    font-family: "Montserrat", sans-serif;
} */










/* P A G E -> distance between blocks */
header#header {margin: 0;}
.page > * {margin-bottom: 120px;}
.page .navigation {
    margin-bottom: 32px;
    position: relative;
    z-index: 19;
}
.page main.main {margin: 0;}
.page footer {padding: 0;}

@media (max-width: 991px) {
    .page>* {
        margin-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .page>* {
        margin-bottom: 80px;
    }
}
@media (max-width: 575px) {
    .page > * {
        margin-bottom: 60px;
    }
    .page .navigation {margin-bottom: 30px;}
}
@media (max-width: 460px) {
    .page>* {
        margin-bottom: 50px;
    }
}
@media (max-width: 460px) {
    .page>* {
        margin-bottom: 30px;
    }
}










/* H E A D E R */
/* header -> регион */
.header-block .region.region-header {
    align-items: center;
    height: 70px;
    
    display: grid;
    /* grid-template-columns: 1fr 500px 215px 190px; */
    grid-template-columns: 1fr 525px 215px 190px;
    gap: 15px;
    /* gap: 16px; */

    background-color: #388e3c33;
    box-shadow: 2px 2px 4px #4d4d4d33;
    border-radius: 0 0 6px 6px;
    padding: 0 8px;
}

/* header -> контакты */
div#page header#header .header-block .region.region-header div#block-vesta-theme-kontakty .field.field--name-body {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%;
    font-size: var(--font-size-14);
}

.header-block .region.region-header div#block-vesta-theme-kontakty a.tel,
.header-block .region.region-header div#block-vesta-theme-kontakty a.mail {
    display: flex;
    align-items: center;
    color: inherit;
}

.header-block .region.region-header div#block-vesta-theme-kontakty a.tel::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone-forwarded.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.header-block .region.region-header div#block-vesta-theme-kontakty p.address::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/map-pin-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.header-block .region.region-header div#block-vesta-theme-kontakty p.address {
    display: flex;
    align-items: center;
    margin: 0;
}

.header-block .region.region-header div#block-vesta-theme-kontakty a.mail::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/mail-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.header-block .region.region-header div#block-vesta-theme-kontakty p.whatsapp {
    width: 24px;
    height: 24px;
}
.header-block .region.region-header div#block-vesta-theme-kontakty p.whatsapp a,
.header-block .region.region-header div#block-vesta-theme-kontakty p.whatsapp img {
    display: block;
    width: 100%;
    height: 100%;
}

.header-block .region.region-header div#block-vesta-theme-kontakty .clearfix::after {display: none;}


/* header -> поиск */
form#search-api-page-block-form-search {
    display: flex;
    width: 100%;
    height: 54px;
    font-size: var(--font-size-18);
}
form#search-api-page-block-form-search .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
    width: 70%;
}
form#search-api-page-block-form-search div#edit-actions {
    width: 30%;
}

form#search-api-page-block-form-search input#edit-keys,
form#search-api-page-block-form-search input#edit-submit {
    width: 100%;
    height: 100%;
    background: none;
}

form#search-api-page-block-form-search input#edit-keys,
form#search-api-page-block-form-search input#edit-submit {box-shadow: none;}

form#search-api-page-block-form-search input#edit-keys {
    padding: 16px 10px 16px 24px;
    border: 1px solid #388e3c33;
    border-right: none;
    border-radius: 6px 0 0 6px;
}
form#search-api-page-block-form-search input#edit-submit {
    border: 1px solid #388e3c33;
    border-left: none;
    border-radius: 0 6px 6px 0;
    background-image: url(/sites/all/themes/vesta_theme/image/search_ic.svg);
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    color: transparent;
}
form#search-api-page-block-form-search input#edit-submit:hover {
    background-color: #388e3c4d;
}

/* header -> кнопка Обратный звонок */
.header-block .region.region-header div#block-vesta-theme-knopkaostavitzayavku a.use-ajax.btn-form.btn.btn-default {
    width: 100%;
    background-color: #fa8013;
    border: none;
    border-radius: 6px;
    font-size: var(--font-size-18);
    font-weight: 500;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-block .region.region-header div#block-vesta-theme-knopkaostavitzayavku a.use-ajax.btn-form.btn.btn-default:hover {
    background-color: #bd600d;
}

/* HEADER  -> M E D I A*/
@media (max-width: 1199px) {
    .header-block .region.region-header {
        grid-template-columns: 1fr 320px 190px 180px;
    }
    div#page header#header .header-block .region.region-header div#block-vesta-theme-kontakty .field.field--name-body {
        gap: 5px;
        flex-wrap: wrap;
    }

    div#page header#header .header-block .region.region-header div#block-vesta-theme-kontakty .field.field--name-body a.tel,
    div#page header#header .header-block .region.region-header div#block-vesta-theme-kontakty .field.field--name-body p.address,
    div#page header#header .header-block .region.region-header div#block-vesta-theme-kontakty .field.field--name-body a.mail {
        width: 49%;
    }
    div#page header#header .header-block .region.region-header div#block-vesta-theme-kontakty .field.field--name-body p.whatsapp {
        width: 24px;
    }
}
@media (max-width: 991px) {
    .header-block .region.region-header {
        grid-template-columns: 1fr 320px 155px 130px;
    }
    
    .header-block .region.region-header div#block-vesta-theme-knopkaostavitzayavku a.use-ajax.btn-form.btn.btn-default {
        font-size: var(--font-size-16);
    }
    
}
@media (max-width: 767px) {
    .header-block {
        display: none;
    }
}







/* M A I N */
.page.not-front main.main {
    margin-bottom: 30px;
}






/* H E A D E R - m o b i l e */
.region.region-header-mobile {
    display: flex;
    justify-content: space-between;
    background-color: #deecdf; /* смесь #388e3c33 и #fff */
    padding: 0 10px;
    padding: 5px 10px;
    box-shadow: 2px 2px 4px #4d4d4d33;
    align-items: center;
}

div#block-vesta-theme-knopkaotkrytmobilnoemenyu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.region.region-header-mobile div#block-vesta-theme-kontaktywhatsapp p.whatsapp {
    width: 32px;
    height: 32px;
}
.region.region-header-mobile div#block-vesta-theme-kontaktywhatsapp p.whatsapp a {
    width: 100%;
    height: 100%;
    display: block;
}
.region.region-header-mobile div#block-vesta-theme-kontaktywhatsapp p.whatsapp img {
    width: 100%;
    height: 100%;
}

.region.region-header-mobile a.tel {
    display: flex;
    align-items: center;
    color: inherit;
}
.region.region-header-mobile a.tel::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone-forwarded.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.header-mobile-block {
    display: none;
    position: relative;
    z-index: 100;
}


/* HEADER-mobile  -> M E D I A*/
@media (max-width: 767px) {
    .header-mobile-block {
        display: block;
        /* position: fixed;   */
        width: 100%;
    }
    .header-mobile-block .container {
        padding: 0;
    }
}

/* HEADER-mobile  -> боковое меню */
nav#mobile-nav div.mm-panel {
    padding: 0;
    border-right: 5px solid #bd600d;
    background-color: #fa8013;
    color: #fff;
}
ul.dropdown-menu.mm-listview {
    border-radius: 0;
    background-color: #fa8013;
    color: #fff;
}

nav#mobile-nav div.mm-panel a.mm-title {
    font-size: var(--font-size-18);
    color: #fff;
}
nav#mobile-nav div.mm-panel ul.navbar-nav.mr-auto.mm-listview {
    font-size: var(--font-size-16);
}

nav#mobile-nav div.mm-panel ul.navbar-nav.mr-auto.mm-listview {
    font-size: 16px;
}
ul.navbar-nav.mr-auto.mm-listview a.nav-link {
    font-weight: 400;
}

nav#mobile-nav div.mm-panel a.dropdown-item {
    font-weight: 400;
    font-size: 16px;
}
html.mm-opened .mm-menu.mm-effect-menu-slide {
    display: block;
}
html.touchevents.js nav#mobile-nav {display: none;}
html.touchevents.js.mm-opened.mm-blocking.mm-background.mm-effect-menu-slide.mm-effect-listitems-slide.mm-opening nav#mobile-nav {display: block;}













/* M E N U - navigation */
div#block-vesta-theme-osnovnayanavigaciya-2 {
    display: flex;
    justify-content: center;
}
ul#superfish-main {
    border-bottom: 1px solid #388e3c33;
}

ul#superfish-main li a {color: #4d4d4dcc;}
ul#superfish-main li a:hover {color: #fa8013cc;}
ul#superfish-main li a.is-active {color: #fa8013cc;}

ul#superfish-main li.sf-depth-1 a {
    font-size: var(--font-size-14);
    padding: 17px 12px;
}

ul#superfish-main li.sf-depth-1 a.sf-depth-1.menuparent.sf-with-ul {
    padding: 17px 32px 17px 12px;
}

ul.sf-menu .sf-sub-indicator {
    width: 17px;
    height: 17px;
}
ul.sf-menu .sf-sub-indicator:after {
    /* content: "▼"; */
    content: '';
    left: 0;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    top: 0;
    background-image: url(/sites/all/themes/vesta_theme/image/chevron-down.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 17px;
    height: 17px;
}
ul#superfish-main li ul {
    background-color: #fff;
    top: 50px;
    box-shadow: none;
    border-radius: 0 0 6px 6px;
}
ul#superfish-main li.sf-depth-1 ul li a {
    padding: 8px;
    font-size: var(--font-size-14);
    line-height: 1.2;
}
ul#superfish-main li.sf-depth-1 ul li a {
    padding: 8px 0;
    margin: 0 8px 8px;
    font-size: var(--font-size-14);
    line-height: 1.2;
    border-bottom: 1px solid #388e3c33;
}
ul#superfish-main li.sf-depth-1 ul li:last-child a {
    margin: 0 8px;
    border-bottom: none;
}



























/* B A N N E R */

/* banner -> block */
.region.region-banner .view-content .views-row {
    width: 100%;
    box-shadow: 2px 2px 4px #4d4d4d33;
    position: relative;
}

/* banner -> for img */
.region.region-banner .view-content .views-row .field.field--name-field-background-image.field--type-image.field--label-hidden.field__item {
    width: 100%;
    aspect-ratio: 1170 / 650;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}
.region.region-banner .view-content .views-row .field.field--name-field-background-image.field--type-image.field--label-hidden.field__item::before {
    content: '';
    display: block;
    background: chocolate;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #d7e8d8, #d7e8d800);
}
/* banner -> img */
.region.region-banner .view-content .views-row img.image-style-product-full {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* object-position: bottom; */
    object-position: top;
    display: block;
}

/* banner -> content */
.region.region-banner .view-content .views-row .banner_inner {
    position: absolute;
    top: 0;
    left: 0;
    /* padding: 167px 450px 50px 100px; */
    /* padding: 167px 430px 50px 100px; */
    /* padding: 167px 420px 80px 100px; */
    padding: 140px 420px 80px 100px;
    font-size: var(--font-size-18);
}

/* banner -> title, body, btn, phone */
.region.region-banner .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {margin-bottom: 24px;}
.region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    margin-bottom: 40px;
    margin-right: 235px;
}

.region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-field-banner-btn.field__item a.use-ajax.btn-form.btn.btn-default {
    width: 256px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fb7311;
    border-radius: 6px;
    border: none;
    font-size: var(--font-size-18-btn);
}
.region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-field-banner-btn.field__item a.use-ajax.btn-form.btn.btn-default:hover {
    background-color: #bd600d;
}
.region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-field-number-consultation.field__item a.tel {
    font-weight: 500;
    color: #4d4d4d;
}
.region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-field-number-consultation.field__item {margin: 40px 0 0 40px;}

@media (max-width: 1199px) {
    .region.region-banner .view-content .views-row .banner_inner {
        padding: 70px 130px 50px 100px;
    }
    .region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin-bottom: 30px;
        margin-right: 180px;
    }
    .region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-field-number-consultation.field__item {
        margin: 30px 0 0 40px;
    }
}
@media (max-width: 991px) {
    .region.region-banner .view-content .views-row .banner_inner {
        padding: 40px 50px 50px 50px;
    }
    .region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin-bottom: 20px;
        margin-right: 120px;
    }
    .region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-field-number-consultation.field__item {
        margin: 15px 0 0 40px;
    }
    /* .region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin-bottom: 30px;
    } */
    .region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-field-banner-btn.field__item a.use-ajax.btn-form.btn.btn-default {
        height: 40px;
    }
}
@media (max-width: 767px) {
    /* div#banner-block {
        margin-top: 55px;
    } */
    .region.region-banner .view-content .views-row .field.field--name-field-background-image.field--type-image.field--label-hidden.field__item {aspect-ratio: 600 / 650;}
    .region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {margin-right: 80px;}
}
@media (max-width: 575px) {
    .region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-field-number-consultation.field__item {display: none;}
    .region.region-banner .view-content .views-row .banner_inner {
        padding: 10px;
        /* padding-right: 30px; */
        padding-top: 100px;
        width: 100%;
        height: 100%;
    }
    .region.region-banner .view-content .views-row .banner_inner .clearfix.text-formatted.field.field--name-field-banner-btn.field--type-text-long.field--label-hidden.field__item {
        position: absolute;
        bottom: 10px;
        left: 10px;
        right: 10px;
        width: 100%;
        padding: 0 10px;
    }
    .region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-field-banner-btn.field__item a.use-ajax.btn-form.btn.btn-default {
        width: 100%;
        margin: 0 -10px;
        height: 60px;
    }
    .region.region-banner .view-content .views-row {
        /* height: 90vh; */
        height: 100vh;
        max-height: 700px;
    }


    /* .region.region-banner .view-content .views-row .contextual-region.node.node--type-banner.node--view-mode-full.ds-1col.clearfix { */
    .region.region-banner .view-content .views-row .node.node--type-banner.node--view-mode-full.ds-1col.clearfix {
        height: 100%; 
    }
    .region.region-banner .view-content .views-row .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin-right: 0px;
    }
    .region.region-banner .view-content .views-row .field.field--name-field-background-image.field--type-image.field--label-hidden.field__item {height: 100%;}
}
/* @media (max-width: 575px) and (max-height: 900px) {
    .region.region-banner .view-content .views-row {
        height: 88vh;
    }
} */

@media (max-width: 575px) and (max-height: 820px) {
    .region.region-banner .view-content .views-row {
        max-height: 600px;
    }
}

@media (max-width: 575px) and (max-height: 720px) {
    .region.region-banner .view-content .views-row {
        min-height: 499px;
        max-height: 500px;
    } 
}

/* s */

















/* S E R V I C E S */

/* services -> block */
.region.region-services .view-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.region.region-services {
    position: relative;
    z-index: 3;
}

/* services -> карточка Услуги */
.region.region-services .views-row {
    border: 1px solid #388e3ce6;
    border-radius: 6px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #388e3c;
    transition: all .3s linear;
    box-shadow: 2px 2px 4px #4d4d4d33;
}
/* .region.region-services .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix { */
.region.region-services .views-row .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix {
    width: 100%;
    height: 100%;
}
.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix {
    width: 100%;
    height: 100%;
}

.region.region-services .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}
.region.region-services .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before,
.region.region-services .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::after {
    content: '';
    display: block;
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 16px;
    transition: all .3s linear;
}
.region.region-services .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before {
    border: 1px solid #388e3c;
    background-size: contain;
    background-image: url(/sites/all/themes/vesta_theme/image/services/check-mark-white.svg);
}
.region.region-services .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::after {
    background-size: auto;
    background-image: url(/sites/all/themes/vesta_theme/image/services/arrow-right-2-bold-color.svg);
}
.region.region-services .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 {
    font-family: "Montserrat", sans-serif;
    font-size: var(--font-size-24);
    font-weight: 400;
    transition: all .3s linear;
    text-align: center;
}

.region.region-services .views-row:hover {background-color: #388e3c;}
.region.region-services .views-row:hover .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before {
    border: 1px solid #fff;
    background-image: url(/sites/all/themes/vesta_theme/image/services/check-mark.svg);
}
.region.region-services .views-row:hover .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::after {
    background-image: url(/sites/all/themes/vesta_theme/image/services/arrow-right-2-bold.svg);
}
.region.region-services .views-row:hover .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 {color: #fff;}

/* services -> btn "Подробнее" */
/* .region.region-services .views-row .field.field--name-taxonomy-term-link.field--type-ds.field--label-hidden.field__item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.region.region-services .views-row .field.field--name-taxonomy-term-link.field--type-ds.field--label-hidden.field__item a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    color: transparent;
} */

@media (max-width: 575px) {
    .region.region-services .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before,
    .region.region-services .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::after {display: none;}

    .region.region-services .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item {justify-content: center;}
    /* .region.region-services .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix {padding: 16px;} */
    .region.region-services .views-row .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix {padding: 16px;}
}




/* services ->  P A G E категорий  */
/* .page-view--our_serv .region.region-content .view-content .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item { */
.page-view--our_serv .region.region-content .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}


.page-view--our_serv .region.region-content .view-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.page-view--our_serv .region.region-content .view-content .views-row {
    border: 1px solid #388e3ce6;
    border-radius: 6px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #388e3c;
    transition: all .3s linear;
    box-shadow: 2px 2px 4px #4d4d4d33;
}
.page-view--our_serv .region.region-content .view-content .views-row:hover {
    background-color: #388e3c;
}

/* services -> page категорий -> title */
/* .page-view--our_serv .region.region-content .view-content .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix { */
.page-view--our_serv .region.region-content .view-content .views-row .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix {
    width: 100%;
    height: 100%;
}

/* .page-view--our_serv .region.region-content .view-content .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 { */
.page-view--our_serv .region.region-content .view-content .views-row .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 {
    font-family: "Montserrat", sans-serif;
    font-size: var(--font-size-24);
    font-weight: 400;
    transition: all .3s linear;
    text-align: center;
}
.page-view--our_serv .region.region-content .view-content .views-row:hover h3 {
    color: #fff;
}

/* services -> page категорий -> псевдоэлементы */
/* .page-view--our_serv .region.region-content .view-content .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before { */
.page-view--our_serv .region.region-content .view-content .views-row .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before {
    content: '';
    display: block;
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 4px;
    border: 1px solid #388e3c;
    background-size: contain;
    background-image: url(/sites/all/themes/vesta_theme/image/services/check-mark-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 16px;
    transition: all .3s linear;
}
/* .page-view--our_serv .region.region-content .view-content .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::after { */
.page-view--our_serv .region.region-content .view-content .views-row .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::after {
    content: '';
    display: block;
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 4px;
    background-size: auto;
    background-image: url(/sites/all/themes/vesta_theme/image/services/arrow-right-2-bold-color.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 16px;
    transition: all .3s linear;
}
/* .page-view--our_serv .region.region-content .view-content .views-row:hover .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before { */
.page-view--our_serv .region.region-content .view-content .views-row:hover .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before {
    border: 1px solid #fff;
    background-image: url(/sites/all/themes/vesta_theme/image/services/check-mark.svg);
}
/* .page-view--our_serv .region.region-content .view-content .views-row:hover .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::after { */
.page-view--our_serv .region.region-content .view-content .views-row:hover .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::after {
    background-image: url(/sites/all/themes/vesta_theme/image/services/arrow-right-2-bold.svg);
}

/* services -> page категорий -> btn */
/* .page-view--our_serv .region.region-content .view-content .views-row .field.field--name-taxonomy-term-link.field--type-ds.field--label-hidden.field__item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.page-view--our_serv .region.region-content .view-content .views-row .field.field--name-taxonomy-term-link.field--type-ds.field--label-hidden.field__item a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    color: transparent;
} */

@media (max-width: 575px) {
    .page-view--our_serv .region.region-content .view-content .views-row {
        height: auto;
    }
    /* .page-view--our_serv .region.region-content .view-content .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before, */
    /* .page-view--our_serv .region.region-content .view-content .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::after { */
    .page-view--our_serv .region.region-content .view-content .views-row .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before,
    .page-view--our_serv .region.region-content .view-content .views-row .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::after {
        display: none;
    }
    /* .page-view--our_serv .region.region-content .view-content .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before { */
    .page-view--our_serv .region.region-content .view-content .views-row .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item::before {
        justify-content: center;
    }

    /* .page-view--our_serv .region.region-content .view-content .views-row .contextual-region.taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix { */
    .page-view--our_serv .region.region-content .view-content .views-row .taxonomy-term.taxonomy-term--type-uslugi.taxonomy-term--view-mode-teaser.ds-1col.clearfix {
        padding: 16px; 
    }
}




/* services -> P A G E конкретной категории */
.page-taxonomy-term--uslugi .view-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* .contextual-region.node.node--type-service.node--view-mode-teaser.ds-1col.clearfix { */
.node.node--type-service.node--view-mode-teaser.ds-1col.clearfix {
    border: 1px solid #388e3c;
    border-radius: 6px;
    position: relative;
    transition: all .2s linear;
}
/* .page-taxonomy-term--uslugi .view-content .views-row:hover .contextual-region.node.node--type-service.node--view-mode-teaser.ds-1col.clearfix { */
.page-taxonomy-term--uslugi .view-content .views-row:hover .node.node--type-service.node--view-mode-teaser.ds-1col.clearfix {
    background-color: #388e3c;
}

/* services -> page конкретной категории -> title */
.page-taxonomy-term--uslugi .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    width: 100%;
    /* height: auto; */ /* с псевдоэлементом */
    min-height: 60px; /* 90px */

    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-taxonomy-term--uslugi .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h3 {
    font-family: "Montserrat", sans-serif;
    font-size: var(--font-size-24);
    font-weight: 400;
    transition: all .3s linear;
    /* text-align: center; */
    /* margin-left: 25px; */
    padding: 16px;
    width: 100%;
    height: 100%;
}
.page-taxonomy-term--uslugi .view-content .views-row:hover .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h3 {
    color: #fff;
}

/* services -> page конкретной категории -> псевдоэлементы */
/* .page-taxonomy-term--uslugi .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item::after {
    content: '';
    display: block;
    width: 58px;
    height: 58px;
    border-radius: 4px;
    background-size: auto;
    background-image: url(/sites/all/themes/vesta_theme/image/services/arrow-right-2-bold-color.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 16px;
    transition: all .3s linear;
}
.page-taxonomy-term--uslugi .view-content .views-row:hover .field.field--name-node-title.field--type-ds.field--label-hidden.field__item::after {
    background-image: url(/sites/all/themes/vesta_theme/image/services/arrow-right-2-bold.svg);
} */

/* services -> page конкретной категории -> btn Подробнее (убрано в данный момент) */
.page-taxonomy-term--uslugi .view-content .views-row .field.field--name-node-link.field--type-ds.field--label-hidden.field__item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.page-taxonomy-term--uslugi .view-content .views-row .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    color: transparent;
}

/* services -> P A G E конкретной cтраницы -> text */
/* .contextual-region.node.node--type-service.node--view-mode-full.ds-1col.clearfix p { */
.node.node--type-service.node--view-mode-full.ds-1col.clearfix p {
    font-size: var(--font-size-18);
    text-align: justify;
}






















/* A D V A N T A G E S */
/* advantages -> block */
.region.region-advantages .view-content {
    display: flex;
    gap: 30px;
    
    flex-wrap: wrap;
    justify-content: space-between;
}

/* advantages -> карточки Преимуществ */
.region.region-advantages .view-content .views-row {
    display: flex;
    flex-direction: column;
    width: 270px;
    height: 170px;
    font-family: "Montserrat", sans-serif;
    font-size: var(--font-size-18-advantages);
    border-radius: 6px;
    background-color: #c8e6e5;
    padding: 16px;
    line-height: 1.2;
    box-shadow: 2px 2px 4px #4d4d4d33;
    transition: all .3s linear;

    aspect-ratio: 270/170;
    width: 23%;
}
.region.region-advantages .view-content .views-row:last-child {
    width: 100%;
    height: 105px;
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: center;
}
.region.region-advantages .view-content .views-row:last-child .views-field.views-field-field-advantage-icon .field-content {
    width: 70px;
    height: 70px;
    margin-bottom: 0;
}
.region.region-advantages .view-content .views-row:last-child .views-field.views-field-field-advantage-icon .field-content svg {
    width: 30px;
    height: 30px;
}

/* advantages -> icon */
.region.region-advantages .view-content .views-row .views-field.views-field-field-advantage-icon .field-content {
    display: flex;
    width: 40px;
    height: 40px;
    background-color: #4c9950;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    margin-bottom: 32px;
    transition: all .3s linear;
}

.region.region-advantages .view-content .views-row .views-field.views-field-field-advantage-icon svg {
    width: 24px;
    height: 24px;
    display: block;
    margin: 8px;
}

.region.region-advantages .view-content .views-row .views-field.views-field-field-advantage-icon svg path {
    stroke: #fff;
    transition: all .3s linear;
}

/* advantages -> title */
.region.region-advantages .view-content .views-row .views-field.views-field-title .field-content {
    transition: all .3s linear;
}

.region.region-advantages .view-content .views-row:hover {background-color: #4c9950;}
.region.region-advantages .view-content .views-row:hover .views-field.views-field-field-advantage-icon .field-content {background-color: #fff;}
.region.region-advantages .view-content .views-row:hover .views-field.views-field-field-advantage-icon svg path {stroke: #fa8013;}
.region.region-advantages .view-content .views-row:hover .views-field.views-field-title .field-content {color: #fff;}
@media (max-width: 1199px) {
    .region.region-advantages .view-content .views-row {height: 230px;}

    .region.region-advantages .view-content .views-row {
        width: 22%;
    }
}

@media (max-width: 991px) {
    .region.region-advantages .view-content {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .region.region-advantages .view-content .views-row {width: 47%;}
    .region.region-advantages .view-content .views-row {height: 200px;}
}

@media (max-width: 575px) {
    .region.region-advantages .view-content .views-row {
        width: 46%;
        padding: 10px;
    }
}

@media (max-width: 460px) {
    .region.region-advantages .view-content .views-row {
        width: 44%;
    }
    .region.region-advantages .view-content .views-row {
        min-height: 165px;
        height: auto;
    }
    .region.region-advantages .view-content .views-row .views-field.views-field-field-advantage-icon .field-content {margin-bottom: 10px;}
    .region.region-advantages .view-content .views-row .views-field.views-field-title .field-content {overflow-wrap: break-word;}
}

@media (max-width: 360px) {
    .region.region-advantages .view-content .views-row {
        height: 200px;
    }
}

@media (max-width: 330px) {
    .region.region-advantages .view-content {grid-template: 20px;}
    .region.region-advantages .view-content .views-row {
        height: 200px;
    }
    .region.region-advantages .view-content .views-row:last-child {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
@media (max-width: 310px) {
    .region.region-advantages .view-content .views-row {
        width: 100%;
        height: 165px;
    }
    .region.region-advantages .view-content .views-row:last-child .views-field.views-field-field-advantage-icon .field-content {
        width: 40px;
        height: 40px;
    }
    .region.region-advantages .view-content .views-row:last-child .views-field.views-field-field-advantage-icon .field-content svg {
        width: 24px;
        height: 24px;
    }
}


/* advantages -> P A G E */
/* .contextual-region.view.view-our-advantage.view-id-our_advantage.view-display-id-page_1 .view-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.contextual-region.view.view-our-advantage.view-id-our_advantage.view-display-id-page_1 .view-content .views-row .contextual-region.node.node--type-advantage.node--view-mode-default.ds-1col.clearfix {
    background-color: #c8e6e5;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: all .2s linear;
}
.contextual-region.view.view-our-advantage.view-id-our_advantage.view-display-id-page_1 .view-content .views-row .contextual-region.node.node--type-advantage.node--view-mode-default.ds-1col.clearfix:hover {
    background-color: #388e3c;
    color: #fff;
}

.contextual-region.view.view-our-advantage.view-id-our_advantage.view-display-id-page_1 .view-content .views-row .contextual-region.node.node--type-advantage.node--view-mode-default.ds-1col.clearfix .field.field--name-field-advantage-icon.field--type-image.field--label-hidden.field__item {
    background: #388e3c;
    border-radius: 3px;
    width: 50px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s linear;
}
.contextual-region.view.view-our-advantage.view-id-our_advantage.view-display-id-page_1 .view-content .views-row .contextual-region.node.node--type-advantage.node--view-mode-default.ds-1col.clearfix:hover .field.field--name-field-advantage-icon.field--type-image.field--label-hidden.field__item {
    background-color: #fa8013;
}
.contextual-region.view.view-our-advantage.view-id-our_advantage.view-display-id-page_1 .view-content .views-row .contextual-region.node.node--type-advantage.node--view-mode-default.ds-1col.clearfix .field.field--name-field-advantage-icon.field--type-image.field--label-hidden.field__item img {
    width: 70%;
    height: 70%;
} */











/* C L E A R A N C E */

/* clearance -> block */
div#clearance-block {
    /* background-image: url(/sites/all/themes/vesta_theme/image/clearance/clearance_bg.jpg); */
    /* background-image: url(/sites/all/themes/vesta_theme/image/edits/registration_process.jpeg); */
    background-image: url(/sites/all/themes/vesta_theme/image/edits/bg.png);
    background-repeat: no-repeat;
    /* background-position: center; */
    background-position: top;
    background-size: cover;

    position: relative;
    padding: 24px 0;
}
div#clearance-block::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #4d4d4dbf;
    position: absolute;
    inset: 0;
    z-index: 1;
}
.region.region-clearance {
    position: relative;
    z-index: 2;
}

/* clearance -> title */
.region.region-clearance div#block-vesta-theme-views-block-process-clearance-block-1 .block-title {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 500;
    text-align: center;
}


/* clearance -> блок пунтков оформления */
.region.region-clearance div#block-vesta-theme-views-block-process-clearance-block-1 .view-content {
    margin: 40px 0 32px;
    display: grid;
    grid-template-areas:
        "a b c"
        "f e d"
        "g k l"
        "n . m";
        
    column-gap: 100px;
    row-gap: 40px;
    justify-items: center;
    justify-content: center;
}

/* clearance -> пунтк оформления */
.region.region-clearance .views-row {
    width: 270px;
    /* height: 133px; */
    height: 135px;
    background: #388e3c;
    color: #fff;
    padding: 16px;
    font-weight: 500;
    line-height: 1.2;
    font-family: "Montserrat", sans-serif;
    position: relative;
    border-radius: 6px;
    font-size: var(--font-size-16-clearance);
}
.region.region-clearance .views-row:nth-child(7) {
    font-size: 15px;
}

.region.region-clearance .views-row:nth-child(1) {grid-area: a;}
.region.region-clearance .views-row:nth-child(2) {grid-area: b;}
.region.region-clearance .views-row:nth-child(3) {grid-area: c;}
.region.region-clearance .views-row:nth-child(4) {grid-area: d;}
.region.region-clearance .views-row:nth-child(5) {grid-area: e;}
.region.region-clearance .views-row:nth-child(6) {grid-area: f;}
.region.region-clearance .views-row:nth-child(7) {grid-area: g;}
.region.region-clearance .views-row:nth-child(8) {grid-area: k;}
.region.region-clearance .views-row:nth-child(9) {grid-area: l;}
.region.region-clearance .views-row:nth-child(10) {grid-area: m; transform: translateX(-185px);}
.region.region-clearance .views-row:nth-child(11) {grid-area: n; transform: translateX(185px);}




.region.region-clearance .views-row:nth-child(1)::after,
.region.region-clearance .views-row:nth-child(2)::after,
.region.region-clearance .views-row:nth-child(3)::after,
.region.region-clearance .views-row:nth-child(4)::before,
.region.region-clearance .views-row:nth-child(5)::before,
.region.region-clearance .views-row:nth-child(6)::before,
.region.region-clearance .views-row:nth-child(7)::after,
.region.region-clearance .views-row:nth-child(8)::after,
.region.region-clearance .views-row:nth-child(9)::after,
.region.region-clearance .views-row:nth-child(10)::before,
.region.region-clearance .views-row:nth-child(11)::before {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/clearance/rectangle.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 133px;
    position: absolute;
    top: 0;
    right: -70px;
}

.region.region-clearance .views-row:nth-child(4)::before,
.region.region-clearance .views-row:nth-child(5)::before,
.region.region-clearance .views-row:nth-child(6)::before,
.region.region-clearance .views-row:nth-child(10)::before,
.region.region-clearance .views-row:nth-child(11)::before {
    transform: rotate(180deg);
    left: -70px;
}

.region.region-clearance .views-row:nth-child(4)::after {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/clearance/line9.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 170px;
    height: 180px;
    position: absolute;
    top: -107px;
    right: -100px;
}
.region.region-clearance .views-row:nth-child(7)::before {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/clearance/line10.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 148px;
    height: 180px;
    position: absolute;
    top: -107px;
    left: -80px;
}
.region.region-clearance .views-row:nth-child(10)::after {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/clearance/line11.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 346px;
    height: 180px;
    position: absolute;
    top: -105px;
    right: -357px;
}

.region.region-clearance .views-row:nth-child(-n+3),
.region.region-clearance .views-row:nth-child(n+7):nth-child(-n+9) {
    transform: translateX(-80px);
}

.region.region-clearance .views-row:nth-child(n+4):nth-child(-n+6) {
    transform: translateX(80px);
}


/* clearance -> номер пункта оформления */
.region.region-clearance .views-row .views-field.views-field-field-clearance-point-number {
    font-family: "Roboto", sans-serif;
    font-size: var(--font-size-14-clearance-num);
    font-weight: 600;
    margin-bottom: 8px;
}

/* clearance -> btn */
.region.region-clearance div#block-vesta-theme-knopkaostavitzayavku-2 a {
    width: 100%;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-18-btn);
    font-weight: 500;
    background-color: #fa8013;
    border: none;
}
.region.region-clearance div#block-vesta-theme-knopkaostavitzayavku-2 a:hover {background-color: #bd600d;}

@media (max-width: 1400px) {
    .region.region-clearance .views-row {
        width: 230px;
        height: 160px; /* 152 */
    }

        .region.region-clearance .views-row:nth-child(1)::after,
        .region.region-clearance .views-row:nth-child(2)::after,
        .region.region-clearance .views-row:nth-child(3)::after,
        .region.region-clearance .views-row:nth-child(4)::before,
        .region.region-clearance .views-row:nth-child(5)::before,
        .region.region-clearance .views-row:nth-child(6)::before,
        .region.region-clearance .views-row:nth-child(7)::after,
        .region.region-clearance .views-row:nth-child(8)::after,
        .region.region-clearance .views-row:nth-child(9)::after,
        .region.region-clearance .views-row:nth-child(10)::before,
        .region.region-clearance .views-row:nth-child(11)::before {
            height: 160px;
        }

    .region.region-clearance .views-row:nth-child(1)::after,
    .region.region-clearance .views-row:nth-child(2)::after,
    .region.region-clearance .views-row:nth-child(3)::after,
    .region.region-clearance .views-row:nth-child(4)::before,
    .region.region-clearance .views-row:nth-child(5)::before,
    .region.region-clearance .views-row:nth-child(6)::before,
    .region.region-clearance .views-row:nth-child(7)::after,
    .region.region-clearance .views-row:nth-child(8)::after,
    .region.region-clearance .views-row:nth-child(9)::after,
    .region.region-clearance .views-row:nth-child(10)::before,
    .region.region-clearance .views-row:nth-child(11)::before {right: -50px;}

    .region.region-clearance .views-row:nth-child(4)::before,
    .region.region-clearance .views-row:nth-child(5)::before,
    .region.region-clearance .views-row:nth-child(6)::before,
    .region.region-clearance .views-row:nth-child(10)::before,
    .region.region-clearance .views-row:nth-child(11)::before {left: -50px;}

    .region.region-clearance div#block-vesta-theme-views-block-process-clearance-block-1 .view-content {
        column-gap: 60px;
        row-gap: 20px;
    }

    .region.region-clearance .views-row:nth-child(11) {transform: translateX(144px);}
    .region.region-clearance .views-row:nth-child(10) {transform: translateX(-144px);}
}
@media (max-width: 1199px) {
    .region.region-clearance .views-row:nth-child(4)::after,
    .region.region-clearance .views-row:nth-child(7)::before,
    .region.region-clearance .views-row:nth-child(10)::after {display: none;}
}

@media (max-width: 991px) {
    .region.region-clearance div#block-vesta-theme-views-block-process-clearance-block-1 .view-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .region.region-clearance .views-row:nth-child(7) {
        font-size: var(--font-size-16-clearance);
    }

    .region.region-clearance .views-row:nth-child(-n+3),
    .region.region-clearance .views-row:nth-child(n+7):nth-child(-n+9),
    .region.region-clearance .views-row:nth-child(n+4):nth-child(-n+6),
    .region.region-clearance .views-row:nth-child(10),
    .region.region-clearance .views-row:nth-child(11) {
        transform: translateX(0);
    }

    .region.region-clearance .views-row:nth-child(1)::after,
    .region.region-clearance .views-row:nth-child(2)::after,
    .region.region-clearance .views-row:nth-child(3)::after,
    .region.region-clearance .views-row:nth-child(4)::before,
    .region.region-clearance .views-row:nth-child(5)::before,
    .region.region-clearance .views-row:nth-child(6)::before,
    .region.region-clearance .views-row:nth-child(7)::after,
    .region.region-clearance .views-row:nth-child(8)::after,
    .region.region-clearance .views-row:nth-child(9)::after,
    .region.region-clearance .views-row:nth-child(10)::before,
    .region.region-clearance .views-row:nth-child(11)::before {display: none;}

    .region.region-clearance .views-row {
        width: 100%;
        height: auto;
    }

    .region.region-clearance .views-row:nth-child(even) {
        background-color: #c8e6e5;
        color: #388e3c;
    }
}

@media (max-width: 767px) {}

@media (max-width: 575px) {
    .region.region-clearance .views-row {
        width: 100%;
    }
    .region.region-clearance .views-row {
        display: flex;
        gap: 8px;
    }
    .region.region-clearance div#block-vesta-theme-views-block-process-clearance-block-1 .view-content {
        margin: 16px 0 13px;
        row-gap: 8px;
    }
    .region.region-clearance div#block-vesta-theme-knopkaostavitzayavku-2 a {height: 60px;}
    div#clearance-block {padding: 16px 0 15px;}
}




/* clearance -> P A G E */
.page-view--process_clearance .view-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.page-view--process_clearance .views-row {
    border-radius: 6px;
    background-color: #388e3c;
    color: #fff;
}
.page-view--process_clearance .views-row:nth-child(even) {
    background-color: #c8e6e5;
    color: #388e3c;
}
/* .page-view--process_clearance .views-row .contextual-region.node.node--type-clearance-point.node--view-mode-teaser.ds-1col.clearfix { */
.page-view--process_clearance .views-row .node.node--type-clearance-point.node--view-mode-teaser.ds-1col.clearfix {
    width: 100%;
    height: 100%;
    padding: 10px 20px;
}
.page-view--process_clearance .views-row .field.field--name-node-link.field--type-ds.field--label-hidden.field__item {
    position: absolute;
    inset: 0;
}
.page-view--process_clearance .views-row .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
    font-size: 0;
    color: transparent;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* clearance -> страница пункта */
/* .contextual-region.node.node--type-clearance-point.node--view-mode-full.ds-1col.clearfix .clearfix.text-formatted.field.field--name-field-clearance-point-number.field--type-text.field--label-hidden.field__item { */
.node.node--type-clearance-point.node--view-mode-full.ds-1col.clearfix .clearfix.text-formatted.field.field--name-field-clearance-point-number.field--type-text.field--label-hidden.field__item {
    background-color: #388e3c;
    color: #fff;
    width: 50px;
    border-radius: 6px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
    font-size: 18px;
    font-weight: 900;
}
/* .region.region-content div#block-vesta-theme-content .contextual-region.node.node--type-clearance-point.node--view-mode-full.ds-1col.clearfix { */
.region.region-content div#block-vesta-theme-content .node.node--type-clearance-point.node--view-mode-full.ds-1col.clearfix {
    font-size: var(--font-size-18);
}

@media (max-width: 767px) {
    .page-view--process_clearance .views-row .node.node--type-clearance-point.node--view-mode-teaser.ds-1col.clearfix .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
        font-size: 18px;
    }
}










/* L E G A L   A S P E C T */

/* legal_aspect -> title */
.region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .block-title {
    text-align: center;
    margin-bottom: 40px;
    color: #fa8013;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

/* legal_aspect -> блок с юридическими пунктами */
.region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .view-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* legal_aspect -> юридический пункт' */
.region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .view-content .views-row {
    color: #fff;
    background-color: #388e3c;
    padding: 24px;
    line-height: 1.2;
    border-radius: 6px;
    transition: all .2s linear;
}
.region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .view-content .views-row:hover {
    background-color: #fa8013;
}

/* legal_aspect -> заголовок статьи' */
.region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .view-content .views-row h3 {
    font-weight: 500;
    line-height: 1.2;
    font-family: "Montserrat", sans-serif;
}

/* legal_aspect -> ссылка на статью' */
.region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .view-content .views-row a {
    width: 100%;
    display: block;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #388e3c;
    background-color: #fff;
    border-radius: 6px;
    font-size: var(--font-size-18-btn);
    font-weight: 500;
    margin-top: 16px;
    text-decoration: none;
}
.region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .view-content .views-row a:hover {
    color: #fa8013;
}

/* legal_aspect -> статья */
.region.region-content div#block-vesta-theme-content .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    font-size: var(--font-size-18);
    text-align: justify;
}


@media (max-width: 767px) {
    .region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .block-title {margin-bottom: 20px;}
}

@media (max-width: 575px) {
    .region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .block-title {margin-bottom: 16px;}
    .region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .view-content {gap: 16px;}
    .region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .view-content .views-row {padding: 10px;}
    .region.region-legal-aspect div#block-vesta-theme-views-block-legal-aspect-block-1-2 .view-content .views-row a {
        height: 60px;
        margin-top: 10px;
    }
}


















/* L A N D - P L O T S */

.view-header {
    text-align: center;
    color: #388e3c;
    padding: 0 148px;
    display: flex;
    justify-content: center;
}
.view-header h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: var(--font-size-36);
    margin-bottom: 40px;
    text-align: center;
}
.view-header span {color: #fa8013;}
@media (max-width: 991px) {
    .view-header {
        padding: 0 60px;
    }
}
@media (max-width: 767px) {
    .view-header {
        padding: 0;
    }
}
@media (max-width: 575px) {
    .view-header h2 {margin-bottom: 16px;}
}



/* .region.region-land-plots .contextual-region {
    position: relative;
    z-index: 3;
} */




/* land-plots -> block */
.region.region-land-plots .view-content {
    display: grid;
    grid-template:
        "q w e"
        "r t .";
    gap: 30px;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    font-family: "Roboto", sans-serif;
}

/* land-plots -> карточки участков земли */
.region.region-land-plots .view-content .views-row {
    max-width: 370px;
    aspect-ratio: 370/200;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    box-shadow: 2px 2px 4px #4d4d4d33;
}
.region.region-land-plots .view-content .views-row:nth-child(1) {grid-area: q;}
.region.region-land-plots .view-content .views-row:nth-child(2) {grid-area: w;}
.region.region-land-plots .view-content .views-row:nth-child(3) {grid-area: e;}
.region.region-land-plots .view-content .views-row:nth-child(4) {grid-area: r;}
.region.region-land-plots .view-content .views-row:nth-child(5) {grid-area: t;}
.region.region-land-plots .view-content .views-row:nth-child(6) {display: none;}

/* land-plots -> title */
.region.region-land-plots .view-content .views-row .views-field.views-field-title {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
}
.region.region-land-plots .view-content .views-row .views-field.views-field-title .field-content {
    text-align: center;
    /* padding: 0 70px; */
    
    width: 100%;
    height: 100%;

    display: flex;            /*   -> for new edit */
    justify-content: center;   /*   -> for new edit */
    align-items: center;      /*   -> for new edit */
}
.region.region-land-plots .view-content .views-row .views-field.views-field-title a {
    /* color: transparent; */
    color: #ffffff;
    background-color: #388e3c6e;

    /* font-size: var(--font-size-24); */
    font-size: var(--font-size-22-land-plots);
    transition: all .2s linear;
    
    /* width: 100%;        remove -> for new edit */
    /* height: 100%;       remove -> for new edit */
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0 70px; */
    padding: 0 20px;

    text-decoration: none;  /*  add -> for new edit */

    width: 100%;
    height: 100%;
    /* transition: all .4s linear; */
}

.region.region-land-plots .view-content .views-row .views-field-title:hover {
    background: #c8e6e5e6;
}
/* .region.region-land-plots .view-content .views-row .views-field-title:hover a {
    color: #fa8013;
} */
.region.region-land-plots .view-content .views-row .views-field-title a:hover {
    /* color: #388e3c; */
    color: transparent;
    background-color: transparent;
    /* text-decoration: underline; */

}    /* add  -> for new edit */


.region.region-land-plots .view-content .views-row .views-field-title:hover a::before {
    content: 'Узнать подробнее';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    color: #fa8013;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s linear;
}

/* .region.region-land-plots .view-content .views-row .views-field-title:hover a:hover::before {
    text-decoration: underline;
} */




/* land-plots -> background */
.views-field.views-field-field-land-plot-background-image,
.views-field.views-field-field-land-plot-background-image .field-content {
    width: 100%;
    height: 100%;
}
.region.region-land-plots .view-content img.image-style-large {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}


/* land-plots -> btn "more" */
.region.region-land-plots .more-link {
    position: absolute;
    right: 0;
    bottom: 0;
    display: grid;
    /* grid-template: "q w e"
        "r t i"; */
    grid-template:
        ". . ."
        ". . i";
    width: 100%;
    align-items: end;
    justify-items: end;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 30px;
}
.region.region-land-plots .more-link .link_wrapper {
    grid-area: i;
    max-width: 370px;
    width: 100%;
    display: block;
    aspect-ratio: 370/200;
    position: relative;
    z-index: 5;
}
.region.region-land-plots .more-link a {
    border: 2px solid #fa8013;
    border-radius: 6px;
    box-shadow: 2px 2px 4px #4d4d4d33;
    color: #fa8013;
    text-decoration: none;
    font-size: var(--font-size-18-btn);
    font-weight: 500;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.region.region-land-plots .more-link .link_wrapper:hover a {
    background-color: #fa8013;
    color: #fff;
}
@media (max-width: 1199px) {
    /* .region.region-land-plots .view-content .views-row .views-field.views-field-title a {
        padding: 0 35px;
    } */
}

@media (max-width: 991px) {
    .region.region-land-plots .view-content {
        grid-template: "q w"
            "e r"
            "t .";
    }

    .region.region-land-plots .more-link {
        grid-template: ". ."
            ". ."
            ". i";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }
}


@media (max-width: 575px) {
    .region.region-land-plots .view-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    .region.region-land-plots .view-content .views-row {
        display: none;
    }

    .region.region-land-plots .view-content .views-row:nth-child(1),
    .region.region-land-plots .view-content .views-row:nth-child(2),
    .region.region-land-plots .view-content .views-row:nth-child(3) {
        display: block;
    }

    .region.region-land-plots .more-link {
        display: flex;
        justify-content: center;
        position: relative;
        margin-top: 30px;
    }
    .region.region-land-plots .more-link .link_wrapper {
        height: 54px;
    }
    .region.region-land-plots .more-link a {
        border: none;
        background-color: #fa8013;
        color: #fff;
    }
    .region.region-land-plots .more-link a:hover {
        background-color: #bd600d;
    }
}


/* land-plots -> P A G E */

/* land-plots -> image */
.page-view--catalog_land_plots .region.region-content div#block-vesta-theme-content .view-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.page-view--catalog_land_plots .region.region-content div#block-vesta-theme-content .col-12.col-md-4.land_plots-image .land_plots-image_inner {
    max-width: 370px;
    aspect-ratio: 370/200;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 2px 2px 4px #4d4d4d33;
}
.page-view--catalog_land_plots .region.region-content div#block-vesta-theme-content .col-12.col-md-4.land_plots-image .field.field--name-field-land-plot-background-image.field--type-image.field--label-hidden.field__item {
    width: 100%;
    height: 100%;
}
.page-view--catalog_land_plots .region.region-content div#block-vesta-theme-content .col-12.col-md-4.land_plots-image img.image-style-large {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}

/* land-plots -> inner */
.page-view--catalog_land_plots .region.region-content div#block-vesta-theme-content .col-12.col-md-8.land_plots-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    font-size: var(--font-size-18);
}
.page-view--catalog_land_plots .region.region-content div#block-vesta-theme-content .col-12.col-md-8.land_plots-content a {
    border: 1px solid #fa8013;
    color: #fa8013;
    border-radius: 15px;
    padding: 10px 60px;
    display: flex;
    width: 250px;
    justify-content: center;
    align-items: center;
}
.page-view--catalog_land_plots .region.region-content div#block-vesta-theme-content .col-12.col-md-8.land_plots-content a:hover {
    background-color: #fa8013;
    color: #fff;
    text-decoration: none;
}


ul.pager__items.js-pager__items {
    margin-top: 50px;
}
ul.pager__items.js-pager__items li.pager__item.pager__item--next a,
ul.pager__items.js-pager__items li.pager__item.pager__item--previous a {
    color: #000;
    font-size: 25px;
    line-height: 1;
}


@media (max-width: 767px) {
    .page-view--catalog_land_plots .region.region-content div#block-vesta-theme-content .col-12.col-md-4.land_plots-image .land_plots-image_inner {
        max-width: 1000px;
        aspect-ratio: 300/100;
    }
    .page-view--catalog_land_plots .region.region-content div#block-vesta-theme-content .col-12.col-md-8.land_plots-content a {
        width: 100%;
    }
    .page-view--catalog_land_plots .region.region-content div#block-vesta-theme-content .view-content .row.land_plots {
        gap: 10px;
    }
}


/* land-plots -> sub pages */

/* land-plots -> картинка сверху */
/* .region.region-content div#block-vesta-theme-content .contextual-region.node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .land_plots-image_inner { */
.region.region-content div#block-vesta-theme-content .node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .land_plots-image_inner {
    aspect-ratio: 400/200;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    box-shadow: 2px 2px 4px #4d4d4d33;
}
/* .region.region-content div#block-vesta-theme-content .contextual-region.node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .field.field--name-field-land-plot-background-image.field--type-image.field--label-hidden.field__item { */
.region.region-content div#block-vesta-theme-content .node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .field.field--name-field-land-plot-background-image.field--type-image.field--label-hidden.field__item {
    width: 100%;
    height: 100%;
}
/* .region.region-content div#block-vesta-theme-content .contextual-region.node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix img.image-style-large { */
.region.region-content div#block-vesta-theme-content .node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix img.image-style-large {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.col-12.land_plots-content {
    text-align: justify;
}
.col-12.land_plots-content p {
    font-size: 18px;
}



/* land-plots -> btn to whatsapp */
.row.land_plots-full .col-12.land_plots-content .field.field--name-dynamic-token-fieldnode-get-detailed-information.field--type-ds.field--label-hidden.field__item {
    width: 100%;
}
.row.land_plots-full .col-12.land_plots-content .field.field--name-dynamic-token-fieldnode-get-detailed-information.field--type-ds.field--label-hidden.field__item a.tel_whatsapp {
    width: 100%;
    background-color: #fa8013;
    border: none;
    border-radius: 6px;
    font-size: var(--font-size-18);
    font-weight: 500;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
}
.row.land_plots-full .col-12.land_plots-content .field.field--name-dynamic-token-fieldnode-get-detailed-information.field--type-ds.field--label-hidden.field__item a.tel_whatsapp:hover {
    background-color: #bd600d;
}


/* land-plots -> фото снизу */
/* .region.region-content div#block-vesta-theme-content .contextual-region.node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .row.land_plots-full { */
.region.region-content div#block-vesta-theme-content .node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .row.land_plots-full {
    display: flex;
    flex-direction: column;
    gap: 30px;
}




/* .region.region-content div#block-vesta-theme-content .contextual-region.node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .photoswipe-gallery.field.field--name-field-land-plot-image.field--type-image.field--label-hidden.field__items { */
.region.region-content div#block-vesta-theme-content .node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .photoswipe-gallery.field.field--name-field-land-plot-image.field--type-image.field--label-hidden.field__items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

/* .region.region-content div#block-vesta-theme-content .contextual-region.node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .photoswipe-gallery.field.field--name-field-land-plot-image.field--type-image.field--label-hidden.field__items .field__item { */
.region.region-content div#block-vesta-theme-content .node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .photoswipe-gallery.field.field--name-field-land-plot-image.field--type-image.field--label-hidden.field__items .field__item {
    max-width: 49%;
    aspect-ratio: 370/200;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    box-shadow: 2px 2px 4px #4d4d4d33;
}

/* .region.region-content div#block-vesta-theme-content .contextual-region.node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix a.photoswipe { */
.region.region-content div#block-vesta-theme-content .node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix a.photoswipe {
    width: 100%;
    height: 100%;
    display: block;
}
/* .region.region-content div#block-vesta-theme-content .contextual-region.node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix img.image-style-max-650x650 { */
.region.region-content div#block-vesta-theme-content .node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix img.image-style-max-650x650 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}

@media (max-width: 575px) {
    /* .region.region-content div#block-vesta-theme-content .contextual-region.node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .photoswipe-gallery.field.field--name-field-land-plot-image.field--type-image.field--label-hidden.field__items .field__item { */
    .region.region-content div#block-vesta-theme-content .node.node--type-land-plots.node--view-mode-full.ds-3col-equal.clearfix .photoswipe-gallery.field.field--name-field-land-plot-image.field--type-image.field--label-hidden.field__items .field__item {
        max-width: 100%;
    }
}























/* C A L L B A C K - r e g i o n */
/* callback-region -> block */
.region.region-contacts {
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 32px;
    background-color: #388e3c;
    position: relative;
    z-index: 1;
    border-radius: 6px;
}


/* callback-region -> block с контактами и формой */
.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1,
.region.region-contacts div#block-vesta-theme-vebforma {
    width: 538px;
    height: 436px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    padding: 32px;
    border-radius: 6px;
}


.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1 {background-color: #fa8013;}
.region.region-contacts div#block-vesta-theme-vebforma {
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/IMG-20240927-WA0061.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.region.region-contacts div#block-vesta-theme-vebforma::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #388e3c99;
    position: absolute;
    inset: 0;
}


.region.region-contacts .block-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 3;
}

/* contacts -> inner */
.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1 .views-row .field-content {
    margin-top: 74px;
    font-size: var(--font-size-24);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
}
.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1 .views-row .field-content * {
    margin-bottom: 0;
}

.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1 .views-row .field-content a {
    color: #fff;
}

.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1  a.tel,
.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1  a.mail {
    display: flex;
    align-items: center;
}


.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1  a.tel::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone-forwarded-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1  p.address::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/map-pin-check-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1  p.address {
    display: flex;
    align-items: center;
    margin: 0;
}

.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1  a.mail::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/mail-check-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.region.region-contacts div#block-vesta-theme-views-block-contacts-block-1 p:last-child {
    display: none;
}


/* form -> inner */
div#webform-submission-callback-node-2-form-ajax {
    position: relative;
    z-index: 3;
}
form#webform-submission-callback-node-2-add-form {
    padding: 0 48px;
}
/* form -> input's */
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .form-item {
    margin: 9px 0;
}
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .form-item label {
    margin-bottom: 4px;
    line-height: 1.2;
}
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .form-item input {
    height: 35px;
    font-size: var(--font-size-16);
    padding: 8px 16px;
}

/* form -> согласие */
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label {
    /* margin: 24px 0 16px; */
    margin: 20px 0 16px;
    display: flex;
    padding: 0 25px;
}

.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form input#edit-privacy {
    width: 25px;
}
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .description {
    margin-left: 7px;
}
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form div#edit-privacy--description {
    text-align: center;
    font-size: var(--font-size-14);
    font-weight: 500;
    /* line-height: 1.2; */
    line-height: 1;
}
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form div#edit-privacy--description a {
    color: #fff;
    text-decoration: underline;
}
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form div#edit-privacy--description a:hover {
    color: #fa8013;
}

/* form -> кнопка */
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form div#edit-actions--2 {
    margin: 16px 0 32px;
}
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form div#edit-actions--2 input#edit-actions-submit {
    width: 100%;
    height: 54px;
    background-color: #fa8013;
    border: none;
    font-size: var(--font-size-18);
}
.region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form div#edit-actions--2 input#edit-actions-submit:hover {
    background-color: #bd600d;
}

@media (max-width: 1199px) {
    form#webform-submission-callback-node-2-add-form {
        padding: 0px 0px;
    }
}

@media (max-width: 991px) {
    .region.region-contacts {
        box-shadow: 2px 2px 4px #4d4d4d33;
    }
    .region.region-contacts div#block-vesta-theme-views-block-contacts-block-1,
    .region.region-contacts div#block-vesta-theme-vebforma {
        width: 538px;
        height: 436px;
        padding: 20px;
    }
    /* form#webform-submission-callback-node-2-add-form {
        padding: 0px 0px;
    } */
    .region.region-contacts div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label {
        padding: 0px 0px;
    }
    .region.region-contacts div#block-vesta-theme-vebforma {
        width: 60%;
    }

    .region.region-contacts div#block-vesta-theme-views-block-contacts-block-1 {
        width: 40%;
    }
    .region.region-contacts div#block-vesta-theme-views-block-contacts-block-1 .views-row .field-content {
        font-size: var(--font-size-20);
    }
}

@media (max-width: 767px) {
    .region.region-contacts {
        flex-direction: column-reverse;
    }
    .region.region-contacts div#block-vesta-theme-views-block-contacts-block-1,
    .region.region-contacts div#block-vesta-theme-vebforma {
        width: 100%;
    }
    .region.region-contacts div#block-vesta-theme-views-block-contacts-block-1 {
        height: 250px;
    }
    .region.region-contacts div#block-vesta-theme-views-block-contacts-block-1 .views-row .field-content {
        margin-top: 30px;
        align-items: center;
        gap: 20px;
    }
}

@media (max-width: 575px) {
    .region.region-contacts {
        gap: 15px;
        padding: 15px;
        margin: 0 -15px;
        border-radius: 0;
    }
}




/* C O N T A C T S -> page */
/* .page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .contextual-region.node.node--type-contacts.node--view-mode-full.ds-1col.clearfix { */
.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .node.node--type-contacts.node--view-mode-full.ds-1col.clearfix {
    /* display: flex;
    flex-direction: column;
    gap: 20px; */
}

.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items {
    display: flex;
    gap: 30px;
}
.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items::after {
    display: none;
}

.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items a {
    color: #4d4d4dcc;
}

.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items p {
    margin: 0;
    color: #4d4d4dcc;
}

.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items a.tel,
.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items a.mail {
    display: flex;
    align-items: flex-start;
}


.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items a.tel::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone-forwarded.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items p.address::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/map-pin-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items p.address {
    display: flex;
    align-items: center;
    margin: 0;
}

.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items a.mail::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/mail-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items p.whatsapp {
    width: 25px;
    height: 25px;
}

.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items p.whatsapp a,
.page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items p.whatsapp img {
    display: block;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .page-view--contacts .region.region-content div#block-vesta-theme-content .views-row .clearfix.text-formatted.field.field--name-field-contacts.field--type-text-long.field--label-hidden.field__items {
        flex-direction: column;
        /* align-items: center; */
        gap: 20px;
    }
}





/* callback-region in not-front */
/* .page-view--contacts main.main */
.page.not-front div#callback-region {
    margin: 0;
    display: none;
}



/* F O R M -> page */
form#webform-submission-callback-add-form .form-item {
    margin: 9px 0;
}
form#webform-submission-callback-add-form .form-item label {
    margin-bottom: 4px;
    line-height: 1.2;
}
form#webform-submission-callback-add-form .form-item input {
    height: 35px;
    font-size: var(--font-size-16);
    padding: 8px 16px;
}
form#webform-submission-callback-add-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label {
    margin: 24px 0 16px;
    display: flex;
}
form#webform-submission-callback-add-form input#edit-privacy {
    width: 25px;
}
form#webform-submission-callback-add-form .description {
    margin-left: 7px;
    display: flex;
    align-items: center;
}
form#webform-submission-callback-add-form div#edit-privacy--description {
    text-align: center;
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 1.2;
}
form#webform-submission-callback-add-form a {
    color: #000;
    text-decoration: underline;
}
form#webform-submission-callback-add-form a:hover {
    color: #fa8013;
}
form#webform-submission-callback-add-form input#edit-actions-submit {
    width: 100%;
    height: 54px;
    background-color: #fa8013;
    border: none;
}
form#webform-submission-callback-add-form input#edit-actions-submit:hover {
    background-color: #bd600d;
}


/* F O R M -> фикс меню на form page */
.region.region-header form#search-api-page-block-form-search div#edit-actions--3 {
    width: 30%;
}
.region.region-header form#search-api-page-block-form-search div#edit-actions--3 input#edit-submit--2 {
    border: 1px solid #388e3c33;
    border-left: none;
    border-radius: 0 6px 6px 0;
    background-image: url(/sites/all/themes/vesta_theme/image/search_ic.svg);
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    color: transparent;
    width: 100%;
    height: 100%;
    background-color: transparent;
    box-shadow: none;
}
.region.region-header form#search-api-page-block-form-search div#edit-actions--3 input#edit-submit--2:hover {
    background-color: #388e3c4d;
}

/* F O R M -> всплывающая */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
    background: #388e3c;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #388e3c;
    font-family: "Roboto", sans-serif;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    background-color: #ffffff;
    color: #388e3c;
    font-family: "Montserrat", sans-serif;
}
div#drupal-modal {
    color: #fff;
}
div#drupal-modal .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label {
    display: flex;
    align-items: center;
}
div#drupal-modal .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label input#edit-privacy--1JoHzn3ksQw {
    width: 35px;
    height: 35px;
}
div#drupal-modal .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label a {
    color: #fff;
    text-decoration: underline;
}
div#drupal-modal .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label a:hover {
    color: #bd600d;
}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background-color: #388e3c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-top: 1px solid #388e3c;
}
.ui-dialog-buttonset.form-actions {
    width: 100%;
    height: 100%;
}
button.webform-button--submit.button.button--primary.js-form-submit.form-submit.btn.btn-primary.cv-validate-before-ajax.ui-button.ui-corner-all.ui-widget {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    background-color: #fa8013;
    color: #fff;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    border: none;
    border-radius: 0;
}
button.webform-button--submit.button.button--primary.js-form-submit.form-submit.btn.btn-primary.cv-validate-before-ajax.ui-button.ui-corner-all.ui-widget:hover {
    background-color: #bd600d;
}
div#drupal-modal form#webform-submission-callback-add-form--NzdejyEtjsc .form-item {
    margin: 9px 0;
}
div#drupal-modal form#webform-submission-callback-add-form--NzdejyEtjsc .form-item label {
    margin-bottom: 4px;
}
div#drupal-modal form#webform-submission-callback-add-form--NzdejyEtjsc .description {
    margin-left: 10px;
}
















/* F O O T E R */
/* footer -> block */
footer#footer .footer_info {
    display: grid;
    grid-template-columns: 2fr 2fr 5fr 3fr;
    margin: 80px 0 40px;
}
footer#footer .footer_inner {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #388e3c33;
    box-shadow: 2px 2px 4px #4d4d4d33;
    position: relative;
}


/* footer -> map */
.region.region-map {
    width: 100%;
    height: 420px;
    position: relative;
}
div#block-vesta-theme-yandekskarta-2 {
    height: 100%;
}
div#block-vesta-theme-yandekskarta-2 .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    height: 100%;
}

/* image to map */
div#map-block .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    width: 100%;
    height: 420px;
    position: absolute;
    inset: 0;
}
div#map-block .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}


/* footer -> column 1 */
footer#footer .foot-column_one {
    margin-left: 16px;
    position: relative;
}
footer#footer .foot-column_one::after {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/drafting-compass_bg2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 226px;
    height: 244px;
    position: absolute;
    z-index: 0;
    bottom: -43px;
    left: -79px;
    padding: 0;
    margin: 0;
    transform: rotate(200deg) scale(1, -1);
}
.region.region-column-one,
.region.region-column-two,
.region.region-column-three,
.region.region-column-four {
    position: relative;
    z-index: 3;
}

/* footer -> column 2 */
/* footer -> column 2 -> title */
.foot-column_two .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya .block-title {
    line-height: 1.2;
    margin-bottom: 16px;
    color: #388e3c;
}
/* footer -> column 2 -> menu */
ul#superfish-main--2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.foot-column_two .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya a.sf-depth-1 {
    font-size: var(--font-size-14);
    line-height: 1.2;
    padding: 0;
    color: #388e3cbf;
}
.foot-column_two .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya a.sf-depth-1:hover {
    color: #388e3c;
}
/* footer -> column 3 */
.foot-column_three {
    position: relative;
}
.foot-column_three::after {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/drafting-compass_bg2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 214px;
    height: 226px;
    position: absolute;
    z-index: 0;
    bottom: -38px;
    right: 9px;
    padding: 0;
    margin: 0;
}
/* footer -> column 3 -> title */
.foot-column_three .region.region-column-three h5#block-vesta-theme-osnovnayanavigaciya-5-menu {
    line-height: 1.2;
    margin-bottom: 16px;
    color: #388e3c;
    font-family: "Roboto", sans-serif;
    display: none;
}
/* footer -> column 3 -> menu */
.foot-column_three .region.region-column-three ul.navbar-nav.mr-auto {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 120px;
}
.foot-column_three .region.region-column-three a.nav-link {
    font-size: var(--font-size-14);
    line-height: 1.2;
    padding: 0;
    color: #388e3cbf;
}
.foot-column_three .region.region-column-three a.nav-link:hover {
    color: #388e3c;
    text-decoration: underline;
}

/* footer -> column 4 */
.foot-column_four {position: relative;}

.foot-column_four::after {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/drafting-compass_bg2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 226px;
    height: 246px;
    position: absolute;
    z-index: 0;
    bottom: 33px;
    right: -40px;
    padding: 0;
    margin: 0;
    transform: rotate(0deg) scale(-1, 1);
}
/* footer -> column 4 -> title */
.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .block-title {
    line-height: 1.2;
    margin-bottom: 16px;
    color: #388e3c;
}
/* footer -> column 4 -> contacts */
.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row .field-content {
    font-size: var(--font-size-14);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    margin-bottom: 24px;
}
.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row {
    background: none;
}

.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row .field-content a {
    color: #4d4d4dcc;
}
.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row .field-content p {
    margin: 0;
    color: #4d4d4dcc;
}

.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row a.tel,
.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row a.mail {
    display: flex;
    align-items: center;
}


.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row a.tel::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone-forwarded.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* .foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row p.address::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/map-pin-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row p.address {
    display: flex;
    align-items: center;
    margin: 0;
} */

.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row a.mail::before {
    margin-right: 8px;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/mail-check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row p.whatsapp {
    width: 28px;
    height: 28px;
}

.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row p.whatsapp a,
.foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row p.whatsapp img {
    display: block;
    width: 100%;
    height: 100%;
}

/* footer -> column 4 -> copyright   +   FOOT copyright */
.foot-column_four .region.region-column-four div#block-vesta-theme-kopirayt-2,
.region.region-foot-copyrights div#block-vesta-theme-kopirayt-3 {
    color: #388f3cb3;
    font-size: var(--font-size-12);
    width: 200px;
}
.foot-column_four .region.region-column-four div#block-vesta-theme-kopirayt-2 a.privacy,
.region.region-foot-copyrights div#block-vesta-theme-kopirayt-3 a.privacy {
    color: #388f3cb3;
}
.foot-column_four .region.region-column-four div#block-vesta-theme-kopirayt-2 a.privacy:hover,
.region.region-foot-copyrights div#block-vesta-theme-kopirayt-3 a.privacy:hover {
    color: #388f3c;
}



/* V E S T A - b a c k l i n k */
footer#footer .footer_inner .vesta_backlink {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #d7e8d8;
    position: relative;
    z-index: 3;
}
footer#footer .footer_inner .vesta_backlink p.vesta {
    margin: 0;
    padding: 3px 0;
}
footer#footer .footer_inner .vesta_backlink a {
    font-size: var(--font-size-12);
    line-height: 1.2;
    color: #fa8013;
}

/* F O O T - c o p y r i g h t */
.region.region-foot-copyrights {
    display: none;
}

@media (max-width: 991px) {
    .foot-column_three .region.region-column-three ul.navbar-nav.mr-auto {
        padding-right: 0px;
    }
    .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya ul#superfish-main--2 {
        width: auto;
        display: grid !important;
    }
    footer#footer .footer_info {
        grid-template-columns: 1fr 1fr 5fr 1fr;
        margin: 40px 0;
        gap: 15px;
    }
    .foot-column_three nav#block-vesta-theme-osnovnayanavigaciya-5 {
        margin: 0;
    }
}

@media (max-width: 767px) {
    footer#footer .footer_info {
        /* grid-template-columns: 4fr 4fr 4fr; */
        grid-template-columns: 2fr 4fr 6fr;
        grid-template-areas:
            "a b d"
            ". c c";
        margin: 40px 15px;
        gap: 15px;
    }

    footer#footer .foot-column_one {
        grid-area: a;
    }
    .foot-column_two {
        grid-area: b;
    }
    .foot-column_three {
        grid-area: c;
    }
    .foot-column_four {
        grid-area: d;
    }
    footer#footer .foot-column_one {margin-left: 0;}
}

@media (max-width: 575px) {
    footer#footer .footer_inner {
        margin: 0 -15px;
        border-radius: 0;
    }
    .foot-column_three nav#block-vesta-theme-osnovnayanavigaciya-5 {
        display: none;
    }
    .foot-column_four .region.region-column-four div#block-vesta-theme-kopirayt-2 {
        display: none;
    }
    .region.region-foot-copyrights {
        display: block;
    }
    footer#footer .footer_inner .vesta_backlink p.vesta {
        padding: 15px 0 8px;
    }
    footer#footer p.privacy-content {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 15px;
        align-items: center;
    }
    
    footer#footer .footer_info {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .foot-column_two .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya .block-title {
        display: none;
    }

    .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya ul#superfish-main--2 {
        display: grid;
        grid-template-areas:
            "a d"
            "b e"
            "c f";
            
        margin: 24px 0;
    }
    .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya ul#superfish-main--2 li:nth-child(1) {
        grid-area: a;
    }
    .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya ul#superfish-main--2 li:nth-child(2) {
        grid-area: b;
    }
    .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya ul#superfish-main--2 li:nth-child(3) {
        grid-area: c;
    }
    .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya ul#superfish-main--2 li:nth-child(4) {
        grid-area: d;
    }
    .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya ul#superfish-main--2 li:nth-child(5) {
        grid-area: e;
    }
    .region.region-column-two div#block-vesta-theme-osnovnayanavigaciya ul#superfish-main--2 li:nth-child(6) {
        grid-area: f;
    }

    .foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .block-title {
        display: none;
    }
    .foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row .field-content {
        justify-content: flex-start;
        margin-bottom: 0;
        /* display: grid;
        grid-template-areas:
            "a b"
            "c d"; */
        column-gap: 25px;

        flex-direction: row;
        flex-wrap: wrap;
    }
    .foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row a.tel {
        grid-area: a;
    }

    .foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row p.address {
        grid-area: c;
    }

    .foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row a.mail {
        grid-area: b;
    }

    .foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row p.whatsapp {
        grid-area: d;
    }

    footer#footer .foot-column_one::after, .foot-column_four::after {display: none;}
}

@media (max-width: 575px) and (max-height: 900px) {}

@media (max-width: 575px) and (max-height: 750px) {}

@media (max-width: 460px) {
    .foot-column_three::after {right: -65px;}
}

@media (max-width: 330px) {
    .foot-column_four .region.region-column-four div#block-vesta-theme-views-block-contacts-block-1-2 .views-row .field-content {
        display: flex;
        flex-direction: column;
    }
}

















/* B G  -> images */
header#header {
    position: relative;
    z-index: 20;
}
.page main.main {
    position: relative;
    z-index: 15;
    /* margin-top: 50px;    if has fixed header  */
}
div#banner-block {
    position: relative;
}

div#banner-block::after {
    background-image: url(/sites/all/themes/vesta_theme/image/background/279.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    width: 726px;
    height: 1058px;
    position: absolute;
    bottom: -445px;
    right: -9px;
    z-index: 0;
}

.region.region-banner {
    position: relative;
    z-index: 2;
}

div#services-block {
    position: relative;
}

div#services-block::before {
    background-image: url(/sites/all/themes/vesta_theme/image/background/274.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    width: 796px;
    height: 1263px;
    position: absolute;
    bottom: -454px;
    left: -15px;
    z-index: 0;
}

div#advantages-block {
    position: relative;
}

div#advantages-block::after {
    background-image: url(/sites/all/themes/vesta_theme/image/background/267-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    width: 1490px;
    height: 2185px;
    position: absolute;
    bottom: -1019px;
    right: -480px;
    z-index: 0;
    transform: rotate(2deg);
}

.region.region-advantages {
    position: relative;
    z-index: 3;
}

div#clearance-block::after {
    background-image: url(/sites/all/themes/vesta_theme/image/background/167.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    width: 796px;
    height: 1263px;
    position: absolute;
    bottom: -550px;
    right: 35px;
    z-index: 0;
}


div#legal_aspect-block {
    position: relative;
}

div#legal_aspect-block::before {
    background-image: url(/sites/all/themes/vesta_theme/image/background/183-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    width: 1376px;
    height: 1423px;
    position: absolute;
    bottom: 330px;
    left: -284px;
    z-index: 0;
}


div#land_plots-block {
    position: relative;
}

div#land_plots-block::before {
    background-image: url(/sites/all/themes/vesta_theme/image/background/333-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    width: 1602px;
    height: 1659px;
    position: absolute;
    bottom: -367px;
    left: -418px;
    z-index: 0;
}
.region.region-legal-aspect {
    position: relative;
    z-index: 3;
}


div#callback-region {
    position: relative;
}

div#callback-region::after {
    background-image: url(/sites/all/themes/vesta_theme/image/background/244-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    width: 1200px;
    height: 1554px;
    position: absolute;
    bottom: -180px;
    right: -285px;
    z-index: 0;
}


footer#footer {
    position: relative;
}

footer#footer::before {
    background-image: url(/sites/all/themes/vesta_theme/image/background/244-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    width: 1278px;
    height: 1302px;
    position: absolute;
    bottom: -120px;
    left: -315px;
    z-index: 0;
}

footer#footer::after {
    background-image: url(/sites/all/themes/vesta_theme/image/background/183-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    position: absolute;

    width: 1704px;
    height: 1724px;
    bottom: -638px;
    right: -1075px;
    
    /* width: 1153px;
    height: 1050px;
    bottom: -5px;
    right: -290px; */

    z-index: 0; 
}

div#map-block {
    position: relative;
    z-index: 30;
}

@media (max-width: 991px) {
    div#banner-block::after,
    div#services-block::before,
    div#advantages-block::after,
    div#clearance-block::after,
    div#legal_aspect-block::before,
    div#land_plots-block::before,
    div#callback-region::after,
    footer#footer::before,
    footer#footer::after {display: none;}
}