@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* .inter-<uniquifier> {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
} */


:root {
    --ff-Inter: "Inter", sans-serif;
    --ff-Inter: "Inter", sans-serif;

    --color-main: #EFDED1;
    --color-main-darker: #DDB08C;
    --color-main-hover: #D29768;
    --color-orig: #1A181D;
    --color-invert: #ffffff;
    --color-btn: linear-gradient(180deg, #ddb08c 0%, #925a2d 100%);
    --color-btn-hover: linear-gradient(180deg, #925a2d 0%, #925a2d 100%);
    /* --color-btn-other: linear-gradient(180deg, #ffffff 0%, #d29768 100%); */
    --color-btn-other: linear-gradient(180deg, #ffffff -25%, #d29768 75%);
    --color-btn-other-hover: linear-gradient(180deg, #d29768 0%, #ffffff 100%); /* #e6c4a9       linear-gradient(180deg, #d29768 0%, #d29768 100%) */
    /* --gradient-bg-1: linear-gradient(180deg, rgba(221, 176, 140, 1) 0%, rgba(146, 90, 45, 1) 100%);  DDB08C   925A2D */
    /* --gradient-bg-2: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(210, 151, 104, 1) 100%);  FFFFFF   D29768 */
    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    
    --fz-h1: 56px;
    --fz-h1-not-front: 56px;
    --fz-h2: 40px;
    --fz-h2-not-front: 40px;
    --fz-h3: 24px;
    
    /* --fz-label-block: 20px; */
    --fz-nav: 16px;
    --fz-btn: 16px;
    --fz-form: 12px;
    
    --fz-big: 18px;
    --fz-orig: 16px;
    /* --fz-small: 14px; */
    
    
    
    --fz-banner-subtitle: 20px;
    
    --fz-about-text: 20px;
    
    --fz-form-subtitle: 48px;
    --fz-form-placeholder: 16px;
    --fz-form-cheakbox: 12px;

    --fz-contacts-title: 32px;
    --fz-contacts-link: 24px;
}
@media (max-width: 1399px) {
    :root {
        --fz-h1: 56px;
        --fz-h1-not-front: 56px;
        --fz-h2: 40px;
        --fz-h2-not-front: 40px;
        --fz-h3: 24px;
    
        /* --fz-label-block: 20px; */
        --fz-nav: 16px;
        --fz-btn: 16px;
        --fz-form: 12px;
    
        --fz-big: 18px;
        --fz-orig: 16px;
        /* --fz-small: 14px; */
    
    
    
        --fz-banner-subtitle: 20px;
    
        --fz-about-text: 20px;
    
        --fz-form-subtitle: 48px;
        --fz-form-placeholder: 16px;
        --fz-form-cheakbox: 12px;
    
        --fz-contacts-title: 32px;
        --fz-contacts-link: 24px;
    }
}
@media (max-width: 1199px) {
    :root {
        --fz-h1: 52px;
        --fz-h1-not-front: 52px;
        --fz-h2: 40px;
        --fz-h2-not-front: 40px;
        --fz-h3: 24px;
    
        /* --fz-label-block: 20px; */
        --fz-nav: 16px;
        --fz-btn: 16px;
        --fz-form: 12px;
    
        --fz-big: 18px;
        --fz-orig: 16px;
        /* --fz-small: 14px; */
    
    
    
        --fz-banner-subtitle: 20px;
    
        --fz-about-text: 20px;
    
        --fz-form-subtitle: 42px;
        --fz-form-placeholder: 16px;
        --fz-form-cheakbox: 12px;
    
        --fz-contacts-title: 32px;
        --fz-contacts-link: 24px;
    }
}
@media (max-width: 991px) {
    :root {
        --fz-h1: 48px;
        --fz-h1-not-front: 48px;
        --fz-h2: 36px;
        --fz-h2-not-front: 36px;
        --fz-h3: 24px;
    
        /* --fz-label-block: 20px; */
        --fz-nav: 16px;
        --fz-btn: 16px;
        --fz-form: 12px;
    
        --fz-big: 18px;
        --fz-orig: 16px;
        /* --fz-small: 14px; */
    
    
    
        --fz-banner-subtitle: 20px;
    
        --fz-about-text: 18px;
    
        --fz-form-subtitle: 40px;
        --fz-form-placeholder: 16px;
        --fz-form-cheakbox: 12px;
    
        --fz-contacts-title: 32px;
        --fz-contacts-link: 24px;
    }
}
@media (max-width: 767px) {
    :root {
        --fz-h1: 42px;
        --fz-h1-not-front: 42px;
        --fz-h2: 32px;
        --fz-h2-not-front: 32px;
        --fz-h3: 22px;
    
        /* --fz-label-block: 20px; */
        --fz-nav: 16px;
        --fz-btn: 16px;
        --fz-form: 12px;
    
        --fz-big: 18px;
        --fz-orig: 16px;
        /* --fz-small: 14px; */
    
    
    
        --fz-banner-subtitle: 20px;
    
        --fz-about-text: 18px;
    
        --fz-form-subtitle: 32px;
        --fz-form-placeholder: 16px;
        --fz-form-cheakbox: 12px;
    
        --fz-contacts-title: 28px;
        --fz-contacts-link: 22px;
    }
}
@media (max-width: 575px) {
    :root {
        --fz-h1: 33px;
        --fz-h1-not-front: 33px;
        --fz-h2: 28px;
        --fz-h2-not-front: 28px;
        --fz-h3: 22px;
    
        /* --fz-label-block: 20px; */
        --fz-nav: 14px;
        --fz-btn: 16px;
        --fz-form: 12px;
    
        --fz-big: 18px;
        --fz-orig: 16px;
        /* --fz-small: 14px; */
    
    
    
        --fz-banner-subtitle: 18px;
    
        --fz-about-text: 16px;
    
        --fz-form-subtitle: 26px;
        --fz-form-placeholder: 16px;
        --fz-form-cheakbox: 12px;
    
        --fz-contacts-title: 22px;
        --fz-contacts-link: 18px;
    }
}
@media (max-width: 460px) {
    :root {
        --fz-h1: 24px;
        --fz-h1-not-front: 24px;
        --fz-h2: 22px;
        --fz-h2-not-front: 22px;
        --fz-h3: 20px;
    
        /* --fz-label-block: 20px; */
        --fz-nav: 16px;
        --fz-btn: 14px;
        --fz-form: 12px;
    
        --fz-big: 16px;
        --fz-orig: 14px;
        /* --fz-small: 14px; */
    
    
    
        --fz-banner-subtitle: 16px;
    
        --fz-about-text: 16px;
    
        --fz-form-subtitle: 22px;
        --fz-form-placeholder: 16px;
        --fz-form-cheakbox: 12px;
    
        --fz-contacts-title: 20px;
        --fz-contacts-link: 16px;
    }
}
@media (max-width: 350px) {
    :root {
        --fz-h1: 22px;
        --fz-h1-not-front: 22px;
        --fz-h2: 20px;
        --fz-h2-not-front: 20px;
        --fz-h3: 18px;
    
        /* --fz-label-block: 20px; */
        --fz-nav: 16px;
        --fz-btn: 14px;
        --fz-form: 12px;
    
        --fz-big: 16px;
        --fz-orig: 14px;
        /* --fz-small: 14px; */
    
    
    
        --fz-banner-subtitle: 16px;
    
        --fz-about-text: 14px;
    
        --fz-form-subtitle: 20px;
        --fz-form-placeholder: 14px;
        --fz-form-cheakbox: 12px;
    
        --fz-contacts-title: 18px;
        --fz-contacts-link: 14px;
    }
}





/* MAIN SETTINGS */
body {
    font-size: var(--fz-orig);
    font-family: var(--ff-Inter);
    line-height: 1.5;
    color: var(--color-orig);
    background-color: #F8F7F3;
    overflow: auto;
    overflow-x: hidden;
}

@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;
    z-index: 75;
}
header#header {
    position: relative;
    z-index: 100;
}
#header-mob {
    position: fixed !important;
    top: 0;
    z-index: 100;
}
footer#footer {
    margin-top: 75px;
    padding: 25px 0;
    background-color: var(--color-main);
    position: relative;
    z-index: 50;
}


.not-front footer#footer {
    border-top: 5px solid var(--color-main);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    /* line-height: 1.2; */
    /* text-transform: uppercase; */
    margin: 0;
    /* margin-bottom: 30px; */
}
h1 {font-size: var(--fz-h1);}
h2 {font-size: var(--fz-h2);}
h3 {font-size: var(--fz-h3);}

h1, h2 {
    font-family: var(--ff-Inter);
    font-weight: 600;
    /* text-transform: uppercase; */
}
h1 {line-height: 1.15;}
h2 {
    font-weight: 500;
    font-style: italic;
}
h2 span {
    color: var(--color-main);
}

.not-front main#main {
    padding: 50px 0;
}
.not-front main#main .wr_content {
    position: relative;
    z-index: 1;
}

.not-front h1 {
    font-size: var(--fz-h1-not-front);
    margin-bottom: 15px;
}
.not-front h2 {
    font-size: var(--fz-h2-not-front);
}

a, button {
    transition: all .2s linear;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
    div#app {
        position: relative;
        inset: 0;
        top: 70px;
    }
    footer#footer {
        margin-top: 55px;
    }
}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {
    footer#footer {
        margin-top: 35px;
    }
}
@media (max-width: 350px) {}






/* MEDIA SIZE */
@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) {}











/* B L O C K S */
#banner-block,
#benefits-block,
#about-block,
#services-block,
#form-block,
#photogallery-block
/* #contacts-block */ {
    margin-bottom: 90px;
}

@media (max-width: 991px) {
    #banner-block,
    #benefits-block,
    #about-block,
    #services-block,
    #form-block,
    #photogallery-block {
        margin-bottom: 70px;
    }
}
    
