@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root{
    --font-family: 'Inter Tight', sans-serif;
    --white: #ffffff;
    --orange: #EF7F1B;
    --primery: #3D416E;
    --dark: #1E1E1E;
    --blue: #2A72AC;
    --grey: #828282;
    --beige: #FAF6F6;
    --black: #000000;
    --text-color: #191919;
    --background-color: #FFFFFF;
    --fz-slider-title: 46px;
    --fz-slider-body: 16px;
    --fz-text: 16px;
    --fz-btn: 16px;
    --fz-nav: 16px;
    --fz-header: 16px;
    --fz-pochta: 25px;
    --fz-plashki-title: 20px;
    --fz-title-block: 35px;    
    --len-container: 1170px;
    --pic-h: 48px;
    --img-w: calc( ( var(--len-container) - 3 * var(--gap) ) / 4 );
    --img-h: 244px;
    --bt-w: 245px;
    --bt-h: 47px;
    --lh: 19px;
    --bs-offcanvas-zindex: 10046;
    --mb-block: 80px;
    --gap: 30px;
}

body {
    font-family: var(--font-family);
    background-color: var(--beige);
    color: var(--text-color);
}
main{
    min-height: 100vh;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .container{
        max-width: 1170px;
        padding: 0;
    }
}
@media (min-width: 768px) {
    header#header-mob {
        display: none !important;
    }
    header#header {
        display: block !important;
    }
}
@media (max-width: 767px) {
    header#header {
        display: none !important;
    }
    header#header-mob {
        display: flex !important;
        border-bottom: solid 1px #CBCBCB;
    }
    
}
p{
    margin-bottom: 0;
}
.mapContainer{
    border-radius: 20px;
    overflow: hidden;
}
.btn-search-header{
    width: 80px;
    height: 24px;
    border: none;
    color: var(--white);
    background-color: transparent;
    overflow: hidden;
    padding: 0;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 500;
    font-size: var(--fz-text);
    line-height: var(--lh);
    text-decoration-line: underline;
    color: #FFFFFF;
    opacity: 0.7;
    img{
        margin-right: 10px;
    }
}

.btn-search-header-mob{
   width: 80px;
    height: 24px;
    border: none;
    color: var(--white);
    background-color: transparent;
    overflow: hidden;
    padding: 0;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 500;
    font-size: var(--fz-text);
    line-height: var(--lh);
    text-decoration-line: underline;
    color: #FFFFFF;
    opacity: 0.7;
    img{
        margin-right: 10px;
    }
}
header .col-search .region.region-search form{
    position: relative;
}


header .col-search .region.region-search .form-item.js-form-type-search.form-type-search,
header .col-search .region.region-search .form-actions.js-form-wrapper.form-wrapper{
    display: none;
}

header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search,
header .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper{
    display: block;
    position: absolute;
    z-index: 1;
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    width: var(--bt-w);
    height: var(--bt-h);
    top: 40px;
    right: 77px;
    input{
        width: 100%;
        height: 100%;
    }
}
header .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    right: 0;
    top: 40px;
    height: var(--bt-h);
    .search-form__submit{
        height: var(--bt-h);
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 700;
        font-size: var(--fz-btn);
    }
    .search-form__submit:hover{
        background-color: var(--white);
    }
}
.col-search .region.region-search .form-item.js-form-type-search.form-type-search,
.col-search .region.region-search .form-actions.js-form-wrapper.form-wrapper{
    display: none;
}

.col-search .region.region-search.active .form-item.js-form-type-search.form-type-search,
.col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper{
    display: block;
    position: absolute;
    z-index: 1;
}
.col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: calc(var(--bt-h) * 3);
    top: 38px;
}
.col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    right: 0;
    top: 40px;
}

.ui-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
}
img{
    max-width: 100%;
    height: auto;
}
/*HEADER STYLES*/
#footer .ajax-progress,
#header .ajax-progress {
    display: none;
}

.header-bottom {
    background: transparent;
    margin-bottom: 30px;
    padding-top: 5px;
    border-bottom: solid 1px #CBCBCB;
    .container{
        display: flex;
        justify-content: space-between;
    }
}
.header-bottom .logo, .header-bottom .logo a{
    width: 252px;
    height: 52px;    
}
.header-bottom .logo{
    margin-right: 48px;
}
.header-bottom .logo a{
    display: flex;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
#footer .col-logo, #footer .col-logo a{
    width: 262px;
    height: 53px;    
}
#footer .col-logo a{
    display: flex;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.toolbar .toolbar-tab .toolbar-icon {
    padding: 0.75em 1.5em 0.75em 2.5em;
}

/* *** contextual-region *** */
.contextual-region .contextual {
    display: none;
    top: -8px;
    right: 8px;
}

.contextual-region .contextual-region .contextual {
    top: 8px;
}

.contextual-region:hover .contextual {
    display: block;
}

.contextual-region .contextual .trigger {
    width: 22px !important;
    height: 22px !important;
    background-size: 14px 14px;
}

.cart-block--summary .cart-block--summary__count {
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    background: #ccc;
    color: #fff;
    top: -3px;
    right: -9px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 500;
}

#header-mob {
    top: 0;
    width: 100%;
    background: var(--white);
    color: #000;
    padding: 5px 5px;
    z-index: 50;
}

#header-mob.toolbar-horizontal #header-mob {
    top: 0;
}

#header-mob > * {
    padding: 0 10px;
}

#header-mob a {
    color: #FFFFFF;
}

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

.offcanvas .offcanvas-title {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.region-navigation .nav > .nav-item:hover .dropdown-menu {
    display: block;
    top: 100%;
    left: 0;
}


/*HEADER STYLES*/

/* SLICK STYLES */
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    position: absolute;
    top: 0;
    bottom: calc(1vw + 12px);
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

button.slick-prev.slick-arrow {
    left: 25px;
}

button.slick-next.slick-arrow {
    right: 25px;
}

ul.slick-dots {
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 7px;
    list-style: none;
    margin: 10px 0;
}

ul.slick-dots li button {
    background: #686868;
    border-radius: 50%;
    border: none;
    padding: 0;
    width: 10px;
    font-size: 0;
    height: 10px;
    display: block;
}

ul.slick-dots li button::before {
    display: none;
}

ul.slick-dots li.slick-active button {
    background: #272727;
}

button.slick-arrow {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

button.slick-arrow::before {
    content: '';
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
}

button.slick-prev.slick-arrow::before {
    background-image: url("/sites/all/themes/vesta_theme/image/arrow-top.svg");
    transform: rotate(-90deg);
}

button.slick-next.slick-arrow::before {
    background-image: url("/sites/all/themes/vesta_theme/image/arrow-top.svg");
    transform: rotate(90deg);
}

#scrollToTop {
    width: 46px;
    height: 46px;
    background: none;
    text-indent: 0;
    font-size: 0;
    border: 0px;
    outline: 0px;
    display: flex;
    bottom: 194px;
    cursor: pointer;
    position: fixed;
    right: 75px;
    z-index: 10;
    transition: 0.2s;
    padding: 0;
}

/* SLICK STYLES */

/* PRODUCT PAGE STYLES*/

/*.product-teaser {
    display: flex;
    gap: 50px;
}*/

.product-teaser .product-teaser-image {
    max-width: 500px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .current-slide.slick-initialized.slick-slider {
    margin: 0 0 10px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .current-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide img {
    max-width: 500px;
    min-width: 500px;
    max-height: 500px;
    min-height: 500px;
    object-fit: cover;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .nav-slide.slick-initialized.slick-slider .slick-list.draggable {
    margin: 0 -5px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .nav-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide {
    margin: 0 5px;
    max-width: 118px;
    min-width: 118px;
    max-height: 118px;
    min-height: 118px;
}

.product-teaser .product-teaser-image .field.field--name-field-variation-image.field--type-image .elements .nav-slide.slick-initialized.slick-slider .slick-list.draggable .slick-track .element.slick-slide img {
    max-width: 118px;
    min-width: 118px;
    max-height: 118px;
    min-height: 118px;
    object-fit: cover;
}

.product-teaser .product-teaser-info {
    max-width: 500px;
}

.product-view-full button.slick-prev.slick-arrow {
    left: -25px;
}

.product-view-full button.slick-next.slick-arrow {
    right: -25px;
}


.node--view-mode-full .field--name-body img {
    margin: 0 10px;
}

/* PRODUCT PAGE STYLES*/


/* *** ADAPTIVE *** */
@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 991px) {
    #offcanvasNav .nav .dropdown-menu {
        display: none;
        position: static;
        border: 0px solid;
        background: transparent;
        padding: 10px 0;
        border-bottom: 1px solid #BDBDBD;
    }

    #offcanvasNav li.nav-item {
        width: 100%;
    }
}

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

@media screen and (max-width: 576px) {
}

.header-top{
    background-color: var(--blue);
    padding: 8px 0;
}
.header-top .col-contacts{
    display: flex;
    .col-tel{
        margin-right: 70px;
        align-items: center;
        width: unset;
    }
    .col-mail{
        align-items: center;
        margin-right: 70px;
    }
    .col-tel img, .col-mail img{
        margin-right: 5px;
    }
    .col-tel a, .col-mail a{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 700;
        font-size: var(--fz-header);
        line-height: var(--lh);
        color: #FFFFFF;
        text-decoration: none;

    }
    .col-tel a:hover, .col-mail a:hover{
        color: var(--orange);
    }
    .personal {
        width: 180px;
        height: 24px;
        background: #EF7F1B;
        border-radius: 10px;
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 700;
        font-size: var(--fz-btn);
        color: #FAF6F6;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: 2px solid #EF7F1B;
        text-decoration: none;
        margin-right: 20px;
    }
    .personal:hover{
        background-color: transparent;
    }
}
.node--type-baner.node--view-mode-full{
    position: relative;
    padding: 151px 500px 60px 60px;
    .field--name-field-izobrazhenie-fon{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        border-radius: 15px;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .field--name-field-izobrazhenie-fon::after{
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
        background: linear-gradient(162.88deg, rgba(0, 0, 0, 0) 38.45%, rgba(0, 0, 0, 0.32) 64.67%);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }
    .gr-content{
        .field--name-node-title{
            width: 523px;
            font-family: 'Inter Tight';
            font-style: normal;
            font-weight: 700;
            font-size: var(--fz-slider-title);
            line-height: 102%;/* or 47px */
            letter-spacing: -0.02em;
            color: #FAF6F6;
            margin-bottom: var(--gap);
        }
        .field--name-body p{
            font-family: 'Inter Tight';
            font-style: normal;
            font-weight: 400;
            font-size: var(--fz-text);
            line-height: var(--lh);
            color: #FAF6F6;
            margin-bottom: 20px;
        }
    }
}
.node--type-baner.node--view-mode-full .gr-content .node--type-preimushchestvo.node--view-mode-teaser .field--name-node-title{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: calc( var(--fz-title-block) - 5px );
    line-height: 102%;
    letter-spacing: -0.02em;
    color: #FAF6F6;
    margin-bottom: 5px;
    max-width: fit-content;
}
.node--type-baner.node--view-mode-full .gr-content .node--type-preimushchestvo.node--view-mode-teaser .field--name-body p{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-text);
    line-height: 102%;
    letter-spacing: -0.02em;
    color: #FAF6F6;
    max-width: fit-content;
    margin-bottom: 0;
}
.field--name-field-preimushchestva.field--type-entity-reference{
    display: flex;
    gap: var(--gap);
    position: absolute;
    bottom: 60px;
    right: 60px;
}
.btn-callback{
    width: var(--bt-w);
    height: var(--bt-h);
    background: #EF7F1B;
    border-radius: 10px;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-btn);
    color: #FAF6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 2px solid #EF7F1B;
    text-decoration: none;
    margin-right: 20px;
}
.btn-callback:hover{
    background-color: transparent;
}

.field--name-field-ssylka, .field--name-field-ssylka a,
.field--name-field-ssylka2, .field--name-field-ssylka2 a{
    
    width: calc( var(--bt-w) * 0.5 + 3.5px);
    height: var(--bt-h);
    background: transparent;
    border-radius: 10px;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-btn);
    color: #FAF6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 2px solid #EF7F1B;
    text-decoration: none;
}
.field--name-field-ssylka a{
    border: none !important;
}
.field--name-field-ssylka:hover, .field--name-field-ssylka2:hover{
    background: var(--orange);
}
#baner-block, #about-block{
    margin-bottom: var(--mb-block);
}

.node--type-usluga.node--view-mode-teaser{
    position: relative;
    width: var(--img-w);
    height: var(--img-h);
    border: solid #C1C1C1 1px;
    border-radius: 20px;
    overflow: hidden;
    padding: 150px 20px 20px 20px;
}
.node--type-usluga.node--view-mode-teaser .field--name-field-izobrazhenie-usluga{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0px;
    z-index: -1;
    border-radius: 20px;
    overflow: hidden;
    .media--blazy{
        width: 100%;
        height: 100%;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.node--type-usluga.node--view-mode-teaser .field--name-field-izobrazhenie-usluga:after{
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(250, 246, 246, 0) 21.78%, #FAF6F6 84.49%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    border-radius: 20px;
    overflow: hidden;

}
.field--name-field-uslugi.field--type-entity-reference{
    display: flex;
    justify-content: space-between;
    .field__item{
        width: fit-content;
    }
}
#about-block h1, #about-block .field--name-field-titul-main-page{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-title-block);
    line-height: 102%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #191919;
    margin: 0 auto var(--gap) auto;
}
#about-block .field--name-field-titul-main-page{
    width: 83%;
}
.field--name-field-titul-main-page p, .field--name-field-titul-main-page h1{
    display: inline;
}
#about-block .field--name-body p{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    text-align: center;
    color: #191919;
    width: 58.1%;
    margin: 0 auto 50px auto;
}
.node--type-usluga .field--name-node-title{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 800;
    font-size: var(--fz-plashki-title);
    line-height: 102%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #2A72AC;
    margin-bottom: 15px;
}
#about-block .node--type-usluga .field--name-body p, .view-about .node--type-usluga .field--name-body p{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #191919;
    margin: 0;
    width: 100%;
    text-align: start;
}

.view-akciya .datetime{
    display: none;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1{
    background: linear-gradient(180deg, #2A72AC 0%, #112E46 100%);
    border-radius: 20px;
    padding: 60px 0;
    overflow: hidden;
    position: relative;
}
.node--type-akciya.node--view-mode-full .field--name-field-tezis-akcii p{
    font-family: 'Inter Tight';
    font-size: var(--fz-title-block);
    line-height: 102%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;

}
.node--type-akciya.node--view-mode-full .field--name-field-tezis-akcii{
    font-family: 'Inter Tight';
    font-size: var(--fz-title-block);
    line-height: 102%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    width: 49%;
    margin: 0 auto 33px auto;
}
.node--type-akciya.node--view-mode-full .field--name-body p{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: calc( var(--fz-text) - 2px );
    line-height: 17px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);


}
.ttime{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: calc( var(--fz-title-block) + 5px );
    line-height: 102%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 2px;
}
.hms-time{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: calc( var(--fz-text) - 2px );
    line-height: 17px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);

}
.temp p{
    display: flex;
    gap: 18px;
    justify-content: center;
    width: var(--bt-w);
    
}
.temp{
    width: var(--bt-w);
    margin: 0 auto 20px auto;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: calc( var(--fz-title-block) + 5px );
    line-height: 102%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.node--type-akciya.node--view-mode-full .btn-callback{
    margin: 0 auto var(--gap) auto;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1::before{
    content: '';
    position: absolute;
    background-image:  url("/sites/all/themes/vesta_theme/image/world.png");
    border: none;
    background-size: cover;
    color: transparent;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
    width: 486px;
    height: 463px;
    left: -136px;
    top: 46px;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1::after{
    content: '';
    position: absolute;
    background-image:  url("/sites/all/themes/vesta_theme/image/gift.png");
    border: none;
    background-size: cover;
    color: transparent;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
    width: 378px;
    height: 513px;
    left: 804.36px;
    top: -85.44px;
   /* transform: rotate(22.83deg); */
}
#sale-block{
    margin-bottom: var(--mb-block);
}
.node--type-stabilnost-i-kachestvo .field--name-field-titul{
    width: 81%;
    text-align: center;
    margin: 0 auto var(--gap) auto;
}
.node--type-stabilnost-i-kachestvo .field--name-field-titul p{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-title-block);
    line-height: 102%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #191919;
}
.node--type-stabilnost-i-kachestvo .field--name-body{
    width: 66%;
    text-align: center;
    margin: 0 auto 20px auto;
}
.node--type-stabilnost-i-kachestvo .field--name-body p{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--ln);
    text-align: center;
    color: #191919;
}
.field--name-field-ssylka1 a{
    width: var(--bt-w);
    height: var(--bt-h);
    background: #EF7F1B;
    border-radius: 10px;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-btn);
    color: #FAF6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 2px solid #EF7F1B;
    text-decoration: none;
    margin-right: 20px;
}
.field--name-field-ssylka1 a:hover{
    background-color: transparent;
    color: #191919;
}
.field--name-field-ssylka2 a{
    color: #191919 !important;
    border: none !important;
}
.field--name-field-ssylka2 a:hover{
    color: var(--white) !important;
}
.buttn-group{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
.node--type-preimushchestvo.node--view-mode-full{
    width: var(--img-w);
    height: var(--img-h);
    background: linear-gradient(180deg, #2A72AC 0%, #112E46 100%);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    .field--name-node-title{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 500;
        font-size: calc( var(--fz-slider-title) - 3px );
        line-height: 102%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
        margin-bottom: 3px;
    }
    .field--name-body p{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 600;
        font-size: var(--fz-text);
        line-height: var(--lh);
        color: #FFFFFF;
    }
    .field--name-field-soderzhanie{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 500;
        font-size: calc( var(--fz-text) - 2px );
        line-height: calc( var(--lh) - 2px );
        color: #FFFFFF;
    }
}
.view-preimushchestva .view-content{
    display: flex;
    justify-content: space-between;
}
.view-preimushchestva .view-content .views-row:first-of-type .node--type-preimushchestvo.node--view-mode-full .field--name-node-title{
    display: none;
}
.view-preimushchestva .view-content .views-row:first-of-type .node--type-preimushchestvo.node--view-mode-full::after{
    content: '';
    position: absolute;
    width: 107px;
    height: 91px;
    border-radius: 20px;
    background-image: url("/sites/all/themes/vesta_theme/image/image 2.png");
    background-size: cover;
    background-position: center;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50%);
}
#block-vesta-theme-views-block-preimushchestva-block-1{
    margin-bottom: var(--mb-block);
}

