@import url("reset.css");
@import url("../fonts/fonts.css");
:root{
    --black: rgb(30, 30, 30);
    --black-grey: rgb(55, 55, 55);
    --green: rgba(120, 184, 51, 1);
    --rotateUp: 0;
    --rotateDown: 0;
    --light-grey: rgba(248, 248, 248, 1);
    --dark: rgba(66, 66, 66, 1);
    --safety-padding: 0 10px;
    --green-hover: #61952a;
    --main-primary-color: #A6B96D;
    --text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    --grey: rgba(235, 236, 236, 1);
    --white: #fff;
}
.adm-nav-page-active{
    background-color: var(--black);
    color: #fff !important;
    border-radius: 8px;
    padding: 0 6px;
}
.adm-nav-page{
    text-decoration: none;
    color: var(--black);
    font-weight: bold;
    font-size: 16px;
}
.adm-nav-page:not(:first-child) {
    margin-left: 10px;
}
body{
    font-family: 'PT-Sans-Caption';
    overflow-x: hidden;
}
.site{
    width: 100%;
    height: 100%;
}
.container{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 1500px;
}
.container--mw{
    max-width: 320px;
}
.site-header-logo, .site-header-mobile__img{
    max-width: 160px;
}
.site-header--pos{
    position: relative;
    z-index: 500;
}
.site-header-top{
    height: 40px;
    background-color: var(--black);
    position: relative;
    z-index: 998;
}
.site-header-bottom{
    padding: 20px 0;
    position: relative;
    z-index: 995;
    background-color: #fff;
}
.site-header-bottom.hide{
    z-index: 985;
}
.site-header-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-menu-list, .header-menu-mobile-list{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 600px;
    gap: 40px;
}
.site-header-mobile{
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    transform: translateX(-110%);
    transition: 0.5s;
    z-index: 999;
    height: 100%;
    top: 0;
    max-width: 60%;
}
.site-header-mobile-nav-wrap{
    padding: 25px 25px 10px 25px;
}
.site-header-mobile.on{
    transform: translateX(0);
}
.header-menu-mobile-list{
    flex-direction: column;
    max-width: unset;
}
.site-header-mobile-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 25px 0 25px;
}
.site-header-mobile-bottom{
    background-color: #424242;
}
.site-header-region--mobile, .site-header-phone--mobile, .site-header-email--mobile{
    display: flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 12px;
}   

.site-header-region{
    visibility: hidden;
}

.site-header-phone__link--mobile, .site-header-email__link{
    font-weight: bold !important;
}
.site-header-address--mobile{
    padding-bottom: 43px;
    color: #fff;
}
.site-header-region-text{
    color: #fff;
    border-bottom: 1px solid;
}
.site-header-region-pic, .site-header-phone-pic--mobile, .site-header-emeil--mobile{
    display: flex;
}
.site-header-mobile-bottom-wrap{
    padding: 37px 10px 56px;
}
.header-menu__item{
    white-space: nowrap;
}
.header-menu__item, .header-menu-mobile__item{
    list-style-type: none;
}
.header-menu__link, .header-menu-mobile__link{
    text-decoration: none;
    color: var(--black);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
.btn{
    color: var(--black);
    background: transparent;
    border: 2px solid var(--black);
    padding: 12px 24px;
    cursor: pointer;
    transition: 0.5s;
    text-decoration: none;
    border-radius: 0;
}
.btn--white{
    color: #fff;
    border-color: #fff;
}
.btn--bg{
    background-color: #fff;
    border-color: #fff;
}
.btn--green{
    background-color: var(--green);
    border-color: var(--green);
    color: #fff;
}
.site-header-action{
    border-color: var(--black);
}
.site-header-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(230, 230, 230, 1);
    font-size: 14px;
    font-family: "PT-Sans-Caption";
    font-weight: 400;
    height: 100%;
}
.site-header-toggle{
    padding: 8px;
}
.site-header-phone, .site-header-region{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.site-header-phone__link, .site-header-email__link{
    font-weight: 500;
    font-size: 20px;
    text-decoration: none;
    color: rgba(230, 230, 230, 1);
}
.site-header-email__link{
    font-size: 14px;
}
.site-header-burger span i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--black);
    -webkit-transition: background-color 0s 0.15s, opacity 0.15s 0.15s;
    -o-transition: background-color 0s 0.15s, opacity 0.15s 0.15s;
    transition: background-color 0s 0.15s, opacity 0.15s 0.15s;
}
.site-header-burger span {
    position: relative;
    width: 22px;
    height: 3px;
    --rotateUp: 0;
    --rotateDown: 0;
    --top: 6px;
    background-color: #fff !important;
}
.site-header-burger span, .site-header-burger span::before, .site-header-burger span::after {
    height: 3px;
    width: 25px;
    display: block;
    background-color: black;
}
.site-header-burger span::before{
    content: "";
    display: block;
    position: relative;
    top: calc(var(--top) * (-1));
    transform: rotate(var(--rotateUp));
}
.site-header-burger span::after{
    content: "";
    display: block;
    position: relative;
    top: calc(var(--top) - 3px);
    transform: rotate(var(--rotateDown));
}
.title{
    color: var(--black);
    font-size: 40px;
    font-weight: 600;
    padding-bottom: 30px;
}
.site-main{
    min-height: 1000px;
    padding-bottom: 100px;
}
.site-main--nopadding{
    padding-bottom: 0 !important;
}
.site-main-title__text {
    font-family: "PT-Sans-Caption";
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    margin: 41px 0;
}
.site-main-about{
    display: flex;
    align-items: start;
    padding-bottom: 255px;
}
.site-main-about-bg{
    height: 650px;
    width: 100%;
}
.site-main-about-bg-darker{
    width: 100%;
    height: 100%;
    position: absolute;
    max-height: 650px;
    background-color: rgba(0, 0, 0, 0.7);
}
.site-main-about-bg__img{
    height: inherit;
    width: 100%;
    object-fit: cover;
}
.site-main-about-content{
    position: absolute;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
}
.site-main-about-content-wrap{
    width: 100%;
    height: 200px;
}
.site-main-about-title{
    font-size: 61px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.2;
    padding-bottom: 16px;
}
.site-main-about-menu{
    padding-top: 30px;
    width: 100%;
    display: flex;
    gap: 20px;
    border-top: 1px solid #fff;
}