@media (max-width: 460px) {
    #banner-block,
    #benefits-block,
    #about-block,
    #services-block,
    #form-block,
    #photogallery-block {
        margin-bottom: 50px;
    }
}









/* webkit-scrollbar */

div#offcanvasNav .offcanvas-body::-webkit-scrollbar {
    width: 15px;
}
div#offcanvasNav .offcanvas-body::-webkit-scrollbar-track {
    background: #EFDED1;
    /* border: 3px solid var(--color-main-hover); */
    border-radius: 25px;
    overflow: hidden;
}
div#offcanvasNav .offcanvas-body::-webkit-scrollbar-thumb {
    background: var(--color-main-hover);
    /* border: 3px solid ; */
    border-radius: 25px;
    overflow: hidden;
}
div#offcanvasNav .offcanvas-body::-webkit-scrollbar-button {display: none;}
@media (max-width: 460px) {
    div#offcanvasNav .offcanvas-body::-webkit-scrollbar {width: 20px;}
}











/* M O R E - L I N K // btn */
/* more-link // btn  */
.more-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    width: 100%;
}
.more-link a {
    font-weight: 500;
    font-size: var(--fz-btn);
    text-decoration: none;
    color: #bb8860;
    overflow: hidden;
    width: 280px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    border-radius: 30px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #f8f7f3 0%, #f8f7f3 100%) padding-box, var(--color-btn) border-box;
}
.more-link a:hover {
    background: var(--color-btn);
    color: var(--color-invert);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {
    .more-link a {
        width: 100%;
        height: 55px;
    }
}
@media (max-width: 460px) {}
@media (max-width: 350px) {}






/* P A G E R // all */
/* pager // all -> nav-pager  */
nav.pager {
    margin-top: 15px;
}
nav.pager ul.pager__items.js-pager__items {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 20px;
}

nav.pager ul.pager__items.js-pager__items li.pager__item.is-active {
    font-weight: 700;
    /* background-color: var(--color-main-darker); */
    /* color: var(--color-invert); */
    color: var(--color-main-darker);
    border-radius: 10px;
    padding: 7px 10px;
    /* border: 3px solid var(--color-main-darker); */
}
nav.pager ul.pager__items.js-pager__items li.pager__item a {
    text-decoration: none;
    font-size: 28px;
    font-weight: 700;
    /* background-color: var(--color-main-darker); */
    /* color: var(--color-invert); */
    color: var(--color-main-darker);
    /* border-radius: 10px; */
    /* padding: 2px 10px; */
    /* border: 3px solid var(--color-main-darker); */
}

@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) {}











/* C O O K I E // block */
/* cookie // block  */
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock {
    font-family: var(--ff-Inter);
    max-height: 100%;
    overflow-y: auto;
    background-color: var(--color-main);
    color: var(--color-orig);
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper {
    padding: 30px 0;
    gap: 18px;
}

/* cookie // Content */
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper strong {
    display: flex;
    position: relative;
    height: 26px;
    align-items: center;
    color: inherit;
    font-weight: 700;
}

main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content p {
    color: inherit;
    margin-bottom: 10px;
    font-family: var(--ff-Inter);
    font-weight: 500;
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content p:first-child {
    font-weight: 700;
    margin-bottom: 12px;
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content p:last-child {
    margin-bottom: 0px;
}

main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content a {
    color: inherit;
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content a:hover {
    color: var(--color-main-darker);
}

/* cookie // BTNs */
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns {
    gap: 8px;
    width: 100%;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 20px;
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button.btn {
    width: 170px;
    height: 38px;
    padding: 5px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-family: var(--ff-Inter);
    font-size: 14px;
    font-weight: 700;
    border-radius: 5px;
}

main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-yes {
    color: var(--color-orig);
    /* background-color: var(--color-invert); */
    border: 2px solid var(--color-orig);
    border: 0;
    border-radius: 30px;
    background: var(--color-btn-other);
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-yes:hover {
    color: var(--color-invert);
    /* background-color: var(--color-main); */
    border-color: var(--color-main);
    background: var(--color-btn-other-hover);
}

main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-no {
    color: var(--color-orig);
    /* background-color: var(--color-invert); */
    border: 2px solid var(--color-orig);
    border: 0;
    border-radius: 30px;
    background: var(--color-btn-other);
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-no:hover {
    color: var(--color-invert);
    /* background-color: var(--color-main); */
    border-color: var(--color-main);
    background: var(--color-btn-other-hover);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content {
        /* align-items: center; */
    }
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns {
        /* justify-content: center; */
    }
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content p {
        text-align: justify;
    }
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-yes,
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-no {
        width: 50%;
    }
}
@media (max-width: 460px) {}
@media (max-width: 350px) {
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns {
        display: flex;
        flex-direction: column;
    }
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-yes,
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-no {
        width: 100%;
    }
}










/* F O R M _ S E A R C H // Block */
/* form-search // Block */

/* form-search // Block -> form */
form[id^="search-api-page-block-form-search"] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    flex-direction: row-reverse;
    width: 200px;
    padding: 1px 21px;
    border: 1px solid transparent;
    /* border-image: var(--color-btn); */
    /* border-image-slice: 1; */
    border-radius: 30px;
    overflow: hidden;
    background: linear-gradient(180deg, #f8f7f3 0%, #f8f7f3 100%) padding-box, var(--color-btn) border-box;
}

/* form-search // Block -> form -> input */
/* form[id^="search-api-page-block-form-search"] input[id^="edit-keys"] {
    width: 150px;
    background-color: transparent;
    border-bottom: 1px solid var(--color-invert);
    transition: all .2s linear;
    border-radius: 0px;
    color: var(--color-invert);
} */
form[id^="search-api-page-block-form-search"] input[id^="edit-keys"] {
    width: 100px;
    border: 0;
    transition: all .2s linear;
    border-radius: 0px;
    background: linear-gradient(180deg, #DDB08C 15%, #925A2D 100%, #8AA9D6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0B2349;
    /* display: table; */
    padding: 5px 2px;
    margin: 0 10px;
    font-size: var(--fz-form);
}

form[id^="search-api-page-block-form-search"] input[id^="edit-keys"]:focus {
    box-shadow: none;
    border: 0;
    /* border: 1px solid var(--color-invert); */
}
form[id^="search-api-page-block-form-search"] input[id^="edit-keys"]::placeholder {
    /* color: var(--color-invert); */
    color: var(--color-orig);
}

/* form-search // Block -> form -> button */
form[id^="search-api-page-block-form-search"] div[id^="edit-actions"] {
    height: 38px;
    display: flex;
    align-items: center;
}
form[id^="search-api-page-block-form-search"] div[id^="edit-actions"] button[id^="edit-submit"] {
    width: 26px;
    height: 26px;
    padding: 0;
    font-size: 0;
    background-color: transparent;
    border: none;
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/custom-images/tools/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
}


/* S E A R C H // Page */
.not-front main#main form#search-api-page-block-form-search {
    background-color: #860b17a6;
    padding: 15px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 20px;
    width: 100%;
    /* height: 70px; */
}
.not-front main#main form#search-api-page-block-form-search .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {width: 84%;}
.not-front main#main form#search-api-page-block-form-search .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input {width: 100%; font-size: 20px;}

.not-front main#main form#search-api-page-block-form-search div.form-actions {width: 14%;}
.not-front main#main form#search-api-page-block-form-search div.form-actions 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) {
    .not-front main#main form#search-api-page-block-form-search div.form-actions {
        width: 100%;
    }
    .not-front main#main form#search-api-page-block-form-search div.form-actions {
        width: 100%;
        border-top: 2px solid var(--color-main-darker);
        padding-top: 10px;
    }
}
































/* H E A D E R // Block */
/* header // Block */
.header-top {
    padding: 12px 0 18px;
}


/* header // Block-> img */
.header-top .header-row .logo {
    aspect-ratio: 76/75;
    width: auto;
    height: auto;
    /* max-width: 95px; */
    /* max-height: 95px; */
    max-width: 115px;
    max-height: 115px;

    overflow: hidden;
    /* border-radius: 10px;   1 вариант */
    border-radius: 100px;   /* 2 вариант */
}
.header-top .header-row .logo img {
    width: 100%;
    height: 100%;
    aspect-ratio: 77/76;
    object-fit: contain;
}

/* header // Block-> columns */
.header-top .header-row .row-contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 90px;
}

.header-top .header-row .row-contacts .col-contacts {
    gap: 10px;
}


.header-top .header-row .row-contacts .contacts-inner {
    display: flex;
    align-items: center;
    gap: 25px;
}
.header-top .header-row .row-contacts .col-contacts a {
    color: inherit;
    text-decoration: none;
    position: relative;
    padding-left: 31px;
    display: flex;
    align-items: center;
    height: 21px;
}
.header-top .header-row .row-contacts .col-contacts a.tel {
    font-weight: 500;
}
.header-top .header-row .row-contacts .col-contacts a:hover {
    color: var(--color-main-darker);
}
.header-top .header-row .row-contacts .col-contacts a::before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 21px;
    height: auto;
    aspect-ratio: 10/10;
    position: absolute;
    top: 0px;
    left: 0;
}
.header-top .header-row .row-contacts .col-contacts a.tel::before {
    background: url(/sites/all/themes/vesta_theme/image/custom-images/contacts/phone.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.header-top .header-row .row-contacts .col-contacts a.mail::before {
    background: url(/sites/all/themes/vesta_theme/image/custom-images/contacts/mail.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}




.header-top .header-row .row-contacts .contacts-inner .col-callback a {
    background: var(--color-btn-other);
    border: 0;
    color: var(--color-orig);
    width: 200px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    font-size: var(--fz-btn);
    font-weight: 500;
}
.header-top .header-row .row-contacts .contacts-inner .col-callback a:hover {
    background: var(--color-btn-other-hover);
}


/* header // Block -> nav */
.header-bottom {
    background: none;
}
.header-bottom .head-row {
    box-shadow: 3px 4px 30px #614a3880;
    background-color: #DDB08C;
    border-radius: 36px;
    width: 100%;
}
.header-bottom .head-row div[id^="block-vesta-theme-osnovnayanavigaciya"] {
    display: none;
}
.header-bottom .head-row nav ul.nav {
    width: 640px; /* 610 */
    /* height: 64px; */
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.header-bottom .head-row nav ul.nav a.nav-link {
    color: inherit;
    background-color: var(--color-main-darker);
    font-size: var(--fz-nav);
    padding: 22px 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 500;
}
.header-bottom .head-row nav ul.nav a.nav-link.is-active {
    /* background-color: var(--color-main-hover); */
    /* color: #fff; */
    background-color: var(--color-main);
}
.header-bottom .head-row nav ul.nav a.nav-link:hover {
    color: var(--color-invert);
    background-color: var(--color-main-darker);
    /* background-color: var(--color-main); */
}

/* header // Block -> nav -> dropdown-toggle */
.header-bottom .head-row nav ul.nav a.nav-link.dropdown-toggle {padding: 22px 8px 22px 20px;}

.header-bottom .head-row nav ul.nav a.nav-link.dropdown-toggle::after {display: none;}
.header-bottom .head-row nav ul.nav a.nav-link.dropdown-toggle::after {
    content: '' !important;
    display: block !important;
    background: url(/sites/all/themes/vesta_theme/image/custom-images/tools/nav-arrow-down-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 12px;
    height: 15px;
    border: 0 !important;
    margin-bottom: 5px;
}
.header-bottom .head-row nav ul.nav a.nav-link.dropdown-toggle:hover::after {
    background: url(/sites/all/themes/vesta_theme/image/custom-images/tools/nav-arrow-down-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.header-bottom .head-row nav ul.nav li.nav-item.dropdown ul.dropdown-menu {
    background-color: var(--color-main);
    overflow: hidden;
    padding: 7px 0;
    border-radius: 10px;
    border: 0;
    border-top: 2px solid var(--color-main-darker);
    top: 52px;
}
.header-bottom .head-row nav ul.nav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item:hover {
    color: var(--color-invert);
    background-color: var(--color-main);
}
.header-bottom .head-row nav ul.nav li.nav-item.dropdown ul.dropdown-menu a.dropdown-item.active.is-active {
    background-color: var(--color-main);
    color: var(--color-orig);
    /* text-decoration: underline; */
}
.header-bottom .head-row nav ul.nav li.nav-item.dropdown ul.dropdown-menu a.dropdown-item.active.is-active::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--color-orig);
    position: relative;
    top: 1px;
}



/* H E A D E R - M O B I L E // Block */
/* header-mobile // Block */
#header-mob {
    display: flex;
    gap: 40px;
    background-color: var(--color-main-darker);
    box-shadow: 0 0 10px #000;
}

/* header-mobile // Block-> img */
#header-mob .col-logo {
    aspect-ratio: 76/75;
    width: auto;
    max-width: 100%;
    /* height: 70px; */
    height: 80px;
    margin: -15px;   /* 1 вариант */

    margin: -5px;   /* 2 вариант */
    /* border-radius: 100px; */
    /* overflow: hidden; */
    display: flex;   /* 2 вариант */
    align-items: center;   /* 2 вариант */
}
#header-mob .col-logo img {
    width: 100%;
    height: 100%;
    aspect-ratio: 77/76;
    object-fit: contain;

    border-radius: 100px;   /* 2 вариант */
    overflow: hidden;   /* 2 вариант */
}

/* header-mobile // Block-> columns */
#header-mob .row-contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}

#header-mob .row-contacts .col-contacts {
    gap: 7px;
}

#header-mob .row-contacts .col-contacts a {
    color: inherit;
    text-decoration: none;
    position: relative;
    padding-left: 31px;
    display: flex;
    align-items: center;
    height: 21px;
    font-size: var(--fz-nav);
}
#header-mob .row-contacts .col-contacts a.tel {
    font-weight: 500;
}
#header-mob .row-contacts .col-contacts a:hover {
    color: var(--color-invert);
}
#header-mob .row-contacts .col-contacts a::before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 21px;
    height: auto;
    aspect-ratio: 10/10;
    position: absolute;
    top: 0px;
    left: 0;

    border: 1px solid #fff;
    border-radius: 50%;
}
#header-mob .row-contacts .col-contacts a.tel::before {
    background: url(/sites/all/themes/vesta_theme/image/custom-images/contacts/phone.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #ffffff;
}
#header-mob .row-contacts .col-contacts a.mail::before {
    background: url(/sites/all/themes/vesta_theme/image/custom-images/contacts/mail.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #ffffff;
}


