@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Moderustic:wght@300..800&family=Tektur:wght@400..900&display=swap');
/* .tektur-<uniquifier> {
    font-family: "Tektur", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}
.manrope-<uniquifier> {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.moderustic-<uniquifier> {
    font-family: "Moderustic", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
} */

@font-face {
    font-family: "Jura";
    src: url("../font/Jura.ttf");
}


:root {
    --ff-Tektur: "Tektur", sans-serif;
    --ff-Manrope: "Manrope", sans-serif;
    --ff-Moderustic: "Moderustic", sans-serif;

    --color-main: #2D3438;
    --color-orig: #6B6A6A;
    
    
    --fz-h1: 155px; /* 148 <- 141  */
    --fz-h2: 40px;
    --fz-h2-not-front: 60px; /* --> h1 not-front*/
    --fz-h3: 24px;
    
    --fz-block-suptitle: 18px;

    --fz-label: 24px;

    --fz-banner-num: 60px;
    --fz-banner-btn: 16px;
    
    --fz-orig: 18px;
    --fz-middle: 16px;
    --fz-small: 14px;
}
@media (max-width: 1399px) {
    :root {
        --fz-h1: 141px;
        --fz-h2: 40px;
        --fz-h2-not-front: 60px;
        --fz-h3: 24px;
        
        --fz-block-suptitle: 18px;

        --fz-label: 24px;

        --fz-banner-num: 60px;
        --fz-banner-btn: 16px;
        
        --fz-orig: 18px;
        --fz-middle: 16px;
        --fz-small: 14px;
    }
}
@media (max-width: 1199px) {
    :root {
        --fz-h1: 115px; /* 121 */
        --fz-h2: 40px;
        --fz-h2-not-front: 60px;
        --fz-h3: 24px;
        
        --fz-block-suptitle: 18px;

        --fz-label: 24px;

        --fz-banner-num: 60px;
        --fz-banner-btn: 16px;
        
        --fz-orig: 18px;
        --fz-middle: 16px;
        --fz-small: 14px;
    }
}
@media (max-width: 991px) {
    :root {
        --fz-h1: 90px;
        --fz-h2: 40px;
        --fz-h2-not-front: 50px;
        --fz-h3: 24px;
        
        --fz-block-suptitle: 18px;

        --fz-label: 24px;

        --fz-banner-num: 60px;
        --fz-banner-btn: 16px;
        
        --fz-orig: 18px;
        --fz-middle: 16px;
        --fz-small: 14px;
    }
}
@media (max-width: 767px) {
    :root {
        --fz-h1: 65px;
        --fz-h2: 30px;
        --fz-h2-not-front: 40px;
        --fz-h3: 24px;
        
        --fz-block-suptitle: 18px;

        --fz-label: 24px;

        --fz-banner-num: 60px;
        --fz-banner-btn: 16px;
        
        --fz-orig: 18px;
        --fz-middle: 16px;
        --fz-small: 14px;
    }
}
@media (max-width: 575px) {
    :root {
        --fz-h1: 52px;
        --fz-h2: 30px;
        --fz-h2-not-front: 35px;
        --fz-h3: 24px;
        
        --fz-block-suptitle: 18px;

        --fz-label: 24px;

        --fz-banner-num: 50px;
        --fz-banner-btn: 16px;
        
        --fz-orig: 18px;
        --fz-middle: 16px;
        --fz-small: 14px;
    }
}
@media (max-width: 460px) {
    :root {
        --fz-h1: 35px;
        --fz-h2: 25px;
        --fz-h2-not-front: 30px;
        --fz-h3: 22px;
        
        --fz-block-suptitle: 18px;

        --fz-label: 24px;

        --fz-banner-num: 50px;
        --fz-banner-btn: 16px;
        
        --fz-orig: 18px;
        --fz-middle: 16px;
        --fz-small: 14px;
    }
}
@media (max-width: 350px) {
    :root {
        --fz-h1: 28px;
        --fz-h2: 20px;
        --fz-h2-not-front: 25px;
        --fz-h3: 18px;
        
        --fz-block-suptitle: 18px;

        --fz-label: 24px;

        --fz-banner-num: 50px;
        --fz-banner-btn: 16px;
        
        --fz-orig: 16px;
        --fz-middle: 16px;
        --fz-small: 14px;
    }
}











/* MAIN SETTINGS */
body {
    font-size: var(--fz-orig);
    font-family: var(--ff-Manrope);
    line-height: 1.15;
    color: #2D3438;
}

@media (min-width: 350px) {}
@media (min-width: 460px) {}
@media (min-width: 576px) {
    .container {
        max-width: 576px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 992px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

div#app {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    overflow: hidden;
}
main#main {
    flex-grow: 1;
}
footer#footer {
    /* margin-top: 65px; */
    padding: 30px 0;
    background-color: #323232;
    position: relative;
    z-index: 50;
}

.not-front main#main {
    margin: 50px 0;
}
.not-front div#block-vesta-theme-page-title h1 {
    font-size: var(--fz-h2-not-front);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    margin-bottom: 30px;
}
@media (max-width: 1399px) {}

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

@media (max-width: 991px) {
    div#app {
        position: relative;
        inset: 0;
        top: 120px;
    }
}

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

@media (max-width: 666px) {
    div#app {
        top: 70px;
    }
}

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

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

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










/* Block-title */

/* .block-title {
    padding: 7.5px 10px;
    display: flex;
    width: 118px;
    font-family: var(--ff-Tektur);
    line-height: 1;
    color: #2D3438;
    background-color: #EEF3F7;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 20px;
} */

.about .region.region-about .block-title {
    padding: 7.5px 10px;
    display: flex;
    font-family: var(--ff-Tektur);
    line-height: 1;
    color: #2D3438;
    background-color: #EEF3F7;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 20px;

    width: 118px;
}
.about .region.region-about .block-title::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #ccf550;
    border-radius: 50%;
    margin-right: 10px;
}


.services .region.region-services .block-title {
    padding: 7.5px 10px;
    display: flex;
    font-family: var(--ff-Tektur);
    line-height: 1;
    color: #2D3438;
    justify-content: center;
    align-items: center;
    border-radius: 4px;

    width: 107px;
    background-color: #ffffff;
    /* margin-bottom: 20px; */
    margin-bottom: 0px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.services .region.region-services .block-title::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #ccf550;
    border-radius: 50%;
    margin-right: 10px;
}

.benefits .region.region-benefits .block-title {
    padding: 7.5px 10px;
    display: flex;
    font-family: var(--ff-Tektur);
    line-height: 1;
    color: #2D3438;
    background-color: #EEF3F7;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 20px;

    width: 273px;
}
.benefits .region.region-benefits .block-title::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #ccf550;
    border-radius: 50%;
    margin-right: 10px;
}

.gallery .region.region-gallery .block-title {
    padding: 7.5px 10px;
    display: flex;
    font-family: var(--ff-Tektur);
    line-height: 1;
    color: #2D3438;
    background-color: #EEF3F7;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 20px;
    
    width: 119px;
}
.gallery .region.region-gallery .block-title::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #ccf550;
    border-radius: 50%;
    margin-right: 10px;
}

.form .region.region-form div#block-vesta-theme-views-block-description-contacts-form-block-1 .block-title {
    padding: 7.5px 10px;
    display: flex;
    font-family: var(--ff-Tektur);
    line-height: 1;
    color: #2D3438;
    background-color: #EEF3F7;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 20px;

    width: 175px;
    position: absolute;
    top: 0;
    left: 0;
}
.form .region.region-form div#block-vesta-theme-views-block-description-contacts-form-block-1 .block-title::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #ccf550;
    border-radius: 50%;
    margin-right: 10px;
}

.contacts .region.region-contacts .block-title {
    padding: 7.5px 10px;
    display: flex;
    font-family: var(--ff-Tektur);
    line-height: 1;
    color: #2D3438;
    background-color: #EEF3F7;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 20px;

    width: 135px;
}
.contacts .region.region-contacts .block-title::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #ccf550;
    border-radius: 50%;
    margin-right: 10px;
}








/* MORE-LINK */
/* .services .region.region-services  */
.more-link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.more-link a {
    display: flex;
    max-width: 415px;
    width: 32%;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #ccf550;
}
.more-link a:hover {
    background-color: #b6dd40;
}

@media (max-width: 1199px) {
    .more-link a {width: 31%;}
}
@media (max-width: 767px) {
    .more-link a {
        width: 100%;
    }
}






/* Scroll To Top */
button#scrollToTop {
    box-shadow: 0 0 5px #000;
}






/* Дисклеймер */
.block.block-vesta-privacy-access-d10 {
    background: #323232;
    overflow-y: scroll;
    max-height: 100%;
}
.block.block-vesta-privacy-access-d10 .block-metrika-content p strong {
    font-family: var(--ff-Tektur);
    font-size: 20px;
}
.block.block-vesta-privacy-access-d10 .block-metrika-content p {
    text-align: justify;
}
.block.block-vesta-privacy-access-d10 .block-metrika-content p a:hover {
    color: #b6dd40;
}

@media (max-width: 460px) {
    .block.block-vesta-privacy-access-d10 .block-metrika-btns {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 15px;
    }
    
    .block.block-vesta-privacy-access-d10 .block-metrika-btns button {
        width: 100%;
    }
}




















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

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

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

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

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

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

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






























/* H E A D E R */
header#header {
    background-color: #eef3f7;
}
header#header .header_inner {
    height: 92px;
}


/* header // 1 column */
header#header .header_inner .header-col_one {
    width: 45px;
    height: auto;
    aspect-ratio: 45/92;
    min-width: 45px;

    margin-right: 30px;
}
header#header .header_inner .header-col_one img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media (max-width: 1399px) {}

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

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

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

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

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

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




/* header // 2 column */
header#header .header_inner .header-col_two {
    display: flex;
    flex-direction: column;
    /* width: 644px; */
    height: 92px;
}
header#header .header_inner .header-col_two .header_subtitle {
    width: 100%;
    line-height: 1;
    color: #6b6a6a;
    /* font-weight: 500; */
    font-family: "Jura";
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 14px;
}


header#header .header_inner .header-col_two .region.region-navigation {
    width: 100%;
}
header#header .header_inner .header-col_two .region.region-navigation div#block-vesta-theme-osnovnayanavigaciya-4-menu {
    display: none;
}

header#header .header_inner .header-col_two .region.region-navigation ul.nav {
    background-color: #fff;
    border-radius: 10px;
    padding: 0 15px;  /*0 22px*/
}
header#header .header_inner .header-col_two .region.region-navigation ul.nav li.nav-item a {
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    display: block;
    /* margin: 0; */
    /* width: 250px; */
    padding: 15px 13px;
}
header#header .header_inner .header-col_two .region.region-navigation ul.nav li.nav-item a.is-active {
    color: #b6dd40;
}
header#header .header_inner .header-col_two .region.region-navigation ul.nav li.nav-item a:hover {
    color: #ccf550;
}