.node--type-webform.node--view-mode-full .field--name-node-title{
    margin: 0 auto var(--gap) auto;    
    width: 48%;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-title-block);
    line-height: 102%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #191919;
}
.node--type-webform.node--view-mode-full .field--name-body{
    width: 570px;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    text-align: center;
    color: #191919;
    margin: 0 auto 20px auto; 
}

.field--name-webform .form-control{
    box-sizing: border-box;
    width: var(--img-w);
    height: 59px;
    opacity: 0.86;
    border: 1px solid #000000;
    border-radius: 10px;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #828282;
}
.modal-dialog .form-control{
    box-sizing: border-box;
    height: 59px;
    opacity: 0.86;
    border: 1px solid #000000;
    border-radius: 10px;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #828282;
    margin-bottom: 10px;
}
.field--name-webform .form-control::placeholder{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #828282;
}
.modal-dialog .form-control::placeholder{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #828282;
}
.region-fos .webform-button--submit{
    width: var(--img-w);
    height: 59px;
    border-radius: 10px;
    text-transform: uppercase;
}
.modal-dialog .webform-button--submit{
    width: var(--img-w);
    height: 47px;
    border-radius: 10px;
    text-transform: uppercase;
    margin: 0 auto;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--orange);
    --bs-btn-border-color: var(--orange);
    --bs-btn-hover-color: var(--text-color);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--orange);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--orange);
}
.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: 'Inter Tight';
    --bs-btn-font-size:  calc( var(--fz-text) - 2px );
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: calc( var(--lh) - 2px );
}
.region-fos .webform-submission-form{
    display: grid;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: var(--gap);
    grid-template-columns: repeat(4, var(--img-w));
    grid-template-rows: 59px 34px;
}
.js-form-type-checkbox{
    display: flex;
    width: 100%;
    justify-content: center;
}
.js-form-type-checkbox input{
    box-sizing: border-box;
    width: 34px;
    height: 34px;
    border: 1px solid #838383;
    border-radius: 5px;
    margin-right: 11px;
}

.webform-element-description, .webform-element-description a{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #828282;
}
.webform-element-description a:hover{
    color: var(--orange)
}
.webform-element-description, .description{
    width: 525px;
}
.modal-dialog .webform-element-description, .description{
    width: unset;
}
.region-fos .js-form-item-name{
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}
.region-fos .js-form-item-email{
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}
.region-fos .js-form-item-telefon{
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
    margin: 0;
}
.region-fos .form-actions.webform-actions{
    grid-column: 4 / span 1;
    grid-row: 1 / span 1;
    height: 59px;
}
.region-fos .js-form-type-checkbox{
    grid-column: 1 / span 4;
    grid-row: 2 / span 1;
}
.node--type-webform.node--view-mode-full{
    margin-bottom: 50px;
}
.contacts-label{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-plashki-title);
    line-height: calc( var(--fz-plashki-title) + 4px );
    color: #1E1E1E;
    margin-bottom: 15px;
}
.col-tel, .col-pochta, .col-city, .col-grafik{
    width: var(--img-w);
}
#block-vesta-theme-bloknastranicekontakty .col-tel, #block-vesta-theme-bloknastranicekontakty .col-pochta,
 #block-vesta-theme-bloknastranicekontakty .col-city, #block-vesta-theme-bloknastranicekontakty .col-grafik{
    width: 100%;
}
 #block-vesta-theme-bloknastranicekontakty .cont-item .city,  #block-vesta-theme-bloknastranicekontakty .cont-item .gr-fik {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: var(--text-color);
}
 #block-vesta-theme-bloknastranicekontakty .cont-item .tel{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-text) !important; 
    line-height: var(--lh) !important;
    color: var(--text-color);
    text-decoration: none;
}

#block-vesta-theme-kontakty .field--name-body, #block-vesta-theme-bloknastranicekontakty .field--name-body{
    display: flex;
}
#block-vesta-theme-bloknastranicekontakty .field--name-body{
    flex-direction: column;
    gap: var(--gap);
}
.cont-item{
    display: flex;
    align-items: center;
}
.col-tel .cont-item img{
    margin-right: 5px;
}
.col-pochta .cont-item img{
    margin-right: 13px;
}
.col-city .cont-item img{
    margin-right: 12px;
}
.col-grafik .cont-item img{
    margin-right: 12px;
}
.cont-item .tel, .cont-item .mail{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: calc( var(--fz-plashki-title) + 5px);
    line-height: calc( var(--fz-plashki-title) + 10px);;
    color: #2A72AC;
    text-decoration: none;
}
.cont-item .tel:hover, .cont-item .mail:hover{
    color: var(--orange);
}

.col-pochta, .col-city, .col-tel{
    margin-right: var(--gap);
}
.cont-item .city, .cont-item .gr-fik{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #2A72AC;
}
#block-vesta-theme-kontakty,  #block-vesta-theme-bloknastranicekontakty .field--name-body{
    margin-bottom: 50px;
}
#map-block{
    margin-bottom: var(--mb-block);
}

.not-front h1 {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-title-block);
    line-height: 102%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #191919;
    width: 83%;
    margin: 0 auto 50px auto;
}
#footer .col-nav{
    width: 151px;
    margin-right: 49px;
    padding: 0;
}
#footer .col-logo{
    padding: 0;
    margin-right: 138px;
}
#footer .col-nav ul{
    flex-direction: column;
}
#footer .cont-1{
    padding: 0;
    width: 264px;
    margin-right: 36px;
}
#footer .cont-2{
    padding: 0;
    width: 260px;
}
#footer .contacts-label, #block-vesta-theme-navigaciyaposaytu-menu{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #828282;
    margin-bottom: 15px;
}
#footer .col-pochta, #footer .col-tel{
    margin-bottom: var(--gap);
}
#footer .col-pochta{
    min-height: 94px;
    max-height: 94px;
}

#footer .row{
    padding: 30px 0 43px 0;
    border-top: solid 1px #828282;
    border-bottom: solid 1px #828282;
}
.row-copiryght{
    padding: 15px 0;
    display: flex;
    gap: 64px;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #1E1E1E;
    a{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        color: #1E1E1E;
        text-decoration: none;
    }
    a:hover{
        color: var(--blue);
    }
}

#footer .col-nav ul li a{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #191919;
    margin: 2.5px 0;
    padding: 0;

}
#footer .col-nav ul li a:hover{
    color: var(--orange);
}