#header-mob .row-contacts .contacts-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;

    display: none;
}
#header-mob .row-contacts .contacts-inner .col-callback a {
    background: var(--color-btn-other);
    border: 0;
    color: var(--color-orig);
    width: 200px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    font-size: var(--fz-btn);
    font-weight: 500;
}
#header-mob .row-contacts .contacts-inner .col-callback a:hover {
    background: var(--color-btn-other-hover);
}



/* H E A D E R - M O B I L E // Menu */
/* header-mobile // Menu */
div#offcanvasNav {
    /* background-color: #b8b8b8; */
    background-color: var(--color-main-darker);
    gap: 20px;
}

/* header-mobile // NAV -> header */
div#offcanvasNav .offcanvas-header {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
div#offcanvasNav .offcanvas-header .logo {
    aspect-ratio: 10/10;
    width: 100%;
    max-width: 80px;
    height: auto;

    border-radius: 100px;
    overflow: hidden;
}
div#offcanvasNav .offcanvas-header .logo img {
    width: 100%;
    height: 100%;
    /* aspect-ratio: 115/115; */
    object-fit: contain;
}

div#offcanvasNav .offcanvas-header button.btn-close {
    filter: invert(1);
    width: 40px;
    height: 40px;
    scale: 1.5;
    margin: 0 10px 0 0;
}



/* header-mobile // NAV -> body */
div#offcanvasNav .offcanvas-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* header-mobile // NAV -> body -> search */
div#offcanvasNav .offcanvas-body .region.region-search form {
    display: flex;
    justify-content: space-between;
    /* background-color: #fff; */
    width: 100%;
    height: 43px;
    flex-direction: row;
    padding: 0;
}
div#offcanvasNav .offcanvas-body .region.region-search form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
    width: 80%;
    height: 100%;
}
div#offcanvasNav .offcanvas-body .region.region-search form div {
    width: 10%;
    min-width: 30px;
    height: 100%;
}

div#offcanvasNav .offcanvas-body .region.region-search form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input {
    background-color: transparent;
    height: 100%;
    width: 100%;
    padding: 13px 10px 13px 20px;
    color: var(--color-invert);
}
div#offcanvasNav .offcanvas-body .region.region-search form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input::placeholder {
    font-weight: 500;
    font-size: var(--fz-orig);
    color: var(--color-invert);
}
div#offcanvasNav .offcanvas-body .region.region-search form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input:focus {
    box-shadow: none;
    outline: 0;
}

div#offcanvasNav .offcanvas-body .region.region-search form div {
    min-width: 46px;
    width: 10%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
div#offcanvasNav .offcanvas-body .region.region-search form div button {
    padding: 22px;
    border-radius: 50px;
}
div#offcanvasNav .offcanvas-body .region.region-search form div button:hover {
    background-color: var(--color-main);
}


/* header-mobile // NAV -> body -> nav */
div#offcanvasNav .offcanvas-body nav div {
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--ff-Inter);
    color: var(--color-invert);
    margin-bottom: 10px;
}

div#offcanvasNav .offcanvas-body nav ul.nav li.nav-item a.nav-link {
    padding: 10px;
    color: #fff;
    /* text-transform: uppercase; */
    display: flex;
    align-items: center;
    height: 63px;
    font-weight: 700;
}
div#offcanvasNav .offcanvas-body nav ul.nav li.nav-item a.nav-link:hover {
    background-color: var(--color-main-hover);
    /* color: #000; */
}
div#offcanvasNav .offcanvas-body nav ul.nav li.nav-item a.is-active {
    background-color: var(--color-main);
    /* text-decoration: underline; */
}

/* header-mobile // NAV -> body -> nav -> dropdown-menu */
#offcanvasNav li.nav-item.dropdown ul.dropdown-menu {
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: var(--color-main);
    margin-bottom: 10px;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}
#offcanvasNav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item {
    padding: 5px 10px;
    font-family: var(--ff-Inter);
    font-size: var(--fz-nav);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#offcanvasNav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item.is-active {
    background-color: var(--color-main-hover);
    /* border: 10px solid #fff; */
    /* border-top: 0; */
    /* border-bottom: 0; */
}
#offcanvasNav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item:hover {
    background-color: var(--color-main-darker);
    color: var(--color-invert);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {
    #header-mob {
        gap: 20px;
    }
}
@media (max-width: 460px) {
    #header-mob .row-contacts {display: none;}
}
@media (max-width: 350px) {}



/* header-mobile // NAV -> body -> contacts & social */
div#offcanvasNav .offcanvas-body .contacts {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: var(--color-main);
    padding: 10px;
    border-radius: 20px;
}
/* div#offcanvasNav .offcanvas-body .contacts .contacts-title {
    margin-bottom: 10px;
} */


div#offcanvasNav .offcanvas-body .contacts .contacts-col .contacts-label {
    margin-bottom: 5px;
}
div#offcanvasNav .offcanvas-body .contacts .contacts-text {
    margin-bottom: 5px;
}

div#offcanvasNav .offcanvas-body .contacts .contacts-text a {
    text-decoration: none;
    color: inherit;
}
div#offcanvasNav .offcanvas-body .contacts .contacts-text a:hover {
    color: var(--color-main-darker);
}

div#offcanvasNav .offcanvas-body .contacts .contacts-col-3 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    margin: 0;
}
div#offcanvasNav .offcanvas-body .contacts .contacts-col-3 .contacts-label {
    width: 100%;
}

div#offcanvasNav .offcanvas-body .contacts .contacts-col .social-mes {
    background-color: var(--color-main-darker);
    width: 30px;
    height: auto;
    display: flex;
    aspect-ratio: 30/30;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
}
div#offcanvasNav .offcanvas-body .contacts .contacts-col .social-mes:hover {
    background-color: var(--color-main-hover);
}

div#offcanvasNav .offcanvas-body .contacts .contacts-col .social-mes img {
    aspect-ratio: 30/30;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* header-mobile // NAV -> body -> callback */
div#offcanvasNav .offcanvas-body .col-callback a {
    background: var(--color-btn-other);
    border: 0;
    color: var(--color-orig);
    width: 100%;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    font-size: var(--fz-btn);
    font-weight: 500;
}
div#offcanvasNav .offcanvas-body .col-callback a:hover {
    background: var(--color-btn-other-hover);
}

@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {
    div#offcanvasNav .offcanvas-body .region.region-search form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
        width: 84%;
    }
    div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
        width: 80%;
    }
}
@media (max-width: 350px) {
    div#offcanvasNav .offcanvas-body .region.region-search form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
        width: 70%;
    }
    div#offcanvasNav .offcanvas-body .head-right-up .col-contacts p.contact-item span {
        display: block;
        margin-bottom: 5px;
    }
}





















/* B A N N E R // Block */
/* banner // Block */
#banner-block {
    margin-top: -32px;
}

.view.view-banner.view-id-banner {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    position: relative;
}

/* banner // Block -> bg */
.view.view-banner.view-id-banner .view-content .views-row::before {
    content: '';
    display: block;
    background: url(/sites/all/themes/vesta_theme/image/custom-images/backgrounds/bg-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 40px;
    min-width: 1767px;
    max-width: 1767px;
    width: auto;
    height: 100%;
    aspect-ratio: 1767/615;
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
}


/* banner // Block -> content */
.view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser {
    color: var(--color-invert);
    margin: 135px 0 150px;
    position: relative;
    z-index: 2;
    /* height: 615px; */
}

/* banner // Block -> content -> h1 */
.view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    max-width: 800px;
}

/* banner // Block -> content -> p */
.view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    font-size: var(--fz-banner-subtitle);
    margin: 45px 0 70px;
    font-weight: 500;
    max-width: 700px;
}

/* banner // Block -> content -> btn */
.view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser a {
    background: var(--color-btn-other);
    border: 0;
    color: var(--color-orig);
    width: 240px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    font-size: var(--fz-btn);
    font-weight: 500;
}
.view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser a:hover {
    background: var(--color-btn-other-hover);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
    .view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser {
        margin: 105px 0 120px;
    }
    .view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        max-width: 650px;
    }
}
@media (max-width: 767px) {
    .view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser {
        margin: 85px 0 100px;
    }
}
@media (max-width: 575px) {
    .view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin: 35px 0 50px;
    }
}
@media (max-width: 460px) {
    .view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser {
        margin: 45px 0 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin: 25px 0 35px;
    }
}
@media (max-width: 350px) {
    .view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser .field.field--name-dynamic-token-fieldnode-order-song.field--label-hidden.field__item {
        width: 100%;
    }
    .view.view-banner.view-id-banner .view-content .views-row .node.node--type-banner.node--view-mode-teaser a {
        width: 100%;
    }
}











/* B E N E F I T S // Block */
/* benefits // Block */

/* benefits // Block -> content */
.view.view-benefits.view-id-benefits .view-content {
    gap: 140px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.view.view-benefits.view-id-benefits .view-content .views-row {
    width: 330px;
}
.view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits::after {
    /* display: none; */
}

/* benefits // Block ->> row -> img */
.view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits .field.field--name-field-benefits-image.field--type-image.field--label-hidden.field__item {
    height: 89px;
    width: 89px;
}
.view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits .field.field--name-field-benefits-image.field--type-image.field--label-hidden.field__item img {
    aspect-ratio: 89/89;
    object-fit: contain;
    height: 100%;
    width: 100%;
}

/* benefits // Block ->> row -> h3 */
.view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    margin: 25px 0 20px;
    text-align: center;
    width: 100%;
}

/* benefits // Block ->> row -> p */
.view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    text-align: center;
    width: 250px;
    font-size: var(--fz-big);
    font-weight: 500;
}
.view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    margin: 0;
}

@media (max-width: 1399px) {
    .view.view-benefits.view-id-benefits .view-content {
        gap: 40px;
    }
}
@media (max-width: 1199px) {
    .view.view-benefits.view-id-benefits .view-content .views-row {
        width: 280px;
    }
}
@media (max-width: 991px) {
    .view.view-benefits.view-id-benefits .view-content {
        justify-content: center;
    }
    .view.view-benefits.view-id-benefits .view-content .views-row {
        width: 340px;
    }
    /* .view.view-benefits.view-id-benefits .view-content .views-row:nth-child(3) {
        max-width: 100%;
    } */
}
@media (max-width: 767px) {
    .view.view-benefits.view-id-benefits .view-content .views-row {
        max-width: 100%;
    }
    .view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .view.view-benefits.view-id-benefits .view-content .views-row {
        width: 100%;
    }
}
@media (max-width: 460px) {
}
@media (max-width: 350px) {}














/* A B O U T // Block */
/* about // Block */
.view.view-abouts.view-id-abouts {}

/* about // Block -> header */
.view.view-abouts.view-id-abouts .view-header {
    margin-bottom: 60px;
}

/* about // Block -> content */
.view.view-abouts.view-id-abouts .view-content {}
.view.view-abouts.view-id-abouts .view-content .views-row {}

/* about // Block ->> row */
.view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 4px 4px #00000040;
    background-color: var(--color-main);
    border-radius: 40px;
    overflow: hidden;
}
.view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser::after {
    display: none;
}

/* about // Block ->> row -> content */
.view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    padding: 45px 45px 40px;
    height: 100%;
    /* width: 800px; */
    /* width: 660px; */
    max-width: 57%;
    /* max-width: 660px; */
    line-height: 1.5;
    min-height: 300px;
}
.view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h3 {
    font-style: italic;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: 1.5;
    max-width: 600px;
}
.view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    font-size: var(--fz-about-text);
    margin-bottom: 20px;
    max-width: 580px;
}
.view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p:last-child {
    margin-bottom: 0px;
    font-weight: 500;
    font-style: italic;
}