@media (max-width: 1399px) {
    header#header .header_inner .header-col_two .region.region-navigation ul.nav {
        padding: 0 10px;
    }
    header#header .header_inner .header-col_two .region.region-navigation ul.nav li.nav-item a {
        padding: 15px 9px;
    }
}

@media (max-width: 1199px) {
    header#header .header_inner {
        display: grid !important;
        grid-template-areas: 'a b'
            'c d';
        grid-template-columns: 3fr 9fr;
        height: 184px;
    }

    header#header .header_inner .header-col_four {
        width: 100%;
    }
    header#header .header_inner .header-col_four .row_down {
        justify-content: space-between;
    }
    header#header .header_inner .header-col_two .region.region-navigation ul.nav {
        display: flex;
        justify-content: center;
    }
    header#header .header_inner .header-col_two .region.region-navigation ul.nav li.nav-item a {
        padding: 15px 15px;
    }
}

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

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

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

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

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





/* header // 3 column */
header#header .header_inner .header-col_three {
    margin: 0 8px;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

/* form#search-api-page-block-form-search */
/* input#edit-keys */
/* div#edit-actions */
/* button#edit-submit */


/* form#search-api-page-block-form-search--2 */
/* input#edit-keys--2 */
/* div#edit-actions--2 */
/* button#edit-submit--2 */


/* form#search-api-page-block-form-search--3 */
/* input#edit-keys--3 */
/* div#edit-actions--3 */
/* button#edit-submit--3 */

/* form#search-api-page-block-form-search--2 */
/* input#edit-keys--2 */
/* div#edit-actions--4 */
/* button#edit-submit--3 */



form#search-api-page-block-form-search,
form#search-api-page-block-form-search--2,
form#search-api-page-block-form-search--3 {
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
    gap: 5px;
    /* background: aqua; */
    margin-bottom: 12px;
    /* justify-content: flex-end; */
    /* position: relative; */
    /* height: 88px; */
    /* align-items: flex-end; */
}
form#search-api-page-block-form-search--2,
form#search-api-page-block-form-search--3 {
    /* display: flex; */
    /* align-items: center; */
    /* flex-wrap: wrap; */
    /* gap: 5px; */
    /* background: aqua; */
    /* margin-bottom: 12px; */
    justify-content: flex-end;
    position: relative;
    height: 88px;
    align-items: flex-end;
}

form#search-api-page-block-form-search input#edit-keys,
form#search-api-page-block-form-search--2 input#edit-keys--2,
form#search-api-page-block-form-search--3 input#edit-keys--3 {
    width: 150px;
    /* background-color: transparent; */
    /* border-bottom: 1px solid #6b6fbc; */
    /* border: 1px solid #6b6fbc; */
    /* opacity: 0; */
    transition: all .2s linear;
    border-radius: 8px;
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
}
form#search-api-page-block-form-search--2 input#edit-keys--2,
form#search-api-page-block-form-search--3 input#edit-keys--3 {
    /* width: 150px; */
    /* background-color: transparent; */
    /* border-bottom: 1px solid #6b6fbc; */
    /* border: 1px solid #6b6fbc; */
    /* opacity: 0; */
    /* transition: all .2s linear; */
    /* border-radius: 8px; */
    position: absolute;
    top: 0;
    /* right: 0; */
    right: 73px; /*83*/
}

form#search-api-page-block-form-search input#edit-keys:focus,
form#search-api-page-block-form-search--2 input#edit-keys--2:focus,
form#search-api-page-block-form-search--3 input#edit-keys--3:focus {
    box-shadow: none;
    border: 0;
    /* border-bottom: 1px solid #6b6fbc; */
}

form#search-api-page-block-form-search div#edit-actions,
form#search-api-page-block-form-search div#edit-actions,
form#search-api-page-block-form-search--2 div#edit-actions--2,
form#search-api-page-block-form-search--3 div#edit-actions--3,
form#search-api-page-block-form-search--2 div#edit-actions--4 {
    height: 18px; /*38px*/
    display: flex;
    align-items: center;
}

form#search-api-page-block-form-search div#edit-actions input#edit-submit,
form#search-api-page-block-form-search div#edit-actions button#edit-submit,
form#search-api-page-block-form-search div button,
form#search-api-page-block-form-search--2 div#edit-actions--2 button#edit-submit--2,
form#search-api-page-block-form-search--3 div#edit-actions--3 button#edit-submit--3,
form#search-api-page-block-form-search--2 div#edit-actions--4 button#edit-submit--3 {
    /* width: 26px; */
    /* height: 26px; */
    /* padding: 0; */
    width: 24px;
    height: 24px;
    padding: 14px;
    font-size: 0;
    background-color: transparent;
    color: transparent;
    border: none;
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/Search_Magnifying_Glass.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
@media (max-width: 1399px) {
    form#search-api-page-block-form-search--2 input#edit-keys--2,
    form#search-api-page-block-form-search--3 input#edit-keys--3 {
        right: 53px; /*63px*/
    }
}

@media (max-width: 1199px) {
    form#search-api-page-block-form-search--2 input#edit-keys--2,
    form#search-api-page-block-form-search--3 input#edit-keys--3 {
        left: 50px;
        top: auto;
        bottom: 0;
    }
    form#search-api-page-block-form-search div#edit-actions,
    form#search-api-page-block-form-search div#edit-actions,
    form#search-api-page-block-form-search--2 div#edit-actions--2,
    form#search-api-page-block-form-search--3 div#edit-actions--3,
    form#search-api-page-block-form-search--2 div#edit-actions--4 {
        height: 38px;
    }
}

@media (max-width: 991px) {
    form#search-api-page-block-form-search input#edit-keys,
    form#search-api-page-block-form-search--2 input#edit-keys--2,
    form#search-api-page-block-form-search--3 input#edit-keys--3 {
        left: 0;
        width: 80%;
    }
}

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

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

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

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







/* header // 4 column */
header#header .header_inner .header-col_four {
    width: 447px; /*417*/
}



header#header .header_inner .header-col_four .row_up {
    display: flex;
    justify-content: space-between;
    gap: 12px; /*34*/
    line-height: 1;
    color: #6b6a6a;
    margin-bottom: 14px;
}

header#header .header_inner .header-col_four .row_up p.adress {
    margin: 0;
    max-width: 250px;

}
header#header .header_inner .header-col_four .row_up a.mail {
    color: inherit;
    text-decoration: none;
    min-width: 130px;
}
header#header .header_inner .header-col_four .row_up a.mail:hover {
    color: #b6dd40;
}





header#header .header_inner .header-col_four .row_down {
    display: flex;
    gap: 11px;
    align-items: center;
    justify-content: space-between;
}


header#header .header_inner .header-col_four .row_down .row-col_left {
    display: flex;
    gap: 8px;
}
/* header#header .header_inner .header-col_four .row_down .row-col_left .mes_link {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #ccf550;
} */
/* header#header .header_inner .header-col_four .row_down .row-col_left .mes_link:hover {
    background-color: #b6dd40;
} */
header#header .header_inner .header-col_four .row_down .row-col_left .mes_link a {
    /* display: block; */
    /* height: 20px; */
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #ccf550;
}
header#header .header_inner .header-col_four .row_down .row-col_left .mes_link a:hover {
    background-color: #b6dd40;
}

header#header .header_inner .header-col_four .row_down .row-col_left .telegram a {
    /* width: 23px; */
    /* height: 20px; */
}
header#header .header_inner .header-col_four .row_down .row-col_left .whatsapp a {
    /* width: 20px; */
    /* height: 20px; */
}
header#header .header_inner .header-col_four .row_down .row-col_left .vkontakte a {
    /* width: 30px; */
    /* height: 17px; */
}



header#header .header_inner .header-col_four .row_down .row-col_right {
    display: flex;
    gap: 11px;
    align-items: center;
}

header#header .header_inner .header-col_four .row_down .row-col_right .callback_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
header#header .header_inner .header-col_four .row_down .row-col_right .callback_inner .callback-phone {
    margin-bottom: 2px;
}
header#header .header_inner .header-col_four .row_down .row-col_right .callback_inner .callback-phone a.tel {
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    display: block;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
}
header#header .header_inner .header-col_four .row_down .row-col_right .callback_inner .callback-phone a.tel:hover {
    text-decoration: underline;
}
header#header .header_inner .header-col_four .row_down .row-col_right .callback_inner .callback-title {
    font-family: var(--ff-Tektur);
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #a2d116; /*#ccf550*/
    display: block;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
}






header#header .header_inner .header-col_four .row_down .row-col_right .col-callback .region.region-callback a {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #ccf550;
    color: transparent;
    font-size: 0;
    background-image: url(/sites/all/themes/vesta_theme/image/Arrow_Up_Right_SM.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 10px solid #ccf550;
}
header#header .header_inner .header-col_four .row_down .row-col_right .col-callback .region.region-callback a:hover {
    background-color: #b6dd40;
    border: 10px solid #b6dd40;
}

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

@media (max-width: 1199px) {
    header#header .header_inner .header-col_four {
        /* width: 480px; */
        width: 100%;
    }

    header#header .header_inner .header-col_four .row_up p.adress {
        max-width: 100%;
    }
}

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

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

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

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

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












/* H E A D E R - M o b i l e */
#header-mob {
    padding: 15px !important;
    background-color: #eef3f7 !important;
    /* border-bottom: 5px solid #c4cbd0; */
    box-shadow: 0px 0px 15px #606060;
}
#header-mob .col-nav a {
    background-color: white;
    padding: 12px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}



#header-mob .header-contacts {
    max-width: 750px;
    width: 100%;
    margin: 0 20px;
}

#header-mob .header-contacts .row_up {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    line-height: 1;
    color: #6b6a6a;
    margin-bottom: 14px;
}

#header-mob .header-contacts .row_up p.adress {
    margin: 0;
}
#header-mob .header-contacts .row_up a.mail {
    color: inherit;
    text-decoration: none;
    min-width: 130px;
}
#header-mob .header-contacts .row_up a.mail:hover {
    color: #b6dd40;
}


#header-mob .header-contacts .row_down {
    display: flex;
    gap: 11px;
    align-items: center;
    justify-content: space-between;
}

#header-mob .header-contacts .row_down .row-col_left {
    display: flex;
    gap: 8px;
}
#header-mob .header-contacts .row_down .row-col_left .mes_link a {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #ccf550;
}
#header-mob .header-contacts .row_down .row-col_left .mes_link a:hover {
    background-color: #b6dd40;
}


