body {
    font-family: 'Jost', sans-serif;
    background-color: #2E2A2F;
    color: white;
}
div#app {
    min-height: 100vh;
    overflow: hidden;
}


:root {
  --len-container: 1320px;
  --len-container-xl: 1140px;
  --len-container-l: 960px;
  --len-container-m: 720px;
  --len-container-s: 540px;
}
/*HEADER STYLES*/
@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;

    }
    .user-administrator div#app {
    margin-top: 50px !important;
    }
}

.header-bottom {
    background: transparent;
}
header {
    position: absolute;
    z-index: 2;
    padding-top: 23px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
}

.user-administrator header {
    top: 123px;
}
.user-administrator div#app {
    margin-top: 150px;
}
.header-top,
.header-bottom{
    padding: 0 !important;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
header div#block-vesta-theme-osnovnayanavigaciya-4-menu{
    display: none;
}

.contacts{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
}
.contacts.clr{
    color: #FF6600;
}
a.contacts.clr:hover{
    color:white;
}
.contacts.clr a{
    color: #FF6600;
    text-decoration: none;
}
.contacts.clr a:hover{
    color: #FF6600;
    text-decoration: underline;
}
.header-bottom nav ul li a{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 40px;
    color: #FFFFFF;
    padding: 0;
}
.header-bottom nav ul li a:hover{
    color: #FF6600;
}

.header-bottom nav ul{
    gap: 15px;
}

.nav {
   
    --bs-nav-link-color: #FF6600;
    --bs-nav-link-hover-color: #FF6600;
}
h3 a{
    color: #FFFFFF;
    text-decoration: none;
}
h3 a:hover{
    color: #FF6600;
    text-decoration: none;
}
header .col-callback .use-ajax.btn-form.btn.btn-primary {
    max-width: 150px;
    padding: 9px 18px;
    text-align: center;
    background: #FF6600;
    border-radius: 40px;
    color: #FFFFFF;
    border: #FF6600 solid 1px;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
header .col-callback .use-ajax.btn-form.btn.btn-primary:hover {
    background: #FFFFFF;
    color: #FF6600;
    
}
.slider-block{
    margin-bottom: 100px;
}

.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,
.whishlist-block_count {
    position: absolute;
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    top: -3px;
    right: -9px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 500;
}
.offcanvas .col-adress,
.offcanvas .nav{
    margin-bottom: 20px;
}
.btn-search-header,
.btn-search-header-mob{
    width: 20px;
    height: 21px;
    background-image: url("/sites/all/themes/vesta_theme/image/search.svg");
    border: none;
    background-size: cover;
    color: transparent;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
}
header .col-search .btn-search-header.active{
    display: none;
}
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;
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: calc((100vw - var(--len-container)) * 0.5 + 82px);
    top: 65px;
}
header .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    right: calc((100vw - var(--len-container)) * 0.5 + 12px);
    top: 65px;
}
header .col-search .search-form__submit.button.js-form-submit.form-submit.btn.btn-primary{
    background: #FF6600;
    border-radius: 40px;
    font-family: 'Jost';
    border:#FF6600 solid 1px;
    color: #FFFFFF;
}
header .col-search .search-form__submit.button.js-form-submit.form-submit.btn.btn-primary:hover{
    background: white;
    color: #FF6600 ;
}
.form-control {
    border-radius: 8px;
}

header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search{
    font-family: 'Jost';
}



#header-mob {
    top: 0;
    width: 100%;
    background: #2E2A2F;
    color: white;
    padding: 10px 10px;
    z-index: 50;
}

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

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

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

.offcanvas {
    --bs-offcanvas-bg: #2E2A2F;
}
.offcanvas .btn-close {
    --bs-btn-close-color: white;
    color: white;
    filter: brightness(0) invert(1);
}
.offcanvas .logo{
    width: 150px;
    height: 25px;
}
.offcanvas .logo a{
    width: 100%;
    height: 100%;
    display: flex;
}
.offcanvas .logo a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.offcanvas .offcanvas-title {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}
.offcanvas a.nav-link {
    color: white;
}
.offcanvas a.nav-link:hover {
    color:#FF6600;
}
/*.offcanvas .wr-search-mob .btn-search-header-mob {
    width: 18px;
    height: 18px;
    background-image: url(/sites/all/themes/vesta_theme/image/searc_b.svg);
    border: none;
    background-size: cover;
    color: transparent;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
}*/
.offcanvas div#block-vesta-theme-osnovnayanavigaciya-4-menu{
    display: none;

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

.offcanvas .region-search.active .form-item.js-form-type-search.form-type-search,
.offcanvas  .region-search.active .form-actions.js-form-wrapper.form-wrapper{
    display: block;
    position: absolute;
}
.offcanvas .region-search .form-item.js-form-type-search.form-type-search{
    left:15px;
}
.offcanvas  .region-search .form-actions.js-form-wrapper.form-wrapper{
    left: 160px;
}
.offcanvas .btn-search-header-mob.active{
    display: none;
}


.not-front .wr_content .search-api-page-block-form-search{
    margin-bottom: 30px;
}


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

/*HEADER STYLES*/

/* SLICK STYLES */

.slick-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.field--name-field-slide-title{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 92px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    margin-bottom: 155px;
    padding-top: 258px;
    position: relative;
    width: 906px;
}
.field--name-field-slide-title span{
    color: #FF6600;
}
.container .field--name-field-slide-title:nth-of-type(2){
    position: absolute;
    top: 3px;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 92px;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.5;
    color: transparent;             
    -webkit-text-stroke: 1px white;
    width: 906px;
}
.slider-block .field--name-body{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: white;
    margin-bottom: 20px;
    max-width: 700px;
}
.slick-slide .blazy .media {
    height: 100%;
}

div#slider-block .blazy--field-image{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    /*position: absolute;
    top: 258px;
    bottom: calc(1vw + 12px);
    left: 0;
    right: 0; */
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.field--name-field-slide-link{
    margin-bottom: 131px;
}

.field--name-field-slide-link a{
    max-width: 150px;
    padding: 9px 46px;
    text-align: center;
    text-decoration: none;
    color: white;
    border: solid #FF6600 2px;
    border-radius: 40px;
    background: transparent;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}
.field--name-field-slide-link a:hover{
    background-color: #FF6600;
    color: white;
}


.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;
    position: absolute;
    bottom: 27px;
    left: 50%;
    transform: translate(0, -50%);
}

ul.slick-dots li button {
    background: white;
    border-radius: 3px;
    border: solid 1px white;
    padding: 0;
    width: 10px;
    height: 10px;
    display: block;
    color: transparent;
}

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

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

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: 48px;
    height: 48px;
    background: none;
    text-indent: 0;
    font-size: 0;
    border: 0px;
    outline: 0px;
    display: flex;
    bottom: 120px;
    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: 330px;
}

.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: 330px;
    min-width: 330px;
    max-height: 400px;
    min-height: 400px;
    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{
    width: 295px !important;
}

.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: 88px;
    min-width: 88px;
    max-height: 100px;
    min-height: 100px;
    border-radius: 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 img {
    max-width: 88px;
    min-width: 88px;
    max-height: 100px;
    min-height: 100px;
    object-fit: cover;
    border-radius: 5px;
}

.product-teaser .product-teaser-info {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.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;
}