/* about // Block ->> row -> img */
.view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item {
    /* width: auto; */
    max-width: 447px;
    width: 43%;
    max-width: 510px;
    /* height: auto; */
    /* max-height: 100%; */
    /* aspect-ratio: 447/508; */
    padding-left: 64px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item::before {
    content: '';
    display: block;
    background: #ddb08c;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 300px 40px 40px 300px;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 1;
    width: auto;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 511/508;
}
.view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item img {
    width: auto;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 447/508;
    object-fit: cover;
    position: relative;
    z-index: 2;
    border-radius: 300px 40px 40px 300px;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item {
        padding-left: 34px;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item img {
        border-radius: 200px 40px 40px 200px;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item::before {
        border-radius: 200px 40px 40px 200px;
    }
}
@media (max-width: 991px) {
    .view.view-abouts.view-id-abouts .view-header {
        margin-bottom: 40px;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser {
        display: flex;
        flex-direction: column;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        max-width: 100%;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h3 {
        max-width: 100%;
        text-align: justify;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
        max-width: 100%;
        text-align: justify;
    }

    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item {
        padding-left: 0px;
        padding-top: 34px;
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item img {
        border-radius: 100px 100px 40px 40px;
        aspect-ratio: 800/600;
        width: 100%;
        height: auto;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item::before {
        border-radius: 100px 100px 40px 40px;
        aspect-ratio: auto;
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h3 {
        margin-bottom: 15px;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
        margin-bottom: 10px;
    }
}
@media (max-width: 575px) {
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        padding: 35px 35px 30px;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item {
        padding-top: 22px;
    }
}
@media (max-width: 460px) {
    .view.view-abouts.view-id-abouts .view-header {
        margin-bottom: 20px;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        padding: 25px 25px 20px;
    }
}
@media (max-width: 350px) {
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser {
        border-radius: 20px;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        padding: 15px 10px 20px;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item img {
        border-radius: 50px 50px 20px 20px;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item::before {
        border-radius: 50px 50px 20px 20px;
    }
    .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-teaser .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item {
        padding-top: 15px;
    }
}



/* A B O U T // Page */
/* about // Page */

/* about // Page ->> row */
.not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 4px 4px #00000040;
    background-color: var(--color-main);
    border-radius: 40px;
    overflow: hidden;
}
.not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content::after {
    display: none;
}

/* about // Page ->> row -> content */
.not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    padding: 45px 45px 40px;
    height: 100%;
    /* width: 800px; */
    /* width: 660px; */
    max-width: 57%;
    /* max-width: 660px; */
    line-height: 1.5;
    min-height: 300px;
}
.not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h3 {
    font-style: italic;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: 1.5;
    max-width: 600px;
}
.not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    font-size: var(--fz-about-text);
    margin-bottom: 20px;
    max-width: 580px;
}
.not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p:last-child {
    margin-bottom: 0px;
    font-weight: 500;
    font-style: italic;
}

/* about // Page ->> row -> img */
.not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item {
    /* width: auto; */
    max-width: 447px;
    width: 43%;
    max-width: 510px;
    /* height: auto; */
    /* max-height: 100%; */
    /* aspect-ratio: 447/508; */
    padding-left: 64px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item::before {
    content: '';
    display: block;
    background: #ddb08c;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 300px 40px 40px 300px;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 1;
    width: auto;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 511/508;
}
.not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item img {
    width: auto;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 447/508;
    object-fit: cover;
    position: relative;
    z-index: 2;
    border-radius: 300px 40px 40px 300px;
}

/* about // Page ->> row -> additional-description */
.not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .field.field--name-field-additional-description.field--type-text-long.field--label-hidden.field__item {
    margin-top: 50px;
    font-size: var(--fz-about-text);
    font-size: var(--fz-big);
    padding: 45px 45px 40px;
    box-shadow: 0px 4px 4px #00000040;
    background-color: var(--color-main);
    border-radius: 40px;
    overflow: hidden;
    text-align: justify;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item {
        padding-left: 34px;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item img {
        border-radius: 200px 40px 40px 200px;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item::before {
        border-radius: 200px 40px 40px 200px;
    }
}
@media (max-width: 991px) {
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content {
        display: flex;
        flex-direction: column;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        max-width: 100%;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h3 {
        max-width: 100%;
        text-align: justify;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
        max-width: 100%;
        text-align: justify;
    }

    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item {
        padding-left: 0px;
        padding-top: 34px;
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item img {
        border-radius: 100px 100px 40px 40px;
        aspect-ratio: 800/600;
        width: 100%;
        height: auto;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item::before {
        border-radius: 100px 100px 40px 40px;
        aspect-ratio: auto;
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h3 {
        margin-bottom: 15px;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
        margin-bottom: 10px;
    }
}
@media (max-width: 575px) {
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        padding: 35px 35px 30px;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .field.field--name-field-additional-description.field--type-text-long.field--label-hidden.field__item {
        padding: 35px 35px 30px;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item {
        padding-top: 22px;
    }

    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .field.field--name-field-additional-description.field--type-text-long.field--label-hidden.field__item {
        margin-top: 30px;
    }
}
@media (max-width: 460px) {
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        padding: 25px 25px 20px;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .field.field--name-field-additional-description.field--type-text-long.field--label-hidden.field__item {
        padding: 25px 25px 20px;
    }
}
@media (max-width: 350px) {
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content {
        border-radius: 20px;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .field.field--name-field-additional-description.field--type-text-long.field--label-hidden.field__item {
        border-radius: 20px;
    }

    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        padding: 15px 10px 20px;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .field.field--name-field-additional-description.field--type-text-long.field--label-hidden.field__item {
        padding: 15px 10px 20px;
    }

    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item img {
        border-radius: 50px 50px 20px 20px;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item::before {
        border-radius: 50px 50px 20px 20px;
    }
    .not-front main#main .view.view-abouts.view-id-abouts .view-content .views-row .node.node--type-abouts.node--view-mode-default .main_content .field.field--name-field-abouts-photo.field--type-image.field--label-hidden.field__item {
        padding-top: 15px;
    }
}














/* S E R V I C E S // Block */
/* services // Block */
.view.view-services.view-id-services {
    position: relative;
}

/* services // Block -> header */
.view.view-services.view-id-services .view-header {
    margin-bottom: 60px;
}

/* services // Block -> content */

.view.view-services.view-id-services .view-content {
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.view.view-services.view-id-services .view-content .views-row {
    width: 48.8%;
}

.view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser {
    border-radius: 40px;
    overflow: hidden;
    padding: 40px 60px 20px;
    background-color: var(--color-main);
    /* aspect-ratio: 570/295; */
    height: 300px;
    position: relative;
}

/* services // Block -> content -> h3 */
.view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    max-width: 430px;
    min-height: 60px;
}
/* services // Block -> content -> text */
.view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    margin: 25px 0 60px; /*25px 0 35px*/
    max-width: 440px;
    height: 110px;
    font-size: var(--fz-big);
}

/* services // Block -> content -> btn */
/* .field.field--name-node-link.field--type-ds.field--label-hidden.field__item >> .field.field--name-dynamic-token-fieldnode-callback-order.field--type-ds.field--label-hidden.field__item */
.view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-dynamic-token-fieldnode-callback-order.field--type-ds.field--label-hidden.field__item {
    position: absolute;
    bottom: 20px;
    left: 60px;
}
.view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-dynamic-token-fieldnode-callback-order.field--type-ds.field--label-hidden.field__item a {
    font-weight: 500;
    font-size: var(--fz-btn);
    text-decoration: none;
    color: #bb8860;
    overflow: hidden;
    width: 170px;  /* 130 */
    height: 38px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    border-radius: 30px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #efded1 0%, #efded1 100%) padding-box, var(--color-btn) border-box;
}

.view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-dynamic-token-fieldnode-callback-order.field--type-ds.field--label-hidden.field__item a:hover {
    background: linear-gradient(180deg, #935b2e 0%, #dbae8a 100%) padding-box, var(--color-btn) border-box;
    color: var(--color-invert);
}

/* services // Block -> content -> img */
.view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-field-services-image.field--type-image.field--label-hidden.field__item {
    position: absolute;
    top: 35px;
    right: 35px;
}
.view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-field-services-image.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    /* aspect-ratio: 67/96; */
    max-width: 67px;
    max-height: 96px;
    object-fit: contain;
    object-position: top;
}

/* services // Block -> content -> more-link for about-block */
.view.view-services.view-id-services .more-link {
    width: 48.8%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.view.view-services.view-id-services .more-link a {
    width: 100%;
    height: 300px;
    background: #efded1;
    font-size: var(--fz-contacts-link);
    color: var(--color-orig);
}
.view.view-services.view-id-services .more-link a:hover {
    background: var(--color-btn);
    color: var(--color-invert);
}
.view.view-services.view-id-services .more-link a::after {
    content: '';
    display: block;
    background: url(/sites/all/themes/vesta_theme/image/custom-images/tools/arrow-more.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 50px;
    height: 15px;
    /* position: absolute; */
    top: 0px;
    left: -25px;
    margin-left: 15px;
}



/* S E R V I C E S // Page */
/* services // Page */
.view.view-services.view-id-services .view-content .views-row {}


/* S E R V I C E S // Search Page */
/* services // Search Page */
/* .node.node--type-services.node--view-mode-search {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
}
.node.node--type-services.node--view-mode-search::after {display: none;}

.node.node--type-services.node--view-mode-search .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    width: 80%;
    display: flex;
    align-items: center;
}
.node.node--type-services.node--view-mode-search .field.field--name-dynamic-token-fieldnode-callback-order.field--type-ds.field--label-hidden.field__item {
    width: 20%;
}
.node.node--type-services.node--view-mode-search .field.field--name-dynamic-token-fieldnode-callback-order.field--type-ds.field--label-hidden.field__item a {
    background: var(--color-btn-other);
    border: 0;
    color: var(--color-orig);
    width: 100%;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    font-size: var(--fz-btn);
    font-weight: 500;
}
.node.node--type-services.node--view-mode-search .field.field--name-dynamic-token-fieldnode-callback-order.field--type-ds.field--label-hidden.field__item a:hover {
    background: var(--color-btn-other-hover);
} */

.node.node--type-services.node--view-mode-search {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
}
.node.node--type-services.node--view-mode-search a.use-ajax.btn-form.btn.btn-primary {
    font-weight: 500;
    font-size: var(--fz-btn);
    text-decoration: none;
    color: #bb8860;
    overflow: hidden;
    width: 170px;
    height: 38px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    border-radius: 30px;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #efded1 0%, #efded1 100%) padding-box, var(--color-btn) border-box;
}
.node.node--type-services.node--view-mode-search a.use-ajax.btn-form.btn.btn-primary:hover {
    background: linear-gradient(180deg, #935b2e 0%, #dbae8a 100%) padding-box, var(--color-btn) border-box;
    color: var(--color-invert);
}
a.use-ajax.btn-form.btn.btn-primary {
    background: var(--color-btn-other);
    border: 0;
    color: var(--color-orig);
    width: 200px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    font-size: var(--fz-btn);
    font-weight: 500;
}
a.use-ajax.btn-form.btn.btn-primary:hover {
    background: var(--color-btn-other-hover);
}


@media (max-width: 1399px) {
    .view.view-services.view-id-services .view-content .views-row,
    .view.view-services.view-id-services .more-link {
        width: 48.5%;
    }

    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        max-width: 330px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        max-width: 410px;
    }
}
@media (max-width: 1199px) {
    .view.view-services.view-id-services .view-content .views-row,
    .view.view-services.view-id-services .more-link {
        width: 48.4%;
    }

    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser {
        padding: 40px 60px 20px 40px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        max-width: 300px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        max-width: 310px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-link.field--type-ds.field--label-hidden.field__item {
        left: 40px;
    }
}
@media (max-width: 991px) {
    .view.view-services.view-id-services .view-header {
        margin-bottom: 40px;
    }
    .view.view-services.view-id-services .view-content .views-row,
    .view.view-services.view-id-services .more-link {
        width: 47.8%;
    }

    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser {
        padding: 30px 40px 20px 30px;
        height: 370px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        min-height: 90px;
        max-width: 235px;
    }

    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-field-services-image.field--type-image.field--label-hidden.field__item {
        top: 25px;
        right: 25px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-field-services-image.field--type-image.field--label-hidden.field__item img {
        max-width: 50px;
        max-height: 76px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-link.field--type-ds.field--label-hidden.field__item {
        left: 30px;
    }

    .view.view-services.view-id-services .more-link a {
        height: 370px;
    }



    /* .node.node--type-services.node--view-mode-search .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        width: 70%;
    }
    .node.node--type-services.node--view-mode-search .field.field--name-dynamic-token-fieldnode-callback-order.field--type-ds.field--label-hidden.field__item {
        width: 30%;
    } */
}
@media (max-width: 767px) {
    /* .view.view-services.view-id-services .view-content .views-row,
    .view.view-services.view-id-services .more-link {
        width: 47%;
    } */
    .view.view-services.view-id-services .view-content .views-row {
        width: 100%;
    }
    .view.view-services.view-id-services .more-link {
        position: relative;
        height: 150px;
        width: 100%;
    }
    
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        min-height: 60px;
        max-width: 415px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        max-width: 500px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser {
        height: 300px;
    }
    .view.view-services.view-id-services .more-link a {
        height: 150px;
    }

    

    /* .node.node--type-services.node--view-mode-search .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        width: 65%;
    }
    .node.node--type-services.node--view-mode-search .field.field--name-dynamic-token-fieldnode-callback-order.field--type-ds.field--label-hidden.field__item {
        width: 35%;
    } */
}
@media (max-width: 575px) {
    /* .view.view-services.view-id-services .view-content .views-row {
        width: 100%;
    }
    .view.view-services.view-id-services .more-link {
        width: 100%;
        position: relative;
    } */

    .view.view-services.view-id-services .view-content {
        gap: 20px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        max-width: 315px;
    }



    /* .node.node--type-services.node--view-mode-search .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        width: 100%;
    }
    .node.node--type-services.node--view-mode-search .field.field--name-dynamic-token-fieldnode-callback-order.field--type-ds.field--label-hidden.field__item {
        width: 100%;
    }
    .node.node--type-services.node--view-mode-search {
        flex-direction: column;
        gap: 5px;
    } */
}
@media (max-width: 460px) {
    .view.view-services.view-id-services .view-header {
        margin-bottom: 20px;
    }

    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser {
        padding: 30px 30px 20px 30px;
        height: 310px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        min-height: 70px;
        max-width: 215px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        height: 120px;
    }

    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-field-services-image.field--type-image.field--label-hidden.field__item {
        top: auto;
        bottom: 10px;
        right: 15px;
    }


    
    .node.node--type-services.node--view-mode-search a.use-ajax.btn-form.btn.btn-primary {
        width: 100%;
    }
}
@media (max-width: 350px) {
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser {
        border-radius: 20px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser {
        padding: 20px 20px 20px 20px;
        /* height: 400px; */
        min-height: 300px;
        height: auto;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin: 25px 0 55px;
        height: auto;
    }

    /* .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-field-services-image.field--type-image.field--label-hidden.field__item {
        right: 25px;
        top: 88px;
    } */
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-field-services-image.field--type-image.field--label-hidden.field__item img {
        max-width: 35px;
        max-height: 56px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-link.field--type-ds.field--label-hidden.field__item {
        left: 20px;
        bottom: 10px;
    }
    .view.view-services.view-id-services .view-content .views-row .node.node--type-services.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        max-width: 300px;
    }

    .view.view-services.view-id-services .more-link {
        margin-top: 30px;
        height: 100px;
    }
    .view.view-services.view-id-services .more-link a {
        display: flex;
        flex-direction: column;
        gap: 10px;
        height: 100px;
    }
}



/* S E R V I C E S // Card's Page */
/* services // Card's Page */
.not-front main#main .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;
}

.not-front main#main .node.node--type-services.node--view-mode-full .field.field--name-dynamic-token-fieldnode-order-song.field--type-ds.field--label-hidden.field__item {
    display: flex;
    justify-content: center;
}
.not-front main#main .node.node--type-services.node--view-mode-full .field.field--name-dynamic-token-fieldnode-order-song.field--type-ds.field--label-hidden.field__item a {
    background: var(--color-btn-other);
    color: var(--color-orig);
    border: none;
    border-radius: 30px;
    width: 300px;
    height: 60px;
    font-weight: 500;
    position: relative;
    font-size: var(--fz-btn);
    display: flex;
    justify-content: center;
    align-items: center;
}
.not-front main#main .node.node--type-services.node--view-mode-full .field.field--name-dynamic-token-fieldnode-order-song.field--type-ds.field--label-hidden.field__item a:hover {
    background: var(--color-btn-other-hover);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {
    .not-front main#main .node.node--type-services.node--view-mode-full .field.field--name-dynamic-token-fieldnode-order-song.field--type-ds.field--label-hidden.field__item a {
        width: 100%;
    }
}
@media (max-width: 460px) {}
@media (max-width: 350px) {}
















/* F O R M // Block */
/* form // Block */

#form-block {
    position: relative;
    min-height: 754px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#form-block::before {
    content: '';
    display: block;
    background: url(/sites/all/themes/vesta_theme/image/custom-images/backgrounds/bg-form.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* border-radius: 40px; */
    /* min-width: 1767px; */
    /* max-width: 1767px; */
    width: auto;
    /* min-height: 754px; */
    height: 100%;
    width: 100%;
    aspect-ratio: 1921/754;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
    /* transform: translateX(-50%); */
}

#form-block .region.region-form {
    position: relative;
    z-index: 2;
    margin: 100px 0 130px;
}



#form-block div#block-vesta-theme-tekstnadformoy .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}
#form-block div#block-vesta-theme-tekstnadformoy .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h2 {
    font-size: var(--fz-form-subtitle);
    font-weight: 700;
    font-style: normal;
    text-align: center;
    color: var(--color-invert);
    width: 850px;
}
#form-block div#block-vesta-theme-tekstnadformoy .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h2 span {
    color: inherit;
}


#form-block div#block-vesta-theme-vebforma div.webform-ajax-form-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

form.webform-submission-callback-add-form {
    max-width: 440px;
    width: 100%;
    position: relative;
    z-index: 2;
}


/* form // Block -> content */
.webform-ajax-form-wrapper form .js-form-item.form-item {
    margin-bottom: 15px;
}

.webform-ajax-form-wrapper form .js-form-item.form-item label {
    display: none;
}

/* form // Block -> inputs -> name, phone */
.webform-ajax-form-wrapper form .js-form-item.form-item input {
    margin: 0;
    padding: 20px 28px 20px;
    height: 60px;
    line-height: 1;
    border: none;
    border-radius: 40px;
    color: var(--color-orig);
    background-color: #FFFAF6;
    font-size: var(--fz-form-placeholder);
}
.webform-ajax-form-wrapper form .js-form-item.form-item input::placeholder {
    color: #a4a4a4;
    font-size: var(--fz-form-placeholder);
}
.webform-ajax-form-wrapper form .js-form-item.form-item input:focus {
    box-shadow: none;
    outline: 0;
}

/* form // Block -> textarea -> comment */
.webform-ajax-form-wrapper form .js-form-item.form-item.js-form-type-textarea.form-type-textarea .form-textarea-wrapper textarea {
    margin: 0;
    padding: 20px 28px 20px;
    height: 60px;
    min-height: 60px;
    max-height: 400px;
    line-height: 1;
    border: none;
    border-radius: 40px;
    color: var(--color-orig);
    background-color: #FFFAF6;
    font-size: var(--fz-form-placeholder);
}
.webform-ajax-form-wrapper form .js-form-item.form-item.js-form-type-textarea.form-type-textarea .form-textarea-wrapper textarea::placeholder {
    color: #848484;
    font-size: var(--fz-form-placeholder);
}
.webform-ajax-form-wrapper form .js-form-item.form-item.js-form-type-textarea.form-type-textarea .form-textarea-wrapper textarea:focus {
    box-shadow: none;
    outline: 0;
}

/* form // Block -> inputs -> cheakbox */
.webform-ajax-form-wrapper form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox {
    margin: 19px 0;
    display: grid;
    grid-template-columns: 20px 11fr;
    grid-template-areas:
        'a b'
        'c c';
    row-gap: 2px;
    column-gap: 10px;
    align-items: center;
    font-size: 14px;
}
.webform-ajax-form-wrapper form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox input {
    grid-area: a;
    width: 20px;
    height: 20px;
}
.webform-ajax-form-wrapper form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox .description {
    grid-area: b;
    color: var(--color-invert);
    text-align: justify;
    font-size: var(--fz-form-cheakbox);
}
.webform-ajax-form-wrapper form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox .description a {
    /* color: inherit; */
    color: var(--color-main);
    text-decoration: none;
}
.webform-ajax-form-wrapper form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox .description a:hover {
    /* color: var(--color-main); */
    text-decoration: underline;
}

/* form // Block -> btn */
.webform-ajax-form-wrapper form button {
    background: var(--color-btn-other);
    color: var(--color-orig);
    border: none;
    border-radius: 30px;
    width: 100%;
    height: 60px;
    font-weight: 500;
    position: relative;
    font-size: var(--fz-btn);
}
.webform-ajax-form-wrapper form button:hover {
    background: var(--color-btn-other-hover);
}

/* .webform-ajax-form-wrapper form button.form-submit::after {
    content: "";
    display: block;
    background: url(/sites/all/themes/vesta_theme/image/custom-images/logo/logo-icon-white.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 29px;
    height: 32px;
    position: absolute;
    top: 4px;
    right: 5px;
} */

/* form // Block -> errors */
.alert.alert-error.alert-danger.alert-dismissible.fade.show {
    display: none;
}

.webform-ajax-form-wrapper form .js-form-item.form-item strong {
    color: var(--color-main);
}
.webform-ajax-form-wrapper form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox .form-item--error-message {
    grid-area: c;
    font-size: 16px;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {
    #form-block {min-height: 670px;}
    #form-block .region.region-form {margin: 70px 0 100px;}
    #form-block div#block-vesta-theme-tekstnadformoy .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {margin-bottom: 60px;}
}
@media (max-width: 575px) {}
@media (max-width: 460px) {
    #form-block {min-height: 580px;}
    #form-block .region.region-form {margin: 50px 0 80px;}
    #form-block div#block-vesta-theme-tekstnadformoy .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {margin-bottom: 40px;}
}
@media (max-width: 350px) {
    #form-block {min-height: 500px;}
    #form-block .region.region-form {margin: 50px 0 50px;}
    #form-block div#block-vesta-theme-tekstnadformoy .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {margin-bottom: 20px;}
}




/* F O R M // Page */
/* form // Page */
.not-front main#main div#webform-submission-callback-form-ajax {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 150px 50px 50px;
    position: relative;
    border-radius: 40px;
    overflow: hidden;
}
.not-front main#main div#webform-submission-callback-form-ajax:before {
    content: '';
    display: block;
    background: url(/sites/all/themes/vesta_theme/image/custom-images/backgrounds/bg-form.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
    aspect-ratio: 1921/754;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
}
@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {.not-front main#main div#webform-submission-callback-form-ajax {padding: 90px 30px 30px;}}
@media (max-width: 460px) {.not-front main#main div#webform-submission-callback-form-ajax {padding: 60px 15px 20px;}}
@media (max-width: 350px) {.not-front main#main div#webform-submission-callback-form-ajax {padding: 45px 10px 15px;}}




/* F O R M // Modal */
/* form // Modal */
.ui-widget.ui-widget-content {
    border: 3px solid var(--color-main) !important;
    border-radius: 15px;
    overflow: hidden;
    /* background-color: #000; */
    background-color: #b88459;
    padding: 10px;
}
.ui-widget.ui-widget-content .ui-dialog-content {
    /* padding: 5px 10px; */
    padding: 0;
}

/* form // Modal -> Header */
.ui-dialog .ui-dialog-titlebar {
    background-color: transparent;
    color: var(--color-invert);
    border: 0;
    border-radius: 0;
}
.ui-dialog .ui-dialog-title {
    margin-top: 4px;
    text-transform: uppercase;
    font-family: var(--ff-Comfortaa);
    font-weight: 700;
    font-size: 24px;
}

















/* P H O T O - G A L L E R Y // Block */
/* photo-gallery // Block */

/* photo-gallery // Block -> header */
.view.view-photo-gallery.view-id-photo_gallery .view-header {
    margin-bottom: 60px;
}


/* photo-gallery // Block ->> row */
.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items {
    gap: 30px;
    display: grid;
    grid-template-areas:
        "a b"
        "a c";
    grid-template-columns: 6fr 6fr;
}

.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item {display: none;}

.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1),
.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2),
.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {
    display: block;
}

.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1) {grid-area: a;}
.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {grid-area: b;}
.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {grid-area: c;}

.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1) {
    aspect-ratio: 570/635;
    width: 100%;
    /* max-width: 570px; */
    max-width: 630px;
    height: 100%;
    border-radius: 40px;
    overflow: hidden;
}
.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
    aspect-ratio: 570/305;
    width: 100%;
    /* max-width: 570px; */
    max-width: 630px;
    border-radius: 40px 150px 40px 40px;
    overflow: hidden;
}
.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {
    aspect-ratio: 570/300;
    width: 100%;
    /* max-width: 570px; */
    max-width: 630px;
    border-radius: 40px;
    overflow: hidden;
}

.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) img {
    object-position: 0px -175px;
}

@media (max-width: 1399px) {
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1),
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2),
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {
        max-width: 570px;
    }
}
@media (max-width: 1199px) {
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
        border-radius: 40px 125px 40px 40px;
    }
}
@media (max-width: 991px) {
    .view.view-photo-gallery.view-id-photo_gallery .view-header {
        margin-bottom: 40px;
    }
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items {
        gap: 20px;
    }
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
        border-radius: 40px 80px 40px 40px;
    }
}
@media (max-width: 767px) {
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items {
        gap: 10px;
    }
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
        border-radius: 20px 60px 20px 20px;
    }
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1),
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {
        border-radius: 20px;
    }
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) img {
        object-position: 0px -75px;
    }
}
@media (max-width: 575px) {}
@media (max-width: 460px) {
    .view.view-photo-gallery.view-id-photo_gallery .view-header {
        margin-bottom: 20px;
    }
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
        border-radius: 20px 50px 20px 20px;
    }
}
@media (max-width: 350px) {
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items {
        display: flex;
        flex-direction: column;
    }
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1),
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2),
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 570/300;
    }
    .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
        border-radius: 20px 20px 20px 20px;
    }
}



