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:#2b2b2b;
  --second: #FFCC00;
  --third:#FF6600;
  --gray:#333;
  --gray-2:#bebebe;
  --gray-3:#E0E0E0;
  --gray-4:#f8f8f8;

}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family:'DIN Pro';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    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: #fff;
}
.hidden {display: none !important;}
h1,h2,h3,h4,h5,h6{font-family: 'DIN Pro';}
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 {color: inherit;}
a:hover{text-decoration: none; color: inherit; transition: all .3s ease-in-out;}
.simple-block {margin: 120px 0;}
button {font-family:'DIN Pro'; 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: 'DIN Pro'; -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;}
.center {text-align: center;}
.d-flex {display: flex;}
.f-center {align-items: center;}
.f-wrap {flex-wrap: wrap;}
.f-sb {justify-content: space-between;}
.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;}
.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 5s 1s infinite;}
section {display: block; width: 100%;}
section.gray {background-color: var(--gray-4);}
.main-page-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto; background-repeat: repeat; background-size: cover;}
.content {width: 1164px; position: relative; margin: 0 auto;}
.hidden {display: none !important;}
.center {text-align: center;}
.white {color: #fff;}
.entry-content {}
.entry-content p {margin-bottom: 12px;}
.entry-content h2 {font-size: 32px; font-weight: 600; margin-bottom: 24px;}
.entry-content h3 {font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.entry-content h4 {font-size: 20px; font-weight: 600; margin-bottom: 12px;}
.entry-content h5 {font-size: 18px; font-weight: 600; margin-bottom: 12px;}
.entry-content h6 {font-size: 16px; font-weight: 600; margin-bottom: 12px;}
.entry-content ul {list-style: disc; margin-bottom: 12px; padding-left: 22px;}

.burger-wrapper {width: 24px; height: 20px; position: relative; display: none;}
.burger-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 99;}
.burger-wrapper .lines-wrapper {position: relative; height: 100%;}
.burger-wrapper .lines-wrapper .burger-line {width: 24px; height: 3px; border-radius: 1px; position: absolute; transition: all .3s ease-in-out;}
.burger-wrapper .lines-wrapper .burger-line.first {background-color: #fff;}
.burger-wrapper .lines-wrapper .burger-line.second {background-color: var(--second); top: 6px;}
.burger-wrapper .lines-wrapper .burger-line.third {background-color: #fff; top: 12px;}
#check-menu-burger:checked ~ .lines-wrapper .first {display: none;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 0; background-color: #fff;}
#check-menu-burger:checked ~ .lines-wrapper .third {transform: rotate(-45deg);top: 6px;width: 24px;left: 0;}
.mobile-menu-wrapper {position: fixed;left: -105%; background-color: #fff; z-index: 9; bottom: 0; transition: all .3s ease-in-out; top: 79px;width: 100%;  height: calc(100vh - 79px);}
.mobile-menu-wrapper.show {left: 0;}
.inner-wmobile-wrapper {padding: 32px 20px;}



.input-wrapper {position: relative;}
.agree-checkbox {display: none;}
label.agree {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid 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;
}
input.agree-checkbox:checked + label.agree {background-color: var(--second); background-image: url(../img/icons/v-form.svg);}
.input-wrapper.wrong input {
  border-color: red;
}
.main-body-wrapper {max-width: 1920px;  overflow: hidden;  width: 100%;  position: relative;  margin: 0 auto;  z-index: 1;}
#overlay {background: #000;opacity: 0;pointer-events: all;z-index: -1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
#overlay.show {opacity: .5; z-index: 16;}
.popup {
  position: fixed;
  left: 50%;
  top: -120%;
  width: 560px;
  padding: 38px;
  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 .close-btn:hover {opacity: 1;}
.popup .close-btn {position: absolute;top: 24px;right: 24px;cursor: pointer;opacity: .8;transition: opacity .3s ease-in-out;}
.popup.show {top: 50%;visibility: visible;opacity: 1;}
.popup .title {font-size: 24px; margin-bottom: 12px; text-transform: uppercase; font-weight: 600;}
.popup .desc {font-size: 18px; margin-bottom: 18px;}
.inputs-wrapper .input-wrapper {display: block; width: 100%; margin-bottom: 12px;}
.inputs-wrapper input {width: 100%; display: block; padding: 12px; transition: all .3s ease-in-out;}
.inputs-wrapper input:focus {border-color: var(--second);}
.agree-wrapper {margin: 12px 0;}

.input-wrapper::after {content: '';position: absolute;right: 15px;bottom: 22px; transform: translateY(50%); 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;}



.agree-wrapper .agree-desc {width: calc(100% - 20px); padding-left: 6px; font-size: 12px; position: relative; top: -3px;}
.agree-wrapper .agree-desc a {text-decoration: underline;}
textarea {width: 100%; display: block; padding: 12px; transition: all .3s ease-in-out;}
textarea:focus {border-color: var(--second);}

.site-header {background-color: #333333;  background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../img/bg-header.jpg);


}
.header-inner-wrapper {display: flex; justify-content: space-between; align-items: center; padding: 12px 0;}
.header-inner-wrapper .logo-title-wrapper {display: flex; align-items: center;}
.header-inner-wrapper .logo-title-wrapper .img-w {width: 64px;}
.header-inner-wrapper .logo-title-wrapper .img-w img {display: block; width: 100%; height: 100%; object-fit: contain;}
.header-inner-wrapper .logo-title-wrapper .title-w {text-transform: uppercase; width: 202px; text-shadow: 0px 0px 6px rgba(0, 0, 0, 1); font-size: 12px; line-height: 1.2; font-weight: 600; padding-left: 12px; color: #fff;}
.header-inner-wrapper .main-menu {color: #fff;}
.header-inner-wrapper .main-menu ul {display: flex;}
.header-inner-wrapper .main-menu ul li {display: block; position: relative; margin: 0 14px;}
.header-inner-wrapper .main-menu ul a {font-weight: 600; color: #fff; display: inline-block; position: relative;}
.header-inner-wrapper .main-menu ul a::before {content: ""; position: absolute; left: 0; width: 0%; bottom: -7px; height: 3px; background-color: var(--second); transition: all .3s ease-in-out;}
.header-inner-wrapper .main-menu ul a:hover {color: var(--second);}
.header-inner-wrapper .main-menu ul a:hover::before {width: 100%;}
.header-inner-wrapper .phone-mode-w {}
.header-inner-wrapper .phone-mode-w .s-phone {font-weight: 600; font-size: 22px;text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);}
.header-inner-wrapper .phone-mode-w .s-phone a { color: var(--second);}
.header-inner-wrapper .phone-mode-w .s-phone a:hover {color: var(--third);}
.mobile-menu-wrapper .m-main-menu {text-align: center; margin-bottom: 34px;}
.mobile-menu-wrapper .m-main-menu li {display: block; padding: 8px 0; border-bottom: 1px solid var(--gray-2);}
.mobile-menu-wrapper .m-main-menu li:last-of-type {border-bottom: none;}
.mobile-menu-wrapper .m-main-menu li a {text-transform: uppercase; font-weight: 600; font-size: 20px;}

.inner-wmobile-wrapper .sm-wrapper {margin: 24px 0;}
.sm-wrapper {text-align: center;}
.sm-wrapper .title{font-size: 18px; margin-bottom: 8px; font-weight: 600;}
.sm-wrapper .items-w {column-gap: 8px; justify-content: center;}
.sm-wrapper .items-w a {display: block; width: 44px; height: 44px;}
.sm-wrapper .items-w a img {width: 100%; height: 100%; object-fit: contain;}
.main-top-block {background-repeat: no-repeat; padding: 160px 0 160px; background-size: cover; background-position: center; background-image: url(../img/bg-top-2.jpg);}
.main-top-block .text-w { }
h1 {text-transform: uppercase; font-size: 60px; font-weight: 600; line-height: 1.1;}
.main-top-block .desc {margin: 24px 0 48px; font-size: 20px; font-weight: 600;}
.txt-shadow {text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);}
.shadow {-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.97);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.97);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.97);}

.btn {display: inline-block; color: var(--main); cursor: pointer; padding: 20px 48px; font-size: 18px; font-weight: 600; text-transform: uppercase;  border-radius: 6px; overflow: hidden; transition: all .3s ease-in-out; background-color: var(--second);}
.btn:hover {background-color: var(--main); color: #fff;}
.btn.narrow {padding-top: 12px; padding-bottom: 12px;}
.btn.small {font-size: 14px;}
.site-footer {background-color: var(--main); background-position: center; color: #fff; padding: 50px 0; background-image: url(../img/bg-header.jpg); background-repeat: no-repeat; background-size: cover;}
.site-footer .f-logo {width: 120px; }
.site-footer .f-logo img {display: block; width: 100%; object-fit: contain;}
.site-footer .phone-mode-w {}
.site-footer .phone-mode-w .s-phone {font-weight: 600;font-size: 22px;text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);}
.site-footer .phone-mode-w .s-phone a {color: var(--second);}
.site-footer .phone-mode-w .s-phone a:hover {color: var(--third);}
.f-main-menu ul {display: flex;}
.f-main-menu ul li {display: block; margin: 0 8px;}
.f-main-menu ul li a {font-weight: 600; color: #fff; text-transform: uppercase;}

.site-footer .f-info-w {padding: 12px 0; background-color: #000;}
.site-footer .s-info {margin: 8px 0; font-size: 12px;}
.cr-w {background-color: #000; font-size: 12px; padding: 12px 0;}
.cr-w {color: var(--gray-2);}
.cr-w a {color: var(--gray-2);}
.cr-w a:hover {color: var(--second);}

.fb-w {background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/scale_1200.jpg);
  padding: 100px 0; border-bottom: 10px solid #2b2b2b; border-top: 10px solid #2b2b2b;
}
section {position: relative;}
.simple-section {padding: 100px 0;}
h2 {font-size: 48px; font-weight: 800; text-transform: uppercase; text-align: center; margin-bottom: 14px;}
h2.yellow::first-letter { color: var(--second);} 
.title-desc {font-size: 20px; text-align: center; font-weight: 500; margin-bottom: 48px;}
.services-w { column-gap: 1.25%;}
.services-w .s-service {width: 32.5%; margin-bottom: 1.25%; background-color: #fff; border: 1px solid var(--gray-3); border-radius: 16px; padding: 16px; transition: all .3s ease-in-out;}
.services-w .s-service:hover {border-color: var(--second);}
.services-w .s-service .thumb {height: 240px; margin-bottom: 16px; border-radius: 10px; overflow: hidden;}
.services-w .s-service .thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
.services-w .s-service .desc {margin-bottom: 16px; line-height: 1.1; font-size: 14px;}
h4 {font-size: 18px; font-weight: 500; margin-bottom: 14px;}
#services {background-image: url(../img/bg-main.png); background-position: bottom right; background-size: 60%; background-repeat: no-repeat;}
#steps {background-image: url(../img/bg-steps-2.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; }
section.with-border{border-bottom: 10px solid #2b2b2b;border-top: 10px solid #2b2b2b;}

.steps-w {column-gap: 2%;}
.steps-w .s-step {width: 32%; margin-bottom: 4%;}
.steps-w .s-step .count {width: 40px; height: 40px; justify-content: center; color: var(--second); border: 4px solid var(--second); border-radius: 50%; font-weight: 500;}
.steps-w .s-step .title {width: calc(100% - 40px); padding-left: 10px; text-transform: uppercase; font-size: 18px; font-weight: 500;}
.steps-w .s-step .desc {margin-top: 14px; font-size: 14px;}
#works {background-color: #e8e8e8;background-repeat: no-repeat; background-position: center; background-image: url(../img/bg-2.jpg); background-size: cover;}
.works-w {column-gap: 0.26%;}
.works-w .s-work{display: block; width: 24.8%; margin-bottom: 0.26%; transition: all .3s ease-in-out; height: 300px;}
.works-w .s-work img {display: block; width: 100%; height: 100%; object-fit: cover; transition: all .3s ease-in-out;}
.works-w .s-work:hover img{filter: grayscale(.7)}
.reviews-slider {margin: 0 36px;}
.reviews-slider .s-review {padding: 24px; margin: 0 8px; color: var(--main); transition: all .3s ease-in-out; background-color: rgba(255, 255, 255, 0.8); border: 1px solid #E0E0E0; border-radius: 14px; overflow: hidden;}
.reviews-slider .s-review:hover {background-color: rgba(255, 255, 255, 1)}
.reviews-slider .s-review .icon-name-w {margin-bottom: 24px;}
.reviews-slider .s-review .icon {width: 80px; height: 80px; border-radius: 50%; overflow: hidden;}
.reviews-slider .s-review .icon img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.reviews-slider .s-review .name {width: calc(100% - 80px); padding-left: 14px; font-size: 20px; font-weight: 500;}
.reviews-slider .s-review .comment {}

.arrows .slider-arrow {opacity: .7; transition: all .3s ease-in-out;}
.arrows .slider-arrow:hover {opacity: 1;}
.arrows .slider-arrow svg {
  box-shadow: 0px 1px 8px 5px rgba(0,0,0,0.5)0;
  -webkit-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.5);
  border-radius: 8px;
}
.arrows .slider-arrow {cursor: pointer;transition: all .3s ease-in-out;}
.arrows .slider-arrow:hover svg path {transition: all .3s ease-in-out;}
.arrows .slider-arrow:hover svg path:first-of-type {fill: var(--second);}
.review-slider-w {position: relative;}
.review-slider-w .arrows {position: absolute; height: 0; width: 100%; display: flex; justify-content: space-between; top: calc(50% - 18px); }
.slick-track {display: flex; align-items: center;}
#reviews {background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/bg-review.jpg); }
#faq {background-color: #e8e8e8;background-repeat: no-repeat; background-position: center; background-image: url(../img/bg-3.jpg); background-size: cover;}
/* #faq::after {content: ""; position: absolute; top: 0px; bottom: 0; height: 100%; width: 200px; right: 0; background-image: url(../img/bg-track-3.png); background-position: right; background-repeat: no-repeat; background-size: contain;} */
.faq-w .s-faq {position: relative; background-color: #fff; padding-right: 20px; margin-bottom: 12px; border: 1px solid var(--gray-2); }
.faq-w .s-faq:last-of-type {margin-bottom: 0;}
.faq-w .s-faq .question {position: relative; cursor: pointer; padding:20px 32px 20px 20px; font-size: 20px; line-height: 1; font-weight: 500;}
.faq-w .s-faq .question::before {content: ""; transition: all .3s ease-in-out; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 16px; height: 3px; background-color: var(--main);}
.faq-w .s-faq .question::after {content: ""; position: absolute; transition: all .3s ease-in-out; top: 50%; transform: translateY(-50%); right: 6px; width: 3px; height: 16px; background-color: var(--main);}
.faq-w .s-faq .question.active::after {transform: translateY(-50%) rotate(90deg); background-color: var(--third);}
.faq-w .s-faq .question.active::before {background-color: var(--third);}
.faq-w .s-faq .ask {height: 0; max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out; }
.faq-w .s-faq .question.active + .ask {max-height:1000px; height: auto; }
.faq-w .s-faq .ask .inner-w {padding: 20px; margin-top: 12px; background-color: var(--gray-4)}
.left {text-align: left;}
#contacts {background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/scale_1200.jpg);}
.contacts-w {}
.contacts-w .column {width: 50%; padding-right: 80px;}
.contacts-w .form-w {width: 50%;}
.contacts-w .column .s-contact {font-size: 18px; margin-bottom: 18px;}
.contacts-w .column .s-contact a {color: #fff;}
.contacts-w .form-w .title {font-size: 22px; font-weight: 600; margin-bottom: 20px;}
.contacts-w .messenger {display: block; width: 40px; height: 40px; margin-right: 6px;}
.contacts-w .messenger img {display: block; width: 100%; height: 100%; object-fit: contain;}
.contacts-w .ms-w {column-gap: 24px;}
.contacts-w .ms-title {margin-bottom: 12px; font-size: 16px;}
.contacts-w .agree-wrapper .agree-desc a {color: #fff;}
.contacts-w .agree-wrapper {margin: 16px 0;}
.contacts-w .agree-wrapper.wrong {color: red;}
.contacts-w .agree-wrapper.wrong label.agree {border-color: red;}
.contacts-w .agree-wrapper.wrong a {color: red;}

.map-w {margin-top: 40px; height: 500px; border-radius: 16px; overflow: hidden;}
.map-w iframe {display: block; width: 100%; height: 100%;}


/*----- Media----*/
@media screen and (max-width:1680px){



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

}


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

/* normal screens - with keyboard */
@media screen and (max-width:1366px){


}

@media screen and (max-width:1280px){
  .content {padding: 0 20px; width: 100%;}
}

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


}
@media screen and (max-width:1080px){
  .popup {width: 95%; padding: 25px;}
  .header-inner-wrapper .main-menu ul li {margin: 0 10px;}
  h1 {font-size: 48px;}
  .steps-w .s-step {width: 49%;}
}

@media screen and (max-width:980px){
  body {font-size: 14px;}
  .header-inner-wrapper .phone-mode-w .s-phone {font-size: 18px;}
  .header-inner-wrapper .logo-title-wrapper .title-w {font-size: 10px; width: 150px;}
  .main-top-block .desc {font-size: 18px;}
  .main-top-block .desc br {display: none;}
  .site-footer .f-logo {width: 80px;}
  .site-footer .phone-mode-w .s-phone {font-size: 18px;}
  .services-w {column-gap: 2%;}
  .services-w .s-service {width: 49%; margin-bottom: 2%;}
  .works-w {column-gap: .33%;}
  .works-w .s-work {width: 33%; margin-bottom: .33%;}
    
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .header-inner-wrapper .phone-mode-w .s-phone {font-size: 16px;}
  .header-inner-wrapper .logo-title-wrapper .img-w {width: 48px;}
  .header-inner-wrapper .logo-title-wrapper .title-w {padding-left: 8px; width: 144px;}
  

}

@media screen and (max-width:800px){
  .header-menu-wrapper {display: none;}
  .burger-wrapper {display: block;}
  .phone-mode-w .mode {font-size: 12px;}
  .header-inner-wrapper .phone-mode-w .s-phone {font-size: 20px;}
  .steps-w .s-step {width: 100%; margin-bottom: 24px;}
  .steps-w .s-step .desc {margin-top: 10px;}
  .contacts-w .column {width: 100%; padding-right: 0; margin-bottom: 32px;}
  .contacts-w .column .s-contact {margin-bottom: 12px;}
  .contacts-w .form-w {width: 100%;}
  
}

@media screen and (max-width:720px){
  .header-inner-wrapper .logo-title-wrapper .title-w {font-size: 8px; width: 120px;}
  .burger-wrapper {margin-left: 100px;}
  h1 {font-size: 42px;}
  .btn {padding: 14px 48px;}
  .columns-w {flex-direction: column;}
  .f-main-menu {margin: 24px 0;}
  .services-w .s-service .thumb {height: 180px;}
  .faq-w .s-faq .question {font-size: 18px;}
  
}

@media screen and (max-width:640px){
  .burger-wrapper {margin-left: 10%;}
  .main-top-block {padding: 140px 0;}
  h1 {font-size: 34px;}
  .main-top-block .desc {font-size: 16px;}
  .services-w .s-service {width: 100%; margin-bottom: 24px;}
  .works-w {column-gap: 8px;}
  .works-w .s-work {height: 50vw; width: calc(50% - 4px); margin-bottom: 8px;}
}

@media screen and (max-width:540px){
  .header-inner-wrapper .logo-title-wrapper .title-w {font-size: 8px; width: 89px;}
  .f-main-menu ul {flex-direction: column; }
  .f-main-menu ul li {text-align: center; margin-bottom: 6px;}
  .cr-w .cr {flex-direction: column; text-align: center;}
  .simple-section {padding: 48px 0;}
  .title-desc {margin-bottom: 28px; font-size: 18px; line-height: 1.2;}
  .map-w {height: 100vw;}


}
@media screen and (max-width:480px){
  .header-inner-wrapper .logo-title-wrapper .title-w {display: none;}
  .burger-wrapper {margin-left: 0;}
  .btn {width: 100%; text-align: center; padding: 14px;}
  .services-w .s-service .thumb {height: 60vw;}
  .content {padding: 0 14px;}
  .services-w .s-service {margin-bottom: 14px; padding: 14px;}
  h2 {line-height: 1.1; font-size: 38px;}
  .title-desc {font-size: 16px;}

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

}

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


}


@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }