html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;}
:root{
    --main:#353232;
    --second:#C80100;
    --red-2:#E00907;
    --gray:#778086;

}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    position: relative;
    z-index: 1;
    color: var(--main);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: default;
    overflow: auto;
    background-color: #F5F5F5;
}
#page {position: relative;}
.hidden {display: none !important;}
.main-page-wrapper {max-width: 1920px; overflow: hidden; width: 100%; background-color: #fff; position: relative; margin: 0 auto; background-repeat: repeat; background-size: cover;}
h1,h2,h3,h4,h5,h6{font-family: "Inter", sans-serif;}

h1 {font-size: 36px; font-weight: 600; text-transform: uppercase; margin-bottom: 44px;}
h2 {font-size: 36px; font-weight: 800; text-transform: uppercase; }

.no-scroll {overflow: hidden;}
section {display: block; width: 100%;}
a {-webkit-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out; text-decoration: none; outline: none;color:var(--main);}
a:focus{outline:none;}
/* a:visited, */
a:hover{text-decoration: none; color: var(--second);}

button {font-family: "Inter", sans-serif; cursor: pointer; border: none; outline: none;}
.error {font-size: 12px!important; color: red !important; text-align: left; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; margin-bottom: 5px !important; line-height: 1.1;}
.error.show{opacity: 1;}
input.wrong {border-color: red !important;}
svg path {-webkit-transition: fill .3s ease-in-out;-o-transition: fill .3s ease-in-out;transition: fill .3s ease-in-out;}
p {margin-bottom: 8px;}
input, textarea {outline: none; font-family: "Inter", sans-serif; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out;}
.content {width: 1200px; position: relative; margin: 0 auto;}
.hidden {display: none !important;}
.center {text-align: center;}

.no-scroll-y {overflow-y: hidden;}
.no-scroll {overflow: hidden;}
input, select {-webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;}
header {display: block; width: 100%; position: relative;}

.mobile-header {display: none;}
#overlay {position: absolute; z-index: -1; background-color: #333; left: 0; right: 0;top: 0; bottom: 0; opacity: .3; transition: .3s ease-in-out;}
#overlay.show {z-index: 10; opacity: .6; transition: .3s ease-in-out;}
.popup {
  position: fixed; left: 50%;top:-120%;width: 560px;padding: 48px;height: auto;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);background-color: #fff;
  -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
          box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  -o-transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  opacity: 0;
  z-index: 30;
}
.popup#personal-data {width: 1200px;}
.popup#personal-data .title {text-align: center;}
.popup.show {top: 50%; visibility: visible; opacity: 1;}
.popup .close-btn {position: absolute; top: 14px; right: 14px; cursor: pointer; opacity: .5; transition: opacity .3s ease-in-out;}
.popup .close-btn:hover {opacity: 1;}
.popup {text-align: left;}
.popup .title {font-size: 36px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; }
.popup .desc {font-size: 18px; margin-bottom: 24px;}
.mobile-menu-wrapper {background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(10px);position: absolute; left: -105%; transition: left .3s ease-in-out; top:80.5px; width: 100%; height: calc(100vh - 80.5px);}
.mobile-menu-wrapper.show {left:0; z-index: 5; transition: left .3s ease-in-out;}
.mobile-menu-wrapper .inner-wrapper ul.menu li {display: block; margin-bottom: 24px; text-align: center;}
.mobile-menu-wrapper .inner-wrapper ul.menu li a {font-size: 24px;text-transform: uppercase; color: #fff;}
.mobile-menu-wrapper .phones-wrapper .flex-link {font-size: 24px; font-weight: 500; margin-bottom: 32px;}

.mobile-menu-wrapper .address-email-wrapper .flex-link:first-of-type {margin-top: 12px;}
.mobile-menu-wrapper .address-email-wrapper .flex-link:last-of-type {margin-bottom: 0;}
.mobile-menu-wrapper .address-email-wrapper .flex-link {font-size: 18px; font-weight: 400; margin-bottom: 20px;}
.mobile-menu-wrapper .m-get-call-wrapper {margin-top: 32px; font-size: 18px; text-decoration: underline; text-transform: uppercase; color: var(--red-2);}

footer {display: block;}
.submit-agree-wrapper {}
.agree-desc {width: calc(100% - 20px); padding-left: 10px; font-size: 13px;}

.agree-wrapper {display: flex; align-items: center; margin-bottom: 18px;}
.popup .agree-wrapper {margin-top: 8px;}
.agree-checkbox {display: none;}
input.agree-checkbox:checked + label.agree {background-color: var(--second); background-image: url(../img/icons/v-form.svg);}
label.agree {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--second);
  background-color: var(--second);
  border-radius: 2px;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  /* background-color: transparent; */
  position: relative;
}