/* P H O T O - G A L L E R Y // Page */
/* photo-gallery // Page */

/* .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items {
    grid-template-areas:
        "a b"
        "a c"
        "d d";
} */
.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item {
    display: block;
}
.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item {
    aspect-ratio: 570/300;
    width: 100%;
    /* max-width: 570px; */
    max-width: 630px;
    border-radius: 40px;
    overflow: hidden;
    /* grid-area: d; */
}

.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1) {grid-area: a;}
.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {grid-area: b;}
.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {grid-area: c;}

.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1) {
    aspect-ratio: 570/635;
    width: 100%;
    /* max-width: 570px; */
    max-width: 630px;
    height: 100%;
    border-radius: 40px;
    overflow: hidden;
}
.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
    aspect-ratio: 570/305;
    width: 100%;
    /* max-width: 570px; */
    max-width: 630px;
    border-radius: 40px 150px 40px 40px;
    overflow: hidden;
}
.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {
    aspect-ratio: 570/300;
    width: 100%;
    /* max-width: 570px; */
    max-width: 630px;
    border-radius: 40px;
    overflow: hidden;
}

.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) img {
    object-position: 0px -175px;
}

@media (max-width: 1399px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item,
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1),
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2),
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {
        max-width: 570px;
    }
}
@media (max-width: 1199px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
        border-radius: 40px 125px 40px 40px;
    }
}
@media (max-width: 991px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items {
        gap: 20px;
    }
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
        border-radius: 40px 80px 40px 40px;
    }
}
@media (max-width: 767px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items {
        gap: 10px;
    }
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
        border-radius: 20px 60px 20px 20px;
    }
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item,
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1),
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {
        border-radius: 20px;
    }
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) img {
        object-position: 0px -75px;
    }
}
@media (max-width: 575px) {}
@media (max-width: 460px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
        border-radius: 20px 50px 20px 20px;
    }
}
@media (max-width: 350px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items {
        display: flex;
        flex-direction: column;
    }
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item,
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(1),
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2),
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(3) {
        aspect-ratio: 570/300;
    }
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-photo-gallery.field--type-entity-reference.field--label-hidden.field__items .field__item:nth-child(2) {
        border-radius: 20px 20px 20px 20px;
    }
}


