.not-front .view-nashi-raboty .view-content{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.not-front .view-nashi-raboty .view-content .views-row{
    width: 300px;
    height: 230px;
    border-radius: 30px;
    overflow: hidden;
}
.not-front .view-nashi-raboty .view-content .views-row .node--type-nashi-raboty{
    width: 100%;
    height: 100%;
}
.not-front .view-nashi-raboty .view-content .views-row .node--type-nashi-raboty .field--name-field-nashi-raboty-izobrazhenie{
    width: 100%;
    height: 100%;
}
.not-front .view-nashi-raboty .view-content .views-row .node--type-nashi-raboty .field--name-field-nashi-raboty-izobrazhenie a{
    width: 100%;
    height: 100%;
    display: flex;
}
.not-front .view-nashi-raboty .view-content .views-row .node--type-nashi-raboty .field--name-field-nashi-raboty-izobrazhenie a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.not-front h1{
    margin-bottom: 30px;
}
/* PRODUCT PAGE STYLES*/

.commerce-product--view-mode-teaser .field--name-variations{
    display: none;
}
.not-front h1 a{
  pointer-events: none;       
  cursor: default;            
  text-decoration: none;  
  color: #FFFFFF;
}
/* *** ADAPTIVE *** */
@media screen and (min-width: 1400px) {
    .block-views-blockcatalog-block-front .more-link a,
    .block-views-blockcatalog-block-front .view-footer a,
    .gallery-block .more-link a {
        right: calc((var(--len-container) + 670px) * 0.125) !important;
    }
    
}
@media screen and (min-width: 1200px) {
.contacts.clr{
    color: #FF6600;
    font-size: 19px;
}
}
@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) {
}
.view-tovary .view-content .views-row{
    position: relative;
}
.about-block .node--type-about.node--view-mode-teaser{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-bottom: 70px;
}
.about-block h1 p{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    max-width: 1100px;
}
.about-block h1  p span{
    color:#FF6600;
}
.about-block  h1{
    margin: 0;
}
.about-block .field--name-node-link a{
    max-width: 150px;
    padding: 9px 18px;
    text-align: center;
    text-decoration: none;
    color: white;
    border: solid #FF6600 2px;
    border-radius: 40px;
    background: transparent;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}

.about-block .field--name-node-link a:hover{
    background-color: #FF6600;
    color: white;
}
.blazy--field-izobrazhenie-o-nas{
    width: 100%;
}
.blazy--field-izobrazhenie-o-nas .media--blazy.media--image{
    width: 100%;
    display: flex;
}
.blazy--field-izobrazhenie-o-nas .media--blazy.media--image img{
    width: 100%;
    object-fit: cover;
}

.node--type-about.node--view-mode-full .field--name-body p{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 46px;
}
.node--type-about.node--view-mode-full .field--name-field-izobrazhenie-o-nas img{
    width: 100%;
    object-fit: cover;
}

