@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root{
    --color-site: #5b95fe;
    --color-text-dark: #29292A;
    --color-text-light: #FFFFFF;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #ddd;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: var(--color-site);
    border-radius: 5px;
}

*{box-sizing: border-box;-moz-appearance: none;-webkit-appearance: none;appearance: none;padding: 0;margin: 0}
main{position: relative}
ul, li{padding: 0; list-style-type: none}
body, html{scroll-behavior: smooth;}
body{font-family: "Open Sans", sans-serif; font-size: 14px; color: #1A1B1B; overflow-x: hidden}
a{text-decoration: none}
.container {width: 100%;max-width: 1280px;padding: 0 15px;margin: 0 auto}
.btn{font-weight: 600;cursor: pointer;font-size: 16px; background-color: var(--color-site); color: var(--color-text-light); border-radius: 5px; line-height: 1; padding: 20px 40px;box-shadow: 0 0 10px 0 rgba(26,27,27,0.3);transition: .2s}
.btn:hover{color: var(--color-text-dark); background-color: var(--color-text-light)}
h2{font-size: 18px; color: #BBBBBD; text-transform: uppercase; letter-spacing: 3px;position: absolute; top: 50%; left: 9%;transform: rotate(-90deg);}
span.h3{font-size: 28px; font-weight: 700; color: var(--color-text-dark)}
span.h4{font-size: 18px; font-weight: 700;color: var(--color-text-dark)}
section{display: flex; flex-direction: column; padding: 60px 0; overflow: hidden; position: relative}
#toTop {position:fixed;bottom:20px;left:20px;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0, .7);z-index: 50;background: var(--color-site);color:var(--color-text-light);visibility: hidden;opacity: 0;transition: .2s}
#toTop.active{visibility: visible;opacity: 1}
#toTop i {font-size: 32px;width:40px;text-align: center;line-height: 40px;display: block;position: relative; top: -4px}
body.active{position: fixed;}
.modal{background-color: var(--color-text-light);max-width: 400px; width: 90%;box-shadow: 0 0 10px 0 rgba(26,27,27,0.1);border-radius: 10px; padding: 30px;position: absolute;top:20px;left:50%;transform: translateX(-50%);z-index: 10001;max-height: calc(100vh - 40px);overflow-x: hidden;overflow-y: auto}
.modal-block {position: fixed;left:0;top:0;z-index: 99999999;width: 100%;height: 100%;background: rgba(0,0,0, .6);opacity: 0;visibility: hidden;transition: .2s}
.modal-block.active{opacity: 1;visibility: visible;}
.modal__wrapper{display: flex; flex-direction: column; width: 100%; align-items: flex-start; position: relative}
.modal__wrapper .close-modal{position: absolute; top: 0; right: 0; cursor: pointer; font-size: 32px; line-height: 1; transition: .2s}
.modal__wrapper .close-modal:hover{color: var(--color-site)}
.modal__wrapper{display: flex; flex-direction: column; width: 100%; align-items: flex-start}
.modal__wrapper .modal-form__wrapper{display: flex; flex-direction: column; width: 100%; align-items: flex-start; margin-top: 30px}
.modal__wrapper .modal-form__wrapper label{ margin-bottom: 10px; font-weight: 500; font-size: 16px}
.modal__wrapper .modal-form__wrapper input{width: 100%; padding: 15px 10px; border-radius: 5px; border: 1px solid #ddd; margin-bottom: 15px; font-size: 16px}
.modal__wrapper .modal-form__wrapper input:focus{outline-color: var(--color-site)}
.modal__wrapper .modal-form__wrapper .btn{text-align: center; font-weight: 700; width: 100%;margin-top: 20px}
body.modal-active {overflow: hidden;}
.modal-form__header.h3{line-height: 1}


.header__wrapper{display: flex; align-items: center; width: 100%; justify-content: space-between; color: #797979; padding: 10px 0; position: relative;z-index: 100}
.header__wrapper a{color: #797979;  transition: .2s}
.header__wrapper a:hover{color: var(--color-site)}
.header__wrapper .logo{display: flex; align-items: center; width: 22%}
.header__wrapper .logo img{margin-right: 10px; width: 40px; height: 40px}
.header__wrapper .menu__list{display: flex; align-items: center; width: 100%; justify-content: space-between}
.header__wrapper .menu__list .menu__item{padding: 5px 10px; position: relative; transition: .2s;white-space: nowrap;}
.header__wrapper .menu__list .menu__item:before{transition: .2s;content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);height: 2px; width: 0; background-color: var(--color-site)}
.header__wrapper .menu__list .menu__item:hover{color: var(--color-site)}
.header__wrapper .menu__list .menu__item:hover:before{width: 100%}
.header__wrapper .header-phones__wrapper {width: 22%}
.header__wrapper .header__phones {display: flex; align-items: flex-start;padding-top: 10px; width: 100%}
.header__wrapper .phones__wrapper {display: flex; align-items: flex-start;flex-direction: column;}
.header__wrapper .phones__wrapper .phone__wrapper{display: flex; align-items: center; }
.header__wrapper .phones__wrapper .phone__wrapper:first-child{margin-bottom: 5px }
.header__wrapper .phones__wrapper a{font-weight: 600; font-size: 15px; display: flex; margin-right: 5px}
.header__wrapper .phones__wrapper p{margin-top: 5px; display: flex; align-items: center;font-weight: 500; font-size: 12px}
.header__wrapper .phones__wrapper p i{max-width: 8px; width: 100%; height: 8px; background-color: #78C99F; border-radius: 50%; margin-right: 10px}
.header__wrapper .messenger-icons {display: flex; align-items: center;margin-left: 5px}
.header__wrapper .messenger-icons a:first-child{margin-right: 5px}
.header__wrapper .messenger-icons a{width: 20px; height: 20px; transition: .2s}
.header__wrapper .messenger-icons a:hover{opacity: .8}
.header__wrapper .inst__wrapper{display: flex; align-items: center; justify-content: flex-start; margin-top: 5px}
.header__wrapper .inst__wrapper span{margin-right: 7px}
.header__wrapper .inst__wrapper .instagram-icon:hover{opacity: .8}
.telegram-icon{background: url("../img/telegram.png") no-repeat center; background-size: contain}
.viber-icon{background: url("../img/viber.png") no-repeat center; background-size: contain}
.whatsapp-icon{background: url("../img/whatsapp.png") no-repeat center; background-size: contain}
.instagram-icon{background: url("../img/inst.png") no-repeat center; background-size: cover;border-radius: 5px;width: 25px; height: 25px; transition: .2s; display: block}



.main-banner__block{background: url("../img/main-banner.jpg") no-repeat center; background-size: cover; margin-top: -175px; position: relative}
.main-banner__block:after{position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; content: ''; z-index: 0}
.main-banner__block .main-banner__wrapper{z-index: 1;position: relative; display: flex; flex-direction: column; padding: 180px 0 50px}
.main-banner__block .main-banner__wrapper .btn-main-banner{position: relative; padding: 30px 120px 30px 20px; font-weight: 700; font-size: 20px}
.main-banner__block .main-banner__wrapper .btn-img{position: absolute; background: url("../img/btn-img.png") no-repeat center; background-size: 27%; width: 100%; height: 100%; top: 28%; left: 31%}
.main-banner__block .main-banner__wrapper .main-banner-info__blocks{display: flex; align-items: center; width: 100%; justify-content: space-between}
.main-banner__block .main-banner__wrapper .left-col{width: 45%; display: flex; flex-direction: column; align-items: flex-start}
.main-banner__block .main-banner__wrapper .right-col{width: 30%; margin-right: 80px}
.main-banner__block .main-banner__wrapper .right-col img{width: 100%; height: 100%}
.main-banner__block .main-banner__wrapper .left-col h1{color: var(--color-text-dark);font-size: 62px; font-weight: 700; line-height: 68px; margin-bottom: 40px; border-bottom: 2px dashed #797979; padding-bottom: 10px}
.main-banner__block .main-banner__wrapper .left-col h1 span{color: var(--color-site)}
.main-banner__block .main-banner__wrapper .left-col p{font-size: 24px; margin-bottom: 60px;color: var(--color-text-dark)}
.main-banner__block .main-banner__wrapper .banners__blocks{display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; grid-column-gap: 40px; margin-top: 50px}
.main-banner__block .main-banner__wrapper .banners__blocks .banner{height: 100%;z-index: 2;overflow: hidden;position: relative; padding: 15px; display: flex; flex-direction: column; align-items: flex-start; width: 100%; background-color: var(--color-text-light); border-radius: 15px;box-shadow: 0 0 10px 0 rgba(26,27,27,0.1);}
.main-banner__block .main-banner__wrapper .banners__blocks .banner__wrapper{position: relative;z-index: 2}
.main-banner__block .main-banner__wrapper .banners__blocks .banner__wrapper:after{position: absolute; z-index: 1; width: 90%; height: 100%;top: 5%; left: 50%; transform: translateX(-50%);box-shadow: 0 0 10px 0 rgba(26,27,27,0.1);content: '';border-radius: 15px;}
.main-banner__block .main-banner__wrapper .banners__blocks .banner span{padding-top: 40px; font-size: 16px; width: 70%; line-height: 18px;color: var(--color-text-dark)}
.main-banner__block .main-banner__wrapper .banners__blocks .banner i{max-width: 8px; width: 100%; height: 8px; background-color: var(--color-site); border-radius: 50%; margin-top: 20px;margin-bottom: 15px}
.main-banner__block .main-banner__wrapper .banners__blocks .banner__wrapper:nth-child(2) span{padding-top: 30px}
.main-banner__block .main-banner__wrapper .banners__blocks .banner__wrapper:nth-child(2) i{margin-top: 12px}
.main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img{position: absolute;bottom: -50px;right: -120px;width: 100%;height: 100%;}
.main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.shield{background: url("../img/shield.png") no-repeat center; background-size: 35%}
.main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.per{background: url("../img/per.png") no-repeat center; background-size: 50%; bottom: -35px}
.main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.contr{background: url("../img/contr.png") no-repeat center; background-size: 50%;bottom: -20px; right: -115px}



.services__block h2{left: -6%}
.services__block .container{position: relative}
.services__block .services__wrapper{display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 40px; width: 100%}
.services__block .services__wrapper .service-item{overflow: hidden;position: relative;display: flex; flex-direction: column; padding: 30px; justify-content: space-between;box-shadow: 0 0 10px 0 rgba(26,27,27,0.2); border-radius: 5px}
.services__block .services__wrapper .service-item .head-info{padding-bottom: 20px; position: relative; z-index: 4}
.services__block .services__wrapper .service-item span.h3{position: relative; width: 100%; display: flex; padding-bottom: 10px}
.services__block .services__wrapper .service-item span.h3:before{position: absolute; bottom: 0; left: 0; content: ''; width: 30%; height: 3px; background-color: var(--color-site)}
.services__block .services__wrapper .service-item p{color: var(--color-text-dark); font-size: 16px; margin: 15px 0;font-weight: 300; width: 80%}
.services__block .services__wrapper .service-item .btn-more{text-align: center; font-weight: 700; position: relative; z-index: 4}
.services__block .services__wrapper .service-item:before{z-index: 1;position: absolute;content: ''; left: 38%; top: 0; width: 100%; height: 100%}
.services__block .services__wrapper .service-item:nth-child(3):before{background: url("../img/okna.png") no-repeat center; background-size: 30%}
.services__block .services__wrapper .service-item:nth-child(1):before{background: url("../img/lam.png") no-repeat center; background-size: 30%}
.services__block .services__wrapper .service-item:nth-child(2):before{background: url("../img/ton.png") no-repeat center; background-size: 50%; top: 20px; left: 45%}
.services__block .services__wrapper .service-item:nth-child(4):before{background: url("../img/setka.png") no-repeat center; background-size: 50%; top: 10px; left: 50%}


.advantages__block h2{left: -10%}
.advantages__block .container{position: relative}
.advantages__block{padding: 60px 0}
.advantages__block .advantages__items{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; width: 100%; margin-top: 60px}
.advantages__block .advantage__item{z-index: 4;background-color: var(--color-text-light);overflow: hidden;position: relative;height: 100%;display: flex; flex-direction: column; align-items: flex-start;width: 100%;box-shadow: 0 0 10px 0 rgba(26,27,27,0.2); border-radius: 5px; padding: 20px}
.advantages__block .advantage-item__wrapper{position: relative; z-index: 3}
.advantages__block .advantage__item span.h4{position: relative; width: 100%; display: flex; padding-bottom: 10px;}
.advantages__block .advantage__item span.h4:before{position: absolute; bottom: 0; left: 0; content: ''; width: 30%; height: 3px; background-color: var(--color-site)}
.advantages__block .advantage__item p{color: var(--color-text-dark); font-size: 16px; margin: 15px 0;font-weight: 300; width: 60%; line-height: 20px}
.advantages__block .advantage__item:before{position: absolute; content: ''; bottom: -20px; right: -20px; width: 120px; height: 120px; background-color: var(--color-site); border-radius: 50%; z-index: 4}
.advantages__block .advantage__item:after{position: absolute;content: '';top: 20%;left: 60%;width: 60%;height: 100%;z-index: 5;}
.advantages__block .advantage-item__wrapper:before{position: absolute; z-index: 1; width: 95%; height: 100%;top: 5%; left: 50%; transform: translateX(-50%);box-shadow: 0 0 10px 0 rgba(26,27,27,0.1);content: '';border-radius: 15px;}
.advantages__block .advantage-item__wrapper:nth-child(1) .advantage__item:after{background: url("../img/trash.png") no-repeat center; background-size: 30%}
.advantages__block .advantage-item__wrapper:nth-child(2) .advantage__item:after{background: url("../img/montage.png") no-repeat center; background-size: 30%; width: 50%;top: 10%; left: 65%}
.advantages__block .advantage-item__wrapper:nth-child(3) .advantage__item:after{background: url("../img/lenta.png") no-repeat center; background-size: 30%; width: 75%;left: 52%}
.advantages__block .advantage-item__wrapper:nth-child(4) .advantage__item:after{background: url("../img/exp.png") no-repeat center; background-size: 30%; width: 100%;left: 35%; top: 23%}
.advantages__block .advantage-item__wrapper:nth-child(5) .advantage__item:after{background: url("../img/hard.png") no-repeat center; background-size: 30%; width: 100%;left: 35%; top: 25%}
.advantages__block .advantage-item__wrapper:nth-child(6) .advantage__item:after{background: url("../img/ourProd.png") no-repeat center; background-size: 30%; width: 100%;left: 35%; top: 37%}


.product-info__block h2{left: -8%}
.product-info__block .container{position: relative}
.product-info__block .product__wrapper{display: flex; align-items: flex-end; justify-content: space-between; width: 100%;color: var(--color-text-dark)}
.product-info__block .product__wrapper .product-info__wrapper{display: flex; flex-direction: column; align-items: flex-start; margin-right: 60px; padding-bottom: 27px; width: 100%}
.product-info__block .product__wrapper .product-info__wrapper span.h3{color: var(--color-site); font-size: 42px; margin-bottom: 40px}
.product-info__block .product__wrapper .product-info__wrapper span.h3 small {color:#000;font-size: 20px}
.product-info__block .product__wrapper .product-info__wrapper .profile{ font-size: 18px;margin-bottom: 40px; font-weight: 700;}
.product-info__block .product__wrapper .product-info__wrapper .product-tabs{display: flex; width: 100%; justify-content: space-between; margin-bottom: 40px}
.product-info__block .product__wrapper .product-info__wrapper .product-tab-info{display: none;flex-direction: column; width: 100%;}
.product-info__block .product__wrapper .product-info__wrapper .product-tab-info.active{display: flex;}
.product-info__block .product__wrapper .product-info__wrapper .product-tabs a{text-align: center;font-weight: 700; font-size: 18px; cursor: pointer; transition: .2s;border-bottom: 3px solid rgba(255, 255, 255, 0)}
.product-info__block .product__wrapper .product-info__wrapper .product-tabs a.active{color: var(--color-site); border-bottom: 3px solid var(--color-site)}
.product-info__block .product__wrapper .product-info__wrapper .product-tabs a:not(.active):hover{color: var(--color-site); border-bottom: 3px solid var(--color-site)}
.product-info__block .product__wrapper .product-info__wrapper .product-tabs a:not(:last-child){margin-right: 30px}
.product-info__block .product__wrapper .product-info__wrapper .product-info{color: #333; font-size: 14px; margin-bottom: 80px; }
.product-info__block .product__wrapper .product-info__wrapper .product-steps{display: flex; align-items: center; justify-content: space-between; width: 100%}
.product-info__block .product__wrapper .product-info__wrapper .product-step{position: relative; display: flex}
.product-info__block .product__wrapper .product-info__wrapper .product-step .step-number{font-size: 120px; font-weight: 900; color: var(--color-site); opacity: .5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1}
.product-info__block .product__wrapper .product-info__wrapper .product-step .step-text{text-align: center; font-size: 16px; color: #666; position: relative; z-index: 2; font-weight: 500}
.product-info__block .product__wrapper .product-img__wrapper{display: none; width: 70%; margin-right: 60px}
.product-info__block .product__wrapper .product-img__wrapper.active{display: flex;}
.product-info__block .product__wrapper .product-img__wrapper img{width: 100%; height: 100%}
.product-info__block .product__wrapper .product-th__wrapper{display: none; flex-direction: column;width: 60%}
.product-info__block .product__wrapper .product-th__wrapper.active{display: flex;}
.product-info__block .product__wrapper .product-th__wrapper .th-head{color: #666; font-weight: 700; font-size: 18px; margin-bottom: 20px}
.product-info__block .product__wrapper .product-th__wrapper .product-characteristics li{padding-left: 30px; font-size: 16px; color: #666; position: relative}
.product-info__block .product__wrapper .product-th__wrapper .product-characteristics li:before{border-radius: 50%;position: absolute;content: ''; width: 9px; height: 9px; background-color: var(--color-site); top: 50%; left: 0}
.product-info__block .product__wrapper .product-th__wrapper .product-characteristics li:not(:last-child){margin-bottom: 10px}
.product-info__block .product__wrapper .product-th__wrapper .product-country{display: flex; align-items: center; margin-top: 40px}
.product-info__block .product__wrapper .product-th__wrapper .product-country span{font-size: 18px; color: #666}
.product-info__block .product__wrapper .product-th__wrapper img{width: 20%; height: 100%; margin-right: 20px; }
.product-info__block .product__wrapper:nth-child(odd){margin: 80px 0}
.product-info__block .product__wrapper:nth-child(odd) .product-info__wrapper{order: 3; margin-right: 0; margin-left: 60px}
.product-info__block .product__wrapper:nth-child(odd) .product-img__wrapper{order: 2;margin-right: 0; margin-left: 60px}
.product-info__block .product__wrapper:nth-child(odd) .product-th__wrapper{order: 1}


.main-form__block h2{left: -17%}
.main-form__block .container{position: relative}
.main-form__block .main-form__wrapper{display: flex; align-items: center; justify-content: space-between;position: relative; z-index: 2}
.main-form__block .main-form__wrapper:before{content: '';position: absolute;top: 0;right: 0;height: 100%;width: 200%;background-color: var(--color-site);border-top-left-radius: 50px;border-bottom-left-radius: 50px;transform: translateX(50%);z-index: 1}
.main-form__block .left-form{overflow: hidden;width: 100%;padding: 80px 40px 80px 300px;display: flex; align-items: flex-start;flex-direction: column; justify-content: space-between; position: relative; z-index: 5;border-bottom-left-radius: 50px;}
.main-form__block .left-form:before{position: absolute;content: ''; background: url("../img/moneta.png") no-repeat center; background-size: 25%; width: 100%; height: 100%; z-index: 2; left: -45%;top: 43%}
.main-form__block .left-form .main-form__form{position: relative;z-index: 2;display: flex; align-items: flex-start;flex-direction: column; width: 80%}
.main-form__block .left-form .main-form__form input{width: 100%; border-radius: 15px; font-size: 18px; padding: 20px; outline: none; border: none;box-shadow: inset 0px 5px 20px -10px rgba(0,0,0,0.4);}
.main-form__block .left-form .main-form__form input:first-child{margin-bottom: 10px}
.main-form__block .right-form{position: relative; z-index: 5; width: 50%;padding-bottom: 35%; background: url("../img/mosqit.png") no-repeat center; background-size: 100%}
.main-form__block .left-form .main-form-h3{font-size: 32px; font-weight: 700;text-transform: uppercase;color: var(--color-text-light)}
.main-form__block .left-form p{font-size: 18px; font-weight: 300;color: var(--color-text-light); margin: 10px 0 40px}
.main-form__block .left-form .btn-submit-form{text-align: center;background: var(--color-text-light); color: var(--color-text-dark); border-radius: 15px; font-weight: 700; font-size: 18px; margin-top: 15px; width: 100%}
.main-form__block .left-form .btn-submit-form:hover{color: var(--color-text-light); background-color: var(--color-site)}



.geo__block h2{left: -7%}
.geo__block .container{position: relative}
.geo__block .geo__wrapper{display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative}
.geo__block .geo__wrapper .left-geo{display: flex; align-items: flex-start; width: 100%; flex-direction: column}
.geo__block .geo__wrapper .left-geo p{font-size: 20px; margin-top: 20px}
.geo__block .geo__wrapper .left-geo .btn-show-modal{margin-top: 60px; font-size: 18px ;font-weight: 700; padding: 30px; width: 50%; text-align: center}
.geo__block .geo__wrapper .geo__right{width: 80%; position: relative}
.geo__block .geo__wrapper .geo__right .ellipse-map{cursor: pointer;position: absolute;top: 15%;right: 35%;width: 15px;height: 15px;border-radius: 50%;background-color: var(--color-site);box-shadow: 0 0 10px 0 rgba(26,27,27,0.2);}
.geo__block .geo__wrapper .geo__right .ellipse-map.main{width: 30px;height: 30px;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(2){top: 45%;right: 18%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(3){top: 50%;right: 14%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(4){top: 55%;right: 7%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(5){top: 39%;right: 18%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(6){top: 41%;right: 29%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(7){top: 48%;right: 32%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(8){top: 53%;right: 23%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(9){top: 52%;right: 36%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(10){top: 58%;right: 33%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(11){top: 66%;right: 42%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(12){top: 58%;right: 41%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(13){top: 61%;right: 37%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(14){top: 44%;right: 25%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(15){top: 56%;right: 17%;}
.geo__block .geo__wrapper .geo__right .ellipse-map:nth-child(16){top: 57%;right: 11%;}
.geo__block .geo__wrapper .geo__right img{width: 100%; height: 100%}


.work-steps__block h2{left: -9%}
.work-steps__block .container{position: relative}
.work-steps__block .work-steps__wrapper{display: flex; flex-direction: column; align-items: flex-start; width: 100%}
.work-steps__block .work-steps__wrapper .work-steps__items{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; padding-top: 60px; width: 100%; }
.work-steps__block .work-steps__wrapper .work-steps__item .step{line-height: 1;font-size: 52px;color: #999;font-weight: 900;margin-bottom: -10px;}
.work-steps__block .work-steps__wrapper .work-steps__item{display: flex; flex-direction: column; width: 100%; align-items: flex-start}
.work-steps__block .work-steps__wrapper .work-steps__item .step-info{overflow: hidden;position: relative;display: flex;align-items: flex-end; flex-direction: column; width: 100%;text-align: right; background: var(--color-text-light);box-shadow: 0 0 30px 0 rgba(26,27,27,0.1);padding: 20px 30px; height: 100%}
.work-steps__block .work-steps__wrapper .work-steps__item .step-info span{width: 65%;color: var(--color-text-dark)}
.work-steps__block .work-steps__wrapper .work-steps__item .step-info p{position: relative;width: 60%; padding: 20px 0 10px; font-weight: 500; font-size: 16px; color: var(--color-text-dark)}
.work-steps__block .work-steps__wrapper .work-steps__item .step-info p a{color: var(--color-text-dark)}
.work-steps__block .work-steps__wrapper .work-steps__item .step-info p a:hover{text-decoration: underline}
.work-steps__block .work-steps__wrapper .work-steps__item:nth-child(even) .step-info{border: 2px dashed #F8CE5F}
.work-steps__block .work-steps__wrapper .work-steps__item .step-info:before{content: ''; position: absolute; width: 100%; height: 100%; right: 40%; top: 50%; transform: translateY(-50%)}
.work-steps__block .work-steps__wrapper .work-steps__item:nth-child(1) .step-info:before{background: url("../img/work-nout.png") no-repeat center; background-size: 50%}
.work-steps__block .work-steps__wrapper .work-steps__item:nth-child(2) .step-info:before{background: url("../img/work-car.png") no-repeat center; background-size: 75%}
.work-steps__block .work-steps__wrapper .work-steps__item:nth-child(3) .step-info:before{background: url("../img/work-cont.png") no-repeat center; background-size: 40%; right: 25%}
.work-steps__block .work-steps__wrapper .work-steps__item:nth-child(4) .step-info:before{background: url("../img/work-prod.png") no-repeat center; background-size: 50%}
.work-steps__block .work-steps__wrapper .work-steps__item:nth-child(5) .step-info:before{background: url("../img/work-window.png") no-repeat center; background-size: 40%; right: 31%}
.work-steps__block .work-steps__wrapper .work-steps__item:nth-child(6) .step-info:before{background: url("../img/work-okno.png") no-repeat center; background-size: 50%}


.production__block h2{left: -9%}
.production__block .container{position: relative}
.production__block .production__wrapper {display: grid;grid-template-columns: 1.2fr 1.4fr 0.4fr;grid-template-rows: 1fr;grid-gap: 30px;grid-template-areas:". . ."; }
.production__block .production__wrapper .left-prod{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
.production__block .production__wrapper .left-prod img{width: 100%; height: 100%;border-radius: 10px;}
.production__block .production__wrapper .middle-prod{display: flex;flex-direction: column; align-items: flex-start; width: 100%; height: 100%; justify-content: space-between}
.production__block .production__wrapper .middle-prod .prod-step{margin-top: 40px; font-weight: 700;}
.production__block .production__wrapper .middle-prod p{margin: 10px 0 0;}
.production__block .production__wrapper .right-prod{display: flex; align-items: flex-end; flex-direction: column; justify-content: flex-end}
.production__block .production__wrapper .right-prod .right-prod__img{max-width: 130px; max-height: 130px;height: 100%;  width: 100%; border-radius: 50%; background-color: var(--color-site); position: relative}
.production__block .production__wrapper .right-prod .right-prod__img:first-child{margin-bottom: 30px}
.production__block .production__wrapper .right-prod .right-prod__img:before{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%}
.production__block .production__wrapper .right-prod .right-prod__img:nth-child(1):before{background: url("../img/bel_money.png") no-repeat center; background-size: 100%;}
.production__block .production__wrapper .right-prod .right-prod__img:nth-child(2):before{background: url("../img/clock.png") no-repeat center; background-size: 100%;}


.contract__block h2{right: -5%;left: auto}
.contract__block .container{position: relative}
.contract__block .contract__wrapper{position: relative;padding: 80px 0;color: var(--color-text-light);display: flex;flex-direction: column; align-items: flex-start; justify-content: space-between; z-index: 2}
.contract__block .contract__wrapper:after{content: ''; position: absolute; top: 5%; right: -20%; width: 100%; height: 100%; background: url("../img/contract.png") no-repeat center; background-size: 63%;z-index: 2}
.contract__block .contract__wrapper:before{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 200%;background-color: var(--color-site);border-top-right-radius: 50px;border-bottom-right-radius: 50px;transform: translateX(-50%);z-index: 1}
.contract__block .contract__wrapper .contract__header{position: relative; z-index: 5; width: 30%}
.contract__block .contract__wrapper .contract__header span.h3{position: relative; z-index: 5; width: 30%; color: var(--color-text-light)}
.contract__block .contract__wrapper .contract__header p{font-size: 16px; margin: 20px 0 40px}
.contract__block .contract__wrapper .contract__items{position: relative; z-index: 5; display: flex; flex-direction: column; align-items: flex-start}
.contract__block .contract__wrapper .contract__items p span{font-size: 24px; font-weight: 700}
.contract__block .contract__wrapper .contract__items .btn{background-color: var(--color-text-light); color: var(--color-text-dark);margin-top: 20px; width: 100%; text-align: center; border-radius: 15px; font-weight: 600}
.contract__block .contract__wrapper .contract__items .btn:hover{background-color: var(--color-site); color: var(--color-text-light)}


.our-works__block h2{left: -8%}
.our-works__block .container{position: relative}
.our-works__block .our-works__items {display: flex; flex-direction: column; align-items: center}
.our-works__block .our-works-first-col{display: grid; width: 100%; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; margin: 60px 0 20px}
.our-works__block .our-works-second-col{display: grid; width: 100%; grid-template-columns: repeat(5, 1fr); grid-column-gap: 20px; margin-bottom: 60px}
.our-works__block img{width: 100%; height: 100%; border-radius: 10px; transition: .2s}



.brands__block h2{left: -7%}
.brands__block .container{position: relative}
.brands__block .brands__items{display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; grid-gap: 40px;}
.brands__block .brands__items .brands__item{width: 100%; display: flex; align-items: center;box-shadow: 0 0 10px 0 rgba(26,27,27,0.2);border-radius: 10px; padding: 30px}
.brands__block .brands__items .brands__item .brand-left{width: 30%; display: flex;flex-direction: column; align-items: flex-start;margin-right: 40px}
.brands__block .brands__items .brands__item .brand-right{color: var(--color-text-dark);height: 100%;justify-content: center;width: 100%; display: flex;flex-direction: column; align-items: flex-start;}
.brands__block .brands__items .brands__item .brand-right span{font-size: 16px; font-weight: 700}
.brands__block .brands__items .brands__item .brand-right p{margin: 20px 0}
.brands__block .brands__items .brands__item .brand-right .btn{width: 100%; text-align: center; font-weight: 700; padding: 15px 20px}
.brands__block .brands__items .brands__item img{width: 100%; height: 100%}

.instruction__block h2 {left: 10%}
.instruction__block .instruction__wrapper{display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px; width: 100%; position: relative; z-index: 5}
.instruction__block .instruction__wrapper:before{content: '';position: absolute;top: 0;right: 0;height: 100%;width: 100%;background-color: var(--color-site);border-top-left-radius: 50px;border-bottom-left-radius: 50px;transform: translateX(50%);z-index: 1}
.instruction__block .instruction__wrapper .instruction-left{display: flex; align-items: flex-start; flex-direction: column; width: 90%; justify-content: center}
.instruction__block .instruction__wrapper p{font-size: 16px; margin: 40px 0; width: 70%}
.instruction__block .instruction__wrapper .instruction-right{position: relative;z-index: 5;display: flex; align-items: flex-end; flex-direction: column; width: 100%}
.instruction__block .instruction__wrapper .instruction-right img{width: 100%; height: 100%}



.dop-works__block h2{left: -5%}
.dop-works__block .container{position: relative}
.dop-works__block .dop-works__wrapper{display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px; width: 100%}
.dop-works__block .dop-works__wrapper .dop-works-item{overflow: hidden;position: relative;display: flex; flex-direction: column; padding: 30px; justify-content: space-between;box-shadow: 0 0 10px 0 rgba(26,27,27,0.2); border-radius: 5px}
.dop-works__block .dop-works__wrapper .dop-works-item .head-info{padding-bottom: 20px; position: relative; z-index: 4}
.dop-works__block .dop-works__wrapper .dop-works-item span.h3{position: relative; width: 100%; display: flex; padding-bottom: 10px}
.dop-works__block .dop-works__wrapper .dop-works-item span.h3:before{position: absolute; bottom: 0; left: 0; content: ''; width: 30%; height: 3px; background-color: var(--color-site)}
.dop-works__block .dop-works__wrapper .dop-works-item p{color: var(--color-text-dark); font-size: 16px; margin: 15px 0;font-weight: 300; width: 80%}
.dop-works__block .dop-works__wrapper .dop-works-item .btn-more{text-align: center; font-weight: 700; position: relative; z-index: 4}
.dop-works__block .dop-works__wrapper .dop-works-item:before{z-index: 1;position: absolute;content: ''; left: 39%; top: -38px; width: 100%; height: 100%}
.dop-works__block .dop-works__wrapper .dop-works-item:nth-child(1):before{background: url("../img/otkosi.png") no-repeat center; background-size: 25%; top: -5px}
.dop-works__block .dop-works__wrapper .dop-works-item:nth-child(2):before{background: url("../img/ystanovka.png") no-repeat center; background-size: 35%; top: -5px; left: 43%}




.footer__block {background-color: var(--color-site)}
.footer__block .footer__wrapper{height: 100%;color: var(--color-text-light);display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 20px; width: 100%;padding: 40px 0}
.footer__block .footer__wrapper a{color: var(--color-text-light)}
.footer__block .footer__wrapper .f-logo{display: flex; align-items: center}
.footer__block .footer__wrapper .f-credentials{display: flex;flex-direction: column; align-items: flex-start}
.footer__block .footer__wrapper .f-credentials p:not(:last-child){margin-bottom: 10px}
.footer__block .footer__wrapper .f-logo img{background: var(--color-text-light); padding: 10px; border-radius: 10px; margin-right: 10px}
.footer__block .footer__wrapper .f-col{display: flex; align-items: flex-start;flex-direction: column; width: 100%; justify-content: space-between}
.footer__block .footer__wrapper .f-col.last-col{flex-direction: row}
.footer__block .footer__wrapper .f-col:first-child p{font-size: 13px; font-weight: 300}
.footer__block .footer__wrapper .f-col:first-child p a:hover{text-decoration: underline}
.footer__block .footer__wrapper .f-col:nth-child(2){align-items: center}
.footer__block .footer__wrapper .f-col:nth-child(2) li{margin-bottom: 10px}
.footer__block .footer__wrapper .f-col:nth-child(2) a:hover{text-decoration: underline}
.footer__block .footer__wrapper .f-col:nth-child(3) {align-items: flex-end; justify-content: flex-end}
.footer__block .footer__wrapper .last-col .f-phones__wrapper{display: flex; align-items: flex-start; flex-direction: column;}
.footer__block .footer__wrapper .last-col .f-phones__wrapper .f-phone{ font-weight: 700; font-size: 16px; line-height: 1}
.footer__block .footer__wrapper .last-col .f-phones__wrapper .f-work-time{margin-bottom: 10px}
.footer__block .footer__wrapper .last-col .f-phones__wrapper .f-phone:hover{text-decoration: underline}
.footer__block .footer__wrapper .f-phone_wrapper{display: flex; align-items: center;width: 100%; margin-bottom: 10px;}
.footer__block .footer__wrapper .f-phone_wrapper .f-messengers{margin-left: 5px}
.footer__block .footer__wrapper .f-inst{margin-bottom: 10px; display: flex; align-items: center}
.footer__block .footer__wrapper .f-inst a{margin-left: 10px; width: 30px; height: 30px; border-radius: 10px; transition: .2s}
.footer__block .footer__wrapper .f-inst a:hover{opacity: .8}
.footer__block .footer__wrapper .last-col .f-phones__wrapper .btn{background-color: var(--color-text-light); color: var(--color-text-dark); padding: 15px 10px; width: 100%; font-weight: 700; text-align: center}
.footer__block .footer__wrapper .last-col .f-phones__wrapper .btn:hover{background-color: var(--color-site); color: var(--color-text-light)}
.footer__block .footer__wrapper .f-messengers {display: flex; align-items: center;}
.footer__block .footer__wrapper .f-messengers a{width: 30px; height: 30px; transition: .2s}
.footer__block .footer__wrapper .f-messengers a:first-child{margin-right: 5px}
.footer__block .footer__wrapper .f-messengers a:hover{opacity: .8}
.footer__block .footer__wrapper .f-messengers .instagram-icon{border-radius: 10px; width: 30px; height: 30px}
.mobile__menu{display: none}

@media (max-width: 1280px) {
    h2{font-size: 32px; color: var(--color-text-dark); position: relative; transform: rotate(0); left: 0; top: 0; padding-left: 0; margin-bottom: 30px}
    .geo__block h2, .services__block h2, .main-form__block h2, .dop-works__block h2, .brands__block h2, .contract__block h2, .product-info__block h2, .advantages__block h2, .work-steps__block h2, .production__block h2, .our-works__block h2,.geo__block h2{left: 0}
}

@media(max-width: 992px) {
    section{padding: 30px 0}
    .header__wrapper{ display: none}
    .top-mobile__menu{display: flex; align-items: center; justify-content: space-between}
    .top-mobile__btns{display: flex; align-items: center; justify-content: flex-end}
    .top-mobile__menu__btn{display: flex; align-items: center; flex-direction: column; width: 100%}
    .top-mobile__menu__btn span{width: 25px; height: 2px; background: var(--color-text-dark);cursor: pointer; transition: .2s}
    .top-mobile__menu__btn span:nth-child(1){margin-bottom: 5px;}
    .top-mobile__menu__btn span:nth-child(2){margin-bottom: 5px}
    .top-mobile__menu__btn span:nth-child(3){display: block}
    .top-mobile__menu__btn.active span:nth-child(1){transform: rotate(-45deg); margin-bottom: 0}
    .top-mobile__menu__btn.active span:nth-child(2){transform: rotate(45deg);margin-top: -2px; margin-bottom: 0}
    .top-mobile__menu__btn.active span:nth-child(3){display: none}
    main.active:before{z-index: 500;content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: rgba(0, 0, 0, 0.6); transition: .2s}

    .mobile-menu__wrapper{transition: .2s;display: flex; flex-direction: column; align-items: flex-start; max-width: 300px; background: #fff;border-top: 1px solid #ddd; border-right: 1px solid #ddd;position: absolute; top: 100%; left: -100%; width: 100%; height: 100vh; z-index: 99999}
    .mobile-menu__wrapper .menu__list{display: flex; align-items: flex-start; flex-direction: column; width: 100%}
    .mobile-menu__wrapper .menu__list li{width: 100%; display: flex;border-bottom: 1px solid #ddd}
    .mobile-menu__wrapper .menu__list li a{width: 100%; padding: 15px; color: var(--color-text-dark); font-size: 16px; transition: .2s; font-weight: 600}
    .mobile-menu__wrapper .menu__list li a:hover{background-color: #ddd}
    .mobile-menu__wrapper .header-phones__wrapper {width: 100%; padding: 15px}
    .mobile-menu__wrapper .header__phones {display: flex; align-items: flex-start;padding-top: 10px; width: 100%}
    .mobile-menu__wrapper .phones__wrapper {display: flex; align-items: flex-start;flex-direction: column;}
    .mobile-menu__wrapper .phones__wrapper .phone__wrapper{display: flex; align-items: center; }
    .mobile-menu__wrapper .phones__wrapper .phone__wrapper:first-child{margin-bottom: 5px }
    .mobile-menu__wrapper .phones__wrapper a{font-weight: 600; font-size: 15px; display: flex; margin-right: 5px; color: var(--color-text-dark); margin-bottom: 10px}
    .mobile-menu__wrapper .phones__wrapper p{margin-top: 10px;color: var(--color-text-dark); display: flex; align-items: center;font-weight: 500; font-size: 14px}
    .mobile-menu__wrapper .phones__wrapper p i{max-width: 8px; width: 100%; height: 8px; background-color: #78C99F; border-radius: 50%; margin-right: 10px}
    .mobile-menu__wrapper .messenger-icons {display: flex; align-items: center;margin-left: 5px}
    .mobile-menu__wrapper .messenger-icons a:first-child{margin-right: 5px}
    .mobile-menu__wrapper .messenger-icons a{width: 20px; height: 20px; transition: .2s}
    .mobile-menu__wrapper .messenger-icons a:hover{opacity: .8}
    .mobile-menu__wrapper .inst__wrapper{display: flex; align-items: center; justify-content: flex-start; margin-top: 10px}
    .mobile-menu__wrapper .inst__wrapper span{margin-right: 7px; color: var(--color-text-dark)}
    .mobile-menu__wrapper .inst__wrapper .instagram-icon:hover{opacity: .8}




    .mobile__menu{display: block; background: #fff; border-bottom: 1px solid #ddd; padding: 10px 0; position: relative}
    .mobile__menu .logo{display: flex; align-items: center; transition: .2s; color: #797979}
    .mobile__menu .logo img{margin-right: 10px; width: 40px; height: 40px}
    span.h3{font-size: 22px}
    .main-banner__block{margin-top: 0;}
    .geo__block .geo__wrapper .geo__right .ellipse-map{width: 10px; height: 10px}
    .geo__block .geo__wrapper .geo__right .ellipse-map.main{width: 20px; height: 20px}
    .main-banner__block .main-banner__wrapper{padding: 50px 0}
    .main-banner__block .main-banner__wrapper .banners__blocks{grid-template-columns: repeat(3, 1fr)}
    .main-banner__block .main-banner__wrapper .left-col{width: 55%}
    .main-banner__block .main-banner__wrapper .left-col h1{font-size: 48px; line-height: 58px}
    .main-banner__block .main-banner__wrapper .left-col p{font-size: 22px}
    .main-banner__block .main-banner__wrapper .btn-main-banner{width: 100%; font-size: 18px;padding-right: 90px}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.per{bottom: -40px}

    .services__block .services__wrapper{grid-template-columns: repeat(2, 1fr); grid-gap: 20px}

    .advantages__block .advantages__items{grid-template-columns: repeat(2, 1fr)}
    .advantages__block .advantage__item:after{top: 25%}
    .advantages__block .advantage-item__wrapper:nth-child(1) .advantage__item:after{background-size: 25%}
    .advantages__block .advantage-item__wrapper:nth-child(2) .advantage__item:after{top: 20%;background-size: 25%; left: 62%}
    .advantages__block .advantage-item__wrapper:nth-child(3) .advantage__item:after{background-size: 25%}
    .advantages__block .advantage-item__wrapper:nth-child(4) .advantage__item:after, .advantages__block .advantage-item__wrapper:nth-child(5) .advantage__item:after{top: 32%;background-size: 25%}
    .advantages__block .advantage-item__wrapper:nth-child(4) .advantage__item:after{left: 38%}
    .advantages__block .advantage-item__wrapper:nth-child(5) .advantage__item:after{background-size: 25%; left: 38%}
    .advantages__block .advantage-item__wrapper:nth-child(6) .advantage__item:after{top: 40%}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(2) .step-info:before{background-size: 55%}
    .main-form__block .left-form{padding-left: 100px; }
    .main-form__block .left-form .main-form__form{width: 100%}
    .main-form__block .left-form .main-form-h3{font-size: 28px}
    .main-form__block .left-form p{font-size: 16px}

    .product-info__block .product__wrapper .product-info__wrapper span.h3{font-size: 28px}

    .work-steps__block .work-steps__wrapper .work-steps__items{grid-template-columns: repeat(2, 1fr)}

    .production__block .production__wrapper .right-prod{display: none}
    .production__block .production__wrapper{grid-template-columns: repeat(2, 1fr); grid-template-areas: unset}
    .production__block .production__wrapper .middle-prod .prod-step{margin-top: 25px}
    .brands__block .brands__items{grid-gap: 20px}

    .product-info__block .product__wrapper{flex-wrap: wrap}
    .product-info__block .product__wrapper .product-info__wrapper{width: 65%; margin-right: 0}
    .product-info__block .product__wrapper .product-img__wrapper{width: 25%; margin-right: 0}
    .product-info__block .product__wrapper .product-th__wrapper{width: 100%; margin-top: 50px}
    .product-info__block .product__wrapper .product-th__wrapper img{width: 10%}
    .product-info__block .product__wrapper:nth-child(odd) .product-info__wrapper{order: 1;margin-left: 0}
    .product-info__block .product__wrapper:nth-child(odd) .product-img__wrapper{margin-left: 0}
    .product-info__block .product__wrapper:nth-child(odd) .product-th__wrapper{order: 3}
    .product-info__block .product__wrapper:nth-child(4) .product-img__wrapper, .product-info__block .product__wrapper:nth-child(5) .product-img__wrapper{width: 20%}
    .product-info__block .product__wrapper{align-items: center}
}



@media (max-width: 768px) {
    .main-banner__block .main-banner__wrapper{padding-top: 20px}
    h2{letter-spacing: 2px}
    span.h3{font-size: 20px}
    .main-banner__block .main-banner__wrapper .right-col{display: none}
    .main-banner__block .main-banner__wrapper .left-col{width: 100%; align-items: center}
    .main-banner__block .main-banner__wrapper .left-col h1{font-size: 38px; text-align: center; border-bottom: none; line-height: 48px; margin-bottom: 20px}
    .main-banner__block .main-banner__wrapper .left-col p{font-size: 20px; text-align: center; margin-bottom: 40px}
    .main-banner__block .main-banner__wrapper .btn-main-banner{width: unset}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img{right: -90px}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.contr{right: -80px; bottom: -30px}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.per{bottom: -50px}

    .advantages__block .advantage-item__wrapper:nth-child(1) .advantage__item:after{background-size: 35%; left: 57%}
    .advantages__block .advantage-item__wrapper:nth-child(2) .advantage__item:after{top: 20%;background-size: 35%; left: 62%}
    .advantages__block .advantage-item__wrapper:nth-child(3) .advantage__item:after{background-size: 35%; left: 48%; top: 29%}
    .advantages__block .advantage-item__wrapper:nth-child(4) .advantage__item:after, .advantages__block .advantage-item__wrapper:nth-child(5) .advantage__item:after{top: 32%;background-size: 35%}
    .advantages__block .advantage-item__wrapper:nth-child(5) .advantage__item:after{background-size: 35%; left: 38%}
    .advantages__block .advantage-item__wrapper:nth-child(4) .advantage__item:after {left: 34%;}
    .advantages__block .advantage-item__wrapper:nth-child(6) .advantage__item:after{top: 43%;background-size: 35%}

    .main-form__block .right-form{display: none}
    .main-form__block .left-form .main-form__form{align-items: center}
    .main-form__block .left-form .main-form-h3, .main-form__block .left-form p{text-align: center}

    .geo__block .geo__wrapper{flex-direction: column}
    .geo__block .geo__wrapper .left-geo{align-items: center; margin-bottom: 40px}
    .geo__block .geo__wrapper .geo__right{width: 100%}
    .geo__block .geo__wrapper .left-geo span.h3{text-align: center}
    .geo__block .geo__wrapper .left-geo p{font-size: 16px;text-align: center}
    .geo__block .geo__wrapper .left-geo .btn-show-modal{padding: 20px}

    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(3) .step-info:before{right: 30%; background-size: 35%;}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(2) .step-info:before{background-size: 60%;}

    .production__block .production__wrapper{grid-template-columns: repeat(1, 1fr)}

    .main-form__block .left-form .main-form__header{width: 100%;display: flex; align-items: center; flex-direction: column}
    .main-form__block .left-form{padding: 40px 25px 40px 40px}

    .production__block .production__wrapper .left-prod{grid-gap: 20px}
    .our-works__block .our-works-first-col{margin-top: 30px}
    .our-works__block .our-works-second-col{margin-bottom: 30px}
    .our-works__block .our-works-first-col, .our-works__block .our-works-second-col{grid-template-columns: repeat(2, 1fr); grid-gap: 15px}


    .contract__block .contract__wrapper{padding: 30px 0}
    .contract__block .contract__wrapper:after{display: none}
    .contract__block .contract__wrapper .contract__header{width: 100%; text-align: center}
    .contract__block .contract__wrapper .contract__items{width: 100%; align-items: center}
    .contract__block .contract__wrapper .contract__items .btn{width: 60%}

    .footer__block .footer__wrapper{grid-template-columns: repeat(1, 1fr); grid-row-gap: 30px}
    .footer__block .footer__wrapper .f-col:first-child p:first-child{margin-top: 10px}
    .footer__block .footer__wrapper .f-col:nth-child(2){align-items: flex-start}
    .footer__block .footer__wrapper .f-col:nth-child(3){align-items: flex-start; justify-content: flex-start}
    .dop-works__block .dop-works__wrapper{grid-column-gap: 20px}
    .advantages__block .advantages__items{margin-top: 30px}
    .brands__block .brands__items{margin-top: 0}
    .work-steps__block .work-steps__wrapper .work-steps__items{padding-top: 30px}
    .geo__block .geo__wrapper .left-geo .btn-show-modal{margin-top: 30px}
    .product-info__block .product__wrapper .product-info__wrapper span.h3{margin-bottom: 20px}
    .product-info__block .product__wrapper .product-info__wrapper .product-info{margin-bottom: 45px;}
    .footer__block .footer__wrapper .last-col .f-phones__wrapper .f-work-time{margin-bottom: 20px}
    .footer__block .footer__wrapper .f-credentials{margin-top: 20px}

}

@media (max-width: 660px){
    h2{letter-spacing: 1px; font-size: 28px}
    .services__block .services__wrapper .service-item:nth-child(4):before{top: 0; left: 54%}
    .services__block .services__wrapper .service-item:nth-child(2):before{top: 0}
    .main-banner__block .main-banner__wrapper .left-col h1{font-size: 32px; line-height: 38px}
    .main-banner__block .main-banner__wrapper .btn-main-banner{padding: 20px 90px 20px 20px}
    .main-banner__block .main-banner__wrapper .btn-img{background-size: 23%}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner span{width: 80%}
    .main-banner__block .main-banner__wrapper .banners__blocks{grid-template-columns: repeat(1, 1fr); grid-row-gap: 20px}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.shield{background-size: 15%; right: -45%}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.per{background-size: 25%; bottom: -30%;right: -45%}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.contr{background-size: 25%; right: -45%;bottom: -15px;}
    .services__block .services__wrapper, .advantages__block .advantages__items, .work-steps__block .work-steps__wrapper .work-steps__items, .brands__block .brands__items, .dop-works__block .dop-works__wrapper{grid-template-columns: repeat(1, 1fr); grid-gap: 20px}

    .main-form__block .left-form .main-form-h3{font-size: 22px}

    .advantages__block .advantage-item__wrapper:nth-child(1) .advantage__item:after {background-size: 22%;left: 63%;top: 16%;}
    .advantages__block .advantage-item__wrapper:nth-child(2) .advantage__item:after {top: 12%;background-size: 19%;left: 67%;}
    .advantages__block .advantage-item__wrapper:nth-child(3) .advantage__item:after {background-size: 20%;left: 55%;top: 20%;}
    .advantages__block .advantage-item__wrapper:nth-child(4) .advantage__item:after{top: 22%;background-size: 18%;left: 41%;}
    .advantages__block .advantage-item__wrapper:nth-child(5) .advantage__item:after{top: 22%;background-size: 18%;left: 41%;}
    .advantages__block .advantage-item__wrapper:nth-child(6) .advantage__item:after{top: 35%;background-size: 20%;left: 40%;}
    .dop-works__block .dop-works__wrapper .dop-works-item:nth-child(1):before {background-size: 30%;top: 0;}
    .dop-works__block .dop-works__wrapper .dop-works-item:nth-child(2):before {background-size: 60%;top: 0;left: 46%;}

    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(1) .step-info:before{background-size: 40%}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(2) .step-info:before{background-size: 28%; right: 37%}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(3) .step-info:before{background-size: 26%;right: 38%;}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(4) .step-info:before{background-size: 37%}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(5) .step-info:before {background-size: 32%;right: 35%;}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(6) .step-info:before{background-size: 26%}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(2) .step-info:before {background-size: 50%;}

    .product-info__block .product__wrapper .product-info__wrapper{width: 100%}
    .product-info__block .product__wrapper .product-img__wrapper{margin-top: 50px; order: 3; width: 25%}
    .product-info__block .product__wrapper:nth-child(4) .product-img__wrapper, .product-info__block .product__wrapper:nth-child(5) .product-img__wrapper{width: 25%}
    .product-info__block .product__wrapper .product-th__wrapper{margin-top: 50px; order: 2; width: 65%}
    .product-info__block .product__wrapper .product-th__wrapper .product-country{margin-top: 20px}
    .product-info__block .product__wrapper .product-info__wrapper .product-tabs{justify-content: flex-start}
    .product-info__block .product__wrapper:nth-child(2) .product-info__wrapper .product-tabs{justify-content: space-between}
    .product-info__block .product__wrapper:nth-child(odd) .product-img__wrapper{margin-top: 50px; order: 3}
    .product-info__block .product__wrapper:nth-child(odd) .product-th__wrapper{margin-top: 50px; order: 2; width: 65%}
    .product-info__block .product__wrapper .product-th__wrapper .product-characteristics li:before{width: 7px; height: 7px}
    .product-info__block .product__wrapper .product-th__wrapper .product-characteristics li{padding-left: 20px}
    .product-info__block .product__wrapper .product-th__wrapper .product-characteristics li, .product-info__block .product__wrapper .product-th__wrapper .product-country span{font-size: 16px}
    .product-info__block .product__wrapper .product-info__wrapper span.h3{font-size: 24px}
    .product-info__block .product__wrapper .product-info__wrapper .product-info{font-size: 16px}

}

@media (max-width: 500px) {
    .our-works__block .btn{width: 100%; text-align: center}
    .main-banner__block .main-banner__wrapper .btn-main-banner{padding-right: 60px; font-size: 16px}
    .main-banner__block .main-banner__wrapper .btn-img{left: 36%}
    .main-form__block .left-form .btn-submit-form{font-size: 16px}
    .main-banner__block .main-banner__wrapper .left-col h1{font-size: 26px}
    .main-banner__block .main-banner__wrapper .left-col p{font-size: 18px}
    .product-info__block .product__wrapper .product-info__wrapper .product-tabs a{font-size: 16px}
    .services__block .services__wrapper .service-item{padding: 15px}
    .advantages__block .advantage__item{padding: 15px}
    .main-form__block .left-form:before{display: none}
    .main-form__block .main-form__wrapper:before{display: none}
    .main-form__block .main-form__wrapper{background-color: var(--color-site)}
    .main-form__block .left-form{padding: 20px 15px}
    .geo__block .geo__wrapper .left-geo .btn-show-modal{width: 100%}
    .work-steps__block .work-steps__wrapper .work-steps__item .step-info{padding: 15px}
    .brands__block .brands__items .brands__item{padding: 15px}
    .dop-works__block .dop-works__wrapper .dop-works-item{padding: 15px}
    .contract__block .contract__wrapper .contract__items{align-items: flex-start}
    .contract__block .contract__wrapper .contract__items .btn{width: 100%}
    .contract__block .contract__wrapper:before{display: none}
    .contract__block .contract__wrapper{background-color: var(--color-site); padding: 20px 15px}
    h2{letter-spacing: 0; font-size: 24px}
    .product-info__block .product__wrapper{ padding: 30px 0;}
    .product-info__block .product__wrapper:nth-child(odd){margin: 0;}
    .product-info__block .product__wrapper:not(:last-child){border-bottom: 1px dashed #ddd}
    .product-info__block .product__wrapper .product-info__wrapper .product-step .step-text{font-size: 14px}
    .product-info__block .product__wrapper .product-info__wrapper .product-step .step-number{font-size: 100px}
    .product-info__block .product__wrapper .product-info__wrapper .product-step{width: 100%}
    .product-info__block .product__wrapper .product-th__wrapper img{width: 20%}
    .product-info__block .product__wrapper .product-info__wrapper .product-tabs{flex-direction: column; align-items: flex-start}
    .product-info__block .product__wrapper .product-info__wrapper .product-tabs a:not(:last-child){margin-right: 0; margin-bottom: 20px}
    .product-info__block .product__wrapper .product-img__wrapper{margin: 20px auto 0; order: 2; width: 40%;}
    .product-info__block .product__wrapper .product-th__wrapper{margin-top: 30px; order: 3; width: 100%;}
    .product-info__block .product__wrapper:nth-child(4) .product-img__wrapper, .product-info__block .product__wrapper:nth-child(5) .product-img__wrapper{width: 40%}
    .product-info__block .product__wrapper:nth-child(odd) .product-img__wrapper{margin: 20px auto 0;; order: 2}
    .product-info__block .product__wrapper:nth-child(odd) .product-th__wrapper{margin-top: 30px; order: 3; width: 100%}
    .product-info__block .product__wrapper:first-child{padding-top: 0}
    .product-info__block .product__wrapper .product-info__wrapper .profile, .product-info__block .product__wrapper .product-info__wrapper .product-tabs{margin-bottom: 30px}
    .main-form__block .left-form .main-form-h3{font-size: 20px}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(5) .step-info:before {background-size: 38%;right: 32%;}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(6) .step-info:before {background-size: 30%;}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(3) .step-info:before {background-size: 26%;right: 33%;}

    .advantages__block .advantage-item__wrapper:nth-child(1) .advantage__item:after{background-size: 26%;left: 61%;top: 19%;}
    .advantages__block .advantage-item__wrapper:nth-child(2) .advantage__item:after{top: 6%;background-size: 25%;left: 65%;}
    .advantages__block .advantage-item__wrapper:nth-child(3) .advantage__item:after{background-size: 25%;left: 52%;top: 20%;}
    .advantages__block .advantage-item__wrapper:nth-child(4) .advantage__item:after{top: 16%;background-size: 25%;left: 38%;}
    .advantages__block .advantage-item__wrapper:nth-child(5) .advantage__item:after{top: 22%;background-size: 26%;left: 37%;}
    .advantages__block .advantage-item__wrapper:nth-child(6) .advantage__item:after{top: 32%;background-size: 35%;left: 33%;}

    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.shield{background-size: 20%}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.per{background-size: 30%; bottom: -20%}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.contr{background-size: 30%; bottom: 0}
}

@media (max-width: 400px) {
    .main-banner__block .main-banner__wrapper .btn-main-banner{padding-right: 40px; font-size: 15px}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(1) .step-info:before {background-size: 50%;}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(2) .step-info:before {background-size: 50%;}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(3) .step-info:before {background-size: 50%;right: 25%;}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(4) .step-info:before {background-size: 50%;}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(5) .step-info:before {background-size: 62%;right: 42%;}
    .work-steps__block .work-steps__wrapper .work-steps__item:nth-child(6) .step-info:before {background-size: 50%;right: 33%;}

    .advantages__block .advantage-item__wrapper:nth-child(1) .advantage__item:after{background-size: 34%;left: 58%;top: 23%;}
    .advantages__block .advantage-item__wrapper:nth-child(2) .advantage__item:after{top: 15%;background-size: 30%;left: 62%;}
    .advantages__block .advantage-item__wrapper:nth-child(3) .advantage__item:after{background-size: 33%;left: 50%;top: 24%;}
    .advantages__block .advantage-item__wrapper:nth-child(4) .advantage__item:after{top: 24%;background-size: 35%;left: 34%;}
    .advantages__block .advantage-item__wrapper:nth-child(5) .advantage__item:after{top: 30%;background-size: 34%;left: 33%;}
    .advantages__block .advantage-item__wrapper:nth-child(6) .advantage__item:after{top: 36%;background-size: 45%;left: 28%;}

    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.shield{background-size: 20%}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.per{background-size: 30%; bottom: -30%}
    .main-banner__block .main-banner__wrapper .banners__blocks .banner .banner-img.contr{background-size: 30%; bottom: -10px}
}