#header-mob .header-contacts .row_down .row-col_right {
    display: flex;
    gap: 11px;
    align-items: center;
}

#header-mob .header-contacts .row_down .row-col_right .callback_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#header-mob .header-contacts .row_down .row-col_right .callback_inner .callback-phone {
    margin-bottom: 2px;
}
#header-mob .header-contacts .row_down .row-col_right .callback_inner .callback-phone a.tel {
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    display: block;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
}
#header-mob .header-contacts .row_down .row-col_right .callback_inner .callback-phone a.tel:hover {
    text-decoration: underline;
}
#header-mob .header-contacts .row_down .row-col_right .callback_inner .callback-title {
    font-family: var(--ff-Tektur);
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #a2d116; /* #ccf550 */
    display: block;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
}

#header-mob .header-contacts .row_down .row-col_right .col-callback .region.region-callback a {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #ccf550;
    color: transparent;
    font-size: 0;
    background-image: url(/sites/all/themes/vesta_theme/image/Arrow_Up_Right_SM.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 10px solid #ccf550;
}
#header-mob .header-contacts .row_down .row-col_right .col-callback .region.region-callback a:hover {
    background-color: #b6dd40;
    border: 10px solid #b6dd40;
}

@media (max-width: 666px) {
    /* #header-mob .header-contacts {
        display: none;
    } */
    #header-mob .header-contacts .row_up {
        display: none;
    }
    #header-mob .col-logo {
        height: 50px;
    }
    #header-mob .col-logo img {
        aspect-ratio: 45/92;
        max-height: 100%;
        height: auto;
        width: auto;
    }
}

@media (max-width: 620px) {
    #header-mob .header-contacts .row_down .row-col_right .callback_inner {
        display: none;
    }
}

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

@media (max-width: 460px) {
    #header-mob .header-contacts .row_down .row-col_right {
        display: none;
    }
    #header-mob .header-contacts .row_down {
        justify-content: center;
    }
}

@media (max-width: 350px) {
    #header-mob .header-contacts {
        display: none;
    }
}




/* Mobile pop-up - MENU */
div#offcanvasNav {
    background-color: #323232;
}
.offcanvas-header {
    display: flex;
    justify-content: space-between;
}

div#offcanvasNav button.btn-close {
    background-color: white;
}
.offcanvas-header .btn-close {
    margin: 0;
}

div#offcanvasNav .offcanvas-body .region.region-search form
div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--1,
div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2,
div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--3 {
    margin: 0;
    margin-top: 20px;
    height: 40px;
}
div#offcanvasNav .offcanvas-body .region.region-search form div button,
div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--1 div#edit-actions--3 button#edit-submit--2,
div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 div#edit-actions--2 button#edit-submit--2,
div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--3 div#edit-actions--3 button#edit-submit--3 {
    background-color: #fff !important;
    border: 6px solid #fff !important;
}
div#offcanvasNav .offcanvas-body .region.region-search form div button:hover,
div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--1 div#edit-actions--3 button#edit-submit--2:hover,
div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 div#edit-actions--2 button#edit-submit--2:hover,
div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--3 div#edit-actions--3 button#edit-submit--3:hover {
    background-color: #ccf550 !important;
    border-color: #ccf550 !important;
}

div#offcanvasNav .offcanvas-body .region.region-navigation {
    margin: 30px 0;
}
div#offcanvasNav .offcanvas-body .region.region-navigation nav div:first-child {
    font-family: var(--ff-Tektur);
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #ccf550;
    display: block;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
    margin-bottom: 10px;
}

div#offcanvasNav .offcanvas-body .region.region-navigation ul.nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
div#offcanvasNav .offcanvas-body .region.region-navigation ul.nav li.nav-item a {
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    display: block;
    padding: 15px 13px;
    background-color: #fff;
    border-radius: 10px;
}
div#offcanvasNav .offcanvas-body .region.region-navigation ul.nav li.nav-item a:hover {
    /* color: #ccf550; */
    color: #2D3438;
    background-color: #ccf550;
}
div#offcanvasNav .offcanvas-body .region.region-navigation ul.nav li.nav-item a.is-active {
    color: #b6dd40;
}
div#offcanvasNav .offcanvas-body .region.region-navigation ul.nav li.nav-item a.is-active:hover {
    color: #2D3438;
    background-color: #ccf550;
}





div#offcanvasNav .offcanvas-body .header-contacts {
    background-color: #dde3e9;
    border-radius: 10px;
    padding: 15px;
}


div#offcanvasNav .offcanvas-body .header-contacts .row_up {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_up p.adress {
    margin: 0;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_up a.mail {
    color: inherit;
    text-decoration: none;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_up a.mail:hover {
    color: #b6dd40;
}


div#offcanvasNav .offcanvas-body .header-contacts .row_down {
    display: flex;
    gap: 11px;
    flex-direction: column;
}