.pagination {
    --bs-pagination-color: var(--text-color);
    --bs-pagination-bg: var(--white);
    --bs-pagination-border-color: var(--orange);
    --bs-pagination-hover-color: var(--white);
    --bs-pagination-hover-bg: var(--orange);
    --bs-pagination-hover-border-color: var(--orange);
    --bs-pagination-focus-color: var(--white);
    --bs-pagination-focus-bg: var(--orange);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--orange);
    --bs-pagination-active-border-color: var(--orange);
}
.block-system-main-block h3, .block-system-main-block h3 p, .block-system-main-block h3 a{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-plashki-title);
    line-height: calc(var(--fz-plashki-title) + 4px);
    color: #1E1E1E;
    text-decoration: none;
}
.block-system-main-block h3 a:hover{
    color: var(--orange);
}
.block-system-main-block .search-api-page-block-form-search{
    margin-bottom: 30px;
}
.block-system-main-block h3:first-of-type{
    margin-top: 30px;
}
nav.pager{
    margin-top: 30px;
}
.it-label{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #191919;
    height: 38px;
    text-align: center;
    padding-bottom: 8px;
}
.it-label.ctv{
    width: 95px;
}
header .region-navigation ul li .nav-link {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 136px;
    position: relative;
    img{
        width: 24px;
        height: 24px;
        object-fit: cover;
        margin-bottom: 5px;
    }
}
header .region-navigation ul{
    justify-content: space-between;
    width: 866px;
}
header .region-navigation ul li .nav-link:hover::after{
    content: '';
    position: absolute;
    bottom: -2px;
    height: 1px;
    left: 0;
    right: 0;
    border: solid 2.5px var(--orange);
}
.node--type-about.node--view-mode-teaser .field--name-body {
    margin-bottom: 30px;
}
.node--type-usluga.node--view-mode-teaser .field--name-field-ssylka-na-stranicu a{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: transparent;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
}

.modal-header {
    background-color: var(--blue);
    color: var(--white);
}
.modal {
    --bs-modal-width: 350px;
}
.btn-close {
    --bs-btn-close-bg: url("/sites/all/themes/vesta_theme/image/stich.svg");
}




@media screen and (min-width: 992px) and (max-width: 1199px) {
:root{
    --fz-slider-title: 40px;
    --fz-slider-body: 16px;
    --fz-text: 15px;
    --fz-btn: 15px;
    --fz-nav: 15px;
    --fz-header: 15px;
    --fz-pochta: 25px;
    --fz-plashki-title: 17px;
    --fz-title-block: 30px;    
    --len-container: 960px;
    --pic-h: 48px;
    --img-w: calc( ( var(--len-container) - 3 * var(--gap) ) / 4 );
    --img-h: 200px;
    --bt-w: 245px;
    --bt-h: 45px;
    --lh: 19px;
    --bs-offcanvas-zindex: 10046;
    --mb-block: 60px;
    --gap: 30px;
}
.container{
        padding: 0;
    }
header .region-navigation ul {
    width: 735px; 
}
div#vpa-short-wrapper {
    margin-right: 50px;
}
#scrollToTop {
    right: 50px;
}
.header-bottom .logo, .header-bottom .logo a {
    width: 200px;
    height: 42px;
}
#footer .col-logo, #footer .col-logo a{
    width: 220px;
    height: 46px;    
}
.header-bottom .logo {
    margin-right: 25px;
}
.node--type-baner.node--view-mode-full {
    padding: 115px 400px 60px 60px;
}
#about-block .field--name-body p {
    width: 58.5%;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1 {
    padding: 50px 0;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1::before{
    width: 407px;
    height: 387px;
    left: -136px;
    top: 71px;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1::after {
    width: 332px;
    height: 447px;
    left: 661.36px;
    top: -85.44px;
}
.node--type-stabilnost-i-kachestvo .field--name-field-titul {
    width: 84%;
}
.cont-item .tel, .cont-item .mail {
    font-size: calc(var(--fz-plashki-title) + 2px);
    line-height: calc(var(--fz-plashki-title) + 7px);
}
.col-city .cont-item img {
    margin-right: 8px;
}
.col-grafik .cont-item img {
    margin-right: 8px;
}
.col-pochta .cont-item img {
    margin-right: 9px;
}
.col-tel .cont-item img {
    margin-right: 3px;
}
#block-vesta-theme-kontakty, #block-vesta-theme-bloknastranicekontakty .field--name-body {
    margin-bottom: 40px;
}
#footer .col-logo {
    padding: 0;
    margin-right: 75px;
}
#footer .col-nav {
    width: 145px;
    margin-right: 50px;
}
#footer .cont-1 {
    padding: 0;
    width: 220px;
    margin-right: 20px;
}
#footer .cont-2 {
    padding: 0;
    width: 215px;
}
#footer .col-pochta {
    min-height: 82px;
    max-height: 82px;
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: 73px;
}
.node--type-usluga.node--view-mode-teaser {
    padding: 104px 20px 20px 20px;
}
.node--type-preimushchestvo.node--view-mode-full .field--name-node-title {
        font-size: calc(var(--fz-slider-title) - 6px);
    }
.node--type-preimushchestvo.node--view-mode-full {
    padding: 25px;
    .field--name-body{
        margin-bottom: 10px;
    }
}
.view-preimushchestva .view-content .views-row:first-of-type .node--type-preimushchestvo.node--view-mode-full::after {
    width: 97px;
    height: 82px;
}
.personal {
        width: 160px;
}
.header-top .col-contacts {
    .col-tel,  .col-mail{
        margin-right: 26px;
    }
}
.product-teaser {
    width: calc((var(--len-container) - var(--img-w) - var(--gap) * 4) / 2) !important;
}
.commerce-product--type-oborudovanie .field--name-field-izobrazhenie-oborudovanie {
        min-width: 120px !important;
}


}

div#vpa-short-wrapper {
    margin: unset;
    margin-left: auto;
    margin-right: 75px;
    max-width: 641px;
    gap: 70px;
    padding: 30px;
}
div#vpa-short-wrapper .vpa-content {
    max-width: 429px;
}
.vpa-actions .btn {
    padding: 11px 30px;
    background: #2A72AC;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
.vpa-content p, .vpa-content {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #000000;
}
.vpa-wrapper.vpa-visible {
    bottom: 46px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
:root{
    --fz-slider-title: 36px;
    --fz-slider-body: 16px;
    --fz-text: 14px;
    --fz-btn: 14px;
    --fz-nav: 14px;
    --fz-header: 14px;
    --fz-pochta: 25px;
    --fz-plashki-title: 17px;
    --fz-title-block: 24px;    
    --len-container: 720px;
    --pic-h: 48px;
    --img-w: 240px;
    --img-h: 220px;
    --bt-w: 208px;
    --bt-h: 38px;
    --lh: 17px;
    --bs-offcanvas-zindex: 10046;
    --mb-block: 50px;
    --gap: 20px;
}
.container{
        padding: 0;
    }
header .region-navigation ul {
        width: 388px;
        flex-wrap: wrap; 
        row-gap: 10px;
}
div#vpa-short-wrapper {
    margin-right: 50px;
}
#scrollToTop {
    right: 50px;
    width: 40px;
    height: 40px;
    bottom: 70px;
}
.vpa-wrapper.vpa-visible {
    bottom: 25px;
}
.header-bottom .logo, .header-bottom .logo a {
    width: 200px;
    height: 42px;
}
#footer .col-logo, #footer .col-logo a {
    width: 155px;
    height: 28px;
}
.header-bottom .logo {
    margin-right: 25px;
}
.node--type-baner.node--view-mode-full {
    padding: 100px 190px 40px 40px;
}
#about-block .field--name-body p {
    width: 80%;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1 {
    padding: 50px 0;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1::before{
    width: 342px;
    height: 325px;
    left: -136px;
    top: 71px;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1::after {
    width: 274px;
        height: 422px;
        left: 478.36px;
        top: -85.44px;
}
.node--type-stabilnost-i-kachestvo .field--name-field-titul {
    width: 90%;
}
.cont-item .tel, .cont-item .mail {
        font-size: 15px;
        line-height: 19px;
}
.col-city .cont-item img {
    margin-right: 5px;
}
.col-grafik .cont-item img {
    margin-right: 5px;
}
.col-pochta .cont-item img {
    margin-right: 6px;
}
.col-tel .cont-item img {
    margin-right: 2px;
}
.col-city, .col-tel {
    margin-right: 20px;
}
.col-pochta{
    margin: 0;
}
#block-vesta-theme-kontakty, #block-vesta-theme-bloknastranicekontakty .field--name-body {
    margin-bottom: 40px;
}
#footer .col-logo {
    padding: 0;
    margin-right: 25px;
}
#footer .col-nav {
    width: 137px;
    margin-right: 25px;
}
#footer .cont-1 {
    padding: 0;
    width: 200px;
    margin-right: 20px;
}
#footer .cont-2 {
    padding: 0;
    width: 175px;
}
#footer .col-pochta {
    min-height: 82px;
    max-height: 82px;
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: 73px;
}
.node--type-usluga.node--view-mode-teaser {
    padding: 124px 20px 20px 20px;
}
.node--type-preimushchestvo.node--view-mode-full .field--name-node-title {
        font-size: calc(var(--fz-slider-title) - 6px);
    }