.site-main-about-menu-item{
    width: 100%;
    max-width: 360px;
    height: 480px;
    display: flex;
    align-items: end;
    transition: 0.5s;
    transform: scale(1);
}
.team-content-item-title-dot{
    font-size: 34px;
}
.site-main-about-menu-item-pic{
    height: inherit;
    width: 100%;
    max-width: inherit;
   /* position: absolute; */
}
.site-main-about-menu-item__img{
    height: inherit;
    object-fit: cover;
    width: 100%;
}
.site-main-product{
    padding-bottom: 100px;
}
.site-product-menu-item-desc{
    position: absolute;
    z-index: 500;
    padding: 0 24px 24px 24px;   
}
.site-product-menu-item-title{
    color: #fff;
    font-size: 28px;
}
.site-product-menu-item-link{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    width: 100%;
    max-width: 100%;
    height: inherit;
    display: flex;
    align-items: end;
}
.site-main-about-menu-item-pic-darker{
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), 45%, transparent);
}
.site-main-product-content{
    display: flex;
    gap: 20px;
}
.site-main-product-col{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.site-main-product-col--flex{
    max-width: 940px !important;
    flex-direction: row;
    flex-wrap: wrap;
}
.product-item--mw460{
    max-width: 460px !important;
}
.site-main-product-row{
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
}
.product-item{
    width: 100%;
    max-width: 540px;
    height: 570px;
}
.product-item--mh570{
    max-height: 570px;
}
.product-item--mh200{
    max-height: 200px;
}
.product-item--mh250{
    max-height: 250px;
    max-width: 940px;
}
.product-item--mh300{
    max-height: 300px;
}
.product-item-link{
    text-decoration: none;
}
.product-item-link, .product-item-wrap, .product-item-pic, .product-item__img{
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    display: block;
    height: 100%;
}
.product-item-info{
    z-index: 2;
    max-width: inherit;
    padding: 0 30px 24px 30px;
}
.product-item-wrap{
    display: flex;
    align-items: end;
}
.subtitle{
    color: #fff;
    font-size: 16px;
}
.contacts-subtitle{
    color: var(--black);
    font-size: 32px;
    text-transform: uppercase;
    padding-bottom: 30px;
}
.product-item-text{
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    line-height: 1.1;
}
.product-item-info--dflex{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.product-item-info-right{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.product-item-info-right__link{
    padding: 5px 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
}
.product-item-pic{
    position: absolute;
}
.product-item-pic--mw{
    max-width: 540px;
}
.product-item__img{
    object-fit: cover;
}
.product-item-pic-darker{
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), 45%, transparent);;
}
.product-item-info-left{
    display: flex;
    flex-direction: column;
    justify-content: end;
}


.site-footer{
    background-color: var(--black);
}
.site-footer-content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 60px 0;
}
.site-footer-left{
    width: 100%;
    max-width: 737px;
    padding-bottom: 60px;
}
.site-footer-menu-list{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.site-footer-menu__item{
    list-style-type: none;
}
.site-footer-menu__link{
    text-decoration: none;
    text-transform: uppercase;
    font-family: "PTSansCaptionBold";
    font-weight: 700;
    font-size: 16px;
    color: rgba(206, 211, 217, 1);
}
.site-footer-copy{
    color: rgba(206, 211, 217, 0.5);
    font-size: 14px;
    font-family: "PT-Sans-Caption";
    font-weight: 400;
    max-width: 700px;
}
.site-footer-contacts{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.site-footer-contacts-link{
    text-decoration: none;
    font-size: 14px;
    font-family: "PT-Sans-Caption";
    font-weight: 400;
    color: rgba(230, 230, 230, 1);
    display: flex;
    gap: 8px;
}
.site-footer-contacts-phone__link{
    font-weight: 700;
    text-decoration: none;
    color: rgba(230, 230, 230, 1);
}
.site-footer-socials{
    width: 100%;
    max-width: 158px;
    display: flex;
    padding-top: 60px;
}
.site-footer-socials__item{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
}
.site-footer-contacts-item{
    display: flex;
    align-items: center;
    gap: 10px;
}
.site-footer-socials__item:not(:last-child){
    margin-right: 10px;
}
.partners{
    max-height: 650px;
    display: flex;
    align-items: end;
}
.partners-bg, .partners-bg-darker, .partners-bg-pic, .partners-bg__img{
    max-height: inherit;
    width: 100%;
}
.partners-bg__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 -225px;
}
.partners-bg-darker{
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), 45%, transparent);
}
.partners-content{
    position: absolute;
    width: 100%;
    padding-bottom: 40px;
}
.partners-title{
    color: #fff;
    font-weight: 500;
    padding: 0;
}
.partners-wrap{
    display: flex;
    justify-content: space-between;
    align-items: end;
    border-top: 1px solid #fff;
    padding-top: 20px;
}
.partners-rigth{
    position: relative;
    bottom: 25px;
}
.site-main-advanteges{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 40px;
}
.advanteges-item{
    background-color: var(--green);
    width: 100%;
    min-width: 485px;
    max-width: 485px;
    height: 270px;
}
.advanteges-item-link{
    color: rgb(217, 217, 217);
}
.advanteges-item-link--color{
    color: rgb(64, 64, 64);
}
.advanteges-item-link--color-white{
    color: #fff;
}
.advanteges-item-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
    height: 100%;
}
.advanteges-item-top{
    display: flex;
    gap: 10px;
    flex-direction: column;
    width: 100%;
}
.advanteges-item-title{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.advanteges-item-text{
    color: #D9D9D9;
    font-size: 16px;
}
.advantegeges-item-bottom{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.advanteges-item .advanteges-item-text{
    color: #fff;
}
.advanteges-item--bg-dark{
    background-color: var(--black);
    border: none;
}
.advanteges-item--bg-grey{
    background-color: rgb(206, 211, 217);
}
.advanteges-item--bg-brown{
    background-color: #B9A989;
}
.advanteges-item--bg-grey .advanteges-item-title,
.advanteges-item--bg-grey .advanteges-item-text{
    color: var(--black);
}
.adventeges-item-pic{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.advanteges-item-text__link{
    color: #fff;
}
.news{
    padding-top: 100px;
}

.site-main-team{
    padding-top: 100px;
}
.team-content-top{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.team-content-item{
    width: 100%;
    max-width: 486px;
    height: 347px;
    border: 1px solid rgba(229, 229, 229, 1);
}
.team-content-item--noborder{
    border: none;
}
.team-content-item-wrap{
    padding: 40px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.team-content-item-title{
    font-size: 56px;
    color: var(--black);
    font-weight: 600;
    padding-bottom: 30px;
    line-height: 1;
    display: flex;
    align-items: center;
}
.team-content-item-subtitle{
    font-size: 20px;
    color: var(--dark);
}
.team-content-top{
    padding-bottom: 20px;
}
.team-content-item__img{
    width: 100%;
}
.team-content-bottom{
    display: flex;
}
.team-content-bottom-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 1108px;
    gap: 45px;
    background-color: var(--black);
    padding: 0 60px;
}
.team-content-bottom-title{
    font-size: 28px;
    color: #fff;
}
.site-footer-contacts-text,
.site-footer-contacts-pic{
    display: flex;
    align-items: center;
}
.site-modal-region{
    width: 100%;
    height: 100%;
}
.site-modal-region-overlay{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
}

.overlay{
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 990;
}
.overlay.show{
    display: block;
}
.site-modal-region-content{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-modal-region-dialog{
    background-color: #fff;
    padding: 40px;
    width: 100%;
    max-width: 600px;
    max-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 26px;
}
.site-modal-region-title{
    color: var(--dark);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.site-modal-region-list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    overflow-y: scroll;
    scrollbar-width: none;
}
.site-modal-region-list-link{
    text-decoration: none;
    color: var(--dark);
    transition: 0.5s;
}
.site-modal-region-list-item{
    width: 100%;
    max-width: 150px;
}
.site-modal-region-close{
    top: -25px;
    width: 30px;
    height: 20px;
    position: relative;
    right: -20px;
    background-image: url("../img/close.png");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.region-ask{
    box-shadow: 0px 0 18px #a9a7a7;
    position: absolute;
    z-index: 999;
    top: 50px;
    left: 50px;
    background-color: #fff;
    padding: 20px 45px;
}
.region-ask-change{
    cursor: pointer;
}
.region-ask-title-bold{
    font-weight: bold;
}
.region-ask-action-top{
    display: flex;
    gap: 10px;
}
.region-ask-link{
    text-decoration: none;
    color: var(--black);
    border: 2px solid var(--black);
    width: 155px;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    transition: 0.5s;
}
.region-ask-title{
    text-align: center;
    padding-bottom: 20px;
    color: var(--dark);
}
.region-ask-action-bottom{
    text-align: center;
    padding-top: 10px;
}
.region-ask-cancel{
    color: var(--dark);
    text-decoration: none;
}
.site-modal{
    width: 100%;
    position: absolute;
    z-index: 999;
    height: 100%;
    top: 0;
    display: none;
}
.site-modal.show{
    display: block;
}
.site-modal-region{
    height: 100%;
}
/*========SEARCH========*/
#search {
    position: absolute;
    transform: translateY(-100%);
    transition: 0.5s;
    z-index: 992;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    border-top: 1px solid rgba(245, 245, 245, 1);
}
.site-header-search-top{
    background-color: #fff;
}
#search.hide{
    z-index: 500;
}
#search.open {
    transform: translateY(0);
}
.site-header-search{
    cursor: pointer;
    display: flex;
}
.site-search-pic{
    display: flex;
}
#search .site-search-block {
    border-radius: 3px;
    background: white;
    align-items: center;
}
#search.active .site-search-block {
    transform: translateY(0);
    opacity: 1;
    padding: 10px;
}
#search.active .site-search-blur {
    background: #222222d9;
    /*backdrop-filter: blur(1px);*/
}
.site-search-input {
    width: 100%;
    font-size: 16px;
    padding: 13px 16px;
    border: 1px solid rgba(245, 245, 245, 1);
}
.site-search-input:focus-visible {
    outline: none;
}
.site-search-close__item::before {
    content: "\f00d";
}
.site-search-pic__item::before {
    content: "\f002";
}
.site-search__img{
    width: 50px;
}
.site-search-block{
    display: flex;
    align-items: center;
}
.site-search-submit{
    padding: 13px 75px;
    background-color: #141414;
    border: none;
    color: #fff;
    transition: 0.5s;
}
.site-search-close__item{
    font-size: 30px;
    font-weight: 900;
    font-style: normal;
    cursor: pointer;
}
/*==========COPERATION============*/
.cooperation-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cooperation-top{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
}
.cooperation__info{
    max-width: 400px;
    padding: 122px 0;
}
.cooperation-rigth{
    width: 1108px;
    height: 465px;
    position: absolute;
    right: 0;
}
.cooperation-rigth__img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.cooperation-logo{
    padding-bottom: 66px;
}
.cooperaion-item-action{
    width: max-content;
}
.cooperation__link{
    font-weight: bold;
    font-size: 16px;
    padding: 12px 56px;
    text-decoration: none;
    transition: 0.5s;
    white-space: nowrap;
}
.site-main-cooperation{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    padding-bottom: 130px;
}
.cooperation-item{
    width: 100%;
    max-width: 682px;
    height: 585px;
    gap: 175px;
    overflow: hidden;
}
.cooperation-item-wrap{
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.cooperation-item-info{
    display: flex;
    width: 100%;
    max-width: 549px;
    height: 455px;
    flex-direction: column;
    background-color: rgb(157 153 153 / 0.5);
    max-width: 549px;
    border: 1px solid #fff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
}
.cooperation-item-action{
    z-index: 1;
    position: relative;
}
.cooperation-item-info-wrap{
    height: inherit;
    padding: 100px 47px;
    backdrop-filter: blur(150px);
}
.cooperation-item--designers{
    background-image: url("../img/dizayneram_main.png");
}
.cooperation-item--dealers{
    background-image: url("../img/dileram_main.png");
}
.cooperation-item-title{
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 31px;
}
.cooperation-item-title--pb{
    padding-bottom: 15px;
}
.cooperation-item-description{
    padding-bottom: 58px;
    font-size: 14px;
    color: #fff;
    max-width: 342px;
}
.cooperation-item-pic {
    display: flex;
    justify-content: end;
    position: absolute;
    bottom: -74px;
    left: 77px;
    width: 100%;
    max-width: inherit;
    border-radius: inherit;
    overflow: hidden;
    z-index: -1;
}
.cooperation-item-action__link{
    text-decoration: none;
    text-transform: uppercase;
}
.dealelrs-logistics, .dealers-slider{
    padding-top: 138px;
}
.dealers-content__top{
    background-image: url("../img/designersBanner.jpg");
    background-size: cover;
    height: 700px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.dealers-slider-description{
    color: var(--black);
    padding-bottom: 30px;
}
.dealers-content-top--bg{
    background-image: url("../img/for_dealers.jpg");
}
.dealers-content-top-wrap{
    padding-left: 62px;
}
.dealers-content-top__text{
    text-transform: uppercase;
    color: #fff;
    max-width: 527px;
    font-size: 40px;
    font-weight: bold;
    text-shadow: var(--text-shadow);
    line-height: 1;
}
.dealers-content-top-button{
    padding-top: 35px;
}
.dealers-link, .site-main-partnership-action__link{
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 10px;
    text-transform: uppercase;
    background-color: var(--green);
    cursor: pointer;
    transition: 0.5s;
}
.site-main-partnership-action__link{
    text-decoration: none;
}
.dealers-logistics-info{
    display: flex;
    align-items: center;
    padding-bottom: 38px;
}
.dealers-logistics-warehouse, .dealers-logistics-cities{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dealers-logistics-warehouse{
    padding-left: 58px
}
.dealers-logistics-cities{
    padding-left: 91px;
    padding-right: 200px;
}
.dealers-logistics-num{
    font-weight: bold;
    color: #434343;
    font-size: 70px;
}
.dealers-logistics-text, .dealers-logistics-cities, .dealers-logistics-warehouse{
    font-size: 20px;
    color: #8E8E8E;
}
.dealers-logistics-text{
    color: var(--dark);
    max-width: 630px;
    font-size: 20px;
}
.dealers-cooperation{
    padding-top: 180px;
}
.dealers-cooperation--pb{
    padding-bottom: 201px;
}
.dealers-bot{
    padding: 120px 0;
}
.dealers-bot-content{
    display: flex;
    gap: 143px;
}
.dealers-info-text{
    color: var(--dark);
    font-size: 20px;
    padding-bottom: 30px;
}
.dealers-info-right{
    padding-top: 20px;
}
.dealers-info-list{
    padding-bottom: 50px;
    padding-left: 25px;
}
.dealers-info-list__item, .dealers-info-text{
    color: var(--dark);
    font-size: 20px;
}
.dealers-info-list__item:not(:last-child){
    padding-bottom: 10px;
}
.dealers-marketing{
    display: flex;
    justify-content: space-between;
    padding-bottom: 200px;
}
.dealers-marketing-left{
    width: 100%;
    max-width: 714px;
}
.dealers-marketing-right{
    width: 100%;
    max-width: 613px;
}
.dealers-marketing-pic--df{
    display: flex;
    justify-content: space-between;
    padding-top: 130px !important;
}
.dealers-marketing-pic{
    padding-top: 40px;
}
.dealers-marketing-text{
    color: var(--dark);
    font-size: 20px;
}
.dealers-application{
    display: flex;
    gap: 58px;
    border: 1px solid #EBECEC;
    overflow: hidden;
}
.dealers__application{
    margin-bottom: 200px;
}
.dealers-about{
    padding-bottom: 200px;
}
.designers-application-pic, .designers-application__img{
    width: 100%;
    max-width: 704px;
}
.designers-application__img{
    height: 100%;
    object-fit: cover;
}
.designers-application-form{
    padding-top: 54px;
}
.designers-application-form--pb{
    padding-bottom: 54px;
}
.panel{
    margin-bottom: 0 !important;
}
.breadcrumbs{
    padding-top: 25px;
}
.cooperation-item--marketing,
.cooperation-item--certs{
    background-color: #2a2a2a;
    background-image: url("../img/marketingProductBg.jpg");
    background-repeat: no-repeat;
    background-position-x: right;
    max-width: 100% !important;
    height: unset;
    padding: 59px 0 65px 81px;
    margin-top: 52px;
}
.cooperation-item--certs{
    background-image: url("../img/certs.png");
    background-size: contain;
}
.cooperation-item-left{
    width: max-content;
}
.cooperation-item-title--marketing,
.cooperation-item-title--certs{
    text-transform: uppercase;
    padding-bottom: 0;
}
.cooperation-item-title--certs{
    padding-bottom: 68px;
}
.cooperation-item-description--marketing,
.cooperation-item-description--certs{
    padding-top: 15px;
    padding-bottom: 36px;
}
.cooperation-item-link{
    text-decoration: none;
}

/*======CAREER======*/
.site-main-banner--career{
    height: 649px !important;
    justify-content: space-between;
    gap: 20px;
}
.banner-career__img{
    max-width: 1145px;
}
.banner-career-left{
    width: 100%;
    max-width: 740px;
    height: 100%;
    background: -webkit-linear-gradient(225deg, rgb(120, 184, 51), rgb(65, 124, 1));
    background: -moz-linear-gradient(225deg, rgb(120, 184, 51), rgb(65, 124, 1));
    background: linear-gradient(225deg, rgb(120, 184, 51), rgb(65, 124, 1));
    padding: 90px 0;
}
.banner-career-info-top{
    text-transform: uppercase;
    color: var(--white);
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}
.banner-career-info-title{
    text-transform: uppercase;
    font-size: 40px;
    color: var(--white);
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    padding-bottom: 20px;
    max-width: 335px;
    line-height: 1.2;
}
.banner-career-info-text{
    font-size: 20px;
    color: var(--white);
    text-shadow: 1px 1px 1px #000;
    white-space: nowrap;
}
.banner-career-info{
    display: flex;
    flex-direction: column;
    height: 90%;
    justify-content: space-between;
}
.career-content, .company-content, .marketing-content{
    position: relative;
    top: -50px;
    background-color: #fff;
}
.marketing-content--top{
    top: 0;
}
.career-content-info{
    padding-top: 181px;
    padding-bottom: 200px;
}
.career-content-info-item{
    width: max-content;
}
.career-content-info-item-text{
    font-weight: bold;
    font-size: 90px;
    line-height: 1;
    color: #434343;
}
.career-content-info-item-text--green{
    color: var(--green);
}
.career-content-info-item-subtext{
    color: #8E8E8E;
    font-size: 16px;
    line-height: 1;   
}
.career-content-info{
    display: flex;
    justify-content: space-between
}
.career-content-info-wrap{
    display: flex;
    max-width: 550px;
    gap: 115px;
    justify-content: end;
}
.career-content-info-right{
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.career-content-info-description{
    max-width: 756px;
}
.bonus-text{
    color: var(--dark);
    max-width: 830px;
    padding-bottom: 50px;
}
.office-item-name{
    font-size: 24px;
    padding-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.employee{
    padding-bottom: 200px;
}
.career-content-info-description p,
.employee-text p{
    color: var(--dark);
    font-size: 16px;
}
.career-content-info-description p:not(:last-child),
.employee-text p:not(:last-child){
    padding-bottom: 40px;
}
.employee-wrap{
    display: flex;
    justify-content: space-between;
}
.subtitle--font{
    font-weight: bold;
    font-size: 20px;
    color: var(--black);
    text-transform: uppercase;
    padding-bottom: 30px;
}
.subtitle--white{
    color: #fff;
}
.employee-left{
    max-width: 766px;
}
.employee-right{
    max-width: 665px;
}
.employee-pic--pt{
    padding-top: 100px;
}
.employee-pic--pb{
    padding-bottom: 100px;
}
.bonus-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 22px;
    gap: 33px 0px;
}
.bonus-list__item{
    font-size: 16px;
    color: var(--green);
    width: 60%;
    font-weight: bold;
    width: 100%;
    max-width: 642px;
}
.bonus-list__item-text{
    color: var(--dark);
    font-weight: normal;
}
.bonus-list__item:nth-child(2n){
    width: max-content;
}
.bonus-text-bottom{
    width: 100%;
    text-align: right;
    color: var(--green);
    font-size: 20px;
    padding-top: 50px;
}
.carer-content-bonus{
    padding-bottom: 200px;
}
.office-item:not(:last-child){
    padding-bottom: 100px;
}
.office-item-content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.office-item-content--pb{
    padding-bottom: 50px;
}
.office-item-content--reverse{
    flex-direction: row-reverse;
}
.office-item__img{
    width: 100%;
    max-width: 593px;
    height: 100%;
    object-fit: cover;
}
.office-item__title, .vacancies__title{
    margin-bottom: 30px;
    color: var(--black);
    font-weight: bold;
    font-size: 32px;
    text-transform: uppercase;
}
.career-content-office {
    padding-bottom: 200px;
}

.career-content-advanteges{
    padding-top: 187px;
    padding-bottom: 139px;
}
.advanteges__title{
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--black);
    margin-bottom: 30px;
}
.advanteges-text{
    font-size: 16px;
    color: var(--black);
    margin-bottom: 30px;
}
.site-header-search-top {
    padding: 3rem 0;
}
#search input {
    font-size: 19px;
}
#resultSearch {
    color: #000;
    /* z-index: 1111; */
    position: relative;
    animation: ani 2s forwards;
}
.search-result-empty{
    padding: 5px;
    font-size: 14px;
}
.site-search-result-wrap{
    max-height: 600px;
    overflow-y: scroll;
    background-color: #fff;
}
.result-item{
    background-color: #fff;
    border-radius: 5px;
}
.result-item:not(:last-child){
    margin-bottom: 5px;
}
@keyframes ani {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
#resultSearch .item {
    display: flex;
    background: white;
    margin: 0.5rem 0;
    color: #333;
    padding: 1rem;
    min-height: 110px;
    border-radius: 0.2rem;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}
#resultSearch img {
    height: 115px;
    object-fit: contain;
}
#resultSearch .item .search-result-button {
    background-color: #e41313;
    padding: 10px 20px;
    color: white;
    text-decoration: none;
    text-align: center;
}
#resultSearch .item .no-photo {
    height: 80px;
    width: 80px;
    background: #999;
    color: white;
    text-align: center;
    margin-right: 20px;
    padding-top: 20px;
    font-size: 14px;
}
.result-item-wrap{
    display: flex;
    align-items: center;
    padding: 15px;
}
.result-item-name{
    width: 100%;
    font-size: 25px;
    padding-left: 20px;
}
.result-item-price,
.result-item-availability{
    font-size: 25px;
}
.result-item-link{
    text-decoration: none;
    color: var(--black);
}