.block-vesta-privacy-access-d10{
    background: linear-gradient(90deg, #FF6600 -34.06%, #2E2A2F 18.87%, #2E2A2F 80.78%, #FF6600 137.55%) !important;
}

.block-vesta-privacy-access-d10 .cookie{
    margin-bottom: 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;

}
div#app .block.block-vesta-privacy-access-d10 .block-metrika-content p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 10px !important;

}
div#app .block.block-vesta-privacy-access-d10 .block-metrika-content p:last-of-type{
    margin-bottom: 10px;
}
button#btn-metrika-yes{
    max-width: 170px;
    color: #2E2A2F;
    text-align: center;
    text-decoration: none;
    border: none;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    background: #FFFFFF;
    border-radius: 5px;
    padding-top: 13px;
}
button#btn-metrika-yes:hover{
    background: #E66134;
    color:#FFFFFF;
}
button#btn-metrika-no{
    max-width: 170px;
    color: #2E2A2F;
    text-align: center;
    text-decoration: none;
    border: none;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    background: #FFFFFF;
    border-radius: 5px;
    padding-top: 13px;
}
button#btn-metrika-no:hover{
    background: #E66134;
    color:#FFFFFF;
}
.block.block-vesta-privacy-access-d10 .block-metrika-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}
.block.block-vesta-privacy-access-d10 .block-metrika-wrapper{
    padding-top: 7px;
    padding-bottom:33px ;
    align-items: center !important;
}
.block-title{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.block-views-blockcatalog-block-front .block-title span{
    color: #FF6600;
}


.block-views-blockcatalog-block-front .block-title::before{
    content: '';
    position: absolute;
    border: 2px solid #FFFFFF;
    height: 0;
    width: 50vw;
    left: -50vw;
    top: 28px;
    transform: translate(-19px,0);
}


.block-views-blockcatalog-block-front .view-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}
.block-views-blockcatalog-block-front .view-header p{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    text-align: right;
    color: #FFFFFF;
}
.block-views-blockcatalog-block-front .view-content,
.view-catalog .view-content,
.view-tovary .view-content,
.region-content .view-izbrannoe .view-content,
.view-fotogalereya .view-content,
.photoswipe-gallery .view-content{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    flex-basis: 270px;
}
.view-catalog .view-content .views-row,
.view-fotogalereya .view-content .views-row,
.photoswipe-gallery .view-content .views-row{
    width: 270px;
    flex-grow: 0;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image,
.not-front .view-fotogalereya .view-content .views-row .blazy--field-gallery--teaser{
    width: 270px;
    height: 305px;
    margin-bottom: 10px;
}
.commerce-product--view-mode-teaser .field--name-field-image-product-view{
    width: 218px;
    margin-bottom: 10px;
}
.commerce-product--type-vesta-product.commerce-product--view-mode-teaser .field--name-body p{
    width: 218px;
}
.view-fotogalereya .view-content .views-row .blazy--field-gallery--teaser .field__item{
    width: 100%;
    height: 100%;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image a,
.commerce-product--view-mode-teaser .field--name-field-image-product-view a,
.view-fotogalereya .view-content .views-row .field__item a{
    width: 100%;
    height: 100%;
    display: flex;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image a img,
.view-fotogalereya .view-content .views-row .field__item a img{
    width: 270px;
    height: 305px;
    object-fit: cover;
    border-radius: 30px;
}
.commerce-product--view-mode-teaser .field--name-field-image-product-view a img,
.commerce-product--view-mode-teaser .field--name-field-image-product-view img{
    width: 218px;
    height: 282px;
    object-fit: cover;
    border-radius: 30px;
}

.taxonomy-term--view-mode-teaser .field--name-taxonomy-term-title a,
.commerce-product--view-mode-teaser .field--name-title a,
.view-fotogalereya .view-content .views-row .field--name-node-title a{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FF6600;
    text-decoration: none;
}
.view-fotogalereya .view-content .views-row .field--name-node-title a:hover{
        color: #FFFFFF;
}
.taxonomy-term--view-mode-teaser .field--name-taxonomy-term-title h2{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
}
.taxonomy-term--view-mode-teasert .field--name-taxonomy-term-title{
    margin-bottom: 5px;
}
.field--name-dynamic-token-fieldtaxonomy-term-skachat-katalog{
    margin-bottom: 5px;
}
.field--name-dynamic-token-fieldtaxonomy-term-skachat-katalog a,
.field--name-dynamic-token-fieldtaxonomy-term-skachat-prays-list a{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
}
.field--name-dynamic-token-fieldtaxonomy-term-skachat-katalog a:hover,
.field--name-dynamic-token-fieldtaxonomy-term-skachat-prays-list a:hover{
    color: #FF6600;
}

.block-views-blockcatalog-block-front .view-content .field--name-taxonomy-term-title a:hover,
.commerce-product--view-mode-teaser .field--name-title a:hover{
    color: white;
}
.block-views-blockcatalog-block-front .view-footer a{
    max-width: 150px;
    padding: 9px 31px;
    text-align: center;
    text-decoration: none;
    color: white;
    border: solid #FF6600 2px;
    border-radius: 40px;
    background: transparent;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    position: absolute;
    right: calc((var(--len-container) - 90px) * 0.125);
    bottom: 185px;
    transform: translate(50%, 0);
}
.block-views-blockcatalog-block-front .more-link a{
    max-width: 150px;
    padding: 9px 33px;
    text-align: center;
    text-decoration: none;
    color: white;
    border: solid #FF6600 2px;
    border-radius: 40px;
    background: transparent;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    position: absolute;
    right: calc((var(--len-container) - 90px) * 0.125);
    bottom: 255px;
    transform: translate(50%, 0);
}

.gallery-block .more-link a{
    max-width: 150px;
    padding: 9px 33px;
    text-align: center;
    text-decoration: none;
    color: white;
    border: solid #FF6600 2px;
    border-radius: 40px;
    background: transparent;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    position: absolute;
    right: calc((var(--len-container) - 90px) * 0.125);
    bottom: 165px;
    transform: translate(50%, 0);
}
.view-fotogalereya.view-id-fotogalereya.view-display-id-block_1{
    position: relative;
}
.block-views-blockcatalog-block-front .more-link a:hover,
.block-views-blockcatalog-block-front .view-footer a:hover,
.gallery-block .more-link a:hover{
   color: white;
   background: #FF6600;
}
.view-id-catalog.view-display-id-block_front{
    position: relative;
    margin-bottom: 100px;
}
.wr_content{
    margin-bottom: 100px;
}

.works-block .block-title span {
    color: #FF6600;
}
.gallery-block .block-title span {
    color: #FF6600;
}
.works-block .view-header p,
.gallery-block .view-header p {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    text-align: left;
    color: #FFFFFF;
}

.works-block .view-header .container::after,
.gallery-block .view-header .container::after {
    content: '';
    position: absolute;
    border: 2px solid #FFFFFF;
    height: 0;
    width: 50vw;
    right: -50vw;
    top: 28px;
    transform: translate(19px, 0);
}
.works-block .view-header .container,
.gallery-block .view-header .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}
.works-block .view-content{
    display: grid;
    grid-template-columns: 370px 370px auto;
    grid-template-rows: 247px 247px;
    gap: 30px;
}
.works-block .view-content{
    margin-left: calc((100vw - var(--len-container)) * 0.5);
}
.works-block .view-content .views-row:nth-child(1) {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  border-radius: 30px;
  overflow: hidden;
}
.works-block .view-content .views-row:nth-child(2) {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  border-radius: 30px;
  overflow: hidden;
}
.works-block .view-content .views-row:nth-child(3) {
  grid-column: 3 / 3;
  grid-row: 1 / span 2;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  overflow: hidden;
}
.works-block .view-content .views-row:nth-child(4) {
  grid-column: 1 / 1;
  grid-row: 2 / 2;
  border-radius: 30px;
  overflow: hidden;
}
.works-block .view-content .views-row:nth-child(5) {
  grid-column: 2 / 2;
  grid-row: 2 / 2;
  border-radius: 30px;
  overflow: hidden;
}

.works-block .field--name-field-nashi-raboty-izobrazhenie{
    width: 100%;
    height: 100%;
}
.works-block .field--name-field-nashi-raboty-izobrazhenie a{
    width: 100%;
    height: 100%;
    display: flex;
}
.works-block .field--name-field-nashi-raboty-izobrazhenie a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.works-block .more-link a {
    max-width: 150px;
    padding: 9px 33px;
    text-align: center;
    text-decoration: none;
    color: white;
    border: solid #FF6600 2px;
    border-radius: 40px;
    background: #FF6600;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    position: absolute;
    left: calc((100vw - var(--len-container)) * 0.5 + 834px);
    bottom: 26px;
}
.works-block .more-link a:hover {
    background: white;
    color: #FF6600;    
}

.works-block,
.gallery-block{
    margin-bottom: 100px;
    position: relative;
}
.works-block .node--type-nashi-raboty.node--view-mode-teaser{
    width: 100%;
    height: 100%;
}
.gallery-block .node--type-photogallery.node--view-mode-teaser{
    display: flex;
    flex-direction: column;
}
.works-block .field--name-field-nashi-raboty-izobrazhenie,
.gallery-block .field--name-field-gallery{
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.works-block .field--name-field-nashi-raboty-izobrazhenie a,
.gallery-block .field--name-field-gallery a{
    width: 100%;
    height: 100%;
    display: flex;
}
.works-block .field--name-field-nashi-raboty-izobrazhenie a img,
.gallery-block .field--name-field-gallery a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
footer nav ul{
    flex-direction: column;
    gap: 5px
}
footer ul li a.nav-link{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #FFFFFF;
    padding: 0;
    width: 100%;
}
footer ul li a.nav-link:hover{
    color:#FF6600;
} 

footer .col-nav{
    width: 100px;
    margin-right: 120px;
    padding: 0;
}
footer .col-nav-catalog{
    width: 135px;
    margin-right: 193px;
    padding: 0;
}
.col-contacts{
    width: 252px;
    padding: 0;
}
footer .row{
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 0;
}
footer .row a.logo-footer{
    width:fit-content;
    margin-right: 120px;
    padding: 0;
}
footer div#block-vesta-theme-osnovnayanavigaciya-4-menu,
footer div#block-vesta-theme-katalog-menu{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 5px;
}
footer .row-copiryght{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

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

.col-contacts .col-tel,
.col-contacts .col-mail {
    margin-bottom: 20px;
}
.contacts-page{
    margin-bottom: 30px;
}

button.button--add-to-cart,
.delete-order-item{
    max-width: 150px;
    padding: 9px 19px;
    text-align: center;
    background: #FF6600;
    border-radius: 40px;
    color: #FFFFFF;
    border: #FF6600 solid 1px;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
button.button--add-to-cart:hover,
.delete-order-item{
    color: #FF6600;
    background: #FFFFFF;
}
.ui-dialog-titlebar{
    background: #FF6600;
    color: white;
}
.ui-dialog{
    font-family: 'Jost';
    font-style: normal;
}
.ui-dialog.ui-corner-all.ui-widget .ui-dialog-titlebar{
    background-color: #FF6600;
}
.ui-dialog.ui-corner-all.ui-widget .ui-dialog-titlebar .ui-dialog-title{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
}
.ui-front.ui-dialog-content.ui-widget-content{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.ui-dialog-buttonpane button.button--primary{
    max-width: 180px;
    padding: 11px 33px;
    color: #FFFFFF;
    background-color: #FF6600;
    border: solid 2px #FF6600;
    border-radius: 75px;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
}
.ui-dialog-buttonpane button.button--secondary{
    max-width: 180px;
    padding: 11px 20px;
    color:#FFFFFF;
    background-color: #FF6600;
    border: solid 2px #FF6600;
    border-radius: 75px;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
}
.ui-dialog-buttonpane button:hover{
    color: #E66134;
    background-color: #FFFFFF;
    border: solid #FF6600 2px;
}
.ui-dialog-buttonset.form-actions{
    display: flex;
    gap:2px;
    justify-content: center;
}
.ui-dialog-titlebar-close,
.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close,
.ui-button-icon.ui-icon.ui-icon-closethick{
    border:none;
    background-color: transparent;
    color: #FFFFFF;
    filter: brightness(0) invert(1);
    background-image: url('/sites/all/themes/vesta_theme/image/Cross.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px !important;
    height: 15px !important;
}

.button.js-form-submit.form-submit{
    text-align: center;
    padding-top: 9px ;
    padding-bottom: 9px ;
    background: #FF6600;
    border-radius: 40px;
    color: #FFFFFF;
    border: #FF6600 solid 1px;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
}
.button.js-form-submit.form-submit:hover{
    color: #FF6600;
    background: #FFFFFF;
    
}
.fieldset-legend a,
.link--previous{
    color:#E66134;
}

form.webform-submission-form{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
form.webform-submission-form .form-item-soglasie{
    display: flex;
    gap:10px;

}
form.webform-submission-form  .form-actions{
    display: flex;
    justify-content: center;
}
form.webform-submission-form  .form-actions .button.js-form-submit.form-submit{
    text-align: center;
    padding: 6px 55px;
    background: #FF6600;
    border-radius: 40px;
    color: #FFFFFF;
    border: #FF6600 solid 1px;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0;
}

@media (min-width: 1200px) and (max-width: 1399px) {
.view-catalog .view-content .views-row,
.view-fotogalereya  .view-content .views-row,
.photoswipe-gallery .view-content .views-row{
   width: 255px;
   flex-grow: 0;
}
.block-views-blockcatalog-block-front .more-link a,
.gallery-block .more-link a {
    right: calc((var(--len-container-xl) - 90px) * 0.125);
    transform: translate(50%, 0);
}
.block-views-blockcatalog-block-front .view-footer a {
    right: calc((var(--len-container-xl) - 90px) * 0.125);
    transform: translate(50%, 0);
}
.works-block .view-content {
    margin-left: calc((100vw - var(--len-container-xl)) * 0.5);
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: calc((100vw - var(--len-container-xl)) * 0.5 + 86px);
}
header .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    right: calc((100vw - var(--len-container-xl)) * 0.5 + 15px);
}
.works-block .more-link a {
    left: calc((100vw - var(--len-container-xl)) * 0.5 + 804px);
}
.works-block .view-content{
    display: grid;
    grid-template-columns: 355px 355px auto;
}
.not-front .view-nashi-raboty .view-content .views-row {
    width: 255px;
    height: 200px;
}
.img-tovar-tsr{
    width: 255px !important;
    height: 289px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.view-catalog .view-content .views-row,
.view-fotogalereya  .view-content .views-row,
.photoswipe-gallery .view-content .views-row {
   width: 210px;
   flex-grow: 0;
}
.block-views-blockcatalog-block-front .more-link a{
    right: calc((var(--len-container-l) - 90px) * 0.125);
    transform: translate(50%, 0);
    bottom: 212px;
}
.gallery-block .more-link a {
    right: calc((var(--len-container-l) - 90px) * 0.125);
    transform: translate(50%, 0);
    bottom: 130px;
}
.block-views-blockcatalog-block-front .view-footer a {
    right: calc((var(--len-container-l) - 90px) * 0.125);
    transform: translate(50%, 0);
    bottom: 156px;
}
.works-block .view-content {
    margin-left: calc((100vw - var(--len-container-l)) * 0.5);
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: calc((100vw - var(--len-container-l)) * 0.5 + 86px);
}
header .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    right: calc((100vw - var(--len-container-l)) * 0.5 + 15px);
}
.works-block .more-link a {
    left: calc((100vw - var(--len-container-l)) * 0.5 + 650px);
}
.works-block .view-content{
    display: grid;
    grid-template-columns: 275px 275px auto;
    grid-template-rows: 210px 210px;
}
.not-front .view-nashi-raboty .view-content .views-row {
    width: 282px;
    height: 210px;
}
.img-tovar-tsr{
    width: 210px !important;
    height: 238px !important;
}
.contacts {
    font-size: 14px;
}
.header-bottom nav ul li a {
    font-size: 18px;
}
.logo,
a.logo-footer{
    width: 200px;
    height: 33px;
}

.logo a{
    width: 100%;
    height: 100%;
    display: flex;
}
.logo a img,
a.logo-footer img{
    width: 100%x;
    height: 100%;
    object-fit: cover;
}
header .col-callback .use-ajax.btn-form.btn.btn-primary {
    padding: 8px 19px;
    font-size: 12px;
    line-height: 16px;
}
.field--name-field-slide-title {
    font-size: 62px;
    line-height: 88px;
}
.container .field--name-field-slide-title:nth-of-type(2) {
    font-size: 62px;
    line-height: 88px;
}
.field--name-field-slide-title {
    margin-bottom: 140px;
}
.slider-block {
    margin-bottom: 75px;
}
.about-block h1 p {
    font-size: 25px;
    width: 825px;
    line-height: 40px;
}
.block-views-blockcatalog-block-front .view-header p {
    font-size: 13px;
    line-height: 19px;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image a img, .commerce-product--view-mode-teaser .field--name-field-image-product-view a img, .commerce-product--view-mode-teaser .field--name-field-image-product-view img, .view-fotogalereya .view-content .views-row .field__item a img {
    width: 210px;
    height: 237px;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image, .commerce-product--view-mode-teaser .field--name-field-image-product-view, .not-front .view-fotogalereya .view-content .views-row .blazy--field-gallery--teaser {
    width: 210px;
    height: 237px;
}
.commerce-product--type-vesta-product.commerce-product--view-mode-teaser .field--name-body p{
    width: 210px;
}
.works-block .view-header p,
.gallery-block .view-header p  {
    font-size: 13px;
    line-height: 19px;
    
}
.gallary-block .view-header p {
    font-size: 13px;
    line-height: 19px;
    
}
footer ul li a.nav-link {
    font-size: 14px;
    line-height: 20px;
}
footer .row a.logo-footer {
    margin-right: 75px;
}

footer .col-nav {
    margin-right: 75px;
}

footer .col-nav-catalog {
    margin-right: 150px;
}
.col-contacts {
    width: 227px;
}
.col-contacts .col-tel, .col-contacts .col-mail {
    margin-bottom: 12px;
}
.node--type-about.node--view-mode-full .field--name-body p {
    font-size: 30px;
    line-height: 40px;
}

}


@media (min-width: 768px) and (max-width: 991px) {
.view-catalog .view-content .views-row,
.view-fotogalereya  .view-content .views-row,
.photoswipe-gallery .view-content .views-row{
   width: 158px;
   flex-grow: 0;
}
.block-views-blockcatalog-block-front .view-content, .view-catalog .view-content, .view-tovary .view-content, .region-content .view-izbrannoe .view-content,
.view-fotogalereya .view-content, .photoswipe-gallery .view-content {
    gap: 20px;
}
.field--name-variations .field__item form .js-form-wrapper button {
    padding: 6px 20px;
}
#views-exposed-form-tovary-page-2 .form--inline.clearfix,
#views-exposed-form-tovary-page-1 .form--inline.clearfix  {
    display: flex;
 
    gap: 30px;
    margin-top: 80px;
    flex-wrap: wrap;
}
/*.row.fltr{
    flex-direction: column-reverse;
}*/
.block-views-blockcatalog-block-front .more-link a,
.gallery-block .more-link a {
    right: calc((var(--len-container-m) - 60px) * 0.125);
    transform: translate(50%, 0);
}
.block-views-blockcatalog-block-front .view-footer a {
    right: calc((var(--len-container-m) - 60px) * 0.125);
    transform: translate(50%, 0);
}
.works-block .view-content {
    margin-left: calc((100vw - var(--len-container-m)) * 0.5);
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: calc((100vw - var(--len-container-m)) * 0.5 + 86px);
    top:100px;
}
header .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    right: calc((100vw - var(--len-container-m)) * 0.5 + 15px);
    top: 100px;
}
.works-block .more-link a {
    left: calc((100vw - var(--len-container-m)) * 0.5 + 480px);
}
.works-block .view-content{
    display: grid;
    grid-template-columns: 200px 200px auto;
    grid-template-rows: 180px 180px;
    gap: 20px;
}
.not-front .view-nashi-raboty .view-content .views-row {
    width: 282px;
    height: 210px;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image a img, .commerce-product--view-mode-teaser .field--name-field-image-product-view a img, .commerce-product--view-mode-teaser .field--name-field-image-product-view img, .view-fotogalereya .view-content .views-row .field__item a img {
    width: 158px;
    height: 178px;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image, .commerce-product--view-mode-teaser .field--name-field-image-product-view, .not-front .view-fotogalereya .view-content .views-row .blazy--field-gallery--teaser {
    width: 158px;
    height: 178px;
}
.commerce-product--type-vesta-product.commerce-product--view-mode-teaser .field--name-body p{
    width: 158px;
}
.img-tovar-tsr{
    width: 158px !important;
    height: 180px !important;
}
.block-views-blockcatalog-block-front .more-link a {
    padding: 6px 29px;
    bottom: 180px;
}
.gallery-block .more-link a {
    padding: 6px 29px;
    bottom: 100px;
}
.works-block .more-link a {
    padding: 6px 28px;
}
.block-views-blockcatalog-block-front .view-footer a {
    padding: 6px 27px;
    bottom: 123px;
}
.contacts {
    font-size: 14px;
}
.header-bottom nav ul li a {
    font-size: 17px;
}
.logo,
a.logo-footer{
    width: 170px !important;
    height: 31px;
    margin-right: 300px;
}
header .d-flex.align-items-center.justify-content-between{
    flex-wrap: wrap;
    gap: 10px;
}
main {
    margin-top: 227px;
}
.logo a{
    width: 100%;
    height: 100%;
    display: flex;
}
.logo a img,
a.logo-footer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header .col-callback .use-ajax.btn-form.btn.btn-primary {
    padding: 8px 19px;
    font-size: 12px;
    line-height: 16px;
}
.field--name-field-slide-title {
    font-size: 52px;
    line-height: 68px;
    width: 100%;
}
.container .field--name-field-slide-title:nth-of-type(2) {
    font-size: 52px;
    line-height: 68px;
    width: 100%;
}
.field--name-field-slide-title {
    margin-bottom: 140px;
}
.slider-block .field--name-body {
    font-size: 14px;
    line-height: 22px;
}
ul.slick-dots li button {
    width: 8px;
    height: 8px;
}
.slider-block {
    margin-bottom: 75px;
}
.about-block h1 p {
    font-size: 22px;
    line-height: 38px;
    width: 725px;
}
.block-views-blockcatalog-block-front .view-header p {
    font-size: 13px;
    line-height: 19px;
}
.block-title {
    font-size: 24px;
    line-height: 42px;
}
.works-block .view-header .container,
.gallery-block .view-header .container {
    align-items: end;
    flex-direction: column-reverse;
}
.works-block .view-header p,
.gallery-block .view-header p {
    text-align: right;
}
.block-views-blockcatalog-block-front .view-header {
    align-items: start;
    flex-direction: column;
}
.block-views-blockcatalog-block-front .view-header p {
    text-align: left;
}
.works-block .view-header p,
.gallery-block .view-header p {
    font-size: 12px;
    line-height: 19px;
    
}
.field--name-variations .field__item form .js-form-wrapper button {
    padding: 6px 22px;
    font-size: 13px;
}
footer ul li a.nav-link {
    font-size: 14px;
    line-height: 20px;
}
footer .row a.logo-footer {
    margin-right: 0;
}

footer .col-nav {
    margin-right: 0;
}

footer .col-nav-catalog {
    margin-right: 0;
}
.col-contacts {
    width: 227px;
}
.col-contacts .col-tel, .col-contacts .col-mail {
    margin-bottom: 10px;
}
.node--type-about.node--view-mode-full .field--name-body p {
    font-size: 26px;
    line-height: 35px;
}
.node--type-about.node--view-mode-full .field--name-field-izobrazhenie-o-nas img {
    height: 300px;
}
.mapContainer{
    height: 340px !important;
}
header .col-tel{
    order: 4;
}
header .col-mail{
    order: 5;
}
header .col-adress{
    order: 4;
}
.filter-group{
    position: fixed;
    top: 192px !important;
    bottom: unset;
    z-index:1;
    background-color: #2E2A2F;
    right: 0;
    left: 0;
}
.col-lg-9{
    margin-top: 154px;
}

}

@media (min-width: 577px) and (max-width: 767px) {
.view-catalog .view-content .views-row,
.view-fotogalereya  .view-content .views-row,
.photoswipe-gallery .view-content .views-row {
   width: 235px;
   flex-grow: 0;
}
.col-lg-9{
    margin-top: 106px;
}
.block-views-blockcatalog-block-front .more-link a,
.gallery-block .more-link a {
    right: calc((var(--len-container-s) - 90px) * 0.25);
    transform: translate(50%, 0);
}
.block-views-blockcatalog-block-front .view-footer a {
    right: calc((var(--len-container-s) - 90px) * 0.25);
    transform: translate(50%, 0);
}
.works-block .view-content {
    margin-left: calc((100vw - var(--len-container-s)) * 0.5);
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: calc((100vw - var(--len-container-s)) * 0.5 + 86px);
}
header .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    right: calc((100vw - var(--len-container-s)) * 0.5 + 15px);
}
.works-block .more-link a {
    left: calc((100vw - var(--len-container-s)) * 0.5 + 804px);
}
#views-exposed-form-tovary-page-2 .form--inline.clearfix,
#views-exposed-form-tovary-page-1 .form--inline.clearfix  {
    display: flex;
    gap: 30px;
    margin-top: 80px;
    flex-wrap: wrap;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image a img, .commerce-product--view-mode-teaser .field--name-field-image-product-view a img, .commerce-product--view-mode-teaser .field--name-field-image-product-view img, .view-fotogalereya .view-content .views-row .field__item a img {
    width: 235px;
    height: 265px;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image, .commerce-product--view-mode-teaser .field--name-field-image-product-view, .not-front .view-fotogalereya .view-content .views-row .blazy--field-gallery--teaser {
    width: 235px;
    height: 265px;
}
.commerce-product--type-vesta-product.commerce-product--view-mode-teaser .field--name-body p{
    width: 235px;
}
/*.row.fltr{
    flex-direction: column-reverse;
}*/
.field--name-field-slide-title {
    width: 100% !important;
}    
.container .field--name-field-slide-title:nth-of-type(2){
    width: 100% !important;
}
.works-block .view-content{
    display: grid;
    grid-template-columns: 260px 260px;
    grid-template-rows: 180px 180px 240px;
    gap: 20px;
}
.works-block .view-content .views-row:nth-child(3) {
    grid-column: 1 / span 2;
    grid-row: 3 / 3;
    border-radius: 30px;
}

.not-front .view-nashi-raboty .view-content .views-row {
    width: 240px;
    height: 200px;
}
.img-tovar-tsr{
    width: 235px !important;
    height: 266px !important;
}
.block-views-blockcatalog-block-front .more-link a {
    padding: 6px 29px;
    bottom: 255px;
}
.gallery-block .more-link a {
    padding: 6px 29px;
    bottom: 150px;
}
.works-block .more-link a {
    padding: 6px 28px;
}
.block-views-blockcatalog-block-front .view-footer a {
    padding: 6px 27px;
    bottom: 192px;
}
.contacts {
    font-size: 14px;
}
.header-bottom nav ul li a {
    font-size: 14px;
}
.col-logo,
a.logo-footer{
    width: 170px !important;
    height: 27px;
}
a.logo-footer{
     margin-right: 300px;
}
header .d-flex.align-items-center.justify-content-between{
    flex-wrap: wrap;
    gap: 10px;
}
.not-front div#app {
    padding-top: 0;
}
.col-logo a{
    width: 100%;
    height: 100%;
    display: flex;
}
.col-logo a img,
a.logo-footer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header .col-callback .use-ajax.btn-form.btn.btn-primary {
    padding: 8px 19px;
    font-size: 12px;
    line-height: 16px;
}
.field--name-field-slide-title {
    font-size: 39px;
    line-height: 60px;
    width: 100%;
    padding-top: 200px;
}
.container .field--name-field-slide-title:nth-of-type(2) {
    font-size: 39px;
    line-height: 60px;
    width: 100%;
    top: 2px;
}
.field--name-field-slide-title {
    margin-bottom: 140px;
}
.slider-block .field--name-body {
    font-size: 11px;
    line-height: 22px;
}
ul.slick-dots li button {
    width: 8px;
    height: 8px;
}
.slider-block {
    margin-bottom: 75px;
}
.about-block h1 p {
    font-size: 17px;
    line-height: 35px;
    max-width: 570px;
}
.block-views-blockcatalog-block-front .view-header p {
    font-size: 12px;
    line-height: 19px;
}
.block-views-blockcatalog-block-front .view-content, .view-catalog .view-content,
.view-fotogalereya  .view-content , .photoswipe-gallery .view-content{
    justify-content: space-between;
}
.block-title {
    font-size: 24px;
    line-height: 42px;
}
.works-block .view-header .container,
.gallery-block .view-header .container {
    align-items: end;
    flex-direction: column-reverse;
}
.works-block .view-header p,
.gallery-block .view-header p {
    text-align: right;
}
.block-views-blockcatalog-block-front .view-header {
    align-items: start;
    flex-direction: column;
}
.block-views-blockcatalog-block-front .view-header p {
    text-align: left;
}
.works-block .view-header p,
.gallery-block .view-header p {
    font-size: 12px;
    line-height: 19px;
    
}
footer ul li a.nav-link {
    font-size: 14px;
    line-height: 20px;
}
footer .row a.logo-footer {
    margin-right: 185px;
    margin-left: 185px;
}

footer .col-nav {
    margin-right: 0;
}
footer .row {
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}
footer .row-copiryght {
    gap: 5px !important;
}
footer nav ul {
    align-items: center;
}
footer div#block-vesta-theme-osnovnayanavigaciya-4-menu, footer div#block-vesta-theme-katalog-menu {
    text-align: center;
}
footer .col-nav-catalog {
    margin-right: 0;
}
.col-contacts {
    width: 227px;
    margin-left: 155px;
    margin-right: 155px;
    text-align: center;
}
.col-contacts .col-tel, .col-contacts .col-mail {
    margin-bottom: 10px;
}
.node--type-about.node--view-mode-full .field--name-body p {
    font-size: 18px;
    line-height: 26px;
}
.node--type-about.node--view-mode-full .field--name-field-izobrazhenie-o-nas img {
    height: 300px;
}
.mapContainer{
    height: 340px !important;
}
.product-teaser{
    flex-direction: column;
    align-items: center;
}
.product-view-full .field--type-commerce-price {
    margin-bottom: 20px !important;
}
.product-view-full .field__label,.product-view-full .field__item {
   text-align: center;
}
.product-view-full .field--name-variations .field__item form .field--name-quantity {
    justify-content: center;
}
main {
    margin-top: 47px !important;
}

.col-lg-3{
    background-color: #2E2A2F;
    width: 100%;
}
.filter-group{
    position: fixed;
    top: 46px !important;
    bottom: unset;
    z-index:1;
    background-color: #2E2A2F;
    right: 0;
    left: 0;
}
.btn-flter {
    margin-bottom: 35px !important;
}
}

@media  (max-width: 576px) {
.view-catalog .view-content .views-row,
.view-fotogalereya  .view-content .views-row,
.photoswipe-gallery .view-content .views-row {
   width: 210px;
   flex-grow: 0;
}
.block-views-blockcatalog-block-front .more-link a,
.gallery-block .more-link a {
    right: 50%;
    transform: translate(50%, 0);
}
.block-views-blockcatalog-block-front .view-footer a {
    right: 50%;
    transform: translate(50%, 0);
}
.filter-group{
    position: fixed;
    top: 46px !important;
    bottom: unset;
    z-index:1;
    background-color: #2E2A2F;
    right: 0;
    left: 0;
}
.btn-flter {
    margin-bottom: 35px !important;
}
.works-block .view-content {
    margin: 0;
}
header .col-search .region.region-search.active .form-item.js-form-type-search.form-type-search {
    right: calc((100vw - var(--len-container-s)) * 0.5 + 86px);
}
header .col-search .region.region-search.active .form-actions.js-form-wrapper.form-wrapper {
    right: calc((100vw - var(--len-container-s)) * 0.5 + 15px);
}
.works-block .more-link a {
    left: calc((100vw - var(--len-container-s)) * 0.5 + 804px);
}
#views-exposed-form-tovary-page-2 .form--inline.clearfix,
#views-exposed-form-tovary-page-1 .form--inline.clearfix {
    display: flex;
    gap: 30px;
    margin-top: 80px;
    flex-wrap: wrap;
}
/*.row.fltr{
    flex-direction: column-reverse;
} */
.field--name-field-slide-title {
    width: 100% !important;
}    
.field--name-field-slide-title:nth-of-type(2){
    width: 100% !important;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image a img, .commerce-product--view-mode-teaser .field--name-field-image-product-view a img, .commerce-product--view-mode-teaser .field--name-field-image-product-view img, .view-fotogalereya .view-content .views-row .field__item a img {
    width: 210px;
    height: 237px;
}
.taxonomy-term--view-mode-teaser .field--name-field-catalog-image,  .not-front .view-fotogalereya .view-content .views-row .blazy--field-gallery--teaser {
    width: 210px;
    height: 237px;
}
.commerce-product--type-vesta-product.commerce-product--view-mode-teaser .field--name-body p{
    width: 210px;
}
.commerce-product--view-mode-teaser .field--name-field-image-product-view, .commerce-product--view-mode-teaser .field--name-field-image-product-view a img, .commerce-product--view-mode-teaser .field--name-field-image-product-view img{
    width: calc(44vw - 10px);
    height: calc(50vw - 11.3px);
}

.works-block .view-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 100%;
}
.works-block .view-content .views-row{
    width: 210px;
    height: 237px;
}
.works-block .view-content .views-row:nth-child(3) {
    border-radius: 30px;
    overflow: hidden;
}
.not-front .view-nashi-raboty .view-content .views-row {
    width: 210px;
    height: 237px;
}
.img-tovar-tsr{
    width: 210px !important;
    height: 237px !important;
}
.not-front .view-nashi-raboty .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: center;
}
.not-front h1 {
    margin-bottom: 30px;
    text-align: center;
}
.not-front .col-phone,
.not-front .col-mail,
.not-front .col-adress{
    text-align: center;
}
.not-front .offcanvas .col-phone,
.not-front .offcanvas .col-mail,
.not-front .offcanvas .col-adress{
    text-align: start;
}
#scrollToTop {
    right: 25px;
}
.block-views-blockcatalog-block-front .more-link a,
.gallery-block .more-link a {
    padding: 5px 26px;
    bottom: -65px;
}
.works-block .more-link a {
    padding: 6px 28px;
}
.view-id-catalog.view-display-id-block_front {
    margin-bottom: 188px;
}
.block-views-blockcatalog-block-front .view-footer a {
    padding: 5px 24px;
    bottom: -115px;
}
.contacts {
    font-size: 14px;
}
.header-bottom nav ul li a {
    font-size: 14px;
}
.col-logo,
a.logo-footer{
    width: 170px !important;
    height: 27px;
}
a.logo-footer{
     margin-right: 300px;
}
header .d-flex.align-items-center.justify-content-between{
    flex-wrap: wrap;
    gap: 10px;
}
.not-front div#app {
    padding-top: 0;
}
.col-logo a{
    width: 100%;
    height: 100%;
    display: flex;
}
.col-logo a img,
a.logo-footer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header .col-callback .use-ajax.btn-form.btn.btn-primary {
    padding: 8px 19px;
    font-size: 12px;
    line-height: 16px;
}
.field--name-field-slide-title {
    font-size: 30px;
    line-height: 42px;
    width: 100%;
    padding-top: 155px;
}
.field--name-field-slide-title:nth-of-type(2) {
    font-size: 30px !important;
    line-height: 42px !important;
    width: 94% !important;
    top: 2px !important;
}
.about-block .field--name-node-link a {
    padding: 5px 11px;
}
.field--name-field-slide-title {
    margin-bottom: 100px;
}
.field--name-field-slide-link {
    margin-bottom: 100px;
}
.slider-block .field--name-body {
    font-size: 10px;
    line-height: 20px;
}
.blazy--field-izobrazhenie-o-nas .media--blazy.media--image img {
    display:none;
}
.field--name-field-slide-link a {
    padding: 5px 38px;
}
ul.slick-dots li button {
    width: 6px;
    height: 6px;
}
.slider-block {
    margin-bottom: 50px;
}
.about-block h1 p {
    font-size: 13px;
    line-height: 25px;
}
.block-views-blockcatalog-block-front .view-header p {
    font-size: 10px;
    line-height: 17px;
}
.block-views-blockcatalog-block-front .view-content, .view-catalog .view-content,
.view-fotogalereya  .view-content, .photoswipe-gallery .view-content {
    justify-content: center;
}
.block-title {
    font-size: 22px;
    line-height: 42px;
}
.works-block .view-header .container,
.gallery-block .view-header .container {
    align-items: center;
    flex-direction: column-reverse;
}
.works-block .view-header p,
.gallery-block .view-header p {
    text-align: center;
}
.block-views-blockcatalog-block-front .view-header {
    align-items: center;
    flex-direction: column;
}
.block-views-blockcatalog-block-front .view-header p {
    text-align: center;
}
.works-block .view-header p,
.gallery-block .view-header p {
    font-size: 12px;
    line-height: 19px;
    
}
footer ul li a.nav-link {
    font-size: 14px;
    line-height: 20px;
}
footer .row a.logo-footer {
    margin-right:0px;
    margin-left: 0px;
}
main {
    margin-top: 75px !important;
}
.col-lg-9{
    margin-top: 92px;
}
footer .col-nav {
    margin-right: 0;
}
footer .row {
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    margin-left: 0;
    margin-right: 0;
}
footer .row-copiryght {
    gap: 5px !important;
}
footer nav ul {
    align-items: center;
}
footer div#block-vesta-theme-osnovnayanavigaciya-4-menu, footer div#block-vesta-theme-katalog-menu {
    text-align: center;
}
footer .col-nav-catalog {
    margin-right: 0;
}
.col-contacts {
    width: 227px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
}
.col-contacts .col-tel, .col-contacts .col-mail {
    margin-bottom: 10px;
}
.node--type-about.node--view-mode-full .field--name-body p {
    font-size: 16px;
    line-height: 25px;
}
.node--type-about.node--view-mode-full .field--name-field-izobrazhenie-o-nas img {
    height: 300px;
}
.mapContainer{
    height: 340px !important;
}
.text-sm-center {
        text-align: center !important;
}
.view-tovary .view-content,
.region-content .view-izbrannoe .view-content {
   justify-content: center;
}
.not-front div#main{
        padding-top: 20px;
    }
.view-tovary .view-content{
    gap: 20px;
}
.product-teaser{
    flex-direction: column;
    align-items: center;
}
.product-view-full .field--type-commerce-price {
    margin-bottom: 20px !important;
}
.product-view-full .field__label,.product-view-full .field__item {
   text-align: center;
}
.product-view-full .field--name-variations .field__item form .field--name-quantity {
    justify-content: center;
}

}