.node--type-preimushchestvo.node--view-mode-full {
    padding: 25px;
    .field--name-body{
        margin-bottom: 10px;
    }
}
.view-preimushchestva .view-content .views-row:first-of-type .node--type-preimushchestvo.node--view-mode-full::after {
    width: 97px;
    height: 82px;
}
.field--name-field-preimushchestva.field--type-entity-reference {
    display: flex;
    gap: var(--gap);
    position: absolute;
    bottom: 40px;
    right: 40px;
}
.btn-callback {
    margin-right: 10px;
}
.field--name-field-ssylka, .field--name-field-ssylka a, .field--name-field-ssylka2, .field--name-field-ssylka2 a {
    width: calc(var(--bt-w) * 0.4 + 3.5px);
}
.node--type-baner.node--view-mode-full .gr-content .node--type-preimushchestvo.node--view-mode-teaser .field--name-body p {
    font-size: 12px;
}
.field--name-field-uslugi.field--type-entity-reference {
    display: flex;
    justify-content: center;
    gap: var(--gap);
    flex-wrap: wrap;
}
.field--name-field-uslugi.field--type-entity-reference .field__item {
       width: unset; 
}
.node--type-stabilnost-i-kachestvo .field--name-body {
    width: 87%;
}
.view-preimushchestva .view-content {
    display: flex;
    justify-content: center;
    gap: var(--gap);
    flex-wrap: wrap;
}
.node--type-webform.node--view-mode-full .field--name-node-title {
    width: 75%;
}
.node--type-webform.node--view-mode-full .field--name-body {
    width: 523px;
}
.region-fos .webform-submission-form {
    display: grid;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(4, 165px);
    grid-template-rows: 50px 34px;
}
.region-fos .webform-button--submit {
    width: 170px;
    height: 50px;
}
.field--name-webform .form-control {
    box-sizing: border-box;
    width: 170px;
    height: 50px;
    margin-top: 0;
}
.js-form-type-checkbox input {
    width: 28px;
    height: 28px;
}
.row-copiryght {
    justify-content: space-between;
    gap: unset;
}
.col-tel, .col-pochta, .col-city, .col-grafik {
    width: 175px;
}
.header-top .col-contacts {
    .col-tel {
        margin-right: 21px;
        width: 190px;
    }
    .col-mail{
        width: 245px;
    }
}
#block-vesta-theme-kontakty .field--name-body {
    display: flex;
        flex-wrap: wrap;
        justify-content: unset;
        row-gap: 20px;
        column-gap: 30px;
        width: 510px;
        margin: 0 auto;
}
.row-copiryght, .row-copiryght a {
    font-size: 12px;
}
.region-fos .form-actions.webform-actions {
    height: 50px;
}
.product-teaser {
    width: 220px !important;
}
.commerce-product--type-oborudovanie .field--name-field-izobrazhenie-oborudovanie {
        min-width: 120px !important;
}
.header .col-mail{
    display: none !important;
}
.commerce-product--type-dopolnitelnyy-tovar {
    .field--name-title {
        width: 40%;
    }
        .field--name-field-stoimost-dlya-fizlic, .field--name-field-stoimost-dlya-yurlic {
        width: 30%;
    }
}
.commerce-product--type-oborudovanie {
    width: 220px !important;
    height: 100% !important;
    .field--name-title{
        margin-bottom: 20px;
    }
}
.commerce-product--type-oborudovanie .field--name-field-izobrazhenie-oborudovanie {
        width: 100% !important;
        margin-bottom: 20px !important;
        margin-right: 0 !important;
    }
    .commerce-product--type-oborudovanie .field--name-body p {
        position: relative !important;
        bottom: unset !important; 
        right: unset !important;
    }

.taxonomy-term--view-mode-teaser .field--name-taxonomy-term-title {
    max-height: 35px;
    min-height: 35px;

}

.taxonomy-term--view-mode-teaser .field--name-field-izobrazhenie-o-nas-termin {
        height: 150px !important;
    }
.taxonomy-term--view-mode-teaser .field--name-field-interenet-termin-izobrazhe {
        height: 150px;
}
  .view-content .views-row:nth-child(3n+2) .node--type-publikaciya.node--view-mode-teaser .field--name-field-izobrazhenie-publikacii {
        width: 100%;
    }
  .view-content .views-row:nth-child(3n+3) .node--type-publikaciya.node--view-mode-teaser .field--name-field-izobrazhenie-publikacii {
        width: 100%;
    }
.node--type-partner.node--view-mode-teaser {
    width: calc((var(--len-container) - var(--gap)) / 2) !important;
}
}


@media screen and (min-width: 577px) and (max-width: 767px) {
:root{
    --fz-slider-title: 32px;
    --fz-slider-body: 16px;
    --fz-text: 14px;
    --fz-btn: 14px;
    --fz-nav: 14px;
    --fz-header: 14px;
    --fz-pochta: 25px;
    --fz-plashki-title: 17px;
    --fz-title-block: 22px;    
    --len-container: 540px;
    --pic-h: 48px;
    --img-w: 240px;
    --img-h: 220px;
    --bt-w: 208px;
    --bt-h: 38px;
    --lh: 17px;
    --bs-offcanvas-zindex: 10046;
    --mb-block: 40px;
    --gap: 20px;
}
.container{
        padding: 0;
    }
header .region-navigation ul {
        width: 388px;
        flex-wrap: wrap; 
        row-gap: 10px;
}
#scrollToTop {
    width: 40px;
    height: 40px;
    right: 25px;
    bottom: 70px;
}
div#vpa-short-wrapper {
    margin-left: auto;
    margin-right: auto;
}
.vpa-wrapper.vpa-visible {
    bottom: 20px;
}
.header-bottom .logo, .header-bottom .logo a {
    width: 200px;
    height: 42px;
}
#footer .col-logo, #footer .col-logo a {
    width: 155px;
    height: 28px;
}
.header-bottom .logo {
    margin-right: 25px;
}
.node--type-baner.node--view-mode-full {
    padding: 100px 40px 40px 40px;
}
#about-block .field--name-body p {
    width: 100%;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1 {
    padding: 30px 0;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1::before{
    width: 278px;
    height: 264px;
    left: -136px;
    top: 71px;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1::after {
    width: 169px;
    height: 249px;
    left: 387.36px;
    top: -30.44px;
}
.node--type-stabilnost-i-kachestvo .field--name-field-titul {
    width: 100%;
}
.cont-item .tel, .cont-item .mail {
        font-size: 15px;
        line-height: 19px;
}
.col-city .cont-item img {
    margin-right: 5px;
}
.col-grafik .cont-item img {
    margin-right: 5px;
}
.col-pochta .cont-item img {
    margin-right: 6px;
}
.col-tel .cont-item img {
    margin-right: 2px;
}
.col-city, .col-tel {
    margin-right: 20px;
}
.col-pochta{
    margin: 0;
}
#block-vesta-theme-kontakty, #block-vesta-theme-bloknastranicekontakty .field--name-body {
    margin-bottom: 40px;
}
#footer .col-logo {
    padding: 0;
    margin-right: 65px;
}
#footer .col-nav {
    width: 137px;
    margin-right: 25px;
}
#footer .cont-1 {
    padding: 0;
    width: 200px;
    margin-right: 20px;
}
#footer .cont-2 {
    padding: 0;
    width: 175px;
}
#footer .col-pochta {
    min-height: 82px;
    max-height: 82px;
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: 73px;
}
.node--type-usluga.node--view-mode-teaser {
    padding: 124px 20px 20px 20px;
}
.node--type-preimushchestvo.node--view-mode-full .field--name-node-title {
        font-size: calc(var(--fz-slider-title) - 6px);
    }