div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_left {
    display: flex;
    gap: 8px;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_left .mes_link a {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #ccf550;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_left .mes_link a:hover {
    background-color: #b6dd40;
}

div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_right {
    display: flex;
    gap: 11px;
    align-items: center;
    justify-content: space-between;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_right .callback_inner {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_right .callback_inner .callback-phone {
    margin-bottom: 2px;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_right .callback_inner .callback-phone a.tel {
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    display: block;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_right .callback_inner .callback-phone a.tel:hover {
    text-decoration: underline;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_right .callback_inner .callback-title {
    font-family: var(--ff-Tektur);
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #8eb124; /* #b6dd40 */
    display: block;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
}


div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_right .col-callback .region.region-callback a {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #ccf550;
    color: transparent;
    font-size: 0;
    background-image: url(/sites/all/themes/vesta_theme/image/Arrow_Up_Right_SM.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 10px solid #ccf550;
}
div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_right .col-callback .region.region-callback a:hover {
    background-color: #b6dd40;
    border: 10px solid #b6dd40;
}

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

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

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

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

@media (max-width: 350px) {
    div#offcanvasNav .offcanvas-body .header-contacts .row_down .row-col_right {
        flex-direction: column;
        align-items: flex-start;
    }
}
























/* B A N N E R // Block */
.banner .region.region-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser.ds-3col-equal.clearfix {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner .region.region-banner .view-content .views-row .banner.up {
    background-color: #eef3f7;
    border-radius: 0 0 40px 40px;
    width: 100%;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    text-align: center;
}


/* banner // Block -> LEFT (Up) -> main page title */
.banner .region.region-banner .view-content .views-row .banner.up .banner-up h1 {
    font-size: var(--fz-h1);
    font-family: var(--ff-Tektur);
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #c4cbd0;
    margin: 0;
    margin: 30px 0 60px;
    /* display: flex; */
    /* justify-content: space-between; */

    word-spacing: 90px;
}
@media (max-width: 1399px) {
    .banner .region.region-banner .view-content .views-row .banner.up .banner-up h1 {
        /* letter-spacing: -5px; */
        word-spacing: 80px;
    }
}

@media (max-width: 1225px) {
    .banner .region.region-banner .view-content .views-row .banner.up .banner-up h1 {
        word-spacing: 35px;
    }
}
@media (max-width: 1199px) {
    .banner .region.region-banner .view-content .views-row .banner.up .banner-up h1 {
        margin: 30px 0 45px;
        word-spacing: 70px;
    }
}
@media (max-width: 991px) {
    .banner .region.region-banner .view-content .views-row .banner.up .banner-up h1 {
        margin: 30px 0 30px;
        word-spacing: 45px;
    }
}

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

@media (max-width: 575px) {
    .banner .region.region-banner .view-content .views-row .banner.up .banner-up h1 {
        margin: 25px 0 20px;
        word-spacing: 35px;
    }
}

@media (max-width: 460px) {
    .banner .region.region-banner .view-content .views-row .banner.up .banner-up h1 {
        word-spacing: 55px;
    }
}

@media (max-width: 350px) {
    .banner .region.region-banner .view-content .views-row .banner.up .banner-up h1 {
        word-spacing: 30px;
    }
}





/* banner // Block -> MIDDLE */
.banner .region.region-banner .view-content .views-row .banner.middle {
    /* height: 400px; */
    height: 230px;
}
.banner .region.region-banner .view-content .views-row .banner.middle .banner-middle {
    /* display: flex; */
    display: grid;
    grid-template-columns: 4fr 5fr 3fr;
}



/* banner // Block -> MIDDLE -> Left -> btn + */
.banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record {
    /* display: flex; */
    /* flex-direction: column; */
    height: 400px;
    margin-top: 36px;
}

.banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-field-banner-arrow-record-btn.field__item p {
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    width: 250px;
}

.banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-field-banner-arrow-record-btn.field__item::after {
    margin: 8px 0 15px;
    content: '';
    display: block;
    width: 20px;
    height: 60px;
    background-image: url(/sites/all/themes/vesta_theme/image/banner/vector2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateX(-8px);
}

.banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-dynamic-token-fieldnode-banner-btn.field--type-ds.field--label-hidden.field__item p {
    margin: 0;
}
.banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-dynamic-token-fieldnode-banner-btn.field--type-ds.field--label-hidden.field__item a.abouts_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 424px;
    height: 48px;
    line-height: 1;
    color: #2D3438;
    background-color: #ccf550;
    font-family: var(--ff-Tektur);
    font-size: var(--fz-middle);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    /* padding: 9.5px 16px; */
    position: relative;
    z-index: 10;
}
.banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-dynamic-token-fieldnode-banner-btn.field--type-ds.field--label-hidden.field__item a.abouts_btn:hover {
    background-color: #b6dd40;
}

/* banner // Block -> MIDDLE -> Center -> image */
.banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .field.field--name-field-banner-photo.field--type-image.field--label-hidden.field__item {
    transform: translate(10px, -180px);
    width: 530px;
    aspect-ratio: 444/706;
}
.banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .field.field--name-field-banner-photo.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



/* banner // Block -> MIDDLE -> Right -> text your coach */
.banner .region.region-banner .view-content .views-row .banner_your_coach {
    /* height: 350px; */
    height: auto;
    /* margin-top: 36px; */
    transform: translateX(-50px);
}

.banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-last-and-first-name.field--type-text.field--label-hidden.field__item {
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    display: block;
    margin: 0;
    width: 250px;
}
.banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-last-and-first-name.field--type-text.field--label-hidden.field__item::before {
    /* margin: 6px 0 7px; */
    content: '';
    display: block;
    /* width: 110px; */
    /* height: 40px; */
    background-image: url(/sites/all/themes/vesta_theme/image/banner/vector1.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /* transform: translateX(-120px); */

    margin: 6px 0 5px;
    width: 90px;
    height: 25px;
    transform: translateX(-95px);
}

.banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-banner-main-qualities.field--type-text.field--label-hidden.field__items {
    margin-top: 11px;
}

.banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-banner-main-qualities.field--type-text.field--label-hidden.field__items .field__item p {
    margin: 0;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: #6B6A6A;
}

.banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-banner-main-qualities.field--type-text.field--label-hidden.field__items .field__item p span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #ccf550;
    font-size: 0;
    color: transparent;
    padding: 3px;
}
.banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-banner-main-qualities.field--type-text.field--label-hidden.field__items .field__item p span::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(/sites/all/themes/vesta_theme/image/banner/star2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* fill: #fff; */
    /* stroke: #fff; */
}





@media (max-width: 1399px) {
    .banner .region.region-banner .view-content .views-row .banner.middle {
        height: 70px;
    }





    
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .field.field--name-field-banner-photo.field--type-image.field--label-hidden.field__item {
        /* width: 430px; */
        width: 444px;
        /* transform: translate(-10px, -180px); */
    }
}

@media (max-width: 1199px) {


    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle {
        grid-template-columns: 4fr 4fr 4fr;
    }


    
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record {
        width: 350px;
    }

    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-dynamic-token-fieldnode-banner-btn.field--type-ds.field--label-hidden.field__item a.abouts_btn {
        padding: 10px;
        text-align: center;
        width: 300px;
    }

    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .field.field--name-field-banner-photo.field--type-image.field--label-hidden.field__item {
        width: 330px;
        transform: translate(20px, -130px);  /* transform: translate(10px, -150px); */
    }



    .banner .region.region-banner .view-content .views-row .banner_your_coach {
        transform: translateX(0px);
    }
}

@media (max-width: 991px) {

    
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record {
        width: 250px;
    }

    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .field.field--name-field-banner-photo.field--type-image.field--label-hidden.field__item {
        width: 310px; /*310*/
        transform: translate(10px, -100px);  /* transform: translate(10px, -130px); */
    }


    
    /* .banner .region.region-banner .view-content .views-row .banner_your_coach {
        transform: translateX(0px);
    } */
    .banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-last-and-first-name.field--type-text.field--label-hidden.field__item {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .banner .region.region-banner .view-content .views-row .banner.up {
        border-radius: 0 0 20px 20px;
    }


    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle {
        display: flex;
        justify-content: center;
        position: relative;
    }


    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record {
        /* width: 145px; */
        width: 100%;
        height: 50px; /*115*/
        position: absolute;
        /* inset: 0; */
        left: 0;
        /* left: -100px; */
        /* top: 50%; */
        /* transform: translateY(-50%); */
        /* bottom: 130px; */
        bottom: 105px;
        z-index: 10;
    }

    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-field-banner-arrow-record-btn.field__item {
        position: relative;
        /* inset: 0; */
        margin-bottom: 5px; /*10px*/

        
        display: none;
    }
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-field-banner-arrow-record-btn.field__item::after {
        margin: 0px;
        position: absolute;
        bottom: -30px; /*-35px*/
        left: 0;
        transform: translateX(-25px);
    }

    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-field-banner-arrow-record-btn.field__item p {
        /* width: 210px; */
        /* width: 260px; */
        width: 100%;
        padding: 5px; /*10px*/
        border-radius: 4px;
        background-color: #fff;
        border: 3px solid #b6dd40;
        /* position: relative; */
        /* inset: 0; */
        text-align: center;
    }

    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-dynamic-token-fieldnode-banner-btn.field--type-ds.field--label-hidden.field__item a.abouts_btn {
        width: 250px;
        width: 100%;
        box-shadow: 0 0 5px #000;
    }

    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .field.field--name-field-banner-photo.field--type-image.field--label-hidden.field__item {
        width: 280px;
        transform: translate(30px, -80px);  /* transform: translate(30px, -110px); */
    }



    
    .banner .region.region-banner .view-content .views-row .banner_your_coach {
        position: absolute;
        inset: 0;
        bottom: 0;
        right: 0;
        z-index: 8;
        margin-top: 85px; /*25*/
    }
    .banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-last-and-first-name.field--type-text.field--label-hidden.field__item {
        background-color: #ccf550;
        border-radius: 4px;
        padding: 10px;
        position: relative;
        margin-top: 70px;
        text-align: center;
    }
    .banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-last-and-first-name.field--type-text.field--label-hidden.field__item::before {
        position: absolute;
        top: -30px;
        left: 0;
        margin: 0;
        transform: translate(10px, -5px) scaleX(-1);
    }

    .banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-banner-main-qualities.field--type-text.field--label-hidden.field__items {
        margin-top: 5px;
    }
    .banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-banner-main-qualities.field--type-text.field--label-hidden.field__items .field__item p {
        background-color: #fff;
        border-radius: 4px;
        padding: 2px 8px 3px 4px;
        border: 3px solid #96be1d;
        margin-top: 5px;
    }
    /* .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record {
        transform: translateX(10px);
    }
    .banner .region.region-banner .view-content .views-row .banner_your_coach {
        transform: translateX(-10px);
    }
    .banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-last-and-first-name.field--type-text.field--label-hidden.field__item::before {
        transform: translateX(-65px);
    }*/

}

@media (max-width: 575px) {

    
    /* .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record {
        bottom: 105px;
    } */

    /* .banner .region.region-banner .view-content .views-row .banner.middle {
        height: 700px;
    }
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle {
        grid-template-columns: none;
        grid-template-areas:
            'a'
            'b'
            'c';
    }
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record {
        grid-area: a;
        width: 100%;
        height: 190px;
    }
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .field.field--name-field-banner-photo.field--type-image.field--label-hidden.field__item {
        grid-area: c;
    }
    .banner .region.region-banner .view-content .views-row .banner_your_coach {
        grid-area: b;
    }

    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-field-banner-arrow-record-btn.field__item p {
        width: 100%;
    }
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-dynamic-token-fieldnode-banner-btn.field--type-ds.field--label-hidden.field__item a.abouts_btn {
        width: 100%;
    } */


    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .field.field--name-field-banner-photo.field--type-image.field--label-hidden.field__item {
        /* transform: translate(30px, -100px); */
        transform: translate(30px, -65px);
    }

}

@media (max-width: 460px) {
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .field.field--name-field-banner-photo.field--type-image.field--label-hidden.field__item {
        /* transform: translate(30px, -80px); */
        transform: translate(30px, -65px);
    }


}

@media (max-width: 350px) {
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .field.field--name-field-banner-photo.field--type-image.field--label-hidden.field__item {
        width: 260px;
        transform: translate(30px, -45px);
    }
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-field-banner-arrow-record-btn.field__item {
        display: none;
    }
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record .field.field--name-field-banner-arrow-record-btn.field__item::after {
        display: none;
    }
    .banner .region.region-banner .view-content .views-row .banner.middle .banner-middle .banner_record {
        bottom: 55px; /*15*/
        padding: 0 15px;
    }


    .banner .region.region-banner .view-content .views-row .banner_your_coach {
        padding: 0 15px;
    }
    .banner .region.region-banner .view-content .views-row .banner_your_coach .field.field--name-field-last-and-first-name.field--type-text.field--label-hidden.field__item {
        margin-top: 100px;
    }
}








/* banner // Block -> RIGHT (Down) -> subtitle */

.banner .region.region-banner .view-content .views-row .banner.domn {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 462px;
    aspect-ratio: 1921/462;
    /* transform: translateY(-560px); */
    /* transform: translateY(-130px); */
}
.banner .region.region-banner .view-content .views-row .banner.domn::before {
    content: '';
    display: block;
    width: 100%;
    height: auto;
    min-width: 1921px;
    min-height: 462px;
    /* aspect-ratio: 1921/462; */
    background-image: url(/sites/all/themes/vesta_theme/image/Union.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    inset: 0;
    /* top: -450px; */
    left: 50%;
    transform: translateX(-50%);
}

.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn {
    height: 100%;
}

.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-slogan.field--type-text.field--label-hidden.field__item {
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    display: block;
    margin: 0;
    width: 350px;
    text-align: center;
}

.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items {
    display: flex;
    margin: 18px 0 38px; /* 20px 0 34px */
    gap: 20px;

    padding: 0px 20px;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
}
.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items::after {
    display: none;
}
.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items .field__item {
    /* white-space: nowrap; */
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;

    min-width: 150px;
    flex-shrink: 0;
    text-align: center;
}

.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items::-webkit-scrollbar {
    /* width: 0; */
    /* display: none; */
    width: 100%;
    height: 5px;
}
.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items::-webkit-scrollbar-track {
    background-color: #c4cbd0;
}
.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items::-webkit-scrollbar-thumb {
    background-color: #ccf550;
}

.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items span.banner_inner {
    white-space: nowrap;
}
.banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items .field__item span.banner_hash {
    color: #ccf550;
}
@media (max-width: 1399px) {}

@media (max-width: 1199px) {
    .banner .region.region-banner .view-content .views-row .banner.domn::before {
        min-width: 1661px;
        aspect-ratio: 1921/462;
    }
    .banner .region.region-banner .view-content .views-row .banner.domn {min-height: 430px;}
    .banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items {
        margin: 15px 0 25px;
    }
}

@media (max-width: 991px) {
    .banner .region.region-banner .view-content .views-row .banner.domn::before {
        left: 49.7%;
    }
}

@media (max-width: 767px) {
    
    /*.banner .region.region-banner .view-content .views-row .banner.domn {
        min-height: 395px;
    }
    .banner .region.region-banner .view-content .views-row .banner.domn::before {
        min-height: 400px;
    }
    .banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items .field__item {
        font-size: 16px;
    }
    .banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items {
        gap: 10px;
    } */

    .banner .region.region-banner .view-content .views-row .banner.domn {
        min-height: 395px;
    }
    /* .banner .region.region-banner .view-content .views-row .banner.domn::before {
        min-height: 362px;
        left: 46%;
    } */



    .banner .region.region-banner .view-content .views-row .banner.domn {
        min-height: 400px;
    }
    .banner .region.region-banner .view-content .views-row .banner.domn::before {
        left: 46%;
        min-height: 402px;
    }
}

@media (max-width: 575px) {
    .banner .region.region-banner .view-content .views-row .banner.domn::before {
        left: 45%;
    }
}

@media (max-width: 460px) {
    .banner .region.region-banner .view-content .views-row .banner.domn::before {
        left: 43%;
    }
    .banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-hashtags.field--type-text.field--label-hidden.field__items {
        margin: 15px 0 15px;
    }
}

@media (max-width: 350px) {
    .banner .region.region-banner .view-content .views-row .banner.domn::before {
        left: 41%;
    }
    .banner .region.region-banner .view-content .views-row .banner.domn .banner-domn .banner_foot .field.field--name-field-slogan.field--type-text.field--label-hidden.field__item {
        width: 100%;
    }
}










































/* A B O U T // Block */
div#app .about {
    margin: 80px 0;
}

.about .region.region-about .view-content .views-row .about-block .about-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* padding-left: 0; */
}
/* .about .region.region-about .view-content .views-row .about-block .about-right {
    padding-right: 0;
} */


/* about // Block -> title */
.about .region.region-about .view-content .views-row .about-block .about-left .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
}


/* about // Block -> p */
.about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    margin: 40px 0 70px; /*40px 0 80px*/
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item::after {
    display: none;
}
.about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    margin: 0;
}



/* about // Block -> qualities */
.about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item::after {
    display: none;
}
.about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities .qualities-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 150px;
}
.about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities .qualities-col:nth-child(2) {
    width: 185px;
}
.about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities .qualities-col .qualities-count {
    font-family: var(--ff-Tektur);
    font-size: var(--fz-banner-num);
    font-weight: 600;
    line-height: 1;
    color: #ccf550;
}




/* about // Block -> btn */
/* .about .region.region-about .view-content .views-row .about-block .about-left .field.field--name-node-link.field--type-ds.field--label-hidden.field__item {
    margin-top: 20px;
}
.about .region.region-about .view-content .views-row .about-block .about-left .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    line-height: 1;
    color: #2D3438;
    background-color: #ccf550;
    font-family: var(--ff-Tektur);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
}
.about .region.region-about .view-content .views-row .about-block .about-left .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a:hover {
    background-color: #b6dd40;
} */
.about .region.region-about .view-content .views-row .about-block .about-left .field.field--name-dynamic-token-fieldnode-more-about.field--type-ds.field--label-hidden.field__item {
    margin-top: 20px;
}
.about .region.region-about .view-content .views-row .about-block .about-left .field.field--name-dynamic-token-fieldnode-more-about.field--type-ds.field--label-hidden.field__item p {
    margin: 0;
}
.about .region.region-about .view-content .views-row .about-block .about-left .field.field--name-dynamic-token-fieldnode-more-about.field--type-ds.field--label-hidden.field__item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    line-height: 1;
    color: #2D3438;
    background-color: #ccf550;
    font-family: var(--ff-Tektur);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
}
.about .region.region-about .view-content .views-row .about-block .about-left .field.field--name-dynamic-token-fieldnode-more-about.field--type-ds.field--label-hidden.field__item a:hover {
    background-color: #b6dd40;
}




/* about // Block -> images */
.about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items {
    display: grid;
    grid-template-areas: 'a b'
        'c b';
    gap: 20px;
    /* width: 590px; */
}
.about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item {
    width: 285px;
    width: 100%;
    height: auto;
    border-radius: 4px;
    overflow: hidden;
}
.about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1) {
    aspect-ratio: 285/273;
    grid-area: a;
    height: 100%;
}
.about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
    aspect-ratio: 285/467;
    grid-area: b;
    height: 100%;
}
.about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
    aspect-ratio: 285/174;
    grid-area: c;
    height: 100%;
}
.about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1399px) {
    .about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin: 30px 0 50px;
    }

    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1) {
        /* aspect-ratio: 285/333; */
        aspect-ratio: 285/300;
    }

    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
        /* aspect-ratio: 285/567; */
        aspect-ratio: 285/537;
    }

    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 285/214;
    }
}