.view-izbrannoe .views-field-title{
    display: none;
}

.region-callback{
    display: flex;
    gap: 15px;
    align-items: center;
}

.img-tovar-tsr{
    position: relative;
}
.flag-wishlist.action-flag a{
    position: absolute;
    width: 22.5px;
    height: 21.5px;
    top: 16px;
    left: 17px;
    background-image: url(/sites/all/themes/vesta_theme/image/wishlist.svg);
    border: none;
    background-size: cover;
    color: transparent;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
}
.flag-wishlist.action-unflag a{
    position: absolute;
    width: 22.5px;
    height: 21.5px;
    top: 16px;
    left: 17px;
    background-image: url(/sites/all/themes/vesta_theme/image/unwishlist.svg);
    border: none;
    background-size: cover;
    color: transparent;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
}
.field--name-variations .field__item form .field--name-quantity .btn-minus,
.field--name-variations .field__item form .field--name-quantity .btn-plus{
    cursor:pointer;    
    font-size: 20px;
    font-weight: 700;
}
.field--name-variations .field__item form select{
    width: 300px;
    height: 40px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #2B2A29;
    background-color: #EEEEEE;
    padding-top: 5px;
    padding-left: 18px;
    margin-bottom: 15px;
}
.field--name-variations .field__item form label{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FF6600;
    margin-bottom: 5px;
}