.node--type-preimushchestvo.node--view-mode-full {
    padding: 25px;
    .field--name-body{
        margin-bottom: 10px;
    }
}
.view-preimushchestva .view-content .views-row:first-of-type .node--type-preimushchestvo.node--view-mode-full::after {
    width: 97px;
    height: 82px;
}
.field--name-field-preimushchestva.field--type-entity-reference {
    display: flex;
    gap: var(--gap);
    position: inherit;
}
.btn-callback {
    margin-right: 10px;
}
.field--name-field-ssylka, .field--name-field-ssylka a, .field--name-field-ssylka2, .field--name-field-ssylka2 a {
    width: calc(var(--bt-w) * 0.4 + 3.5px);
}
.node--type-baner.node--view-mode-full .gr-content .node--type-preimushchestvo.node--view-mode-teaser .field--name-body p {
    font-size: 12px;
}
.field--name-field-uslugi.field--type-entity-reference {
    display: flex;
    justify-content: center;
    gap: var(--gap);
    flex-wrap: wrap;
}
.field--name-field-uslugi.field--type-entity-reference .field__item {
       width: unset; 
}
.node--type-stabilnost-i-kachestvo .field--name-body {
    width: 87%;
}
.view-preimushchestva .view-content {
    display: flex;
    justify-content: center;
    gap: var(--gap);
    flex-wrap: wrap;
}
.node--type-webform.node--view-mode-full .field--name-node-title {
    width: 75%;
}
.node--type-webform.node--view-mode-full .field--name-body {
    width: 523px;
}
.region-fos .webform-submission-form {
    display: grid;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(2, 260px);
    grid-template-rows: 50px 50px 34px;
}
.region-fos .js-form-item-name{
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}
.region-fos .js-form-item-email{
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}
.region-fos .js-form-item-telefon{
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
    margin: 0;
}
.region-fos .form-actions.webform-actions{
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    height: 50px;
}
.region-fos .js-form-type-checkbox{
    grid-column: 1 / span 2;
    grid-row: 3 / span 1;
}
.region-fos .webform-button--submit {
    width: 260px;
    height: 50px;
}
.field--name-webform .form-control {
    box-sizing: border-box;
    width: 260px;
    height: 50px;
    margin-top: 0;
}
.js-form-type-checkbox input {
    width: 28px;
    height: 28px;
}
.row-copiryght {
    justify-content: space-between;
    gap: unset;
    flex-wrap: wrap;
    row-gap: 10px;
}
.col-tel, .col-pochta, .col-city, .col-grafik {
    width: 220px;
}
.header-top .col-contacts {
    .col-tel {
        margin-right: 0;
    }
}
#block-vesta-theme-kontakty .field--name-body, #block-vesta-theme-bloknastranicekontakty .field--name-body {
    display: flex;
        flex-wrap: wrap;
        justify-content: unset;
        row-gap: 20px;
        column-gap: 30px;
        width: 510px;
        margin: 0 auto;
}
.row-copiryght, .row-copiryght a {
    font-size: 12px;
}
.region-fos .form-actions.webform-actions {
    height: 50px;
}
main {
    padding-top: 20px;
}
.node--type-baner.node--view-mode-full .gr-content  .field--name-node-title {
            width: 100%;
}
.node--type-baner.node--view-mode-full .gr-content .btn-group{
    margin-bottom: 20px;
}
#about-block h1 {
    width: 100%;
}
.node--type-akciya.node--view-mode-full .field--name-field-tezis-akcii {
    width: 100%;
}
#footer .row {
    justify-content: center;
    row-gap: 30px;
}
.webform-element-description, .description {
    width: 500px;
}


.not-front .wr_content .container {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
#views-exposed-form-tovary-page-1  #edit-field-select-catalog--3 ul {
    display: flex;
    gap: var(--gap);
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    
}
#views-exposed-form-tovary-page-1  #edit-field-select-catalog--3 ul li:first-child{
    display: none;
}
.view-tovary .view-content {
    justify-content: center;
}
.commerce-product--type-oborudovanie {
    width: calc((var(--len-container) - var(--gap)) / 2) !important;
    height: 100% !important;
    .field--name-title{
        margin-bottom: 20px;
    }
}
.commerce-product--type-oborudovanie .field--name-field-izobrazhenie-oborudovanie {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
    .commerce-product--type-oborudovanie .field--name-body p {
        position: relative !important;
        bottom: unset !important; 
        right: unset !important;
    }
.view-taxonomy-term {
    .view-content {
        display: flex !important;
        flex-direction: column !important;
    }
}
.node--type-publikaciya.node--view-mode-teaser .field--name-field-izobrazhenie-publikacii {
        height: 150px !important;
    }
.taxonomy-term--view-mode-teaser {
    width: calc((var(--len-container) - var(--gap)) / 2) !important;
}
.taxonomy-term--view-mode-teaser .field--name-taxonomy-term-title {
        max-height: 35px !important;
        min-height: 35px !important;
}
.taxonomy-term--view-mode-teaser .field--name-field-interenet-termin-izobrazhe {
        height: 175px !important;
    }
   .taxonomy-term--view-mode-teaser .field--name-field-izobrazhenie-o-nas-termin {
        height: 175px !important;
    } 
.not-front h1 {
     margin: 0 auto 30px auto !important;
}
.node--type-news.node--view-mode-teaser {
    width: calc((var(--len-container) - var(--gap)) / 2) !important;
}
.node--type-news.node--view-mode-teaser .field--name-field-image-news {
        width: 100%;
        height: 150px !important ;
}
}

#header-mob .col-logo, .offcanvas-header .logo{
    width: 200px;
    height: 48px;
    margin-top: 5px;
}
.offcanvas-header .btn-close {
    --bs-btn-close-bg: url(/sites/all/themes/vesta_theme/image/stich_b.svg);
}
.offcanvas-body ul li a {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 400;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #191919;
    margin: 5px 0;
    padding: 0;
}
.offcanvas-body #block-vesta-theme-navigaciyaposaytu-menu{
    display: none;
}
.offcanvas-body .mail, .offcanvas-body .tel {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    color: #2A72AC;
    text-decoration: none;
}
.offcanvas-body .mail:hover, .offcanvas-body .tel:hover{
    color: var(--orange);
} 
.offcanvas-body .region-navigation, .offcanvas-body .region-navfooter{
    margin-bottom: 15px;}
.offcanvas-body .col-tel{
    margin-bottom: 5px;
    img{
        margin-right: 5px;
    }
}
.offcanvas-body .col-mail img{
    margin-right: 5px;
    margin-bottom: 15px;
}
.offcanvas-body .search-form__submit.button{
    height: 38px;
    font-size: 14px;
}
.offcanvas-body .form-control::placeholder{
    font-size: 14px;
}
.modal-title {
    font-size: var(--fz-plashki-title);
}

@media screen and (max-width: 576px) {
:root{
    --fz-slider-title: 24px;
    --fz-slider-body: 14px;
    --fz-text: 14px;
    --fz-btn: 12px;
    --fz-nav: 14px;
    --fz-header: 14px;
    --fz-pochta: 25px;
    --fz-plashki-title: 17px;
    --fz-title-block: 20px;    
    --len-container: 100%;
    --pic-h: 48px;
    --img-w: 240px;
    --img-h: 220px;
    --bt-w: 175px;
    --bt-h: 38px;
    --lh: 17px;
    --bs-offcanvas-zindex: 10046;
    --mb-block: 40px;
    --gap: 20px;
}

header .region-navigation ul {
        width: 388px;
        flex-wrap: wrap; 
        row-gap: 10px;
}
.header-bottom .logo, .header-bottom .logo a {
    width: 200px;
    height: 42px;
}
#scrollToTop {
    width: 40px;
    height: 40px;
    right: 25px;
    bottom: 70px;
}
div#vpa-short-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    gap: 20px;
}
.vpa-wrapper.vpa-visible {
    bottom: 20px;
}
#footer .col-logo, #footer .col-logo a {
    width: 155px;
    height: 28px;
}
.header-bottom .logo {
    margin-right: 25px;
}
.node--type-baner.node--view-mode-full {
    padding: 80px 20px 40px 20px;
}
#about-block .field--name-body p {
    width: 100%;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1 {
    padding: 30px 0;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1::before{
    width: 278px;
    height: 264px;
    left: -136px;
    top: 71px;
}
#sale-block #block-vesta-theme-views-block-akciya-block-1::after {
    width: 169px;
    height: 249px;
    left: 338.36px;
    top: -30.44px;
}
.node--type-stabilnost-i-kachestvo .field--name-field-titul {
    width: 100%;
}
.cont-item .tel, .cont-item .mail {
        font-size: 15px;
        line-height: 19px;
}
.col-city .cont-item img {
    margin-right: 5px;
}
.col-grafik .cont-item img {
    margin-right: 5px;
}
.col-pochta .cont-item img {
    margin-right: 6px;
}
.col-tel .cont-item img {
    margin-right: 2px;
}
.col-city, .col-tel {
    margin-right: 20px;
}
.col-pochta{
    margin: 0;
}
#block-vesta-theme-kontakty, #block-vesta-theme-bloknastranicekontakty .field--name-body {
    margin-bottom: 40px;
}
#footer .col-logo {
    padding: 0;
    margin-right: 65px;
}
#footer .col-nav {
    width: 137px;
    margin-right: 25px;
}
#footer .cont-1 {
    padding: 0;
    width: 200px;
    margin-right: 20px;
}
#footer .cont-2 {
    padding: 0;
    width: 200px;
    margin-right: 20px;
}
#footer .col-pochta {
    min-height: 82px;
    max-height: 82px;
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: 73px;
}
.node--type-usluga.node--view-mode-teaser {
    padding: 124px 20px 20px 20px;
}
.node--type-preimushchestvo.node--view-mode-full .field--name-node-title {
        font-size: calc(var(--fz-slider-title) - 6px);
    }