@media (max-width: 1199px) {
    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1) {
        aspect-ratio: 285/363;
    }
    /* .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
        height: 535px;
    } */
    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 285/285;
    }
}

@media (max-width: 991px) {
    .about .region.region-about .view-content .views-row .about-block .about-right {
        margin-top: 30px;
    }

    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1) {
        aspect-ratio: 285/200;
    }

    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
        /* height: auto; */
        aspect-ratio: 335/488;
    }
    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 285/200;
    }
}

@media (max-width: 767px) {
    div#app .about {
        margin: 40px 0;
    }
    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
        aspect-ratio: 335/495;
    }
}

@media (max-width: 575px) {
    /* .about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities {
        gap: 10px;
    } */
    .about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities .qualities-col {
        gap: 10px;
    }

    .about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin: 20px 0 15px;
    }

    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items {
        display: flex;
        gap: 10px;
    }
    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1) {
        height: auto;
    }
    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        height: auto;
    }
}

@media (max-width: 460px) {
    .about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin: 25px 0 35px;
    }
    .about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        text-align: justify;
    }

    .about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities {
        flex-direction: column;
        align-items: center;
    }

    .about .region.region-about .view-content .views-row .about-block .about-left .text-formatted.field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities .qualities-col {
        align-items: center;
        text-align: center;
    }

    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items {
        flex-direction: column;
    }
    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1),
    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 300/200;
    }
    .about .region.region-about .view-content .views-row .about-block .about-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
        aspect-ratio: 150/200;
    }
}

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









/* A B O U T // Pages */

/* A B O U T // Pages -> Left */
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left h2 {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    /* margin-bottom: 20px; */
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    margin: 40px 0 70px;
    /* margin: 0 0 70px; */
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    margin: 0;
}


.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    /* margin-bottom: 40px; */
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities .qualities-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 150px;
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities .qualities-col:nth-child(2) {
    width: 185px;
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities .qualities-col .qualities-count {
    font-family: var(--ff-Tektur);
    font-size: var(--fz-banner-num);
    font-weight: 600;
    line-height: 1;
    color: #ccf550;
}


/* A B O U T // Pages -> Right */
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items {
    display: grid;
    grid-template-areas:
        'a b'
        'c b';
    gap: 20px;
    /* height: 538px; */
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item {
    width: 100%;
    height: 100%; /*auto*/
    border-radius: 4px;
    overflow: hidden;
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1) {
    aspect-ratio: 285/273;
    grid-area: a;
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
    aspect-ratio: 285/536; /*285/482  285/467*/
    grid-area: b;
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
    aspect-ratio: 285/174;
    grid-area: c;
}

.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* A B O U T // Pages -> Footer */
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer {
    margin-top: 50px;  /*100px*/
}
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-above .field__label {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    margin-bottom: 20px;
}


/* .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-hidden.field__items { */
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-above .field__items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;  /*center*/
}
/* .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-hidden.field__items .field__item { */
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-above .field__items .field__item {
    width: 48.5%;
    height: auto;
    aspect-ratio: 500/370;  /*500/300*/
    border-radius: 4px;
    overflow: hidden;
}
/* .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-hidden.field__items img { */
.not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-above .field__items .field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

@media (max-width: 1399px) {
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items {
        /* height: 471px; */
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin: 30px 0 50px;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1) {
        aspect-ratio: 285/295; /*285/250*/
    }
    /* .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
        aspect-ratio: 285/485;
    } */
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 285/220; /*285/214*/
    }
}

@media (max-width: 1199px) {
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1) {
        aspect-ratio: 285/350;
    }
    /* .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
        height: 475px;
    } */
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 285/225;
    }

    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-above .field__items .field__item {
        width: 48%;
    }
}

@media (max-width: 991px) {
    
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items {
        height: 529px;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right {
        margin-top: 30px;
    }

    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1) {
        aspect-ratio: 285/200;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
        aspect-ratio: 335/492; /*335/488*/
        /* height: auto; */
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 285/199;
    }

    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-above .field__items .field__item {
        width: 47.5%;
    }
}

@media (max-width: 767px) {
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items {
        height: auto;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 285/192;
    }

    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-above .field__items .field__item {
        width: 47%;
    }
}

@media (max-width: 575px) {
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin: 20px 0 15px;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities .qualities-col {
        gap: 10px;
    }

    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items {
        display: flex;
        gap: 10px;
    }

    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-above .field__items {
        gap: 10px;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-above .field__items .field__item {
        width: 48%;
    }
    
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        height: auto;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        height: auto;
    }
}

@media (max-width: 460px) {
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        text-align: justify;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities {
        flex-direction: column;
        align-items: center;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-left .field.field--name-field-qualities.field--type-text-long.field--label-hidden.field__item .qualities .qualities-col {
        align-items: center;
        text-align: center;
    }

    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items {
        flex-direction: column;
        height: auto;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(1),
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 300/200;
    }
    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-block .about_def-right .field.field--name-field-about-image.field--type-image.field--label-hidden.field__items .field__item:nth-child(2) {
        aspect-ratio: 150/200;
    }

    .not-front.body-view.body-view--about .view.view-about.view-id-about .view-content .views-row .about_def-footer .field.field--name-field-about-image-diploma.field--type-image.field--label-above .field__items .field__item {
        width: 100%;
    }
}

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
































/* S E R V I C E S // Block */
.services {
    padding: 80px 0;
    background-color: #eef3f7;
    border-radius: 40px;
}

.services .region.region-services div#block-vesta-theme-views-block-services-block-1 {
    position: relative;
    padding-top: 53px;
}  /* для надзаголовка блока (Услуги) */

.services .region.region-services .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin: 40px 0;
}
.services .region.region-services .view-content .views-row {
    background-color: #dde3e9;
    border-radius: 10px;
    padding: 20px;
    max-width: 415px;
    width: 32%;
}
.services .region.region-services .view-content .views-row .node.node--type-services {
    height: 100%;
}

/* services // Block -> title H2 */
.services .region.region-services .view-header {
    display: flex;
    justify-content: center;
    align-items: center;
}
.services .region.region-services .view-header h2 {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    max-width: 900px;
    text-align: center;
}


/* services // Block -> images */
.services .region.region-services .view-content .views-row .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
    width: 100%;
    height: auto;
    aspect-ratio: 347/161;
    border-radius: 10px;
    overflow: hidden;
}
.services .region.region-services .view-content .views-row .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* services // Block -> title h3 */
.services .region.region-services .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    margin: 20px 0 10px;
}
.services .region.region-services .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h3 {
    font-size: var(--fz-h3);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
}

/* services // Block -> inclusions */
.services .region.region-services .view-content .views-row .text-formatted.field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* margin: 10px 0 40px; */
    margin: 10px 0 50px;
    padding-bottom: 15px;
}
.services .region.region-services .view-content .views-row .text-formatted.field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items::after {display: none;}