.field--name-variations .field__item form .field--name-quantity{
    display: flex;
    flex-direction: row;
    gap: 7px;
    margin-bottom: 10px;
}
.commerce-product--view-mode-teaser .field--name-title {
    margin-bottom: 10px;
}
.field--name-variations .field__item form .field--name-quantity label{
    display: none;
}
.field--name-variations .field__item form .field--name-quantity input{
    width: 50px;
    text-align: center;
    border-radius: 40px;
}

.field--name-variations .field__item form .js-form-wrapper button{
    text-align: center;
    padding: 9px 42px;
    background: #FF6600;
    border-radius: 40px;
    color: white;
    border: solid #FF6600 2px;
    border-radius: 40px;
    background: transparent;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}
.field--name-variations .field__item form .js-form-wrapper button:hover{
    background-color:#FF6600;
    color: white;
}

.product-view-full .field__label{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FF6600;
    text-decoration: none;
    margin-bottom: 5px;
}
.product-view-full .field__item{
    margin-bottom: 10px;
}

/*.product-view-full .field--type-commerce-price{
    margin-bottom: 25px;
} */
.product-teaser{
    margin-bottom: 30px;
}

.product-teaser-image .element {
    width: 330px ;
    height: 373px;
    border-radius: 30px;
    overflow: hidden;
}