.node--type-preimushchestvo.node--view-mode-full {
    padding: 25px;
    .field--name-body{
        margin-bottom: 10px;
    }
}
.view-preimushchestva .view-content .views-row:first-of-type .node--type-preimushchestvo.node--view-mode-full::after {
    width: 97px;
    height: 82px;
}
.field--name-field-preimushchestva.field--type-entity-reference {
    display: flex;
    gap: var(--gap);
    position: inherit;
}
.btn-callback {
    margin-right: 10px;
}
.field--name-field-ssylka, .field--name-field-ssylka a, .field--name-field-ssylka2, .field--name-field-ssylka2 a {
    width: calc(var(--bt-w) * 0.4 + 3.5px);
}
.node--type-baner.node--view-mode-full .gr-content .node--type-preimushchestvo.node--view-mode-teaser .field--name-body p {
    font-size: 12px;
}
.field--name-field-uslugi.field--type-entity-reference {
    display: flex;
    justify-content: center;
    gap: var(--gap);
    flex-wrap: wrap;
}
.field--name-field-uslugi.field--type-entity-reference .field__item {
       width: unset; 
}
.node--type-stabilnost-i-kachestvo .field--name-body {
    width: 87%;
}
.view-preimushchestva .view-content {
    display: flex;
    justify-content: center;
    gap: var(--gap);
    flex-wrap: wrap;
}
.node--type-webform.node--view-mode-full .field--name-node-title {
    width: 100%;
}
.node--type-webform.node--view-mode-full .field--name-body {
    width: 100%;
}
.region-fos .webform-submission-form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(2, 260px);
    grid-template-rows: 50px 50px 34px;
}

.region-fos .webform-button--submit {
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
}
.field--name-webform .form-control {
    box-sizing: border-box;
    width: 90%;
    height: 50px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}
.js-form-type-checkbox input {
    width: 28px;
    height: 28px;
}
.row-copiryght {
    justify-content: space-between;
    gap: unset;
    flex-wrap: wrap;
    row-gap: 10px;
}
.col-tel, .col-pochta, .col-city, .col-grafik {
    width: 200px;
}
.header-top .col-contacts {
    .col-tel {
        margin-right: 0;
    }
}
#block-vesta-theme-kontakty .field--name-body, #block-vesta-theme-bloknastranicekontakty .field--name-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    column-gap: 30px;
    width: unset;
    margin: 0 auto;
}
.row-copiryght, .row-copiryght a {
    font-size: 12px;
}
.region-fos .form-actions.webform-actions {
    height: 50px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
main {
    padding-top: 20px;
}
.node--type-baner.node--view-mode-full .gr-content  .field--name-node-title {
            width: 100%;
}
.node--type-baner.node--view-mode-full .gr-content .btn-group{
    margin-bottom: 20px;
}
#about-block h1 {
    width: 100%;
}
.node--type-akciya.node--view-mode-full .field--name-field-tezis-akcii {
    width: 100%;
}
#footer .row {
    justify-content: center;
    row-gap: 30px;
}
.webform-element-description, .description {
    width: 90%;
}


.not-front .wr_content .container {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
#views-exposed-form-tovary-page-1  #edit-field-select-catalog--3 ul {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    
}
#views-exposed-form-tovary-page-1  #edit-field-select-catalog--3 ul li:first-child{
    display: none;
}
.view-tovary .view-content {
    justify-content: center;
    .views-row{
        width: 100%;
    }
}
.commerce-product--type-oborudovanie {
    width: 100% !important;
    max-width: 350px;
    height: 100% !important;
    margin: 0 auto;
    .field--name-title{
        margin-bottom: 20px;
    }
}
.commerce-product--type-oborudovanie .field--name-field-izobrazhenie-oborudovanie {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
    .commerce-product--type-oborudovanie .field--name-body p {
        position: relative !important;
        bottom: unset !important; 
        right: unset !important;
    }
.view-taxonomy-term {
    .view-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        .views-row{
            width: 100%;
        }
    }
}
.node--type-publikaciya.node--view-mode-teaser .field--name-field-izobrazhenie-publikacii {
        height: 150px !important;
    }
.taxonomy-term--view-mode-teaser {
    width: 100% !important;
    max-width: 350px;
    margin: 0 auto;
}
.taxonomy-term--view-mode-teaser .field--name-taxonomy-term-title {
        max-height: 35px !important;
        min-height: 35px !important;
}
.taxonomy-term--view-mode-teaser .field--name-field-interenet-termin-izobrazhe {
        height: 175px !important;
    }
   .taxonomy-term--view-mode-teaser .field--name-field-izobrazhenie-o-nas-termin {
        height: 175px !important;
    } 

.product-teaser {
    min-height: unset !important;
    max-height: unset !important;
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto;
    .content {
        min-height: unset !important;
        max-height: unset !important;
        margin-bottom: 20px;
    }
    .field--name-field-cena {
        position: relative !important;
         left:unset !important; 
         bottom: unset !important;
    }
}
.commerce-product--type-dopolnitelnyy-tovar {
    .field--name-field-stoimost-dlya-fizlic, .field--name-field-stoimost-dlya-yurlic {
        width: 30% !important;
    }
    .field--name-title {
        width: 40% !important;
    }
}
.view-id-internet .view-content .views-row, .view-id-news .view-content .views-row, .view-id-partnery .view-content .views-row {
    width: 100% !important;
}
.node--type-news.node--view-mode-teaser {
    width: 100% !important;
}
.not-front h1 {
     margin: 0 auto 30px auto !important;
}

}


.node--type-page.node--view-mode-full .field--name-body{
        overflow-x: auto;
}

.product-teaser{
    width: var(--img-w);
    border-radius: 20px;
    border: solid 1px #C1C1C1;
    padding: 30px 20px;
    position: relative;
    max-height: 670px;
    min-height: 670px;
    
    .field--name-title{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 800;
        font-size: var(--fz-plashki-title);
        line-height: 102%;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: #2A72AC;
        margin-bottom: 15px;
        max-height: 41px;
        min-height: 41px;
    }
    .fieldset-legend{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 700;
        font-size: var(--fz-text);
        line-height: var(--lh);
        color: #828282;
        margin-bottom: 15px;
    }
    .field--name-field-cena{
        position: absolute;
        left: var(--gap);
        bottom: var(--gap);
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 700;
        font-size: calc(var(--fz-plashki-title) + 5px);
        line-height: calc(var(--fz-plashki-title) + 10px);
        color: #2A72AC;
        text-decoration: none;
    }
    .fieldset-wrapper .field{
        position: relative;
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 400;
        font-size: var(--fz-text);
        line-height: var(--ln);
        text-align: center;
        color: #191919;
        display: flex;
        margin-bottom: 7px;
        margin-left: 15px;
        .field__label{
            margin-right: 5px;
        }
    }
    .fieldset-wrapper .field::before{
        content: '';
        position: absolute;
        top: 0;
        left: -25px;
        background-image:  url("/sites/all/themes/vesta_theme/image/check-mark.svg");
        border: none;
        background-size: cover;
        width: 20px;
        height: 20px;
       
    }
    .content{
        min-height: 460px;
        max-height: 460px;
    }
    .field--name-field-image-product-view{
        width: 100%;
        height: 165px;
        margin-bottom: 30px;
        border-radius: 20px;
        overflow: hidden;
        img{
           width: 100%;
           height: 100%;
           object-fit: cover;
        }
    }
}
.disp-none{
    display: none !important;
}
.view-tovary .view-content{
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}