/* C O N T A C T S // Block */
/* contacts // Block */

/* contacts // Block -> header */
.view.view-contacts.view-id-contacts .view-header {
    margin-bottom: 60px;
}

/* contacts // Block -> row */
.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser {
    position: relative;
}

/* contacts // Block -> map */
.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-field-contacts-map.field--type-text-long.field--label-hidden.field__item .mapContainer {
    max-width: 870px;
    width: 100%;
    height: 514px;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 3px 4px 30px #614a3880;
}

/* contacts // Block -> content */
.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    max-width: 570px;
    width: 100%;
    height: 405px;
    border-radius: 40px;
    background: var(--color-main);
    padding: 60px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* contacts // Block -> content -> contacts */
.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts,
.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 {
    height: 100%;
}

.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 .contacts-title {
    line-height: 1.3;
    font-size: var(--fz-contacts-title);
    margin-bottom: 25px;
}
.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-label {
    margin-bottom: 25px;
    font-size: var(--fz-big);
    line-height: 1.3;
}

.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text {
    margin-bottom: 20px;
}
.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text:last-child {
    margin-bottom: 0px;
}


.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text .contacts-label {
    display: none;
}

.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text a {
    color: inherit;
    text-decoration: none;
    position: relative;
    padding-left: 51px;
    display: flex;
    align-items: center;
    height: 31px;
    font-weight: 500;
    font-size: var(--fz-contacts-link);
}
.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text a:hover {
    color: var(--color-main-darker);
}


.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text a::before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 31px;
    height: auto;
    aspect-ratio: 10/10;
    position: absolute;
    top: 0px;
    left: 0;
}
.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text a.tel::before {
    background: url(/sites/all/themes/vesta_theme/image/custom-images/contacts/phone.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text a.mail::before {
    background: url(/sites/all/themes/vesta_theme/image/custom-images/contacts/mail.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser {
        margin-bottom: 150px;
    }
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        transform: translateY(0%);
    }
}
@media (max-width: 991px) {
    .view.view-contacts.view-id-contacts .view-header {
        margin-bottom: 40px;
    }
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser {
        margin-bottom: 0px;
        display: flex;
        flex-direction: column-reverse;
    }
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin-bottom: 50px;
        max-width: 100%;
        position: relative;
        top: 0;
    }
}
@media (max-width: 767px) {
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        margin-bottom: 40px;
        padding: 45px;
        min-height: 365px;
        height: auto;
    }
}
@media (max-width: 575px) {
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        padding: 35px;
        margin-bottom: 30px;
        min-height: 330px;
    }
}
@media (max-width: 460px) {
    .view.view-contacts.view-id-contacts .view-header {
        margin-bottom: 20px;
    }
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        padding: 25px;
        margin-bottom: 20px;
        min-height: 250px;
        /* border-radius: 20px; */
    }
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 .contacts-title {
        margin-bottom: 20px;
    }
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-label {
        margin-bottom: 15px;
    }
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text {
        margin-bottom: 10px;
    }
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text a {
        padding-left: 41px;
    }
}
@media (max-width: 350px) {
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text a::before {
        position: relative;
    }
    .view.view-contacts.view-id-contacts .view-content .views-row .node.node--type-contacts.node--view-mode-teaser .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .contacts .contacts-set.contacts-set-1 p.contacts-text a {
        display: flex;
        flex-direction: column;
        height: 61px;
        padding-left: 0;
    }
}