.product-teaser-image .element a{
    width: 100%;
    height: 100%;
    display: flex;
}
.product-teaser-image .element a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-tovar-tsr{
    width: 300px;
    height: 340px;
    margin-bottom: 5px;
}
.views-field.views-field-title-1 a{
    color: #000000;
    text-decoration: none;
}
.views-field.views-field-title-1 a:hover{
    color: #FF6600;
    text-decoration: none;
}
legend .fieldset-legend.js-form-required.form-required{
    display: none;
}
.cart-form .table-responsive .views-field-field-variation-image{
    width: 100px;
    height: 100px;
}
.cart-form .table-responsive .views-field-field-variation-image a{
    width: 100%;
    height: 100%;
    display: flex;
}
.cart-form .table-responsive .views-field-field-variation-image a .media--blazy{
    width: 100%;
    height: 100%;
}
.cart-form .table-responsive .views-field-field-variation-image a .media--blazy img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.region-cart{
    display: flex;
    gap:15px;
}
.whishlist-block--summary__icon img{
    width: 20px;
    height: 19px;
}
.block-views.block-views-blockizbrannoe-block-1{
    width: 20px;
    height: 24px;
}
@media (max-width: 460px) {
    .works-block .view-header p,
    .gallery-block .view-header p {
        font-size: 12px;
        line-height: 19px;
        width: 300px;
    }
    .block-views-blockcatalog-block-front .view-header p {
        text-align: center;
        width: 300px;
    }
}
.photoswipe-gallery .view-content .views-row .field-content{
    border-radius: 30px;
    overflow: hidden;
}