.services .region.region-services .view-content .views-row .text-formatted.field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items .field__item p {
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: #6B6A6A;
}
.services .region.region-services .view-content .views-row .text-formatted.field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items .field__item p::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    aspect-ratio: 25/25;
    background-image: url(/sites/all/themes/vesta_theme/image/star-new.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
/* .services .region.region-services .view-content .views-row .text-formatted.field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items .field__item p span {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 0;
    color: transparent;
    padding: 3px;
}
.services .region.region-services .view-content .views-row .text-formatted.field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items .field__item p span::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(/sites/all/themes/vesta_theme/image/star.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
} */

/* services // Block -> btn */
.services .region.region-services .view-content .views-row .field.field--name-node-link.field--type-ds.field--label-hidden.field__item {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.services .region.region-services .view-content .views-row .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    line-height: 1;
    color: #2D3438;
    background-color: #ccf550;
    font-family: var(--ff-Tektur);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
}
.services .region.region-services .view-content .views-row .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a:hover {
    background-color: #b6dd40;
}
@media (max-width: 1199px) {
    .services .region.region-services .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        height: 50px;
        text-align: center;
    }
    .services .region.region-services .view-content .views-row {
        width: 31%;
    }
}

@media (max-width: 991px) {
    .services .region.region-services .view-content {
        justify-content: center;
    }
    .services .region.region-services .view-content .views-row {
        width: 48%;
    }
}

@media (max-width: 767px) {
    .services {
        padding: 40px 0;
        border-radius: 20px;
    }
    .services .region.region-services .view-content .views-row {
        width: 100%;
    }
    /* .services .region.region-services .view-content .views-row .text-formatted.field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items {
        margin: 10px 0 20px;
    } */
}

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

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

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









/* S E R V I C E S // Page */
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-header {
    display: flex;
    justify-content: center;
    align-items: center;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-header h2 {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    max-width: 900px;
    text-align: center;
}

/* services // Page -> content + row */
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin: 40px 0 0;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row {
    background-color: #dde3e9;
    border-radius: 10px;
    padding: 20px;
    max-width: 415px;
    width: 32%;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .node.node--type-services {
    height: 100%;
}

.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
    width: 100%;
    height: auto;
    aspect-ratio: 347/161;
    border-radius: 10px;
    overflow: hidden;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    margin: 20px 0 10px;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h3 {
    font-size: var(--fz-h3);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
}

.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* margin: 10px 0 40px; */
    margin: 10px 0 50px;
    padding-bottom: 15px;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items::after {
    display: none;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items .field__item p {
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: #6B6A6A;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .text-formatted.field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items .field__item p::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    aspect-ratio: 25/25;
    background-image: url(/sites/all/themes/vesta_theme/image/star-new.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
/* .not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items .field__item p span {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 0;
    color: transparent;
    padding: 3px;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items .field__item p span::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(/sites/all/themes/vesta_theme/image/star.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
} */

.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-node-link.field--type-ds.field--label-hidden.field__item {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    line-height: 1;
    color: #2D3438;
    background-color: #ccf550;
    font-family: var(--ff-Tektur);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
}
.not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-node-link.field--type-ds.field--label-hidden.field__item a:hover {
    background-color: #b6dd40;
}

@media (max-width: 1199px) {
    .not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row {
        width: 31%;
    }

    .not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        height: 50px;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content {
        justify-content: center;
    }
    .not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row {
        width: 48%;
    }
}

@media (max-width: 767px) {
    .not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row {
        width: 100%;
    }

    /* .not-front div#block-vesta-theme-content .view.view-services.view-id-services .view-content .views-row .field.field--name-field-inclusions.field--type-text-long.field--label-hidden.field__items {
        margin: 10px 0 20px;
    } */
}

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

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

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









/* S E R V I C E S // Services pages */
.node.node--type-services.node--view-mode-full {
    /* display: grid; */
    /* grid-template-columns: 6fr 6fr; */
    display: flex;
    gap: 30px;
    flex-direction: column;
    align-items: center;
}
.node.node--type-services.node--view-mode-full::after {
    display: none;
}

.node.node--type-services.node--view-mode-full .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.node.node--type-services.node--view-mode-full .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item::after {
    display: none;
}
.node.node--type-services.node--view-mode-full .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    margin: 0;
}

.node.node--type-services.node--view-mode-full .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
    /* width: 100%; */
    width: 500px;
    height: auto;
    aspect-ratio: 350/160;
    border-radius: 20px;
    overflow: hidden;
}
.node.node--type-services.node--view-mode-full .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .node.node--type-services.node--view-mode-full .field.field--name-field-service-image.field--type-image.field--label-hidden.field__item {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .node.node--type-services.node--view-mode-full .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        text-align: justify;
    }
}




















/* B E N E F I T S // Block */
.benefits {
    margin: 80px 0 40px;
}
.benefits .region.region-benefits .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-top: 40px;
}
.benefits .region.region-benefits .view-content .views-row {
    background-color: #eef3f7;
    border-radius: 10px;
    padding: 20px;
    max-width: 415px;
    width: 32%;
}

/* benefits // Block -> title H2 */
.benefits .region.region-benefits .view-header {
    width: 530px;
}
.benefits .region.region-benefits .view-header h2 {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
}

/* benefits // Block -> number label */
.benefits .region.region-benefits .view-content .views-row .text-formatted.field.field--name-field-benefits-number.field--type-text.field--label-hidden.field__item {
    font-size: var(--fz-label);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    color: #ccf550;
}

/* benefits // Block -> title h3 */
.benefits .region.region-benefits .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    margin: 10px 0 20px;
    width: 330px;
}
.benefits .region.region-benefits .view-content .views-row:nth-child(2) .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    width: 200px;
}
.benefits .region.region-benefits .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h3 {
    font-size: var(--fz-h3);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
}
/* .benefits .region.region-benefits .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h3 {
    width: 200px;
} */
@media (max-width: 1399px) {}

@media (max-width: 1199px) {
    .benefits .region.region-benefits .view-content .views-row {
        width: 31%;
    }
    .benefits .region.region-benefits .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        width: 100%;
        height: 72px;
    }
}

@media (max-width: 991px) {
    .benefits .region.region-benefits .view-content {
        justify-content: center;
    }
    .benefits .region.region-benefits .view-content .views-row {
        width: 48%;
    }
    .benefits .region.region-benefits .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        height: 48px;
    }
}

@media (max-width: 767px) {
    .benefits {
        margin: 40px 0 20px;
    }

    .benefits .region.region-benefits .view-header {
        width: 100%;
    }
    .benefits .region.region-benefits .view-content .views-row {
        width: 100%;
    }
    .benefits .region.region-benefits .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        height: auto;
    }
}

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

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

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


























/* G A L L E R Y // Block */
.gallery {
    margin: 40px 0 80px;
}

/* gallery // Block -> title h2 */
.gallery .region.region-gallery .view-header {
    width: 550px;
}
.gallery .region.region-gallery .view-header h2 {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
}

/* gallery // Block -> content */
.gallery .region.region-gallery .view-content {
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.gallery .region.region-gallery .view-content .views-row {
    width: 32%;
}

.gallery .region.region-gallery .view-content .views-row .field.field--name-field-gallery-photo.field--type-image.field--label-hidden.field__item {
    aspect-ratio: 387/250;
    border-radius: 10px;
    overflow: hidden;
}
.gallery .region.region-gallery .view-content .views-row .field.field--name-field-gallery-photo.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1199px) {
    .gallery .region.region-gallery .view-content .views-row {
        width: 31%;
    }
}

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

@media (max-width: 767px) {
    .gallery {
        margin: 20px 0 40px;
    }

    .gallery .region.region-gallery .view-header {
        width: 100%;
    }
    .gallery .region.region-gallery .view-content .views-row {
        width: 100%;
    }
}

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

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

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







/* G A L L E R Y // Page */
.not-front.body-view.body-view--gallery div#block-vesta-theme-content .view.view-gallery.view-id-gallery .view-header {
    width: 550px;
}
.not-front.body-view.body-view--gallery div#block-vesta-theme-content .view.view-gallery.view-id-gallery .view-header h2 {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
}

.not-front.body-view.body-view--gallery div#block-vesta-theme-content .view.view-gallery.view-id-gallery .view-content {
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.not-front.body-view.body-view--gallery div#block-vesta-theme-content .view.view-gallery.view-id-gallery .view-content .views-row {
    width: 32%;
}
.not-front.body-view.body-view--gallery div#block-vesta-theme-content .view.view-gallery.view-id-gallery .view-content .views-row .field.field--name-field-gallery-photo.field--type-image.field--label-hidden.field__item {
    aspect-ratio: 390/390; /*387/250*/
    border-radius: 10px;
    overflow: hidden;
}
.not-front.body-view.body-view--gallery div#block-vesta-theme-content .view.view-gallery.view-id-gallery .view-content .views-row .field.field--name-field-gallery-photo.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1199px) {
    .not-front.body-view.body-view--gallery div#block-vesta-theme-content .view.view-gallery.view-id-gallery .view-content .views-row {
        width: 31%;
    }
}

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

@media (max-width: 767px) {
    .not-front.body-view.body-view--gallery div#block-vesta-theme-content .view.view-gallery.view-id-gallery .view-header {
        width: 100%;
    }
    .not-front.body-view.body-view--gallery div#block-vesta-theme-content .view.view-gallery.view-id-gallery .view-content .views-row {
        width: 100%;
    }
}

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

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

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





















/* F O R M // Block */
.form {
    padding: 80px 0;
    background-color: #dde3e9;
    border-radius: 0 0 40px 40px;
}
.form .region.region-form {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
    position: relative;
    padding-top: 142px;
    /* display: grid; */
    /* grid-template-columns: 8fr 4fr; */
}
/* .form .region.region-form .contextual-region {
    position: static;
} */
.form .region.region-form div#block-vesta-theme-views-block-description-contacts-form-block-1.contextual-region {
    position: static;
}
.form .region.region-form div#block-vesta-theme-views-block-description-contacts-form-block-1.contextual-region .contextual-region.view.view-description-contacts-form.view-id-description_contacts_form.view-display-id-block_1 {
    position: static;
}

/* form // Block -> header */
.form .region.region-form .view-header {
    position: absolute;
    top: 0;
    margin-left: 305px;
}
.form .region.region-form .view-header h2 {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    margin-bottom: 20px;
}
.form .region.region-form .view-header p {
    /* width: 370px; */
    max-width: 370px;
    margin: 0;
}



/* form // Block -> content */
.form .region.region-form .view-content .views-row .form-block {
    gap: 20px;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
.form .region.region-form .view-content .views-row .form-block .form-column {
    width: 48%;
}
.form .region.region-form .view-content .views-row .form-block .form-left {
    padding-right: 0;
    position: relative;
}
.form .region.region-form .view-content .views-row .form-block .form-right {
    padding-left: 0;
}

/* form // Block -> image */
.form .region.region-form .view-content .views-row .form-block .form-left .field.field--name-field-form-photo.field--type-image.field--label-hidden.field__item {
    aspect-ratio: 387/391;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}
.form .region.region-form .view-content .views-row .form-block .form-left .field.field--name-field-form-photo.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 -60px; /*0 -100px*/
}