#views-exposed-form-tovary-page-1{
    #edit-field-select-catalog--3 ul {
        list-style-type: none;
    }
     
    li a{
        width: var(--bt-w) ;
        height: var(--bt-h);
        background: transparent;
        border-radius: 10px;
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 700;
        font-size: var(--fz-btn);
        color: #191919;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: 2px solid #2A72AC;
        text-decoration: none;
        margin-bottom: 5px;
     }
     li a:hover, li a.bef-link--selected {
       background-color: #2A72AC;
       color: var(--white);
    }
}
.not-front .wr_content .container{
    display: flex;
    gap: 20px;
    .region-content{
        width: 100%;
    }
}
.not-front .wr_content{
    margin-bottom: var(--mb-block);
}
.taxonomy-term--view-mode-teaser{
    width: calc( ( var(--len-container) - 2 * var(--gap) ) / 3 );
    border-radius: 20px;
    border: solid 1px #C1C1C1;
    padding: 30px 20px;
    position: relative;
    height: 100%;
    .field--name-taxonomy-term-title{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 800;
        font-size: var(--fz-plashki-title);
        line-height: 102%;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: #2A72AC;
        margin-bottom: 20px;   
        text-decoration: none;
    }
    .field--name-field-interenet-termin-izobrazhe{
        width: 100%;
        height: 250px;
        margin-bottom: 30px;
        border-radius: 20px;
        overflow: hidden;
        a{
            display: flex;
            width: 100%;
            height: 100%;
        }
        img{
           width: 100%;
           height: 100%;
           object-fit: cover;
        }
    }
    .field--name-taxonomy-term-link a{
        color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        border-radius: 20px;
    }

    .field--name-field-anons p, .field--name-field-anons1 p{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 400;
        font-size: var(--fz-text);
        line-height: var(--lh);
        color: #191919;
        margin: 0;
        width: 100%;
        min-height: 48px;
        max-height: 48px;
    }
    .field--name-field-izobrazhenie-o-nas-termin{
        width: 100%;
        height: 250px;
        margin-bottom: 30px;
        border-radius: 20px;
        overflow: hidden;
        a{
            display: flex;
            width: 100%;
            height: 100%;
        }
        img{
           width: 100%;
           height: 100%;
           object-fit: cover;
        }
    }
    
}
.view-id-internet .view-content, .view-id-news .view-content, .view-id-partnery .view-content{
    display: flex;
    gap: var(--gap);
    flex-wrap: wrap; 
}



.view-taxonomy-term{
    .view-header{
       margin-bottom: 30px;
       p{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 400;
        font-size: var(--fz-text);
        line-height: var(--lh);
        text-align: center;
        color: #191919;
       }
    }
    .view-content{
/*        display: flex;
        gap: var(--gap);
        flex-direction: column; */

        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: var(--gap);
        .views-row:nth-child(3n+1) {
            grid-column: 1 / span 6;
        }
        .views-row:nth-child(3n+2) {
            grid-column: 1 / span 3;
        }
        .views-row:nth-child(3n+3) {
            grid-column: 4 / span 3;
        }
    }
}
.node--type-publikaciya.node--view-mode-teaser{
    border-radius: 20px;
    border: solid 1px #C1C1C1;
    padding: 30px 20px;
    height: 100%;
    .field--name-node-title{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 800;
        font-size: var(--fz-plashki-title);
        line-height: 102%;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: #2A72AC;
        margin-bottom: 20px;   
        text-decoration: none;
    }
    .field--name-field-izobrazhenie-publikacii{
        width: 30%;
        min-width: calc( var(--len-container) / 5 );
        height: 250px;
        border-radius: 20px;
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .field--name-body p, .field--name-body li{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 400;
        font-size: var(--fz-text);
        line-height: var(--lh);
        color: #191919;
    }
}

.view-content.dop-tovar{
    flex-direction: column;
    gap: 0;
/*    .views-row{
        height: 42px;
    } */
}
.commerce-product--type-dopolnitelnyy-tovar{
    display: flex;
    border-bottom: solid 1px #C1C1C1;
    padding: 5px 15px;
    .field--name-title{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 400;
        font-size: var(--fz-text);
        line-height: calc(var(--fz-plashki-title) + 10px);
        color: #191919;
        width: 60%;
    }

    .field--name-field-stoimost-dlya-fizlic, .field--name-field-stoimost-dlya-yurlic{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 700;
        font-size: var(--fz-plashki-title) ;
        line-height: calc(var(--fz-plashki-title) + 10px);
        color: #2A72AC;
        text-decoration: none;
        width: 20%;
        text-align: center;    
    }
}
.commerce-product--type-oborudovanie{
    width: calc( ( var(--len-container) - 3 * var(--gap) - var(--bt-w) - 2px) / 2 );
    border-radius: 20px;
    border: solid 1px #C1C1C1;
    padding: 30px 20px;
    height: 220px;
    position: relative;
    .field--name-node-title{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 800;
        font-size: var(--fz-plashki-title);
        line-height: 102%;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: #2A72AC;
        margin-bottom: 20px;   
        text-decoration: none;
    }
    .field--name-field-izobrazhenie-oborudovanie{
        width: 30%;
        min-width: calc( var(--len-container) / 6 );
        height: 150px;
        border-radius: 20px;
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .field--name-body p{
        position: absolute;
        bottom: var(--gap);
        right: var(--gap);
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 700;
        font-size: var(--fz-plashki-title) ;
        line-height: calc(var(--fz-plashki-title) + 10px);
        color: #2A72AC;
        text-decoration: none;}
    
}

li a#edit-field-select-catalog-all{
    display: none;
}


.node--type-news.node--view-mode-teaser{
    width: calc( ( var(--len-container) - 2 * var(--gap) ) / 3 );
    border-radius: 20px;
    border: solid 1px #C1C1C1;
    padding: 30px 20px;
    position: relative;
    height: 100%;
    .field--name-node-title{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 800;
        font-size: var(--fz-plashki-title);
        line-height: 102%;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: #2A72AC;
        margin-bottom: 20px;   
        text-decoration: none;
    }
    .field--name-field-image-news{
        width: 100%;
        height: 250px;
        margin-bottom: 30px;
        border-radius: 20px;
        overflow: hidden;
        a{
            display: flex;
            width: 100%;
            height: 100%;
        }
        img{
           width: 100%;
           height: 100%;
           object-fit: cover;
        }
    }
    .field--name-node-link a{
        color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        border-radius: 20px;
    }

.field--name-field-date{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 400;
        font-size: var(--fz-text);
        line-height: var(--lh);
        color: #191919;
        margin: 0;
        width: 100%;
        min-height: 48px;
        max-height: 48px;
    }
    
}

.file-download{
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #2A72AC;
    text-decoration: none;
    margin-bottom: 5px;
}
.file-download:hover{
    color: var(--orange);
}

.node--type-partner.node--view-mode-teaser{
    width: calc( ( var(--len-container) - 2 * var(--gap) ) / 3 );
    border-radius: 20px;
    border: solid 1px #C1C1C1;
    padding: 30px 20px;
    position: relative;
    height: 100%;
    .field--name-node-title{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 800;
        font-size: var(--fz-plashki-title);
        line-height: 102%;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: #2A72AC;
        margin-bottom: 20px;   
        text-decoration: none;
    }
    .field--name-field-logotip{
        width: 100%;
        height: 50px;
        margin-bottom: 30px;
        border-radius: 20px;
        overflow: hidden;
        a{
            display: flex;
            width: 100%;
            height: 100%;
        }
        img{
           width: 100%;
           height: 100%;
           object-fit: cover;
        }
    }
    .field--name-field-ssylka-na-sayt a{
        color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        border-radius: 20px;
    }

    .field--name-body p{
        font-family: 'Inter Tight';
        font-style: normal;
        font-weight: 400;
        font-size: var(--fz-text);
        line-height: var(--lh);
        color: #191919;
        margin: 0;
        width: 100%;
    }
    
    
}


.dop-tovar .views-row:first-child .commerce-product--type-dopolnitelnyy-tovar .field__label{
    display: block;
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: var(--fz-text);
    line-height: var(--lh);
    color: #828282;
    margin-bottom: 15px;
    min-height: 38px;
    max-height: 38px;
}
.dop-tovar .views-row .commerce-product--type-dopolnitelnyy-tovar .field__label{
    display: none;
}
.dop-tovar .views-row:first-child .commerce-product--type-dopolnitelnyy-tovar{
    position: relative;
}
.dop-tovar .views-row:first-child .commerce-product--type-dopolnitelnyy-tovar::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    height: 1px;
    border: solid 1px #C1C1C1;
}