.agree-desc span {}
.get-p {text-decoration: underline; cursor: pointer;}
.agree-desc.wrong {color: var(--red-2);}
.popup .v-wrapper {margin: 20px 0;}
.popup .btn-wrapper {margin-top: 40px; display: flex; justify-content: center;}
.p-data-wrapper {height: 400px; overflow-y: scroll;}


.popup .block-title {font-size: 18px; font-weight: 600; margin-bottom: 20px;} 
.popup .block-content {}
.popup .single-block {margin-bottom: 32px;}
.popup .single-block:last-of-type {margin-bottom: 0px;}
.breadcrumbs {margin: 24px 0; font-size: 14px;}
.breadcrumbs a {color:#7B7B7B;}
.breadcrumbs .kb_title {color:#7B7B7B;}

.center {text-align: center;}

.page-not-found {margin: 112px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.page-not-found .code {font-size: 170px; line-height: 1; font-weight: 800; color: var(--red-2); margin-bottom: 24px;}
.page-not-found .desc {font-size: 36px; font-weight: 800; text-transform: uppercase;}
.page-not-found .desc-bottom {margin: 24px 0;}

.site-header {padding: 12px 0; background-color: var(--gray);}
.site-header .header-menu-wrapper {width: calc(100% - 270px);}
.site-header .header-wrapper {display: flex; justify-content: space-between; align-items: center;}
.site-header .logo-wrapper {width: 160px;}
.site-header .logo-wrapper a {display: block; width: 100%;}
.site-header .logo-wrapper a {display: block; width: 100%; object-fit: contain;}
.site-header .phones-row {display: flex; flex-wrap: wrap; justify-content: space-between;}
.site-header .phones-row .single-phone {display: flex; align-items: center; /*font-weight: 600;*/ color: #fff; width: 27%; margin-bottom: 4px;}
.site-header .phones-row .single-phone svg {display: block;}
.site-header .phones-row .single-phone a {display: flex; align-items: center; color: #fff;}
.site-header .phones-row .single-phone a:hover {color: var(--second);}
.site-header .phones-row .single-phone a span {display: inline-block; padding: 0 8px;}

.site-header .nav-btn-wrapper  {display: flex; justify-content: space-between; margin-top: 8px; } 
.site-header .nav-btn-wrapper ul {display: flex;} 
.site-header .nav-btn-wrapper ul li {margin-right: 57px;}
.site-header .nav-btn-wrapper ul li:last-of-type {margin-right: 0px;}
.site-header .nav-btn-wrapper ul li a {text-transform: uppercase; color:#fff;}
.site-header .nav-btn-wrapper ul li a:hover {text-decoration: underline;}

.get-popup {cursor: pointer; transition: all .3s ease-in-out;}
.site-header .get-popup {text-transform: uppercase; text-decoration: underline; color: var(--second);}
.site-header .get-popup:hover {color: #fff;}

.burger-phone-wrapper {display: none; flex-direction: row-reverse;}
.m-phone-wrapper {width: 36px; height: 36px;position: relative;}
.burger-wrapper {width: 36px; height: 36px;position: relative;}

.burger-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 2;}
.burger-wrapper .lines-wrapper {position: relative; height: 100%; margin-right: 4px;}
.burger-wrapper .lines-wrapper .burger-line {width: 26px; height: 4px; background-color: var(--second); border-radius: 2px; position: absolute; transition: all .3s ease-in-out;}
.burger-wrapper .lines-wrapper .burger-line.first {top: 8px;}
.burger-wrapper .lines-wrapper .burger-line.second {top: 17px;}
.burger-wrapper .lines-wrapper .burger-line.third {top: 26px;}
#check-menu-burger:checked ~ .lines-wrapper .first {display: none;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 0; ;}
#check-menu-burger:checked ~ .lines-wrapper .third {transform: rotate(-45deg);top: 17px;left: 0;}



.m-phone-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 2;}
.m-phone-wrapper .phone-wrapper {transition: all .3s ease-in-out;}
#check-menu-phone:checked ~ .phone-wrapper {transform: rotate(138deg);}
#check-menu-phone ~ .phone-wrapper svg path {transition: fill .3s ease-in-out;}
#check-menu-phone:checked ~ .phone-wrapper svg path {}
#page {position: relative;}
.mobile-menu-wrapper {background-color: rgba(73, 74, 75, 0.7); backdrop-filter: blur(20px); position: absolute; left: -105%; transition: left .3s ease-in-out; top:60px; bottom: 0; width: 100%; height: calc(100vh - 60px);}
.mobile-menu-wrapper.show {left:0; z-index: 5; transition: left .3s ease-in-out;}
.mobile-menu-wrapper .inner-wrapper {margin: 40px 20px;}
.single-phone-m {display: flex; justify-content: center;}
.single-phone-m a {display: flex; justify-content: center; align-items: center; font-size: 24px; color: #fff;}
.single-phone-m a .icon {padding-right: 8px;}
.single-phone-m a .icon svg {display: block;}
.mobile-menu-wrapper .city {text-align: center; color:#fff; font-size: 18px; margin: 8px 0 24px;}
.site-footer {background-color: #1F2020; padding: 40px 0 32px;}
.footer-wrapper {display: flex; justify-content: space-between;}
.logo-cr-wrapper {display: flex; align-items: center; height: fit-content;}
.cr-wrapper {padding-left: 24px; color: #fff; line-height: 1.3;}
.footer-phones-wrapper .phones-wrapper {display: flex; flex-wrap: wrap; width: 588px; justify-content: space-between;}
.footer-phones-wrapper .phones-wrapper .single-phone-f {width: 241px; display: flex; align-items: center; margin-bottom: 4px;}
.footer-phones-wrapper .phones-wrapper .single-phone-f a {display: flex; align-items: center; color: #fff;}
.footer-phones-wrapper .phones-wrapper .single-phone-f a:hover {color: var(--second);}
.footer-phones-wrapper .phones-wrapper .single-phone-f a .phone {font-weight: 500; padding: 0 8px;}
.footer-phones-wrapper .phones-wrapper .single-phone-f .city {color: #fff;}
.footer-phones-wrapper .phones-wrapper .single-phone-f .icon svg {display: block;}
.site-footer .email-wrapper {text-align: right; margin-top: 12px;}
.site-footer .email-wrapper a {color: #fff;}

.cr-development {display: flex; flex-direction: column; align-items: center; margin-top: 24px;}
.cr-development .get-p {margin-bottom: 10px; color: #fff;font-size: 14px; text-decoration: none;}
.cr-development .get-p:hover {text-decoration: underline;}
.cr-development a {margin-bottom: 10px; color: #fff;font-size: 14px;}
.cr-development a:hover {text-decoration: underline; }
.cr-development a:last-of-type {margin-bottom: 0px;}
section.top-block {
  padding: 120px 0 188px; background-image: url(../img/top-banner.jpg); background-repeat: no-repeat; background-position: bottom; background-size: cover;
}
.t-block-wrapper {width: 765px;}
.t-block-wrapper  h1 {font-size: 58px; font-weight: 600; margin: 0 0 24px; color: #fff; line-height: 1.17; }
.t-block-wrapper .mode {margin: 24px 0 32px; font-size: 24px; text-transform: uppercase; color: #fff;}
.t-block-wrapper .pluses {margin-bottom: 32px;}
.t-block-wrapper .s-pluse {display: flex; align-items: center; color: #fff; margin-bottom: 12px;font-size: 18px;}
.t-block-wrapper .s-pluse::before {content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: var(--second); margin-right: 10px;}
.btn {display: inline-block; cursor: pointer; position: relative; padding: 9px 32px; background-color: var(--second); transition: all .3s ease-in-out; color: #fff; text-transform: uppercase;}
.btn:hover {color: #fff; background-color: var(--red-2);}
.btn.arrow {display: flex; align-items: center; width: fit-content;}
.btn.arrow::after {content:''; position: relative; transition: all .3s ease-in-out; left: 0px; margin-left: 8px; width: 24px; height: 24px; background-image: url(../img/icons/btn-arrow.svg); background-repeat: no-repeat; background-position: center; }
.btn.arrow:hover::after {left: 8px;}
.btn.transparent {background-color: transparent; color: var(--second); padding: 0; margin: 0 auto;}
.btn.arrow.transparent::after {background-image: url(../img/icons/btn-arrow-red.svg);}
.btn.pp {padding: 14px 72px;}
.feedback-section {}
.feedback-wrapper { padding: 56px 40px; background-image: url(../img/bg-bus.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
h2 {font-size: 36px; font-weight: 600; margin-bottom: 54px;}
.white {color:#fff;}
.feedback-wrapper h2 {margin-bottom: 20px;}
.feedback-wrapper .desc {margin-bottom: 40px;}
.feedback-wrapper .agree-wrapper {color: #fff;}
.feedback-wrapper .agree-wrapper a {color: #fff;}
.feedback-wrapper .input-wrapper {width: 426px;}
.input-wrapper {position: relative; width: 100%;}
.input-wrapper input {width: 100%; font-size: 14px; border: 1px solid #D5D8D9; border-radius: 0px; display: block;padding: 14px 18px;transition: all .3s ease-in-out; margin-bottom: 12px;}
.input-wrapper input:focus {border-color: var(--second);}
.input-wrapper::after {content: '';position: absolute;right: 15px;top: 14px; width: 20px;height: 20px;background-repeat: no-repeat;
  background-size: contain; opacity: 0; -webkit-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; background-image: url(../img/icons/danger.svg);
}
.input-wrapper.wrong::after {opacity: 1;}
.input-wrapper.wrong input {border-color: red;}
.simple-section {margin: 112px 0;}
.slider-wrapper .img-wrapper {border: 1px solid #D5D8D9; padding: 12px 10px;}
.slider-wrapper .sertifikat {margin: 0 12px;}
.sertificates-slider-wrapper {margin:  0 -12px; position: relative;}
.sertificates-slider-wrapper .desc-wrapper {margin-top: 24px; font-size: 24px; font-weight: 500;}
.sertificates-slider-wrapper .arrows-wrapper {position: absolute; right: 0; bottom: 0; display: flex;}
.sertificates-slider-wrapper .arrows-wrapper .slider-arrow {cursor: pointer; margin-left: 16px;}
.sertificates-slider-wrapper .slick-dots {display: flex; justify-content: center; margin-top: 62px;}
.sertificates-slider-wrapper .slick-dots li {display: block; margin: 0 5px;}
.sertificates-slider-wrapper .slick-dots li button {color: transparent; background-color: #E0E0E0; display: block; width: 10px;height: 10px; border-radius: 50%;}
.sertificates-slider-wrapper .slick-dots li.slick-active button {background-color: #777777;}
.sertificates-slider-wrapper .slick-dots li button:hover {background-color: #777777;}
.projects-wrapper {display: flex; flex-wrap: wrap; column-gap: 24px; margin-bottom: 20px;}
.projects-wrapper .project {width:calc(50% - 12px); margin-bottom: 24px;}
.projects-wrapper .project .poster {height: 380px; margin-bottom: 20px;}
.projects-wrapper .project .poster img {display: block; width: 100%; height: 100%; object-fit: cover;}
.projects-wrapper .project h3 {font-size: 24px; font-weight: 500; margin-bottom: 10px; color:var(--main);}
.projects-wrapper .project .desc {color:#404040;}
.empty {border-radius: 8px; border:1px solid var(--main); font-size: 18px; padding: 24px;}
.inner-page h1 {margin-top: 56px;}
.inner-page {margin-bottom: 112px;}
.pagination {} 
.pagination .nav-links {display: flex; justify-content: center;} 
.pagination h2 {display: none;} 
.pagination span {display: inline-block; margin: 0 6px; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; line-height: 1; border: 1px solid var(--second);color:var(--second) }
.pagination a {display: inline-block; transition: all .3s ease-in-out; margin: 0 6px; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; line-height: 1; border: 1px solid #777777;color:#777777; }
.pagination a:hover {color: #fff; background-color: var(--second); background-color: var(--second);}
.current-menu-item a{text-decoration: underline;}
.post-content {margin-bottom: 24px;}
.post-content .galery-wrapper {display: flex; flex-wrap:wrap; column-gap: 24px; margin-bottom: 24px;}
.post-content .galery-wrapper .single-image {display: block; width: calc(50% - 12px); margin-bottom: 24px;}
.post-content .galery-wrapper .single-image img {display: block; width: 100%; height: 100%; object-fit: cover;}
.post-content h2 {font-size: 24px; font-weight: 800; margin: 0 0 24px;}
.post-content h3 {font-size: 24px; font-weight: 600; margin: 0 0 12px;}
.post-content h4 {font-size: 22px; font-weight: 600; margin: 0 0 4px;}
.post-content h5 {font-size: 20px; font-weight: 600; margin: 0 0 4px;}
.post-content h6 {font-size: 18px; font-weight: 600; margin: 0 0 4px;}
.post-content ul {list-style: disc; margin: 8px 0 12px 24px;}
.services-wrapper {display: flex; flex-wrap: wrap; column-gap: 24px;}
.services-wrapper .service {width: calc(25% - 18px); padding: 20px; background-color: #fff; border: 1px solid #D5D8D9; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 24px;}
.services-wrapper .service .text-block {margin-bottom: 20px;}
.services-wrapper .service h3 {font-size: 20px; font-weight: 500; margin-bottom: 10px; line-height: 1.1;}
.services-wrapper .service .thumb {height: 200px;}
.services-wrapper .service .thumb img {display: block; width: 100%; height: 100%; object-fit: contain;}
.services-wrapper .service .desc {font-size: 14px;}
.single-product-wrapper {}
.single-product-wrapper .art {margin: 44px 0; color: var(--gray); font-weight: 500;}
.slider-desc-wrapper {display: flex; flex-wrap: wrap; margin-top: 44px;}
.slider-desc-wrapper .slider-wrapper {width: 486px;}
.slider-desc-wrapper .desc-wrapper {width: calc(100% - 486px); padding-left: 126px;}
.alterweb-product-slider-nav {margin: 24px -6px 0}
.alterweb-product-slider-nav .single-nav {margin: 0 6px; cursor: pointer;}
.alterweb-product-slider {height: 486px; position: relative;}
.alterweb-product-slider .arrows-wrapper {position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between;}

.alterweb-product-slider .arrows-wrapper .slider-arrow {cursor: pointer; opacity: .7; transition:all .3s ease-in-out;}
.alterweb-product-slider .arrows-wrapper .slider-arrow svg {
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);  -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
  border-radius:4px;
}
.alterweb-product-slider .arrows-wrapper .slider-arrow:hover {opacity: 1;}
.alterweb-product-slider .single-slide {display: flex; justify-content: center; align-items: center;}
.product-page {}
.product-page .art {color: #777777; font-weight: 500;}
.product-page .characteristics {margin-bottom: 24px;} 
.product-page .characteristics .title {font-size: 24px; margin-bottom: 24px;} 
.product-page .characteristics .single-line {display: flex; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #D5D8D9; margin-bottom: 10px;}
.product-page .characteristics .single-line:last-of-type {margin-bottom: 0px;}
.product-page .price-btn-wrapper {margin-top: 24px; display: flex; align-items: center; justify-content: space-between;}
.product-page .price-btn-wrapper .price {font-size: 24px; font-weight: 500;}
.btn.big {padding: 18px 70px; font-size: 18px; }
.product-page .desc-wrapper .inner-wrapper {width: 384px;}
.content-wrapper {margin-top: 44px;}
.content-wrapper h2 {font-size: 24px; font-weight: 500; margin-bottom: 24px;}
.content-wrapper h3 {font-size: 22px; font-weight: 500; margin-bottom: 18px;}
.content-wrapper h4 {font-size: 20px; font-weight: 500; margin-bottom: 16px;}
.content-wrapper h5 {font-size: 18px; font-weight: 500; margin-bottom: 12px;}
.content-wrapper h4 {font-size: 16px; font-weight: 500; margin-bottom: 8px;}

.cats-wrapper {display: flex; flex-wrap: wrap; column-gap: 24px;}
.cats-wrapper .category {display: block; width: calc(24% - 8px); margin-bottom: 24px; border: 1px solid #D5D8D9; }
.cats-wrapper .category .title-wrapper {height: 85px; display: flex; align-items: center; padding: 0 20px;}
.cats-wrapper .category h3 {font-size: 20px; line-height: 1.1;}
.cats-wrapper .category .cat-image {height: 200px;}
.cats-wrapper .category .cat-image img {display: block; width: 100%; height: 100%; object-fit: cover;}
.products {display: flex; flex-wrap: wrap; column-gap: 24px;}
.products .product {width: calc(24% - 6px); background-color: #fff; border: 1px solid #D5D8D9; padding: 20px; margin-bottom: 24px; display: flex; flex-direction: column; justify-content: space-between; }
.products .product .thumb {height: 242px; display: flex; align-items: center; justify-content: center;}
.products .product .thumb img {display: block; width: 100%; height: 100%; object-fit: contain;}
.products .product h3 {font-size: 18px; font-weight: 500; margin: 12px 0;}
.products .product .price {font-size: 24px; margin: 12px 0;}
.products .product .btn {display: block; width: 100%;}

.filials {display: flex; flex-wrap: wrap; column-gap: 24px;}
.filials .filial {width: calc(33.33% - 18px); margin-bottom: 52px;}
.filials .filial .title {font-size: 24px; font-weight: 600; margin-bottom: 24px;}
.filials .filial .single-row {margin-bottom: 12px;}
.filials .filial .single-row:last-of-type {margin-bottom: 0px;}
.filials .filial .single-row .m-title {color: var(--second); margin-bottom: 6px;}
.filials .filial .single-row .no-link,
.filials .filial .single-row a {font-size: 24px; font-weight: 500; line-height: 1;}

.map-wrapper {height: 400px;}
.map-wrapper iframe {height: 100%}

.about-desc {display: flex; flex-wrap: wrap;}
.btn-wrapper.left .btn.transparent {margin: 44px 0 0 0;}
.about-desc .desc {width: 548px;}
.about-desc .desc p {margin-bottom: 14px;}
.about-desc .poster {width: calc(100% - 548px); padding-left: 64px;}
.about-desc .poster img {display: block; width: 100%; }
.mt {margin-top: -52px;}
.page-not-found {margin: 112px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.page-not-found .code {font-size: 170px; line-height: 1; font-weight: 600; color: var(--red-2); margin-bottom: 24px;}
.page-not-found .desc {font-size: 24px; font-weight: 800; text-transform: uppercase;}
.page-not-found .desc-bottom {margin: 24px 0;}
.sorting-wrapper {display: flex; flex-wrap: wrap; margin-bottom: 24px;}
.sorting-wrapper .sorting-links {display: flex; align-items: center;}
.sorting-wrapper .sorting-title {padding-right: 20px;}
.sorting-wrapper a {padding-right: 20px; display: block; color: #777777;}
.sorting-wrapper a:hover {color: var(--second);}
.sorting-wrapper a.active {color: var(--second);}


/*----- Media----*/
@media screen and (max-width:1680px){
  .product-img-desc-wrapper .img-wrapper {width: 40%;}
  .product-img-desc-wrapper .desc-wrapper {width: 60%; padding-left: 64px;}
  .sertificates-slider-wrapper .desc-wrapper {font-size: 18px; margin-top: 18px;}
  .filials .filial .title {margin-bottom: 12px; font-size: 18px;}
  .filials .filial .single-row .no-link, .filials .filial .single-row a {font-size: 18px;}



}
@media screen and (max-width:1536px){
  .certificates-wrapper .desc {margin: 0 0 38px;}


}


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

/* normal screens - with keyboard */
@media screen and (max-width:1366px){
  .about-desc .poster {padding-left: 24px;}


}

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



}
@media screen and (max-width:1220px){
  .content {width: 100%; padding: 0 20px;}
  .flex-link {font-size: 14px;}
  .popup#personal-data {width: 95%; font-size: 14px;}
  .site-header .header-menu-wrapper {width: calc(100% - 200px);}
  .sertificates-slider-wrapper .arrows-wrapper {right: 20px;}
  .slider-wrapper .sertifikat {margin: 0 4px;}
  .sertificates-slider-wrapper {margin: 0 -4px;}
  h2 {margin-bottom: 24px; font-size: 34px;}
  .post-content .galery-wrapper {column-gap: 12px;}
  .post-content .galery-wrapper .single-image {width: calc(50% - 6px); margin-bottom: 12px;}
  .services-wrapper {column-gap: 20px;}
  .products .product {width: calc(24% - 8px);}


}

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

  .site-header .phones-row .single-phone {width: 33.33%;}
  .site-header .nav-btn-wrapper ul li {margin-right: 32px;}
  .t-block-wrapper h1 {font-size: 46px;}
  .slider-desc-wrapper {margin-top: 24px;}
  .cats-wrapper .category {width: calc(33.33% - 16px);}

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

  .site-header .nav-btn-wrapper ul li {}
  .footer-phones-wrapper .phones-wrapper {width: 530px;}
  .slider-desc-wrapper .slider-wrapper {width: 50%;}
  .product-page .desc-wrapper .inner-wrapper {width: 100%;}
  .alterweb-product-slider {height: auto;}
  .slider-desc-wrapper .desc-wrapper {padding-left: 24px; width: 50%;}
  .inner-page h1 {margin-top: 42px; margin-bottom: 24px;}
  .products .product {width: calc(24% - 10px);}
  .products .product h3 {font-size: 16px;}
  .products .product .thumb {height: 150px;}
}

@media screen and (max-width:980px){
  .site-header .phones-row .single-phone {font-size: 12px;}
  .site-header .nav-btn-wrapper ul li {font-size: 14px; margin-right: 16px;}
  .site-header .get-popup {font-size: 14px;}
  .footer-phones-wrapper .phones-wrapper .single-phone-f {font-size: 14px;}
  .cr-wrapper {font-size: 14px;}
  .footer-phones-wrapper .phones-wrapper {width: 480px;}
  .footer-phones-wrapper .phones-wrapper .single-phone-f {width: 50%;}
  .cats-wrapper .category h3 {font-size: 18px; font-weight: 500;}
  .cats-wrapper .category .title-wrapper {height: 70px;}
  .cats-wrapper .category .cat-image {height: 170px;}

    
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .site-header .logo-wrapper {width: 100px;}
  .site-header .header-menu-wrapper {width: calc(100% - 130px);}
  .products {column-gap: 8px;}
  .products .product {width: calc(33.33% - 6px); margin-bottom: 8px;}
  .about-desc .desc {width: 100%; margin-bottom: 24px;}
  .btn-wrapper.left .btn.transparent {margin-top: 12px;}
  .about-desc .poster {padding-left: 0; width: 100%;}



}

@media screen and (max-width:800px){
  .site-header .logo-wrapper {width: 100px;}
  .site-header .header-menu-wrapper {width: calc(100% - 100px);}
  .site-header .nav-btn-wrapper ul li {font-size: 13px;}
  .site-header .get-popup {font-size: 13px;}
  .content {padding: 0 8px;}
  .site-header .logo-wrapper {width: 80px;}
  .t-block-wrapper {width: 100%;}
  .projects-wrapper {column-gap: 12px; margin-bottom: 0;}
  .projects-wrapper .project {width: calc(50% - 6px);}
  .projects-wrapper .project .poster {height: 280px; margin-bottom: 10px;}
  .projects-wrapper .project h3 {font-size: 18px; margin-bottom: 4px;}
  .post-content .galery-wrapper {margin-bottom: 0; column-gap: 8px;}
  .post-content .galery-wrapper .single-image {width: calc(50% - 4px);}
  .services-wrapper {column-gap: 8px;}
  .services-wrapper .service {width: calc(50% - 4px); margin-bottom: 8px;}
  .cats-wrapper {column-gap: 8px;}
  .cats-wrapper .category {margin-bottom: 8px;}
  .sorting-wrapper {font-size: 12px; margin-bottom: 12px;}
  .sorting-wrapper .sorting-title,
  .sorting-wrapper a {padding-right: 12px;}
}

@media screen and (max-width:720px){
  .header-menu-wrapper {display: none;}
  .site-header .logo-wrapper {width: 100px;} 
  .burger-phone-wrapper {display: flex;}
  .site-header {padding: 4px 0;}
  .logo-cr-wrapper {width: 100%; justify-content: center;}
  .footer-phones-wrapper {width: 100%;}
  .footer-wrapper {flex-wrap: wrap;}
  .site-footer .email-wrapper {text-align: center;}
  .footer-phones-wrapper .phones-wrapper {width: 100%; margin: 20px 0;}
  .simple-section {margin: 56px 0;}
  .inner-page {margin-bottom: 40px;}
  .cr-wrapper {font-size: 16px;}
  .footer-phones-wrapper .phones-wrapper .single-phone-f {justify-content: center;font-size: 16px; }
  section.top-block {background-image: url(../img/m-top-banner.jpg);}
  .sertificates-slider-wrapper .arrows-wrapper {display: none;}
  .sertificates-slider-wrapper .slick-dots {margin-top: 24px;}
  
  h2 {font-size: 28px;}
  .post-content h2 {font-size: 22px; font-weight: 800; margin: 0 0 12px;}
  .post-content h3 {font-size: 20px; font-weight: 600; margin: 0 0 12px;}
  .post-content h4 {font-size: 18px; font-weight: 600; margin: 0 0 4px;}
  .post-content h5 {font-size: 18px; font-weight: 600; margin: 0 0 4px;}
  .post-content h6 {font-size: 16px; font-weight: 600; margin: 0 0 4px;}
  .inner-page h1 {margin-top: 24px; margin-bottom: 20px; font-size: 24px;}
  .cats-wrapper .category {width: calc(50% - 4px);}
  .mt {margin-top: -32px;}

}

@media screen and (max-width:640px){
  .t-block-wrapper h1 {font-size: 36px;}
  .t-block-wrapper .mode {margin: 24px 0;}
  section.top-block {padding: 100px 0;}
  
  .feedback-wrapper .desc {margin-bottom: 24px;}

  h2 {font-size: 24px; font-weight: 600;}
  .projects-wrapper .project {width: 100%;}
  .post-content .galery-wrapper .single-image {margin-bottom: 12px;}
  .slider-desc-wrapper .slider-wrapper {width: 100%; margin-bottom: 24px;}
  .slider-desc-wrapper .desc-wrapper {width: 100%; padding-left: 0; }
  .btn.big {padding: 18px 52px;}
  .products .product {width: calc(50% - 4px);}
  .popup {width: 95%; padding: 32px;}
  .popup .title {font-size: 22px;}
  .popup .desc {font-size: 14px; margin-bottom: 12px;}
  .filials .filial {width: calc(50% - 12px);}
  .page-not-found .code {font-size: 130px;}
  .page-not-found .desc {font-size: 22px;}
}

@media screen and (max-width:540px){
  .footer-phones-wrapper .phones-wrapper .single-phone-f {width: 100%;}
  .feedback-wrapper .input-wrapper {width: 100%;}
  .projects-wrapper .project .poster {height: 60vw;}
  .post-content h2 {font-size: 22px; font-weight: 600; }
  .post-content h3 {font-size: 20px; font-weight: 600; margin: 0 0 8px;}
  .post-content h4 {font-size: 28px; font-weight: 600; margin: 0 0 4px;}
  .post-content h5 {font-size: 18px; font-weight: 500; margin: 0 0 4px;}
  .post-content h6 {font-size: 16px; font-weight: 600; margin: 0 0 4px;}
  .services-wrapper .service h3 {font-size: 18px; font-weight: 600;}
  .services-wrapper .service .thumb {height: 120px;}
  .products .product {padding: 10px;}
}
@media screen and (max-width:480px){
  section.top-block {padding: 60px 0;}
  .t-block-wrapper .mode {font-size: 20px;}
  .feedback-wrapper {padding: 56px 24px;}

}
@media screen and (max-width:414px){
  .projects-wrapper .project .poster {height: 90vw;}
  .filials .filial {width: 100%;}


}

@media screen and (max-width:360px){
  .logo-cr-wrapper {flex-direction: column; align-items: center;}
  .cr-wrapper {margin-top: 12px; font-size: 14px; padding-left: 0; text-align: center;}
  .products .product {padding: 10px; width: 100%;} 

}

.shine {position: relative;overflow: hidden;}
.shine::before {content: '';position: absolute;top: 0;left: 0;width: 2rem;height: 100%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.8) 100%);transform: translateX(-4rem) skewX(-45deg);animation: shine 3.5s 2s infinite;}
@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}


@keyframes spin {
    0%,60%{
      top: 0;
    }
    30% {
      top: 5px;
    }
    100% {
      top: 0;
    }
  }
@keyframes type{
    from { width: 0; }
}
@-webkit-keyframes type{
    from { width: 0; }
}
@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }
@keyframes arrowDown {0% {bottom: 30px;opacity: 1;}100% {bottom: 0px; opacity: 0;}
}
@keyframes animate {
  0%{
      transform: translateY(0) rotate(0deg);
      opacity: 1;
      border-radius: 0;
  }
  100%{
      transform: translateY(-1500px) rotate(720deg);
      opacity: 0;
      border-radius: 50%;
  }
}


@keyframes dot-color {
  from {
    background-color: var(--main-green);
  }
  50% {
    background-color: #fff;
  }
  to {
    background-color: var(--main-green);
  }
}