.photoswipe-gallery .view-content .views-row .field-content a{
    width: 100%;
    height: 100%;
    display: flex;
}
.photoswipe-gallery .view-content .views-row .field-content a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#views-exposed-form-tovary-page-2 .form--inline.clearfix,
#views-exposed-form-tovary-page-1 .form--inline.clearfix{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
#views-exposed-form-tovary-page-2 .form--inline.clearfix label,
#views-exposed-form-tovary-page-1 .form--inline.clearfix label{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    color: #FF6600;
    text-decoration: none;
}
#block-vesta-theme-raskrytayaformatovarypage-2 .block-title,
#block-vesta-theme-raskrytayaformatovarypage-1 .block-title{
    margin-top: 80px;
    font-size: 20px;
}
/*.product-view-full .field--name-sku,
.product-view-full .field--name-field-material-sidenya{
    margin-bottom: 15px;
} */
.product-view-full .field--name-field-razmer-stolbov{
    margin-bottom: 25px;
}
.product-view-full{
    position: relative;
}

.form--inline.clearfix .button.js-form-submit.form-submit {
    padding: 9px 39px;
}
.region-filter{
    padding-right: 30px;
}

@media  (max-width: 992px) {
#block-vesta-theme-raskrytayaformatovarypage-2 .block-title,
#block-vesta-theme-raskrytayaformatovarypage-1 .block-title {
    margin-top: 40px;
    margin-bottom: 20px;
}
#views-exposed-form-tovary-page-2 .form--inline.clearfix,
#views-exposed-form-tovary-page-1 .form--inline.clearfix {
    margin-top: 0;
}
#block-vesta-theme-raskrytayaformatovarypage-2,
#block-vesta-theme-raskrytayaformatovarypage-1{
    margin-bottom: 30px;
}
#views-exposed-form-tovary-page-2 .form-actions.js-form-wrapper.form-wrapper,
#views-exposed-form-tovary-page-1 .form-actions.js-form-wrapper.form-wrapper{
    align-items: end;
    display: flex;
}