.form .region.region-form .view-content .views-row .form-block .form-left::after {
    content: '';
    display: block;
    width: 80px;
    height: 78px;
    background-image: url(/sites/all/themes/vesta_theme/image/coach.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #ccf550;
    position: absolute;
    right: -40px;
    bottom: 0;
    border-radius: 50%;
    border: 12px solid #ccf550;
}


/* form // Block -> content title */
.form .region.region-form .view-content .views-row .form-block .form-right .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    margin-bottom: 20px;
}
.form .region.region-form .view-content .views-row .form-block .form-right .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h3 {
    font-size: var(--fz-h3);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
}

/* form // Block -> content text */
.form .region.region-form .view-content .views-row .form-block .form-right .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    /* height: 100%; */
    gap: 4px;
}
.form .region.region-form .view-content .views-row .form-block .form-right .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item::after {
    display: none;
}
.form .region.region-form .view-content .views-row .form-block .form-right .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    margin: 0;
}


/* form // Block -> form title */
.form .region.region-form div#block-vesta-theme-vebforma .block-title {
    font-size: var(--fz-h3);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    margin-bottom: 30px;
}

/* form // Block -> form fields */
.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item {
    margin-bottom: 20px;
}
.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item label {
    display: none;
}
.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item input {
    min-width: 387px;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background-color: #EEF3F7;
    border: none;
    margin: 0;
    padding: 14px 14px;
    color: #2d3438;
}
.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item input::placeholder {
    color: #2d3438b3;
}
.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item input:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item .form-textarea-wrapper textarea#edit-soobshchenie {
    min-width: 387px;
    width: 100%;
    min-height: 80px;
    max-height: 80px;
    /* height: 48px; */
    border-radius: 4px;
    background-color: #EEF3F7;
    border: none;
    margin: 0;
    padding: 14px 14px;
    color: #2d3438;
}
.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item .form-textarea-wrapper textarea#edit-soobshchenie::placeholder {
    color: #2d3438b3;
}
.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item .form-textarea-wrapper textarea#edit-soobshchenie:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item strong {
    color: #d21e1e;
    margin-top: 5px;
}
.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form strong#edit-telefon-error {
    color: #d21e1e;
    margin-top: -16px;
    margin-bottom: 20px;
}
/* .form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form strong {
    color: #d21e1e;
    margin-top: 5px;
    margin-bottom: 20px;
} */


/* form // Block -> form btn */
.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form div button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    line-height: 1;
    color: #2D3438;
    background-color: #ccf550;
    font-family: var(--ff-Tektur);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    border: none;
}
.form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form div button:hover {
    background-color: #b6dd40;
}

/* form // Block -> form checkbox */
.form .region.region-form 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 {
    display: flex;
    margin: 0;
    margin-top: 12px;
}
.form .region.region-form 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 input#edit-privacy {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 10px;
    background: #C0CCD5;
}
.form .region.region-form 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 input#edit-privacy:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

/* .form .region.region-form 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 .description {
    width: 250px;
} */
.form .region.region-form 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 .description div#edit-privacy--description {
    font-size: var(--fz-small);
}

.form .region.region-form 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 .description div#edit-privacy--description a {
    color: #94ad4b;
    text-decoration: none;
}
.form .region.region-form 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 .description div#edit-privacy--description a:hover {
    color: #add145;
}
@media (max-width: 1399px) {
    .form .region.region-form .view-header {
        margin-left: 275px;
    }
    /* .form .region.region-form .view-content .views-row .form-block .form-left .field.field--name-field-form-photo.field--type-image.field--label-hidden.field__item img {
        object-position: 0 -90px;
    } */
}

@media (max-width: 1199px) {
    .form .region.region-form .view-content .views-row .form-block .form-left .field.field--name-field-form-photo.field--type-image.field--label-hidden.field__item {
        height: 100%;
    }
    /* .form .region.region-form .view-content .views-row .form-block .form-left .field.field--name-field-form-photo.field--type-image.field--label-hidden.field__item img {
        object-position: 0 -100px;
    } */
    .form .region.region-form .view-content .views-row .form-block .form-left::after {
        bottom: -40px;
    }

    .form .region.region-form {
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
    }
    .form .region.region-form div#block-vesta-theme-vebforma .block-title {
        margin-bottom: 20px;
    }

    .form .region.region-form {
        flex-direction: column;
    }
}

@media (max-width: 991px) {
    .form .region.region-form {
        /* padding-top: 53px; */
        padding-top: 183px;
    }
    .form .region.region-form .view-header {
        margin: 55px 0px 30px;
        /* position: relative; */
        /* inset: 0; */
    }
    /* .form .region.region-form .view-content .views-row .form-block .form-left .field.field--name-field-form-photo.field--type-image.field--label-hidden.field__item img {
        object-position: 0 -80px;
    } */
}

@media (max-width: 767px) {
    .form {
        padding: 40px 0;
        border-radius: 20px;
    }

    .form .region.region-form .view-content .views-row .form-block {
        gap: 70px;
    }
    .form .region.region-form .view-content .views-row .form-block .form-column {
        width: 100%;
    }
    .form .region.region-form .view-content .views-row .form-block .form-left::after {
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%);
    }
    .form .region.region-form .view-content .views-row .form-block .form-left {
        padding-right: 12px;
    }
    .form .region.region-form .view-content .views-row .form-block .form-right {
        padding-left: 12px;
    }

    .form .region.region-form .view-content .views-row .form-block .form-right .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h3 {
        text-align: center;
    }
    .form .region.region-form .view-content .views-row .form-block .form-right .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        gap: 8px;
    }
    .form .region.region-form div#block-vesta-theme-vebforma .block-title {
        text-align: center;
    }

    .form .region.region-form div#block-vesta-theme-vebforma form#webform-submission-callback-node-2-add-form .js-form-item.form-item input {
        min-width: auto;
    }

    /* .form .region.region-form .view-content .views-row .form-block .form-left .field.field--name-field-form-photo.field--type-image.field--label-hidden.field__item img {
        object-position: 0 -130px;
    } */
}

@media (max-width: 575px) {
    /* .form .region.region-form .view-content .views-row .form-block .form-left .field.field--name-field-form-photo.field--type-image.field--label-hidden.field__item img {
        object-position: 0 -90px;
    } */
}

@media (max-width: 460px) {
    /* .form .region.region-form .view-content .views-row .form-block .form-left .field.field--name-field-form-photo.field--type-image.field--label-hidden.field__item img {
        object-position: 0 -70px;
    } */
}

@media (max-width: 350px) {
    .form .region.region-form .view-content .views-row .form-block .form-left .field.field--name-field-form-photo.field--type-image.field--label-hidden.field__item img {
        object-position: 0 -40px;
    }
}







/* F O R M // Page */
.not-front div#block-vesta-theme-content form#webform-submission-callback-add-form {
    padding: 30px;
    border-radius: 20px;
    background-color: #dde3e9;
}

.not-front div#block-vesta-theme-content form#webform-submission-callback-add-form .js-form-item.form-item {
    margin-bottom: 20px;
}
.not-front div#block-vesta-theme-content form#webform-submission-callback-add-form label {
    display: none;
}
.not-front div#block-vesta-theme-content form#webform-submission-callback-add-form input {
    min-width: 387px;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background-color: #EEF3F7;
    border: none;
    margin: 0;
    padding: 14px 14px;
    color: #2d3438;
}
.not-front div#block-vesta-theme-content form#webform-submission-callback-add-form input:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.not-front div#block-vesta-theme-content form#webform-submission-callback-add-form div#edit-actions button#edit-actions-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    line-height: 1;
    color: #2D3438;
    background-color: #ccf550;
    font-family: var(--ff-Tektur);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    border: none;
}
.not-front div#block-vesta-theme-content form#webform-submission-callback-add-form div#edit-actions button#edit-actions-submit:hover {
    background-color: #b6dd40;
}

.not-front div#block-vesta-theme-content 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 {
    display: flex;
    margin: 0;
    margin-top: 12px;
}
.not-front div#block-vesta-theme-content 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 input#edit-privacy {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 10px;
    background: #C0CCD5;
}
.not-front div#block-vesta-theme-content 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 .description {
    /* width: 250px; */
}
.not-front div#block-vesta-theme-content 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 .description div#edit-privacy--description {
    font-size: var(--fz-small);
}
.not-front div#block-vesta-theme-content 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 .description div#edit-privacy--description a {
    color: #94ad4b;
    text-decoration: none;
}
.not-front div#block-vesta-theme-content 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 .description div#edit-privacy--description a:hover {
    color: #add145;
}

@media (max-width: 575px) {
    .not-front div#block-vesta-theme-content form#webform-submission-callback-add-form input {
        min-width: auto;
    }
}








/* F O R M // Modal */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    background-color: #dde3e9;
    border-radius: 10px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #c5c5c5;
}
.ui-dialog .ui-dialog-title {
    font-size: var(--fz-h3);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    /* margin-bottom: 30px; */
}
.ui-dialog .ui-dialog-titlebar-close {
    background-color: #ccf550;
}

div#drupal-modal {
    padding: 20px 15px 10px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item {
    margin-bottom: 20px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item label {
    display: none;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item input {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background-color: #EEF3F7;
    border: none;
    margin: 0;
    padding: 14px 14px;
    color: #2d3438;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item input:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form div#edit-actions--mA9Y3LWmm3E button#edit-actions-submit--1xgb3kF0tHw {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    line-height: 1;
    color: #2D3438;
    background-color: #ccf550;
    font-family: var(--ff-Tektur);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    border: none;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form div#edit-actions--mA9Y3LWmm3E button#edit-actions-submit--1xgb3kF0tHw:hover {
    background-color: #b6dd40;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label {
    display: flex;
    margin: 0;
    margin-top: 12px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label input {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 10px;
    background: #C0CCD5;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div#edit-privacy--_0AOHzUqVPU--description {
    font-size: var(--fz-small);
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div#edit-privacy--_0AOHzUqVPU--description a {
    color: #94ad4b;
    text-decoration: none;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div#edit-privacy--_0AOHzUqVPU--description a:hover {
    color: #add145;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form div button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    line-height: 1;
    color: #2D3438;
    background-color: #ccf550;
    font-family: var(--ff-Tektur);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    border: none;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form div button:hover {
    background-color: #b6dd40;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description a {
    color: #94ad4b;
    text-decoration: none;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front form.webform-submission-add-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description a:hover {
    color: #add145;
}

@media (max-width: 460px) {
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
        width: 350px !important;
    }
}
@media (max-width: 350px) {
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
        width: 100% !important;
    }
}



 
















/* C O N T A C T S // Block */
.contacts {
    margin: 80px 0 40px;
}

/* contacts // Block */

/* .contacts .region.region-contacts .view-content .views-row */
.contacts .region.region-contacts .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    width: 500px;
}
.contacts .region.region-contacts .view-content .views-row .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    margin-bottom: 40px;
}


.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px;
    border-radius: 10px;
    background-color: #DDE3E9;
}