/* F O O T E R S // Block */
/* footers // Block */

footer#footer .foot-row {
    gap: 50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

    display: grid;
    /* grid-template-areas: "a b c d";   1 вариант */
    /* grid-template-columns: 220fr 110fr 250fr 270px;   1 вариант */
    grid-template-areas: "a b d";   /* 2 вариант */
    grid-template-columns: 4fr 4fr 4fr;   /* 2 вариант */
    min-height: 330px;
}

/* footers // Block -> column 01 */
footer#footer .foot-row .foot-column.column-1 {
    max-width: 220px;
    grid-area: a;
    width: 100%;
}

footer#footer .foot-row .foot-column.column-1 img {
    width: 100%;
    /* max-width: 95px; */
    /* max-height: 95px; */
    max-width: 115px;
    max-height: 115px;
    height: auto;
    aspect-ratio: 97/95;
    margin-bottom: 30px;
    overflow: hidden;
    /* border-radius: 10px;   1 вариант */
    border-radius: 100px;   /* 2 вариант */
}
footer#footer .foot-row .foot-column.column-1 .privacy {
    font-size: 14px;
}
footer#footer .foot-row .foot-column.column-1 .politika-konfidencialnosti a {
    text-decoration: none;
    font-size: 14px;
    color: inherit;
}
footer#footer .foot-row .foot-column.column-1 .politika-konfidencialnosti a:hover {
    color: var(--color-main-hover);
    text-decoration: underline;
}


/* footers // Block -> column 02 */
footer#footer .foot-row .foot-column.column-2 {
    max-width: 110px;
    grid-area: b;
    width: 100%;
}

footer#footer .foot-row .foot-column.column-2 nav div[id^="block-vesta-theme-osnovnayanavigaciya"] {
    border-bottom: 1px solid var(--color-orig);
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: 500;
    width: 50px;
}

footer#footer .foot-row .foot-column.column-2 nav ul.nav,
footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item {
    width: 100%;
}

footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item a.nav-link {
    font-size: var(--fz-nav);
    color: var(--color-orig);
    padding: 8px 0;
}
footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item a.nav-link:hover {
    color: var(--color-main-darker);
}
footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item a.nav-link.is-active {
    text-decoration: underline;
}
footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item a.nav-link.dropdown-toggle::after {display: none;}

footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item ul.dropdown-menu {
    display: none;
}

/* footers // Block -> column 03 */
footer#footer .foot-row .foot-column.column-3 {
    max-width: 250px;
    grid-area: c;
    width: 100%;
}

footer#footer .foot-row .foot-column.column-3 .block-title {
    font-weight: 500;
    border-bottom: 1px solid var(--color-orig);
    width: 60px;
    margin-top: 30px;
    margin-bottom: 20px;
}

footer#footer .foot-row .foot-column.column-3 .view.view-services.view-id-services .view-content {
    gap: 15px;
}
footer#footer .foot-row .foot-column.column-3 .view.view-services.view-id-services .view-content .views-row {
    width: 100%;
}
footer#footer .foot-row .foot-column.column-3 .view.view-services.view-id-services .view-content .views-row .views-field.views-field-title a {
    font-size: var(--fz-nav);
    text-decoration: none;
    color: inherit;
}
footer#footer .foot-row .foot-column.column-3 .view.view-services.view-id-services .view-content .views-row .views-field.views-field-title a:hover {
    color: var(--color-main-darker);
    text-decoration: underline;
}

/* footers // Block -> column 04 */
footer#footer .foot-row .foot-column.column-4 {
    max-width: 270px;
    grid-area: d;
    width: 100%;
}

footer#footer .foot-row .foot-column.column-4 .col-contacts {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}

footer#footer .foot-row .foot-column.column-4 .col-contacts a {
    color: inherit;
    text-decoration: none;
    position: relative;
    padding-left: 31px;
    display: flex;
    /* align-items: center; */
    align-items: flex-start;
    height: 21px;
    font-weight: 500;
}
footer#footer .foot-row .foot-column.column-4 .col-contacts a:hover {
    color: var(--color-main-darker);
}


footer#footer .foot-row .foot-column.column-4 .col-contacts a::before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 21px;
    height: auto;
    aspect-ratio: 10/10;
    position: absolute;
    top: 0px;
    left: 0;
}
footer#footer .foot-row .foot-column.column-4 .col-contacts a.tel::before {
    background: url(/sites/all/themes/vesta_theme/image/custom-images/contacts/phone.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
footer#footer .foot-row .foot-column.column-4 .col-contacts a.mail::before {
    background: url(/sites/all/themes/vesta_theme/image/custom-images/contacts/mail.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


footer#footer .foot-row .foot-column.column-4 .col-callback .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item a {
    background: var(--color-btn-other);
    border: 0;
    color: var(--color-orig);
    width: 200px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    font-size: var(--fz-btn);
    font-weight: 500;
    margin-bottom: 15px;
}
footer#footer .foot-row .foot-column.column-4 .col-callback .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item a:hover {
    background: var(--color-btn-other-hover);
}


footer#footer .foot-row .foot-column.column-4 .col-search {}
footer#footer .foot-row .foot-column.column-4 form[id^="search-api-page-block-form-search"] {
    background: linear-gradient(180deg, #efded1 0%, #efded1 100%) padding-box, var(--color-btn) border-box;
}



/* footers // Block -> row-copyright */
footer#footer .foot-row.row-copiryght {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    min-height: auto;
}
footer#footer .foot-row.row-copiryght .webvesta-link {
    text-align: center;
}
footer#footer .foot-row.row-copiryght a {
    color: inherit;
    text-decoration: none;
}
footer#footer .foot-row.row-copiryght a:hover {
    color: var(--color-main-darker);
    text-decoration: underline;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    footer#footer .foot-row {
        /* grid-template-columns: 220fr 130fr 230fr 270px;   1 вариант */
        grid-template-columns: 4fr 4fr 4fr;
        gap: 30px;
    }
}
@media (max-width: 991px) {
    footer#footer .foot-row {
        grid-template-columns: 20fr 40fr;
        /* grid-template-areas:
            "a d"
            "b c";   2 вариант */
        grid-template-areas:
            "a d"
            "b b";   /* 2 вариант */
    }
    footer#footer .foot-row .foot-column.column-4 {
        max-width: 500px;
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
    }
    footer#footer .foot-row .foot-column.column-4 .col-contacts {
        margin-bottom: 20px;
        margin-top: 20px;
        width: 100%;
        gap: 10px;
    }

    footer#footer .foot-row .foot-column.column-2,
    footer#footer .foot-row .foot-column.column-3 {
        max-width: 100%;
    }
    footer#footer .foot-row .foot-column.column-2 nav div[id^="block-vesta-theme-osnovnayanavigaciya"],
    footer#footer .foot-row .foot-column.column-3 .block-title {
        margin-top: 0px;
    }

    footer#footer .foot-row .foot-column.column-2 nav ul.nav {
        display: flex;
    }
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item {
        width: 20%;
    }
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item:nth-child(1) {width: 19%;}
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item:nth-child(2) {width: 19%;}
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item:nth-child(3) {width: 18%;}
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item:nth-child(4) {width: 24%;}
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item:nth-child(5) {width: 20%;}
}
@media (max-width: 767px) {
    footer#footer .foot-row {
        grid-template-columns: 30fr 40fr;
    }

    footer#footer .foot-row .foot-column.column-4 .col-callback,
    footer#footer .foot-row .foot-column.column-4 .col-callback .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item a {
        width: 100%;
    }

    footer#footer .foot-row .foot-column.column-4 .col-search,
    footer#footer .foot-row .foot-column.column-4 form[id^="search-api-page-block-form-search"] {
        width: 100%;
        justify-content: space-between;
    }
    footer#footer .foot-row .foot-column.column-4 form[id^="search-api-page-block-form-search"] div[id^="edit-actions"] {
        width: 10%;
    }
    footer#footer .foot-row .foot-column.column-4 form[id^="search-api-page-block-form-search"] .js-form-item.form-item.js-form-type-search {
        width: 85%;
    }
    footer#footer .foot-row .foot-column.column-4 form[id^="search-api-page-block-form-search"] input[id^="edit-keys"] {
        width: 100%;
    }
}
@media (max-width: 575px) {
    footer#footer .foot-row {
        display: flex;
        flex-direction: column;
    }

    footer#footer .foot-row .foot-column.column-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 100%;
    }
    footer#footer .foot-row .foot-column.column-1 img {
        margin-bottom: 10px;
    }
    footer#footer .foot-row .foot-column.column-1 .privacy,
    footer#footer .foot-row .foot-column.column-1 .politika-konfidencialnosti {
        text-align: center;
    }

    footer#footer .foot-row .foot-column.column-2 {
        display: flex;
        justify-content: center;
        /* text-align: center; */
    }

    footer#footer .foot-row .foot-column.column-2 .region.region-navigation {
        width: 100%;
    }
    footer#footer .foot-row .foot-column.column-2 nav div[id^="block-vesta-theme-osnovnayanavigaciya"],
    footer#footer .foot-row .foot-column.column-3 .block-title {
        /* display: flex; */
        width: 100%;
        /* justify-content: center; */
    }

    footer#footer .foot-row .foot-column.column-2 nav ul.nav {
        display: flex;
        flex-direction: column;
    }
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item {
        width: 100%;
    }
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item:nth-child(1) {width: 100%;}
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item:nth-child(2) {width: 100%;}
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item:nth-child(3) {width: 100%;}
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item:nth-child(4) {width: 100%;}
    footer#footer .foot-row .foot-column.column-2 nav ul.nav li.nav-item:nth-child(5) {width: 100%;}
}
@media (max-width: 460px) {}
@media (max-width: 350px) {}