#views-exposed-form-tovary-page-2 .js-form-type-select,
#views-exposed-form-tovary-page-1 .js-form-type-select {
    width: 45%;
}
.form-checkboxes.bef-checkboxes{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 5px;
    column-gap: 30px;
}
#views-exposed-form-tovary-page-2 .form--inline.clearfix, #views-exposed-form-tovary-page-1 .form--inline.clearfix {
       gap: 5px !important;
}
/*
.form--inline.clearfix .button.js-form-submit.form-submit {
    padding: 2px 36px;
}


#views-exposed-form-tovary-page-2 .form-select,
#views-exposed-form-tovary-page-1 .form-select{
    font-size: 12px;
    padding: 2px 7px;

}
*/
.btn-flter{
    margin-top: 30px !important;
}
.commerce-product--type-vesta-product.commerce-product--view-mode-teaser .field--name-body p, .product-view-full .field--name-body p {
    font-size: 12px;
}
.commerce-product--view-mode-teaser .field--name-title {
    margin-bottom: 5px;
}
}

.form--inline.clearfix .button.js-form-submit.form-submit {
    background-color: transparent;
    color: #FFFFFF;
}
.form--inline.clearfix .button.js-form-submit.form-submit:hover {
    background-color: #FF6600;
    color: #FFFFFF;
}
.btn-flter{
    text-align: center;
    padding: 9px 46px;
    background:transparent;
    border-radius: 40px;
    color: #FFFFFF;
    border: #FF6600 solid 1px;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 18px;
}
.btn-flter:hover{
    background-color: #FF6600;
}
.block-fltr{
    display: none;
}
.block-fltr.active{
    display: block !important;
}
.messages--status a{
    color: #FFFFFF;
    text-decoration: none;
    margin-bottom: 5px;
}
.messages--status a:hover{
    color:#FF6600;
    text-decoration: none;
    
}
.fieldset-wrapper .js-form-type-checkbox{
    display: flex;
    gap: 7px;
    align-items: center;
}
.bef-exposed-form .form--inline .form-item {
   margin-bottom: 10px;
}
legend {
    margin-bottom: .7rem;
}

.commerce-product--type-vesta-product.commerce-product--view-mode-teaser .field--name-body p, .product-view-full .field--name-body p{
    color: #FF6600;
    margin-bottom: 0.3rem;
}
.block-fltr.active {
    display: block !important;
}
.col-lg-3{
    position: relative;
}
.filter-group{
    position: fixed;
    top: 235px;
    bottom: unset;
}
header {
    background : #2E2A2F;
    box-shadow: 0 2px 4px rgba(255, 102, 0, 0.3);
}
main{
    margin-top: 170px;
}