/*========CONTACTS========*/
.contacts-description{
    padding-top: 120px;
    padding-bottom: 30px;
    color: var(--dark);
    font-size: 16px;
}
.contacts-main{
    display: flex;
    justify-content: space-between;
    padding-top: 63px;
    padding-bottom: 39px;
}
.contacts-main-right{
    display: flex;
    gap: 172px
}
.contacts-main-info{
    color: var(--dark);
    line-height: 1;
}
.contacts-main-title{
    font-weight: bold;
    padding-bottom: 8px;
}
.contacts-main-link{
    text-decoration: none;
    font-weight: bold;
    color: var(--dark);
}
.contacts-main-item{
    display: flex;
    gap: 20px;
    align-items: center;
}
/*=====================*/
/*======COMPANY==========*/
.site-main-company{
    padding-top: 20px;
}
.company-content-brand{
    padding-top: 114px;
    display: flex;
    justify-content: space-between;
}
.company-content-brand__img--mw{
    max-width: 200px;
}
.company-content-description{
    max-width: 100%;
}
.company-content-description-wrap{
    margin: 0 auto;
    max-width: 746px;
    padding: 183px 0;
}
.company-content-description-wrap p:nth-child(1){
    padding-bottom: 30px;
}
.company-content-description-wrap p{
    color: var(--dark);
    font-weight: 500;
}
.statistics{
    display: flex;
    justify-content: space-between;
}
.statistics-item--goods{
    background-image: url("../img/company/viget_1.png");
}
.statistics-item--warehouse{
    background-image: url("../img/company/viget_2.png");
}
.statistics-item--duration{
    background-image: url("../img/company/viget_3.png");
}
.statistics-item--markets{
    background-image: url("../img/company/viget_4.png");
}
.statistics-item-info{
    padding: 10px 20px;
}
.statistics-item__numeric{
    font-size: 56px;
    font-weight: bold;
    color: #fff;
}
.statistics-item__text{
    color: #fff;
    max-width: 195px;
    line-height: 1.2;
}
.company-content-values{
    padding: 199px 0;
}
.values-item{
    max-width: 173px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.values-item-text{
    text-align: center;
    padding-top: 39px;
    font-size: 16px;
    color: var(--black);
}
.values-content{
    display: flex;
    justify-content: space-between;
    padding-top: 70px;
}
.company-content-principles{
    padding: 200px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.company-content-brand-item--fargo img{
    max-width: 260px;
}
.company-content-principles p{
    font-size: 22px;
}
.company-content-principles p:nth-child(1){
    padding-bottom: 25px;
}
.company-content-technology{
    background-color: #292724;
    padding: 100px 0;
}
.technology-info-title{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 15px;
}
.technology-info-text{
    font-size: 16px;
    color: #fff;
}
.technology-bottom{
    padding-top: 86px;
}
.technology-info-action{
    position: relative;
    top: 35px;
}
.technology-info__link{
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 12px 48px;
    transition: 0.5s;
    cursor: pointer;
}
.technology-info--mwt{
    max-width: 579px;
}
.technology-info--mwb{
    max-width: 725px;
}
.technology-wrap{
    padding-top: 30px;
}
.technology-top{
    display: flex;
    align-items: center;
    gap: 111px;
}
.technology-bottom{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.company-content-marketing{
    padding: 200px 0;
}
.marketing-content{
    padding-top: 30px;
}
.marketing-description{
    max-width: 922px;  
    font-size: 16px;
    padding-bottom: 40px; 
}
.site-main-banner-title--marketing{
    max-width: 400px;
}
.sales{
    background-image: url("../img/company/sales.png");
    background-color: rgba(47, 47, 47, 0.8);
    background-blend-mode: multiply;
    background-size: cover;
    max-height: 970px;
}
.sales-wrap{
    padding: 230px 0 310px 0;
}
.sales-content{
    max-width: 834px;
    padding-top: 30px;
}
.sales-content p{
    color: #fff;
    font-size: 16px;
}
.sales-content p:nth-child(1),
.warehouse-left p:nth-child(1){
    padding-bottom: 30px;
}
.warehouse{
    padding: 200px 0;
}
.warehouse-wrap{
    display: flex;
    justify-content: space-between;
}
.warehouse-text{
    padding-top: 70px;
}
.warehouse-left{
    max-width: 579px;
}
.warehouse-right{
    max-width: 876px;
}
.warehouse-left p{
    font-size: 16px;
}
.innovations{
    background-color: #292724;
    display: flex;
    justify-content: space-between;
}
.innovations-left{
    max-width: 734px;
    padding: 133px 0;
}
.innovations-right{
    width: 844px;
}
.innovations__pic{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.innovations-wrap{
    max-width: 739px;
}
.innovations .container{
    width: inherit;
}
.innovations-text p{
    color: #fff;
    font-size: 16px;
}
.innovations-text p:not(:last-child){
    padding-bottom: 20px;
}
.innovations-text{
    padding-top: 50px;
}
.history{
    padding-top: 144px;
    padding-bottom: 200px;
}
.history-text{
    font-size: 16px;
    max-width: 906px;
    padding-top: 30px;
    padding-bottom: 70px;
}
.history-timeline{
    display: flex;
    border-bottom: 1px solid #000;
}
.history-timeline-elem{
    padding-left: 16px;
    padding-bottom: 14px;
    padding-top: 15px;
    border-left: 1px solid #000;
}
.history-timeline-elem__year{
    font-size: 56px;
    font-weight: bold;
    padding-bottom: 10px;
    line-height: 1;
}
.history-timeline-elem__text{
    font-size: 16px;
    line-height: 1.2;
}
.history-timeline-elem--first{
    max-width: 178px;
}
.history-timeline-elem--second{
    max-width: 245px;
    margin-left: 56px;
}
.history-timeline-elem--third{
    max-width: 258px;
    margin-left: 56px;
}
.history-timeline-elem--fourth{
    max-width: 160px;
    margin-left: 30px
}
.history-timeline-elem--fiths,
.history-timeline-elem--sixth{
    max-width: 175px;
    margin-left: 67px;
}
.history-timeline-elem--eith{
    position: absolute;
    right: 0;
    border-bottom: 1px solid #000;
    border-left: unset;
    width: 100%;
    max-width: 1000px;
    height: 183px;
}
.history-timeline-elem-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    position: relative;
    right: 21px;
    bottom: 123px;
}
.history-timeline-elem-dot--first{
    bottom: 140px;
}
.history-timeline-elem-dot--second,
.history-timeline-elem-dot--third{
    bottom: 160px;
}
.history-timeline-elem-dot--fiths{
    bottom: 124px;
}
.site-search-close{
    display: flex;
    cursor: pointer;
}
.owl-stage-outer{
    overflow: hidden;
}
.owl-stage{
    display: flex;
}
.site-main-banner {
    height: 719px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.site-main-banner-content {
    display: flex;
    align-items: center;
    height: inherit;
}
.site-main-banner__title {
    text-transform: uppercase;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    text-shadow: var(--text-shadow);
}
.site-main-banner__description {
    color: #fff;
    font-size: 20px;
    margin-top: 16px;
    text-shadow: var(--text-shadow);
}
.site-main-banner--company {
    background-image: url("../img/company/banner.jpg");
}
.site-main-banner--marketing {
    background-image: url("../img/marketingProduct.jpg");
}
.statistics-item{
    width: 100%;
    max-width: 24%;
    height: 600px;
}
.site-footer-socials__link{
    white-space: nowrap;
    color: rgba(206, 211, 217, 0.5);
}
.exibitions{
    padding-bottom: 150px;
}
.exibitions-text{
    padding-bottom: 78px;
}
/*===========CATALOG===========*/
.catalog-wrap{
    display: flex;
    justify-content: space-between;
    gap: 32px;
}
.catalog-item-link{
    color: var(--black);
}
.catalog-section, .catalog-content{
    width: 100%;
}
/*==============================*/
.side_left .content-md>.right_block.narrow_Y, .side_left .content-md>.right_block.narrow_Y+.left_block {
    float: right;
width: 100%;
}
.checkbox, .radio {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    vertical-align: middle;
    height: 20px;
}
.bx-filter-block{
    height:20px !important;
}
.bx-filter .bx-filter-param-label {
    font-size: 13px;
}
.bx_catalog_tile_ul > li::before { 
    display: none;
 }
#pagetitle{
    display: none;
}
.product-item-label-left {
    display: none;
}
.product-item-detail-tab:before{
    display:none;
}
/*===========END_CATALOG===========*/

.notfound-pic, .notfound__img{
    width: 100%;
}
.notfound{
    min-height: inherit;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: space-between;
}
.notfound-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.notfound-title {
    padding-top: 28px;
    padding-bottom: 40px;
    font-size: 150px;
}
.notfound-subtitle {
    text-transform: none;
    max-width: 400px;
    text-align: center;
}
.notfound-action{
    padding-top: 50px;
    display: flex;
    gap: 10px;
}
.notfound-action-link{
    width: 150px;
    display: block;
    text-align: center;
}

/*===========PRODUCTION============*/

.site-main-production{
    padding-top: 104px;
}
.production-section{
    padding-bottom: 120px;
}
.production-about-text{
    padding-bottom: 82px;
    font-weight: bold;
    font-size: 32px;
}
.production-about-info{
    display: flex;
    gap: 10px;
}
.production-about-info-item{
    background-color:  #F5F5F5;
}
.production-about-info-item-wrap{
    padding: 35px 40px;
}
.production-about-info-item-top{
    padding-bottom: 27px;
    font-size: 50px;
    font-weight: bold;
}
.production-about-info-item-top-fsz{
    font-size: 30px;
}
.production-about-info-item-bottom{
    font-size: 16px;
}
.production-subtitle{
    color: var(--black);
    font-weight: bold;
    font-size: 32px;
    padding-bottom: 49px;
}
.production-content{
    display: flex;
    justify-content: space-between;
}
.production-video-list{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.production-video-list-item{
    max-width: 248px;
    text-align: center;
    padding: 12px 17px;
}
.production-video-list-item.active{
    background-color: var(--black);
    color: #fff;
}
.production-advanteges-list, 
.production-certs-info{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.production-certs-info{
    padding-top: 61px;
}
.production-advanteges-list-item,
.production-certs-info-item{
    width: 100%;
    max-width: 32%;
}
.production-advanteges-list-item-wrap,
.production-certs-info-item-wrap{
    padding: 38px;
    background-color: #F5F5F5;
    height: 100%;
}
.production-advanteges-list-item__title,
.production-certs-info-item__title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    height: 44px;
    line-height: 1.2;
    display: flex;
    align-items: end;
}
.production-advanteges-list-item-pic{
    padding-bottom: 28px;
}
.production-advanteges-list-item-description{
    font-size: 16px;
}
.production-certs-info-item__text{
    height: 120px;
    margin-bottom: 22px;
}
.production-nature-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 23px;
}
.production-nature-list{
    padding-left: 25px;
}
.production-ecology-content{
    max-width: 702px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.production-ecology-bold{
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 24px;
}
.production-ecology-bottom{
    padding-top: 54px;
}
.production-ecology-content-right{
    position: absolute;
    max-height: 791px;
    right: 0;
}
.production-ecology__img{
    max-height: inherit;
}
.production-advanteges-list-dot, .production-certs-info-dot{
    background-color: #fff;
    border: 1px solid var(--black);
    border-radius: 50%;
    height: 15px;
}
.production-advanteges-list-dot.active,
.production-certs-info-dot.active{
    background-color: var(--black);
}
.owl-dots{
    display: flex;
    justify-content: center;
    gap: 5px;
}
.production-video-item{
    display: none;
}
.production-video-item.active{
    display: block;
}
/*=================================*/
.site-up{
    display: none;
    position: fixed;
    right: 25px;
    bottom: 10px;
    border-radius: 50%;
    background-color: #000;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.site-cookie-wrap{
    width: 100%;
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(75 73 73 / 55%);
    padding: 15px;
}
.site-cookie-text{
    max-width: 900px;
    color: var(--white);
    font-size: 14px;
}
.site-cookie-button{
    color: var(--white);
    background-color: var(--black);
    transition: 0.5s;
    padding: 10px 15px;
    cursor: pointer;
}
.site-cookie{
    position: fixed;
    bottom: 5px;
    width: 100%;
    justify-content: center;
    display: none;
    z-index: 500;
}
.hidden{
    visibility: hidden;
}
@media screen {
    .btn:hover{
        background-color: var(--black);
        color: #fff;
    }
    .btn--white:hover{
        color: var(--black);
        background-color: #fff;
    }
    .btn--bg:hover{
        border-color: var(--black);
    }
    .btn--green:hover{
        background-color: var(--green-hover);
        border-color: var(--green-hover);
    }
    .site-modal-region-list-link:hover{
        color: var(--green-hover);
    }
    .region-ask-link:hover{
        background-color: var(--black);
        color: #fff;
    }
    .site-main-about-menu-item:hover{
        transform: scale(1.03);
    }
}
@media(min-width: 746px){
    .site-header-burger{
        display: none;
    }
}


@media(min-width: 746px){
    .site-header-burger{
        display: none;
    }
}
@media(max-width: 1730px){
    .cooperation__info{
        padding-right: 20px;
    }
}
@media(max-width: 1700px){
    .site-menu{
        right: 115px;
    }
    .production-ecology-content-right{
        max-width: 45%;
    }
    .banner-career__img {
        max-width: 935px;
    }
    .banner-career__img {
        max-width: 935px;
    }
    .banner-career-right{
        height: 100%;
    }
    .banner-career__img{
        height: 100%;
        object-fit: cover;
    }
}
@media(max-width: 1550px){
    .cooperation-rigth{
        width: 100%;
        max-width: 1000px;
        height: auto;
    }
}

@media(max-width: 1530px){
    .container{
        padding: var(--safety-padding);
    }
    .site-header-bottom{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .site-main-about-content{
        padding-bottom: 100px;
        padding-top: 150px;
        max-width: 1275px;
    }
    .site-footer-content{
        padding: 60px 10px;
    }
    .site-main-about-menu-item{
        max-width: 300px;
        height: 425px;
    }
    .site-main-about-menu{
        justify-content: center;
    }
    .product-item-pic--mw{
        max-width: 31%;
    }
    .product-item__img{
        max-width: 100%;
    }
    .product-item-pic{
        max-width: 31%;
    }
    .product-item:not(.product-item--mh250){
        max-width: 510px;
    }
    .product-item--mh250 .product-item-pic{
        max-width: 61.5vw;
    }
    .site-main-about{
        justify-content: center;
    }
    .site-main-product-col{
        width: 100%;
        max-width: 32%;
    }
    .team-content-item{
        max-width: 32%;
    }
    .team-content-item__img{
        height: 100%;
        object-fit: cover;
    }
    .advanteges-item{
        min-width: unset;
        max-width: 32%;
    }
    .product-item--mw460 .product-item-pic{
        max-width: 30%;
    }
    .site-main-product-row{
        gap: 20px;   
    }
    .site-main-product-content{
        justify-content: center;
    }
}
@media(max-width: 1515px){
    .banner-career__img {
        max-width: 725px;
    }
    .banner-career-info-title{
        max-width: 100%;
    }
    .container--mw {
        max-width: 500px;
    }
}
@media(max-width: 1480px){
    .product-item--mw460 .product-item-pic {
        max-width: 31%;
    }
    .product-item--mw .product-item-pic {
        max-width: 63.5vw;
    }
}
@media(max-width: 1470px){
    .history-timeline-elem-dot--sixth{
        bottom: 123px;
    }
    .production-about-info-item-top{
        font-size: 37px;
    }
}
@media(max-width: 1440px){
    .cooperation-item{
        max-width: 49%;
    }
}
@media(max-width: 1432px){
    .history-timeline-elem--eith{
        display: none;
    }
    .history-timeline-elem-dot--second{
        bottom: 143px;
    }
    .history-timeline-elem-dot--fiths{
        bottom: 123px;
    }
    .product-item--mw460 {
        max-width: 48% !important;
    }
    .product-item--mw460 .product-item-link,  .product-item--mw460 .product-item-wrap{
        max-width: unset;
    }
}
@media(max-width: 1429px){

    .history-timeline-elem-dot--third{
        bottom: 161px;
    }

}
@media(max-width: 1426px){
    .cooperation-rigth{
        max-width: 800px;
    }
    .history-timeline-elem-dot--second {
        bottom: 162px;
    }
}
@media(max-width: 1421px){
    .history-timeline-elem-dot--fiths {
        bottom: 143px;
    }
    .history-timeline-elem--sixth{
        margin-left: 33px;
    }
}
@media(max-width: 1400px){
    .dealers-marketing-left{
        max-width: 660px;
    }
    .dealers-marketing-right{
        max-width: 520px;
    }
    .dealers__application{
        padding-right: 15px;
    }
    .history-timeline-elem--third{
        margin-left: 15px;
    }
    .history-timeline-elem-dot--second,
    .history-timeline-elem-dot--third {
        bottom: 144px;
    }
    .history-timeline-elem-dot--fiths {
        bottom: 123px;
    }
}
@media(max-width: 1354px){
    .history-timeline-elem-dot--third {
        bottom: 162px;
    }
}
@media(max-width: 1351px){
    .history-timeline-elem-dot--third, .history-timeline-elem-dot--second{
        bottom: 160px;
    }
}
@media(max-width: 1347px){
    .history-timeline-elem-dot--sixth{
        bottom: 125px;
    }
}
@media(max-width: 1346px){
    .history-timeline-elem-dot--fiths {
        bottom: 141px;
    }
}
@media(max-width: 1332px){
    .header-menu-list{
        max-width: unset;
    }
}
@media(max-width: 1293px){
    .history-timeline-elem-dot--third {
        bottom: 160px;
    }
    .production-ecology-content{
        max-width: 49%;
    }
}
@media(max-width: 1286px){
    .history-timeline-elem-dot--second {
        bottom: 160px;
    }
}
@media(max-width: 1280px){
    .site-main-about-menu-item {
        max-width: 260px;
        height: 375px;
    }
    .site-main-about-content{
        max-width: 1120px;
    }
    .career-content-info{
        flex-direction: column;
        align-items: center;
        gap: 55px;
    }
    .career-content-info-wrap{
        max-width: unset;
    }
    .company-content-brand{
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items:center;
        gap: 35px 0;
    }
    .company-content-brand-item{
        width: 33%;
        display: flex; 
        justify-content: center;
    }
    .warehouse-wrap{
        align-items: center; 
        gap: 10px;
    }
    .statistics-item{
        height: 450px;
    }
}
@media(max-width: 1279px){
    .history-timeline-elem-dot--sixth {
        bottom: 140px;
    }
}
@media(max-width: 1250px){
    .dealers-marketing__img{
        max-width: unset;
    }
    .dealers-marketing{
        gap: 10px;
        flex-direction: column;
    }
    .dealers-marketing-pic{
        display: flex;
    }
    .dealers-marketing-pic--df, .dealers-marketing-pic{
        justify-content: space-around;

    }
    .dealers-marketing-left, .dealers-marketing-right{
        max-width: 100%;
    }
    .dealers-marketing-right{
        padding-top: 50px;
    }
    .history-timeline-elem--fourth{
        margin-left: 20px;
    }
    .history-timeline-elem--fiths, .history-timeline-elem--sixth{
        margin-left: 40px;
    }
    .history-timeline-elem-dot--second,
    .history-timeline-elem-dot--third {
        bottom: 162px;
    }
    .history-timeline-elem-dot--sixth {
        bottom: 123px;
    }
    .history-timeline-elem--fiths, .history-timeline-elem--sixth {
        margin-left: 15px;
    }
    .production-about-info{
        flex-wrap: wrap;
    }
    .production-about-info-item{
        width: 100%;
        max-width: 49%;
    }
}
@media(max-width: 1231px){
    .history-timeline-elem-dot--sixth {
        bottom: 122px;
    }
    .cooperation-rigth {
        max-width: 680px;
    }
    .partners-bg__img{
        object-position: unset;
    }
}
@media(max-width: 1200px){
    .values-content{
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 30px 0;
    }
    .values-item{
        width: 100%;
        max-width: 300px;
    }
    .history-timeline-elem-dot--sixth {
        bottom: 144px;
    }
    .history-timeline-elem--sixth{
        padding-right: 16px;
    }
    .banner-career__img {
        max-width: 595px;
    }
    .site-main-banner--career {
        height: 475px !important;
    }
    .values-item-text{
        padding-top: 10px;
    }
}
@media(max-width: 1178px){
    .history-timeline-elem-dot--third {
        bottom: 161px;
    }
}
@media(max-width: 1175px){
    .history-timeline-elem-dot--third {
        bottom: 180px;
    }
}
@media(max-width: 1171px){
    .history-timeline-elem-dot--third {
        bottom: 201px;
    }
}
@media(max-width: 1169px){
    .cooperation-item-info{
        max-width: 430px;
    }
    .cooperation-item-img--dealers{
        max-width: 320px;
    }
}
@media(max-width: 1150px){
    .technology-info--mwb {
        max-width: 620px;
    }
    .technology-info--mwt {
        max-width: 495px;
    }
    .history-timeline{
        flex-wrap: wrap;       
        gap: 15px;
    }
    .history-timeline-elem--first, .history-timeline-elem--second,
    .history-timeline-elem--third, .history-timeline-elem--fourth,
    .history-timeline-elem--fiths, .history-timeline-elem--sixth{
        max-width: 25%;
    }
    .history-timeline-elem--fourth {
        margin-left: 0;
    }
    .history-timeline-elem--fiths{
        margin-left: 0;
    }
    .history-timeline-elem--first .history-timeline-elem-dot {
        bottom: 106px;
    }
    .history-timeline-elem-dot--second, .history-timeline-elem-dot--third {
        bottom: 140px;
    }
    .history-timeline-elem-dot--forth{
        bottom: 107px;
    }
    .history-timeline-elem-dot--fiths {
        bottom: 110px;
    }
    .history-timeline-elem-dot--sixth {
        bottom: 120px;
    }
    .history-timeline-elem-dot--seventh{
        bottom: 106px;
    }
    .history-timeline-elem--seventh{
        margin-left: 12px;
    }
    .history-timeline{
        border-bottom: unset;
    }
    .history-timeline-elem{
        border-bottom: 1px solid #000;
    }
    .cooperation-item-title{
        padding: 25px 10px;
    }
    .cooperation-item-title--pb {
        padding-bottom: 50px !important;
    }
    .cooperation-item--marketing, .cooperation-item--certs{
        padding: 15px 0 49px 81px;
    }
    .cooperation-item-title--marketing, .cooperation-item-title--certs{
        padding-left: 0 !important;
    }
}
@media(max-width: 1130px){
    .site-main-about-menu-item {
        max-width: 220px;
        height: 320px;
    }
    .site-main-about-content{
        padding-top: 205px;
    }
    .site-main-about-content {
        max-width: 955px;
    }
    .site-main-product-col{
        max-width: 49%;
    }
    .product-item-pic {
        max-width: 48%;
    }
    .product-item {
        max-width: 100%;
    }
    .site-main-product-col:nth-child(3){
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 100%;
    }
    .site-main-product-col:nth-child(3) .product-item{
        max-width: 49%;
    }
    .site-main-product-col:nth-child(3) .product-item-link,
    .site-main-product-col:nth-child(3) .product-item-wrap{
        max-width: 100%;
    }
    .advanteges-item{
        height: 340px;
    }
    .product-item--mw460 .product-item-pic {
        max-width: 23%;
    }
    .product-item--mw .product-item-pic {
        max-width: 48vw;
    }
    .product-item-info--dflex{
        flex-direction: column;
    }
}
@media(max-width: 1110px){
    .cooperation-rigth {
        max-width: 595px;
    }
    .cooperation-item:nth-child(1){
        gap: 127px;
    }
    .cooperation-item-pic{
        left: 53px;
        bottom: -96px;
    }
    .cooperation-item-info{
        height: 510px;
    }
    .cooperation-item-info-wrap{
        padding: 40px 47px;
    }
    .cooperation-item--marketing, .cooperation-item--certs {
        padding: 15px 0 49px 35px;
    }
}
@media(max-width: 1100px){
    .header-menu-list{
        gap: 15px;
    }
    .production-content{
        flex-direction: column;
        gap: 20px;
    }
    .production-video-list{
        flex-direction: row;
    }
    .prodcution-video{
        display: flex;
        justify-content: center;
    }
    .production-video-item{
        width: 100%;
    }
    .production-video-item iframe{
        width: 100% !important;
        height: 55vw !important;
    }
}
@media(max-width: 1080px){
    .products-item-title{
        font-size: 28px;
    }
    .designers-form-captcha{
        flex-direction: column-reverse;
        align-items: start;
        gap: 15px;
    }
    .company-content-brand-item {
        width: 37%;
    }
    .history-timeline-elem--second{
        margin-left: 21px;
    }
    .history-timeline-elem--first, .history-timeline-elem--second, .history-timeline-elem--third, .history-timeline-elem--fourth, .history-timeline-elem--fiths, .history-timeline-elem--sixth{
        max-width: 21%;
    }
    .history-timeline-elem-dot--fiths {
        bottom: 121px;
    }
    .history-timeline-elem--seventh {
        margin-left: 16px;
    }
    .history-timeline-elem--sixth {
        margin-left: 22px;
    }
    
}
@media(max-width: 1041px){
    .history-timeline-elem-dot--first{
        bottom: 124px !important;
    }
    .banner-career__img {
        max-width: 465px;
    }
}
@media(max-width: 1040px){
    .site-footer-contacts{
        padding-bottom: 20px;
    }
    .site-main-product-col {
        max-width: 37%;
    }
    .product-item-pic {
        max-width: 36%;
    }
    .product-item--mw460 .product-item-pic {
        max-width: 29%;
    }
    .product-item--mw .product-item-pic {
        max-width: 60vw;
    }
}
@media(max-width: 1024px){
    .header-menu__link{
        font-size: 14px;
    }
    .team-content-item {
        max-width: 31%;
        height: 280px;
    }
    .team-content-top{
        justify-content: center;
    }
    .team-content-item-title{
        font-size: 42px;
    }
    .advanteges-item{
        max-width: 31%;
    }
    .office-item__map iframe{
        height: 320px;
    }
    .vigets-item-front,
    .vigets-item-back{
        max-width: 465px !important;
    }
    .dealers-bot-content{
        gap: 70px;
    }
    .technology-info--mwt {
        max-width: 495px;
    }
    .technology-top{
        gap: 30px;
    }
    .technology-bottom{
        gap: 25px;
    }
    .technology-info--mwb {
        max-width: 480px;
    }
    .sales-wrap {
        padding: 140px 0;
    }
    .cooperation-rigth {
        max-width: 540px;
    }
    .cooperation-logo{
        max-width: 295px;
    }
    .contacts-main-right {
		gap: unset;
		justify-content: space-between;
		max-width: 50%;
		width: 100%;
	}
    .cooperation-item--marketing{
        background-size: contain;
    }
    .cooperation-item-title {
        font-size: 29px;
    }
}
@media(max-width: 992px){
    .catalog-title{
        padding-bottom: 30px;
    }
    .section--catalog{
        padding-bottom: 30px !important;
    }
}
@media(max-width: 986px){
    .history-timeline-elem--first .history-timeline-elem-dot{
        bottom: 123px;
    }
    .banner-career-info-title{
        font-size: 30px;
    }
    .site-main-banner--career {
        height: 385px !important;
    }
}
@media(max-width: 980px){
    .site-header-action {
        padding: 12px 13px;
    }
    .site-main-about-menu{
        flex-wrap: wrap;
    }
    .site-main-about-menu-item{
        max-width: 308px;
    }
    .site-main-about{
        padding-bottom: 470px;
    }
    .partners{
        max-height: 440px;
    }
    .team-item--firstcolumn, .team-item--secondcolumn, .team-item--thirdcolumn {
        max-width: 49%;
    }
    .team-item--join{
        max-width: 100%;
    }
    .site-header-action {
        padding: 0;
    }
    .title{
        font-size: 40px;
    }
    .innovations{
        display: none;
        flex-direction: column;
        overflow: hidden;
    }
    .innovations__pic{
        border-radius: 20px 0 20px 0;
        max-height: inherit;
        border-radius: 0;
    }
    .innovations-right {
        width: 100%;
        max-height: 500px;
    }
    .innovations-mobile{
        display: flex !important;
        justify-content: center;
        padding: 50px 0;
    }
    .innovations-pic, .innovations__img{
        width: 100%;
    }
    .innovations-pic{
        padding-top: 30px;
    }    
    .dealers-content-top--bgpos{
        background-position-x: center;
    }
}
@media(min-width: 980px){
    .innovations-mobile{
        display: none;
    }
}
@media(max-width: 973px){
    .history-timeline-elem-dot--third {
        bottom: 165px;
    }
    .dealers-cooperation{
        padding-top: 30px;
    }
    .dealers-cooperation--pb{
        padding-bottom: 0;
    }
    .dealers-application{
        border: unset;
    }

}
@media(max-width: 970px){
    .history-timeline-elem-dot--forth {
        bottom: 122px;
    }
}
@media(min-width: 960px){
    .production-advanteges-list--slider, .production-certs-info--slider{
        display: none;
    }
}
@media(max-width: 960px){
    .cooperation-rigth {
        max-width: 455px;
    }
    .cooperation-logo {
        max-width: 255px;
    }
    .company-content-principles{
        padding: 100px 10px;
    }
    .company-content-principles p{
        text-align: center;
    }
    .cooperation-item-title {
        font-size: 26px;
    }
    .career-content-info-wrap {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    .career-content-info-item{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .career-content-info {
        padding-top: 65px;
    }
    .dealers-logistics-cities{
        padding-right: 90px;
    }
    .statistics{
        flex-wrap: wrap;
        gap: 20px 0;
    }
    .statistics-item{
        max-width: 49%;
    }
    .cooperation-item-info {
        max-width: 375px;
        height: 430px;
    }
    .cooperation-item:not(.cooperation-item--marketing, .cooperation-item--certs){
        height: 570px;
    }
    .cooperation-item-title {
        font-size: 25px;
    }
    .production-advanteges-list:not(.production-advanteges-list--slider),
    .production-certs-info:not(.production-certs-info--slider){
        display: none;
    }
    .production-advanteges-list-item{
        max-width: 100%;
        height: 850px;
    }
    .production-certs-info-item{
        max-width: 100%;
    }
    .production-advanteges-list-item__title, .production-certs-info-item__title{
        justify-content: center;
        text-align: center;
    }
    .production-advanteges-list-item-pic, .production-certs-info-item-pic{
        display: flex;
        justify-content: center;
    }
    .production-advanteges-list, .production-certs-info{
        justify-content: center;
    }
}
@media(max-width: 930px){
    .site-header-logo{
        max-width: 130px;
    }
    .adventeges-item-pic{
        padding: 9px;
        width: 40px;
        height: 40px;
    }
}
@media(max-width: 926px){
    .history-timeline-elem-dot--third {
        bottom: 162px;
    }
    .site-main{
        min-height: 800px;
    }
}
@media(max-width: 905px){
    .banner-career__img {
        max-width: 390px;
    }
    .site-main-banner--career {
        height: unset !important;
        flex-direction: column;
    }
    .banner-career-left{
        max-width: 96%;
    }
    .banner-career-right{
        width: 100%;
        max-width: 96%;
    }
    .banner-career__img {
        max-width: 100%;
    }
    .banner-career-info-top{
        text-align: center;
        padding-bottom: 45px;
    }
    .banner-career-info-title, .banner-career-info-text{
        text-align: center;
    }
}
@media(max-width: 893px){
    .history-timeline-elem-dot--second{
        bottom: 160px !important;
    }
    .site-header-action-link{
        padding: 10px;
    }
    .cooperation-item-content{
        max-width: 46%;
    }
}
@media(max-width: 880px){
    .header-menu-list{
         gap: 20px;
    }
    .technology-info--mwb {
        max-width: 365px;
    }
    .technology-info--mwt {
        max-width: 395px;
    }
}
@media(max-width: 876px){
    .history-timeline-elem-dot--second{
        bottom: 162px;
    }
    .cooperation-rigth {
        max-width: 370px;
    }
    .cooperation-logo {
        max-width: 235px;
        padding-bottom: 35px;
    }
    .header-menu__link {
        font-size: 12px;
    }
}
@media(max-width: 870px){
    .history-timeline-elem-dot--forth {
        bottom: 124px;
    }
    .contacts-main-right{
        max-width: 55%;
    }
    .site-main-product-content{
        flex-wrap: wrap;
    }
    .site-main-product-col {
        max-width: 100%;
    }
    .product-item:not(.product-item--mh250){
        max-width: 100%;
    }
    .product-item-pic {
        max-width: 97%;
    }
    .product-item--mw460 .product-item-pic {
        max-width: 47%;
    }
    .product-item--mw .product-item-pic {
        max-width: 97vw;
    }
    .site-header-logo {
        max-width: 100px;
    }
}
@media(max-width: 840px){
    .advanteges-item-title{
        font-size: 16px;
    }
    .production-ecology-content-right{
        position: relative;
        max-width: 100%;
    }
    .production-ecology-content{
        flex-direction: column;
        max-width: 100%;
    }

}
@media(max-width: 830px){
    .cooperation-item-info {
        max-width: 310px;
    }
    .cooperation-item-img--dealers {
        max-width: 250px;
    }
    .cooperation-item-description--pb{
        padding-bottom: 40px;
    }
    .cooperation-item--marketing{
        background-position-x: 360px;
    }
    .contacts-main, .contacts-main-right{
        flex-direction: column;
        gap: 10px;
        max-width: 100%;
    }
    
    .site-header-action-link {
        padding: 7px;
        font-size: 13px;
    }
}
@media(max-width: 800px){
    .site-header-logo {
        max-width: 100px;
    }
    .site-header-action {
        padding: 12px 5px;
    }
    .team-content-item{
        max-width: 48%;
    }
    .cooperation-rigth {
        max-width: 340px;
    }
    .site-header-action-link {
        font-size: 14px;
    }
}
@media(max-width: 794px){
    .history-timeline-elem-dot--sixth {
        bottom: 143px;
    }
}
@media(max-width: 775px){
    .team-content-bottom-right{
        max-width: 50%;
    }
    .header-menu-list {
        gap: 14px;
    }
}
@media(max-width: 768px){
    .employee-wrap{
        flex-direction: column;
    }
    .employee-right {
        max-width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    .employee-right .employee-title{
        order: 1;
    }
    .employee-pic{
        display: flex;
        justify-content: center
    }
    .employee-left, .employee-right .employee-text{
        max-width: unset;
        padding-bottom: 50px;
    }
    .carer-content-bonus, .career-content-info{
        padding-bottom: 75px;
    }
    .employee{
        padding-bottom: 25px;
    }
    .bonus-list__item, .office-item__map, .office-item__map iframe{
        width: 100%;
    }
    .office-item__map iframe{
        height: 280px;
    }
    .dealers-bot-content {
        gap: 25px;
    }
    .dealers-info-text{
        padding-bottom: 5px;
    }
    .dealers-info-list{
        padding-bottom: 15px;
    }
    .dealers__application{
        flex-direction: column-reverse;
        padding-right: 0;
        align-items: center;
    }
    .designers-application-pic, .designers-application__img{
        max-width: unset;
    }
    .designers-application__img{
        max-height: 500px;
    }
    .designers-form-captcha{
        flex-direction: row-reverse;
        align-items: end;
    }
    .designers-application-form {
        padding-left: 15px;
        padding-right: 15px;
    }
    .warehouse-wrap{
        flex-direction: column;
        gap: 50px;
    }
    .contacts-main-text{
        font-size: 15px;
    }
    .site-menu{
        grid-template-areas: "ql qp pvh"
                             "ql drp qpl"
                             "podl kley kley";
        grid-row-gap: 15px;
        grid-column-gap: 15px;
    }
    .cooperation-item--marketing, .cooperation-item--certs {
        padding: 15px 0 35px 35px;
    }
    .cooperation-item-title {
        padding: 10px 10px;
    }
    .cooperation-item-description--marketing{
        padding-bottom: 27px;
    }
    .cooperation-item--certs{
        min-height: 150px;
    }
    .cooperation-item--certs .cooperaion-item-action{
        margin-top: 42px;
    }
    .site-main-production {
        padding-top: 10px;
    }
    .warehouse-text{
        order: 2;
    }
    .warehouse-right{
        order: 1;
    }
    .advanteges-item {
        height: 460px;
    }
}
@media(max-width: 763px){
    .history-timeline-elem-dot--third {
        bottom: 180px;
    }
}
@media(max-width: 748px){
    .history-timeline-elem-dot--third {
        bottom: 198px;
    }
}
@media(max-width: 745px){
    .site-header-menu{
        display: none;
    }
    .product-item-info--dflex{
        flex-direction: column;
    }
    .advanteges-item {
        max-width: 48%;
    }
    .history-timeline-elem-dot--fiths {
        bottom: 142px;
    }
    .site-header-logo{
        order: 1;
    }
    .site-header-action{
        order: 2;
        position: absolute;
        right: 85px;
    }
    .site-header-search{
        order: 3;
        position: absolute;
        right: 50px;
    }
    .site-header-burger{
        order: 4;
    }
}
@media(max-width: 734px){
    .history-timeline-elem-dot--sixth {
        bottom: 162px;
    }
    .cooperation-rigth{
        position: relative;
        max-width: 100%;
    }
    .cooperation-wrap{
        flex-direction: column-reverse;
        align-items: center;
    }
    .cooperation__info {
        padding-right: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media(max-width: 732px){
    .history-timeline-elem-dot--third {
        bottom: 199px;
    }
    .contacts-main-text {
        font-size: 14px;
    }
    .contacts-main-item{
        gap: 8px;
    }
}
@media(min-width: 700px){
    .technology-action-mobile{
        display: none;
    }
}
@media(max-width: 700px){
    .title{
        font-size: 40px;
    }
    .site-main-about-menu-item{
        max-width: 45%;
    }
    .site-main-about-title{
        font-size: 40px;
    }
    .product-item-text{
        font-size: 22px;
    }
    .product-item-info-right__link{
        font-size: 14px;
    }
    .product-item-info-right{
        margin-top: 10px;
    }
    .dealers-logistics-info{
        flex-wrap: wrap;
    }
    .dealers-logistics-warehouse, .dealers-logistics-cities{
        padding: 0;
        width: 49%;
        align-items: start;
    }
    .dealers-logistics-cities{
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }
    .dealers-logistics-warehouse{
        padding-bottom: 15px;
    }
    .dealelrs-logistics, .dealers-slider{
        padding-top: 80px;
    }
    .technology-top, .technology-bottom{
        flex-direction: column;
    }
    .technology-info--mwt, .technology-info--mwb{
        max-width: 95%;
    }
    .technology-bottom {
        gap: 90px;
    }
    .technology__img{
        padding: 30px 0;
    }
    .container--nopadding{
        padding: 0 !important;
    }
    .technology-info{
        padding: 0 10px;
    }
    .technology .subtitle{
        padding: 0 20px;
    }
    .technology-action-mobile{
        display: block;
    }
    .technology-info-action{
        display: none;
    }
    .technology-info{
        order: 1;
    }
    .technology-pic{
        order: 2;
    }
    .technology-action-mobile{
        order: 3;
    }
    .technology-action-mobile-btn{
        padding: 12px 91px;
    }
}
@media(max-width: 693px){
    .history-timeline-elem-dot--first {
        bottom: 142px !important;
    }
}
@media(max-width: 691px){
    .dealers-marketing-pic--df{
        flex-direction: column;
        align-items: center;
    }
    .dealers-marketing-pic--df .dealers-marketing__img{
        max-width: 50%;
    }
    .history-timeline-elem-dot--fiths {
        bottom: 143px;
    }
    .cooperation-item-info {
        max-width: 270px;
    }
    .cooperation-item-description {
        padding-bottom: 15px;
    }
    .production-nature-content{
        flex-direction: column-reverse;
    }
}
@media(max-width: 683px){
    .history-timeline-elem-dot--second {
        bottom: 180px !important;
    }
}
@media(max-width: 673px){
    .history-timeline-elem-dot--second {
        bottom: 180px;
    }
}
@media(max-width: 666px){
    .history-timeline-elem--first .history-timeline-elem-dot {
        bottom: 143px;
    }
    .cooperation-item--marketing, .cooperation-item--certs {
        padding: 30px 0 30px 20px;
    }
    .cooperation-item-title{
        padding: 0;
        padding-bottom: 20px !important;
    }
    .cooperation-item-info-wrap{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .cooperation-item-description--posr{
        position: relative;
        bottom: 19px;
    }
}
@media(max-width: 660px){
    .team-content-bottom-right{
        padding: 0 20px;
    }
    .team-content-bottom-title{
        font-size: 23px;
    }
    .team-content-bottom-img{
        height: 200px;
        object-fit: cover;
    }
    .title {
        font-size: 32px;
    }
    .partners {
        max-height: 330px;
    }
}
@media(max-width: 645px){
    .dealers-bot-content{
        flex-direction: column-reverse;
    }
    .dealers-marketing-right .dealers-marketing__img{
        max-width: 100%;
    }
    .history-timeline-elem-dot--sixth {
        bottom: 160px;
    }
    .production-about-info-item-top {
        font-size: 28px;
    }
    .production-about-text{
        font-size: 17px;
    }
    .production-about-info-item-bottom {
        font-size: 13px;
    }
}
@media(max-width: 630px){
    .cooperation-item--marketing{
        background-image: url("../img/marketingProductBgMob.jpg.jpg");
        background-position-x: right;
    }
    .cooperation-item--certs{
        background-image: url("../img/certMob.png");
        background-size: 135px;
        background-position-y: bottom;
        height: 280px;
    }
    .cooperation-item-content{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        max-width: 230px;
    }
    .cooperation-item--marketing{
        background-size: unset;
    }
    .values-item{
        max-width: 49%;
    }
    .values-item-text{
        font-size: 17px;
    }
}
@media(max-width: 610px){
    .cooperation-item{
        max-width: 100%;
    }
    .cooperation-item--marketing, .cooperation-item--certs{
        margin-top: 0;
    }
    .cooperation-top{
        flex-direction: column-reverse;
        gap: 30px;
    }
    .cooperation-item-info{
        height: 315px;
    }
    .site-main-cooperation{
        gap: 30px;
    }
    .cooperation-item-info {
        max-width: 487px;
    }
    .cooperation-item-img--dealers {
        max-width: 365px;
    }
    .site-footer-left{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .site-footer-menu-list{
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .cooperation-item-pic{
        bottom: -135px;
    }
    .cooperation-item:not(.cooperation-item--marketing, .cooperation-item--certs) {
        height: 450px;
    }
}
@media(max-width: 600px){
    .site-header-phone__link{
        font-size: 15px;
    }
    .site-header-content {
        font-size: 13px;
    }
    .partners-title{
        font-size: 32px;
    }
    .vigets-item-front, .vigets-item-back {
        max-width: 265px !important;
    }
    .dealers-content-top__text{
        font-size: 43px;
    }
    .history-timeline-elem--first, 
    .history-timeline-elem--second, 
    .history-timeline-elem--third, 
    .history-timeline-elem--fourth, 
    .history-timeline-elem--fiths, 
    .history-timeline-elem--sixth {
        max-width: 45%;
        width: 45%
    }
    .history-timeline-elem--second, 
    .history-timeline-elem--third, 
    .history-timeline-elem--fiths, 
    .history-timeline-elem--sixth,
    .history-timeline-elem--seventh{
        margin-left: 0;
    }
    .history-timeline-elem-dot--second,
    .history-timeline-elem-dot--third {
        bottom: 140px;
    }
    .history-timeline-elem--first .history-timeline-elem-dot,
    .history-timeline-elem-dot--forth {
        bottom: 105px;
    }
    .history-timeline-elem-dot--second{
        bottom: 140px !important;
    }
    .history-timeline-elem-dot--first{
        bottom: 108px !important;
    }
    .history-timeline-elem-dot--fiths,
    .history-timeline-elem-dot--sixth {
        bottom: 122px;
    }
    
    .product-item--mh570 {
        max-height: 340px;
    }
}
@media(max-width: 570px){
    .statistics-item__numeric {
        font-size: 45px;
    }
    .site-main{
        min-height: 600px;
        overflow-x: hidden; 
    }
    .notfound-action{
        flex-direction: column;
    }
    .notfound-title{
        font-size: 75px;
    }
    .site-main-banner{
        height: 670px;
    }
    .site-main-banner__title{
        font-size: 50px;
        text-align: center;
    }
    .site-main-banner__description{
        font-size: 22px;
        text-align: center;
    }
    .site-main-banner-content{
        height: unset;
        padding-top: 164px;
    }
    .site-modal-region-list{
        scrollbar-width: unset;
    }
    .site-modal-region-dialog{
        padding: 20px;
    }
    .site-main-banner--company{
        background-image: url("../img/company/banner_mob.png");
    }
    .company-content-brand{
        flex-direction: column;
    }
    .company-content-brand-item{
        width: 55%;
    }
    .values-content{
        padding-top: 30px;
    }
    .company-content-principles {
        padding: 175px 20px 100px 20px;
    }
    .company-content-principles p{
        font-size: 14px;
    }
    .technology-bottom{
        gap: 20px;
    }
    .marketing-content{
        padding-top: 0;
    }
    .warehouse-right{
        display: none;
    }
    .warehouse-mobile{
        display: block;
    }   
    .innovations-text{
        padding-top: 0;
    }
    .innovations-pic{
        padding-bottom: 30px;
    }
    .history-text{
        padding-top: 0;
        padding-bottom: 30px;
    }
    .history-timeline{
        padding-left: 15px;
    }
    .history{
        padding-bottom: 100px;
    }
    .warehouse-mobile{
        display: block;
    }
    .warehouse__img{
        width: 100%;
    }
    .company-content-brand-item--fargo img{
        max-width: 200px;
    }
    .designers-form-title{
        font-size: 32px !important;
    }
    .designers-application-pic{
        display: none;
    }
    .dealers__application{
        margin-bottom: 0;
    }
    .dealers-content__top{
        height: 580px;
    }
    .dealers-content-top__text{
        font-size: 32px;
    }
    .dealers-about, .dealers-bot--padding{
        padding-top: 70px !important;
    }
}
@media(min-width: 570px){
    .warehouse-mobile{
        display: none;
    }
}
@media(max-width: 557px){
    .history-timeline-elem--first .history-timeline-elem-dot{
        bottom: 121px;
    }
    .production-about-info-item{
        max-width: 100%;
    }
    .production-about-info-item-wrap {
        padding: 10px;
    }
    .production-subtitle{
        font-size: 25px;
    }
    .production-section{
        padding-bottom: 60px;
    }
}
@media(max-width: 550px){
    .partners-title{
        font-size: 27px;
    }
    .partners-bg{
        align-self: normal;
    }
    .partners{
        height: 330px;
    }
    .statistics-item{
        max-width: 100%;
        background-size: cover;
        height: 285px;
    }
    .statistics-item--goods{
        background-image: url("../img/company/viget_1_mob.png");
    }
    .statistics-item--warehouse{
        background-image: url("../img/company/viget_2_mob.png");
    }
    .statistics-item--duration{
        background-image: url("../img/company/viget_3_mob.png");
    }
    .statistics-item--markets{
        background-image: url("../img/company/viget_4_mob.png");
    } 
}
@media(max-width: 530px){
    .site-header-top{
        display: none;
    }
    .site-main-product-col, .site-main-product-col:nth-child(3) .product-item{
        max-width: 100%;
    }
    .product-item-pic{
        max-width: 97%;
    }
    .career-content-info-item-text{
        font-size: 65px;
    }
    .dealers-content-top-wrap {
        padding-left: 20px;
    }
    .dealers-content-top__text{
        max-width: 310px;
    }
    .sales-wrap {
        padding: 60px 0;
    }
    .innovations-left{
        padding: 55px 0;
    }
    .site-main-title__text{
        font-size: 30px;    
    }
    .career-content-info-right{
        align-items: center;
    }
    .employee-pic--pt {
        padding-top: 40px;
    }
    .bonus-text{
        padding-bottom: 33px;
    }
    .dealers-logistics-text, .dealers-info-list__item, .dealers-info-text{
        font-size: 16px;
    }
    .dealers-logistics-num{
        font-size: 50px;
        line-height: 1;
    }
    .dealers-bot{
        padding-top: 0;
    }
    .dealers-slider-description{
        font-size: 16px;
    }
    .dealers-cooperation-img{
        width: 80%;
    }
    .dealers-cooperation-content picture{
        display: flex;
        justify-content: center;
    }
    .dealers-logistics-cities, .dealers-logistics-warehouse{
        font-size: 16px;
    }
    .dealers-logistics-text, .dealers-marketing-text{
        font-size: 16px;
    }
    .subtitle--font{
        font-size: 24px;
    }
    .dealers-info-right{
        padding-top: 0;
    }
    .dealers-marketing-pic--df{
        padding-top: 50px !important;
    }
    .dealers-bot, .dealers-marketing{
        padding-bottom: 50px;
    }
    .result-item-name{
        font-size: 16px;
    }
}
/*
@media(min-width: 530px){
    .site-header-region--mobile, .site-header-phone--mobile, .site-header-address--mobile{
        display: none;
    }
}
*/
@media(max-width: 523px){
    .history-timeline-elem-dot--third {
        bottom: 140px;
    }
    .cooperation-item-info {
        max-width: 385px;
    }
    .cooperation-item-pic {
        left: 59px;
        bottom: -73px;
    }
    .product-item--mw460 {
        max-width: 100% !important;
    }
    .product-item--mw460 .product-item-pic {
        max-width: 97%;
    }
    .cooperation-item-pic{
        max-width: 355px;
        left: 89px;
    }
    .cooperation-item-img--dealers {
        max-width: 270px;
    }
}
@media(max-width: 520px){
    .team-content-item{
        max-width: 100%;
    }
    .advanteges-item{
        max-width: 100%;
    }
    .site-main-cooperation{
        padding-bottom: 0;
    }
    .cooperation-item-description{
        font-size: 16px;
    }
    .advanteges-item-text{
        font-size: 16px;
    }
    .advanteges-item {
        height: 260px;
    }
}
@media(max-width: 500px){
    .site-footer-right{
        flex-direction: column;
        display: flex;
        align-items: center;
        width: 100%;
    }
    .site-footer-contacts-item{
        justify-content: center;
    }
    .site-footer-content {
        padding: 15px 10px;
    }
    .site-footer-socials{
        padding-top: 20px;
    }
    .site-footer-left{
        padding-bottom: 35px;
    }
    .region-ask{
        left: 10px;
    }
    .designers-form-captcha {
        flex-direction: column-reverse;
        align-items: start;
    }
    .designers-form-captcha-data{
        max-width: 100%;
    }
}
@media(max-width: 496px){
    .history-timeline-elem-dot--second{
        bottom: 161px;
    }
    .history-timeline-elem-dot--first {
        bottom: 124px !important;
    }
    .site-cookie-wrap{
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
}
@media(max-width: 492px){
    .company-content-marketing, .warehouse,
    .company-content-description-wrap,
    .company-content-values {
        padding: 100px 0;
    }
    .history{
        padding-top: 100px;
    }
}
@media(max-width: 470px){
    .site-main-about-menu-item{
        max-width: 89%;
    }
    .site-main-about {
        height: 220vh;
    }
    @media(max-height: 763px){
        .site-main-about{
            height: 228vh;
        }
    }
    @media(max-height: 744px){
        .site-main-about{
            height: 240vh;
        }
    }
    .product-item-pic{
        max-width: 95%;
    }
    .partners-wrap{
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }
    .partners-content{
        padding-bottom: 10px;
    } 

}

@media(max-width: 465px){
    .history-timeline-elem-dot--third {
        bottom: 163px;
    }
}
@media(max-width: 463px){
    .history-timeline-elem-dot--forth {
        bottom: 124px;
    }
    .production-video-list {
        flex-direction: column;
        align-items: center;
    }
}
@media(max-width: 455px){
    .banner-career-info-text{
        white-space: unset;
        max-width: 315px;
    }
    .career-content {
        top: unset;
    }
    .banner-career-info-bottom{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bonus-text-bottom{
        text-align: left;
    }
    .employee-pic--pb{
        padding-bottom: 33px;
    }
    .news-list {
        padding-top: 0;
    }
}
@media(max-width: 450px){
    .site-main-about-title {
        font-size: 28px;
    }
    .site-main-about-bg{
        height: 500px;
    }
    .site-main-about-bg-darker{
        max-height: 500px;
    }
    .site-main-about {
        padding-bottom: 140vh;
    }
    .team-content-bottom{
        flex-direction: column-reverse;
    }
    .team-content-bottom-img{
        width: 100%;
        height: unset;
    }
    .team-content-bottom-right{
        max-width: 100%;
        padding: 40px;
        align-items: center;
    }
    .team-content-bottom-title{
        text-align: center;
    }
    .dealers-marketing-pic--df .dealers-marketing__img {
        max-width: 86%;
    }   
    .warehouse {
        padding: 100px 0;
    }
    .cooperation-item-img--dealers {
        max-width: 245px;
    }
    .cooperation-item-pic {
        left: 50px;
    }
    .cooperation-item-info {
        max-width: 310px;
    }
    .product-item--mw460 .product-item-pic {
        max-width: 95%;
    }
    .product-item--mw .product-item-pic {
        max-width: 95vw;
    }
    .cooperation-item-title{
        font-size: 20px;
    }
    .cooperation-item-pic{
        max-width: 295px;
        left: 73px;
    }
    .cooperation-item-info-wrap {
        padding: 40px 28px;
    }
}
@media(max-width: 435px){
    .region-ask{
        padding: 20px 25px;
    }
    .site-header-mobile{
        max-width: 90%;
    }
}
@media(max-width: 427px){
    .history-timeline-elem-dot--second {
        bottom: 161px !important;
    }
}
@media(max-width: 425px){
    .office-item-content{
        flex-direction: column;
    }
    .cooperation__link{
        padding: 12px 16px;
    }
    .cooperation__info{
        padding-bottom: 0 !important;
    }
    .cooperation__info{
        padding-right: 0;
    }
    .title {
        font-size: 25px;
    }
    .company-content-technology{
        padding: 50px 0;
    }
    .cooperation-item:not(.cooperation-item--designers, .cooperation-item--dealers, .cooperation-item--marketing, .cooperation-item--certs){
        height: 250px;
        gap: 50px !important;
    }
    .cooperation__info{
        padding: 55px 0;
    }
    .cooperation__img{
        padding-bottom: 30px;
    }
}
@media(max-width: 416px){
    .history-timeline-elem--first, .history-timeline-elem--second, .history-timeline-elem--third, .history-timeline-elem--fourth, .history-timeline-elem--fiths, .history-timeline-elem--sixth {
        max-width: 100%;
        width: 100%;
    }
    .history-timeline-elem--first .history-timeline-elem-dot,
    .history-timeline-elem-dot--forth,
    .history-timeline-elem-dot--fiths, .history-timeline-elem-dot--sixth {
        bottom: 106px;
    }
    .history-timeline-elem-dot--second, .history-timeline-elem-dot--third {
        bottom: 127px;
    }
    .history-timeline-elem-dot--first {
        bottom: 105px !important;
    }
    .history-timeline-elem-dot--second {
        bottom: 120px !important;
    }
    .history-timeline-elem--seventh{
        width: 100%;
    }
    .history-timeline-elem{
        border-bottom: unset;
    }
    .history-timeline{
        gap: 0;
    }
}
@media(max-width: 411px){
    .history-timeline-elem-dot--third {
        bottom: 142px;
    }
}
@media(max-width: 405px){
    .cooperation-item-content{
        max-width: 190px;
    }
}
@media(max-width: 400px){
    .region-ask {
        padding: 20px 15px;
    }
}
@media(max-width: 390px){
    .team-item{
        height: 180px;
    }
}
@media(max-width: 387px){
    .history-timeline-elem-dot--second{
        bottom: 142px;
    }
    .dealers-content-top__text {
        font-size: 35px;
    }
    .company-content-brand-item {
        width: 100%;
    }
    .advanteges-item {
        height: 300px;
    }
}
@media(max-width: 375px){
    .title {
        font-size: 25px;
    }
    .region-ask-action-top{
        gap: 0;
        flex-direction: column;
    }
    .region-ask {
        padding: 20px 35px;
    }
    .cooperation-item-description{
        max-width: 165px;
    }
}
@media(max-width: 365px){
    .cooperation-item-title {
        font-size: 16px;
    }
    .advanteges-item {
        height: 31  0px;
    }
}
@media(max-width: 340px){
    .cooperation__link {
        padding: 12px 12px;
    }
    .cooperation-item-info {
        max-width: 265px;
    }
    .cooperation-item-pic {
        left: 74px;
        max-width: 216px;
    }
    .cooperation-item-img--dealers {
        max-width: 160px;
    }
    .cooperation-item--marketing, .cooperation-item--certs {
        padding: 15px 0 28px 15px;
    }
    .cooperation-item--certs{
        background-size: 105px;
        height: 215px;
    }
    .cooperation-item--marketing {
        background-size: 113px;
    }
    .cooperation-item-action__link{
        font-size: 13px;
    }
}
@media(max-width: 345px){
    .site-header-action-link {
        font-size: 12px;
    }
}
@media(max-width: 332px){
    .history-timeline-elem-dot--second {
        bottom: 142px !important;
    }
    .advanteges-item {
        height: 350px;
    }
    .site-header-action-link {
        font-size: 11px;
    }
}