.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__label {
    font-size: var(--fz-label);
    font-family: var(--ff-Tektur);
    font-weight: 500;
    line-height: 1;
    color: #2D3438;
    margin: 0;

    position: relative;
    padding-left: 62px;
    height: 50px;
    display: flex;
    align-items: center;
}



.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__items {
    margin-top: 10px;
}

.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__items a,
.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__items p {
    color: inherit;
    text-decoration: none;
    margin: 0;
}
.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__items a:hover,
.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__items p:hover {
    color: #abd139;
}

.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__label:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background-color: #ccf550;
    border-radius: 10px;
    border: 14px solid #ccf550;
    /* background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone.svg); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    inset: 0;
}


.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field--name-field-contacts-phone .field__label:before {
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone.svg);
}
.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field--name-field-contacts-mail .field__label:before {
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/mail.svg);
}
.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field--name-field-contacts-work-hours .field__label:before {
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/work-hours.svg);
}


.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-right .text-formatted.field.field--name-field-contacts-map.field--type-text-long.field--label-hidden.field__item {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-right .text-formatted.field.field--name-field-contacts-map.field--type-text-long.field--label-hidden.field__item .mapContainer {
    height: 100%;
}
@media (max-width: 1399px) {}

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

@media (max-width: 991px) {
    .contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-left {
        margin-bottom: 20px;
    }
    .contacts .region.region-contacts .view-content .views-row .contacts-block .contacts-right .text-formatted.field.field--name-field-contacts-map.field--type-text-long.field--label-hidden.field__item .mapContainer {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .contacts {
        margin: 40px 0 20px;
    }
}

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

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

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















/* C O N T A C T S // Page */

.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    width: 500px;
}
.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
    font-size: var(--fz-h2);
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #2D3438;
    margin: 0;
    margin-bottom: 40px;
}



.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px;
    border-radius: 10px;
    background-color: #DDE3E9;
}

.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__label {
    font-size: var(--fz-label);
    font-family: var(--ff-Tektur);
    font-weight: 500;
    line-height: 1;
    color: #2D3438;
    margin: 0;
    position: relative;
    padding-left: 62px;
    height: 50px;
    display: flex;
    align-items: center;
}
.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__label::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background-color: #ccf550;
    border-radius: 10px;
    border: 14px solid #ccf550;
    /* background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone.svg); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    inset: 0;
}
.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field.field--name-field-contacts-phone.field--type-text-long.field--label-above .field__label::before {
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone.svg);
}
.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field.field--name-field-contacts-mail.field--type-text-long.field--label-above .field__label::before {
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/mail.svg);
}
.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field.field--name-field-contacts-work-hours.field--type-text-long.field--label-above .field__label::before {
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/work-hours.svg);
}


.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__items {
    margin-top: 10px;
}

.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__items a,
.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__items p {
    color: inherit;
    text-decoration: none;
    margin: 0;
}
.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__items a:hover,
.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left .contacts_inner .field__items p:hover {
    color: #abd139;
}




.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-right .field.field--name-field-contacts-map.field--type-text-long.field--label-hidden.field__item {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-right .field.field--name-field-contacts-map.field--type-text-long.field--label-hidden.field__item .mapContainer {
    height: 100%;
}
@media (max-width: 1399px) {}

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

@media (max-width: 991px) {
    .not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-left {
        margin-bottom: 20px;
    }
    .not-front.body-view.body-view--contacts div#block-vesta-theme-content .view.view-contacts.view-id-contacts .view-content .views-row .contacts-block .contacts-right .field.field--name-field-contacts-map.field--type-text-long.field--label-hidden.field__item .mapContainer {
        height: 400px;
    }
}

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

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

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

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










/* F O O T E R //  */
footer#footer {
    margin-top: 40px;
}


footer#footer .row .footer-col_two .region.region-navigation div:first-child,
footer#footer .row .footer-col_three .region.region-foot-services div .block-title,
footer#footer .row .footer-col_four .region.region-foot-contacts div .block-title {
    font-family: var(--ff-Tektur);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #ccf550;
    display: block;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
}


/* footer // 1 column */


/* footer // 2 column */
footer#footer .row .footer-col_two .region.region-navigation ul.nav {
    display: grid;
    grid-template-areas: 'a d'
        'b e'
        'c f';
    column-gap: 30px;
    row-gap: 17px;
    width: 210px;
    margin-top: 20px;
}

footer#footer .row .footer-col_two .region.region-navigation ul.nav li.nav-item:nth-child(1) {
    grid-area: a;
}
footer#footer .row .footer-col_two .region.region-navigation ul.nav li.nav-item:nth-child(2) {
    grid-area: b;
}
footer#footer .row .footer-col_two .region.region-navigation ul.nav li.nav-item:nth-child(3) {
    grid-area: c;
}
footer#footer .row .footer-col_two .region.region-navigation ul.nav li.nav-item:nth-child(4) {
    grid-area: d;
}
footer#footer .row .footer-col_two .region.region-navigation ul.nav li.nav-item:nth-child(5) {
    grid-area: e;
}
footer#footer .row .footer-col_two .region.region-navigation ul.nav li.nav-item:nth-child(6) {
    grid-area: f;
}


footer#footer .row .footer-col_two .region.region-navigation ul.nav li.nav-item a {
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
    padding: 0;
}
footer#footer .row .footer-col_two .region.region-navigation ul.nav li.nav-item a.is-active {
    color: #b6dd40;
}
footer#footer .row .footer-col_two .region.region-navigation ul.nav li.nav-item a:hover {
    color: #ccf550;
}

/* footer // 3 column */
footer#footer .row .footer-col_three .region.region-foot-services div#block-vesta-theme-views-block-services-block-2-2 .view-content {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

footer#footer .row .footer-col_three .region.region-foot-services div#block-vesta-theme-views-block-services-block-2-2 .view-content .views-row a {
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
    padding: 0;
}
footer#footer .row .footer-col_three .region.region-foot-services div#block-vesta-theme-views-block-services-block-2-2 .view-content .views-row a:hover {
    color: #b6dd40;
}

/* footer // 4 column */


footer#footer .row .footer-col_four .region.region-foot-contacts div#block-vesta-theme-kontakty .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 9px;
}
footer#footer .row .footer-col_four .region.region-foot-contacts div#block-vesta-theme-kontakty .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item::after {display: none;}

footer#footer .row .footer-col_four .region.region-foot-contacts div#block-vesta-theme-kontakty .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p.contact_foot {
    margin: 0;
    color: #fff;
    position: relative;
    padding-left: 41px;
    height: 30px;
    display: flex;
    align-items: center;
}
footer#footer .row .footer-col_four .region.region-foot-contacts div#block-vesta-theme-kontakty .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p.contact_foot::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-color: #ccf550;
    border-radius: 4px;
    border: 5px solid #ccf550;
    /* background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone.svg); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    inset: 0;
}
footer#footer .row .footer-col_four .region.region-foot-contacts div#block-vesta-theme-kontakty .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p.contact_foot:nth-child(1)::before {
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/phone.svg);
}
footer#footer .row .footer-col_four .region.region-foot-contacts div#block-vesta-theme-kontakty .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p.contact_foot:nth-child(2)::before {
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/mail.svg);
}
footer#footer .row .footer-col_four .region.region-foot-contacts div#block-vesta-theme-kontakty .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p.contact_foot:nth-child(3)::before {
    background-image: url(/sites/all/themes/vesta_theme/image/contacts/work-hours.svg);
}
footer#footer .row .footer-col_four .region.region-foot-contacts div#block-vesta-theme-kontakty .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p.contact_foot a {
    color: #fff;
    text-decoration: none;
}
footer#footer .row .footer-col_four .region.region-foot-contacts div#block-vesta-theme-kontakty .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p.contact_foot a:hover {
    color: #b6dd40;
}





footer#footer .row-copiryght {
    margin-top: 24px;
    color: #fff;
    font-weight: 500;
    font-family: var(--ff-Moderustic);
    font-size: var(--fz-small);
    display: flex;
    justify-content: space-between;
}
footer#footer .row-copiryght .rw_cop-column {
    width: auto;
}

footer#footer .row-copiryght a {
    color: inherit;
    text-decoration: none;
}
footer#footer .row-copiryght a:hover {
    color: #b6dd40;
}

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

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

@media (max-width: 991px) {
    footer#footer .row {
        display: grid;
        grid-template-areas:
            "a b"
            "c d";
        gap: 20px;
    }
    footer#footer .row .footer-col_one {
        grid-area: a;
    }
    footer#footer .row .footer-col_four {
        grid-area: b;
    }
    footer#footer .row .footer-col_three {
        grid-area: c;
    }
    footer#footer .row .footer-col_two {
        grid-area: d;
    }

    footer#footer .row-copiryght {
        display: flex;
        gap: 20px;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    footer#footer {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    footer#footer .row {
        grid-template-areas: "a"
            "d"
            "c"
            "b";
    }
    footer#footer .row .footer-col_two .region.region-navigation div#block-vesta-theme-osnovnayanavigaciya-4--3-menu,
    footer#footer .row .footer-col_three .region.region-foot-services div#block-vesta-theme-views-block-services-block-2-2 .block-title,
    footer#footer .row .footer-col_four .region.region-foot-contacts div#block-vesta-theme-kontakty .block-title {
        text-align: center;
    }
    footer#footer .row .footer-col_one {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    footer#footer .row .footer-col_three .region.region-foot-services div#block-vesta-theme-views-block-services-block-2-2 .view-content {
        align-items: center;
    }
    footer#footer .row .footer-col_two {
        display: flex;
        justify-content: center;
    }
    footer#footer .row .footer-col_three {
        display: flex;
        justify-content: center;
    }
    footer#footer .row .footer-col_four {
        display: flex;
        justify-content: center;
    }

    footer#footer .row-copiryght {
        flex-direction: column;
        text-align: center;
    }
    footer#footer .row-copiryght .rw_cop-column {
        display: flex;
        justify-content: center;
        text-align: center !important;
    }
    footer#footer .row .footer-col_three .region.region-foot-services div#block-vesta-theme-views-block-services-block-2-2 .view-content .views-row a {
        white-space: break-spaces;
        text-align: center;
    }
}

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

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