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:#FF6600;
	  --gray:#444444;
	  --fourth:#2c3834;
    --black:#151515;
    --third:#D0BDA3;
    --deep-blue:#02283F;

}
* {
    -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;}
.main-body-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto; background-repeat: repeat; background-size: cover;}
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;}
.cond-title {font-family: 'DIN Pro Cond' !important;}
.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;}


.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%;}
.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;}
.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;}
.white {color: #fff;}
.d-flex {display: flex;}
.d-flex.wrap {flex-wrap: wrap;}
.mobile-header {display: none;}

.burger-wrapper {width: 24px; height: 20px; position: relative; }
.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: var(--main);}
.burger-wrapper .lines-wrapper .burger-line.second {background-color: var(--main); top: 6px;}
.burger-wrapper .lines-wrapper .burger-line.third {background-color: var(--main); top: 12px;}
#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: 9px;width: 24px;left: 0;}

.input-wrapper {position: relative;}
.agree-checkbox {display: none;}
label.agree {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  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;
  margin-right: 6px;
  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;
}

#overlay {background: var(--black);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;}
.popup .desc {font-size: 16px; margin-bottom: 18px;}
.popup .inputs-wrapper .input-wrapper {display: block; width: 100%; margin-bottom: 12px;}
.popup .inputs-wrapper input {width: 100%; display: block; padding: 12px; transition: all .3s ease-in-out;}
.popup .inputs-wrapper input:focus {border-color: var(--second);}
.popup .agree-wrapper {margin: 12px 0;}
.popup .agree-wrapper .agree-desc {font-size: 12px; position: relative; top: -3px;}
.popup .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 {display: block; background-color: #fff;}
.header-inner-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 12px 0; position: relative;}
.logo-title-wrapper {display: flex; align-items: center; color: var(--main);}
.logo-title-wrapper .img-w {width: 60px;}
.logo-title-wrapper .img-w img {display: block; width: 100%; object-fit: contain;}
.logo-title-wrapper .title-w {padding-left: 12px; font-size: 48px; font-weight: 500; position: relative;}
.logo-title-wrapper .title-w .title {font-size: 40px; font-weight: 500; line-height: 1;}
.logo-title-wrapper .title-w .desc {font-size: 8px; text-transform: uppercase; text-align: center;}
.header-menu-wrapper nav ul {display: flex; align-items: center; }
.header-menu-wrapper nav ul li {display: block; margin: 0 20px;}
.header-menu-wrapper nav ul li a {font-size: 18px;}
.header-menu-wrapper nav ul li a:hover {color: var(--second);}
.header-feedback .mode {font-size: 12px;}
.header-feedback .s-phone {font-size: 24px; font-weight: 500;}
.header-feedback .s-phone a:hover {color: var(--second);}
.top-block-wrepper {height: 620px;  display: flex; justify-content: center; align-items: center; background-position: center; background-repeat: no-repeat; background-image: url(../img/bg-main.jpg); background-size: cover;}
.top-block-inner h1 {text-transform: uppercase; font-size: 48px; font-weight: 600;text-shadow: 0 0 3px #000;}
.top-block-inner .title-desc {font-size: 40px; font-weight: 500; text-shadow: 0 0 3px #000;}
.btn {display: block; color: #fff; padding: 12px 32px; border-radius: 4px; transition: all .3s ease-in-out; color: #fff; background-color: var(--second); border-radius: 4px; font-weight: 600; cursor: pointer;}
.btn.inverse,
.btn:hover {background-color: var(--fourth); color: #fff;}
.btn.inverse:hover {background-color: var(--second);}
.btn.narrow {display: inline-block;}
.btn:visited {color: #fff;}
.mt-20 {margin-top: 20px;}

.flex-form-wrapper {display: flex; justify-content: center; width: fit-content; margin: 24px auto 12px; box-shadow: 0 0 10px rgba(255,255,255, 0.5); border-radius: 24px; overflow: hidden;}
.flex-form-wrapper .btn {border-radius: 0 24px 24px 0}
.flex-form-wrapper .input-wrapper {width: 240px;}
.input-wrapper input {display: block; width: 100%; border-radius: 4px; border: 1px solid #e0e0e0; transition: all .3s ease-in-out; }
.flex-form-wrapper .input-wrapper input {border-radius: 0; padding: 10px 24px;}
.flex-form-wrapper .input-wrapper:first-of-type input {border-radius: 22px 0 0 22px;}
.agree-wrapper {font-size: 12px; display: flex; justify-content: center; }
.top-form-wrapper .agree-wrapper {margin-top: 12px; opacity: .5;} 
.top-form-wrapper .agree-wrapper a {color: #fff;} 
.top-form-wrapper .agree-wrapper a:hover {text-decoration: underline;} 
.top-pluses {display: flex; flex-wrap: wrap;margin-top: 50px;justify-content: center; column-gap: 8%;}
.top-pluses .s-pluse {}
.top-pluses .s-pluse .icon-title {display: flex; align-items: center; margin-bottom: 12px; }
.top-pluses .s-pluse .icon-title .icon {width: 34px; height: 34px; display: flex; align-items: center;}
.top-pluses .s-pluse .icon-title .icon svg {display: block; width: 100%; object-fit: contain;}
.top-pluses .s-pluse .icon-title .title {width: calc(100% - 34px); padding-left: 8px; font-size: 18px; font-weight: 600;}
.top-pluses .s-pluse .desc { font-size: 14px; opacity: 0.7; transition: opacity .3s ease-in-out;}
.top-pluses .s-pluse:hover .desc {opacity: 1;}
.top-form-wrapper {margin-top: 40px;}
#menu-glavnoe-menyu li:last-of-type a {color: red; display: flex; align-items: center;}
#menu-glavnoe-menyu li:last-of-type a::after {content: ''; margin-left: 4px; display: block; width: 24px; height: 24px; background-image: url(../img/icons/fire.gif); background-position: center; background-repeat: no-repeat; background-size: contain;}
.burger-wrapper {display: none;}
.burger-wrapper label {width: 28px; height: 20px; }
#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: 6px;left: 0;}
.mobile-menu-wrapper {position: fixed;left: -105%; background-color: #fff; z-index: 9; transition: all .3s ease-in-out; top: 47px;width: 100%; background-color: #fff; height: calc(100vh - 47px);}
.mobile-menu-wrapper.show {left: 0;}
.inner-wmobile-wrapper {padding: 32px 20px;}

.m-main-menu #menu-glavnoe-menyu-1 li:last-of-type a {color: red; display: flex; align-items: center;}
#menu-glavnoe-menyu-1 li:last-of-type a::after {content: ''; margin-left: 4px; display: block; width: 24px; height: 24px; background-image: url(../img/icons/fire.gif); background-position: center; background-repeat: no-repeat; background-size: contain;}
.m-main-menu ul li {display: flex; align-items: center; margin: 12px 0;}
.socials {display: flex; flex-wrap: wrap;}
.socials a {display: block; width: 32px; height: 32px; margin-right: 8px;}
.socials a:last-of-type {margin-right: 0px;}
.socials a svg {display: block; height: 100%; object-fit: contain; width: 100%} 
.inner-wmobile-wrapper .socials-wrapper {margin-top: 24px;}
.m-main-menu li {margin-bottom: 12px;}
.m-main-menu li a {font-size: 16px;}
.m-contacts-title {margin-bottom: 12px; font-weight: 500; width: 100%;}
.agree-desc {transition: all .3s ease-in-out;}
.agree-desc.wrong {color: red; animation: 2s ease-in-out 0s normal none infinite running trambling-animation;}
.agree-desc a {transition: all .3s ease-in-out;}
.agree-desc.wrong a {color: red;}
.top-form-wrapper .agree-desc.wrong {color: #fff;}
.top-form-wrapper .agree-desc.wrong a{color: #fff;}
.input-wrapper::after {content: '';position: absolute;right: 15px;top: 13px; 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;}
.simple-section {padding: 80px 0; }
.simple-section.gray {background-color: #f4f4f4;}
h3 {text-align: center; font-weight: 600; font-size: 40px; text-transform: uppercase; margin-bottom: 32px;}
.prices-list {display: flex; flex-wrap: wrap; column-gap: 0.6%; }
.prices-list .s-price {width: 24.5%; padding: 14px; border-radius: 4px; margin-bottom: 0.6%; background-color: #fff;}
.prices-list .s-price .icon {height: 210px;}
.prices-list .s-price .icon img {display: block; width: 100%; height: 100%; object-fit: cover;} 
.prices-list h5 {overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;
  line-height: 1.3 !important;  height: 2.6em; margin: 14px 30px; font-weight: 500 !important;font-size: 18px;
}
.prices-list .price {margin-bottom: 12px; font-weight: 600; font-size: 20px; color: #444444;}
.steps-wrapper {background: url(../img/bg-steps.jpg) center top no-repeat; min-height: 2130px;}
.steps-wrapper .steps {position: relative;}
.steps-wrapper .steps .s-step {position: absolute; width: 350px; background-color: #fff ; padding: 14px; z-index: 1;height: fit-content;}
.steps-wrapper .steps .s-step .icon-title-wrapper {display: flex; align-items: center;}
.steps-wrapper .steps .s-step .icon-title-wrapper .icon {height: 68px; width: 68px; border-radius: 50%; overflow: hidden; display: flex; align-items: center;}
.steps-wrapper .steps .s-step .icon-title-wrapper .icon img {display: block; object-fit: contain; height: 100%; width: 100%;}
.steps-wrapper .steps .s-step .icon-title-wrapper .title {width: calc(100% - 68px); padding-left: 18px; font-size: 18px; font-weight: 600;}
.steps-wrapper .steps .s-step .s-desc {margin-top: 12px; font-size: 14px; line-height: 1.2;}
.steps-wrapper .steps .s-step:nth-child(1) {top: 60px; left: 220px; }
.steps-wrapper .steps .s-step:nth-child(2) {top: 400px; left: 586px; }
.steps-wrapper .steps .s-step:nth-child(3) {top: 680px; left: 260px; }
.steps-wrapper .steps .s-step:nth-child(4) {top: 990px; left: 630px; }
.steps-wrapper .steps .s-step:nth-child(5) {top: 1270px; left: 250px; }
.steps-wrapper .steps .s-step:nth-child(6) {top: 1560px; left: 620px; }
.revews-wrapper {position: relative;}
.revews-wrapper .reviews-slider {margin: 0 24px;}
.revews-wrapper .arrows-wrapper {position: absolute; width: 100%; top: 50%;}
.revews-wrapper .arrows-wrapper .arrows {display: flex; justify-content: space-between; width: 100%; }
.arrows-wrapper .arrows .slider-arrow {cursor: pointer; }
.steps-wrapper .steps .s-step {bottom: 0; left: 40px;}
.steps-wrapper .btn-wrapper {position: absolute; bottom: -12px; left: 460px;}
.s-review {display: flex; box-shadow: 0px 0px 5px 2px rgba(68, 68, 68, .3);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(68, 68, 68, 0.3);
  -moz-box-shadow: 0px 0px 5px 2px rgba(68, 68, 68, .3); transition: all .3s ease-in-out;
  margin: 10px; border-radius: 8px; height: fit-content; align-items: center; max-height: 360px; position: relative; overflow: hidden; position: relative;}
.s-review:hover {box-shadow: 0px 0px 5px 2px rgba(68, 68, 68, .5);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(68, 68, 68, 0.5);
  -moz-box-shadow: 0px 0px 5px 2px rgba(68, 68, 68, .5); }
.s-review::after {content: ''; position: absolute; height: 50px; bottom: 0; right: 0;left: 0;background: linear-gradient(180deg, rgba(255, 248, 248, 0) 0%, #FEFEFE 75%);}
.s-review a {display: block; }
.s-review a img {display: block; height: 100%; object-fit: contain;   }
.prices-wrapper .single-price {display: flex; line-height: 1.1;}
.prices-wrapper .single-price:nth-child(even) {background-color: #fff;}
.prices-wrapper .single-price:nth-child(odd) {background-color: #F0F0F0;}
.prices-wrapper .single-price .price-title {width: 50%; padding: 10px;}
.prices-wrapper .single-price .price-cost {width: 50%; padding: 10px; }
.work-slider {position: relative;}
.work-slider {}
.works-wrapper {position: relative;}
.work-slider {margin: 0 20px;}
.work-slider .s-work {display: block; width: 100%; height: 400px; margin: 0 12px; border-radius: 8px; overflow: hidden;}
.work-slider .s-work img {display: block; width: 100%; height: 100%; object-fit: cover;}
.works-wrapper .arrows-wrapper {position: absolute; width: 100%; top: 50%; height: 0;}
.works-wrapper .arrows-wrapper .arrows {display: flex; width: 100%; justify-content: space-between; }
.site-footer {}


.contacts-wrapper {display: flex; flex-wrap: wrap;}
.contacts-wrapper .w-about,
.contacts-wrapper .w-contacts {width: 50%;}
h4 {font-size: 24px; font-weight: 600; margin-bottom: 18px;}
.black {background-color: var(--fourth);}
.self-wrapper {padding-right: 20px;}
.w-contacts .contact-phone {margin-bottom: 12px;}
.w-contacts .contact-phone a {color: #fff; font-weight: 600; font-size: 24px;}
.w-contacts .socials {margin-bottom: 12px;}
.mt-40 {margin-top: 40px;}
.archive-works-wrapper {display: flex; flex-wrap: wrap;column-gap: 2%;}
.archive-works-wrapper .s-works {display: block; height: 240px; margin-bottom: 2%;}
.archive-works-wrapper .s-works img {display: block; width: 100%; height: 100%; object-fit: cover;}
.work-slider {}
.archive-works-wrapper {display: flex; flex-wrap: wrap; column-gap: 2%;}
.ds-content {}
.ds-content h1{font-size: 42px; font-weight: 600; margin-bottom: 24px; }
.ds-content .single-work {height: 340px; display: block; width: 32%; margin-bottom: 2%; border-radius: 12px; overflow: hidden;} 
.ds-content .single-work img {display: block; width: 100%; height: 100%; object-fit: cover;} 
.svidetelstvo {margin-top: 20px;}
.svidetelstvo a {color: #fff; font-size: 12px; text-decoration: underline;}
.pagination-wrapper {margin: 20px auto 80px;}
.nav-links {display: flex; justify-content: center;}
.nav-links .page-numbers {display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 12px; border: 1px solid var(--fourth); margin: 0 4px;}
.nav-links .page-numbers.current {background-color: var(--main); color: #fff;}
.post, .page {margin-bottom: 0;}


/*----- 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%;}
  .steps-wrapper {background-image: none;min-height:inherit; height: auto;}
  .steps-wrapper .steps {display: flex; flex-wrap: wrap; column-gap: 2%;}
  .steps-wrapper .steps .s-step:nth-child(1),
  .steps-wrapper .steps .s-step:nth-child(2),
  .steps-wrapper .steps .s-step:nth-child(3),
  .steps-wrapper .steps .s-step:nth-child(4),
  .steps-wrapper .steps .s-step:nth-child(5),
  .steps-wrapper .steps .s-step:nth-child(6) {position: relative; width: 49%; margin-bottom: 2%; top: inherit; left: inherit;}
  h3 br {display: none;}
  .steps-wrapper .btn-wrapper {position: relative; left: inherit; top: inherit; margin-top: 12px; display: flex; justify-content: center;}
  

}

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


}
@media screen and (max-width:1080px){
  .popup {width: 95%; padding: 25px;}
  .top-block-inner h1 {font-size: 42px;}
  .top-block-wrepper {height: auto; padding: 120px 0;}
  h3 {font-size: 28px; margin-bottom: 16px;}
  .ds-content .single-work {width: 49%;}

  
}

@media screen and (max-width:980px){
  .logo-title-wrapper .img-w {width: 30px;}
  .header-menu-wrapper nav ul li {margin: 0 12px;}
  .logo-title-wrapper .title-w .title {font-size: 32px;}
  .logo-title-wrapper .title-w .desc {text-align: left; font-size: 7px;}
  .header-feedback .mode {font-size: 10px;}
  .header-feedback .s-phone {font-size: 18px;}
  .header-menu-wrapper nav ul li a {font-size: 14px; font-weight: 500;}
  #menu-glavnoe-menyu li:last-of-type a::after {width: 20px; height: 20px;}
  .top-block-inner h1 {font-size: 38px;}
  .top-block-inner .title-desc {font-size: 32px;}
  .top-pluses .s-pluse .icon-title .title {font-size: 16px;}
  body {font-size: 14px;}
  
    
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .top-block-inner h1 {font-size: 32px;}
  .top-pluses {column-gap: 4%;}
  .contacts-wrapper .w-about, .contacts-wrapper .w-contacts {width: 100%;}
  .contacts-wrapper .w-about {margin-bottom: 40px;}
}

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

@media screen and (max-width:720px){
  .flex-form-wrapper {flex-wrap: wrap; box-shadow: none;}
  .flex-form-wrapper .input-wrapper {width: 50%;}
  .flex-form-wrapper .input-wrapper input.phone-mask {border-radius: 0 22px 22px 0;}
  .flex-form-wrapper .btn {border-radius: 22px; margin-top: 12px; width: 100%;}
  .top-pluses {column-gap: 2%; justify-content: space-between;}
  .top-pluses .s-pluse .icon-title .title {font-size: 14px;}
  .top-pluses .s-pluse .desc {font-size: 10px;}
  .top-pluses .s-pluse {width: 30%;}
  .top-block-inner h1 {font-size: 28px;}
  .flex-form-wrapper {border-radius: 0;}
  .header-menu-wrapper {display: none;}
  .prices-list {column-gap: 2%;}
  .prices-list .s-price{margin-bottom: 2%; width: 49%;}
  .prices-list h5 {margin: 14px 20px;}
  .simple-section {padding: 48px 0;}
  
  .steps-wrapper .steps .s-step .s-desc {font-size: 13px;}
  .steps-wrapper .steps .s-step .icon-title-wrapper .icon {width: 50px; height: 50px;}
  .steps-wrapper .steps .s-step .icon-title-wrapper .title {width: calc(100% - 50px); font-size: 16px;}
  .steps-wrapper .steps .s-step:nth-child(1),
  .steps-wrapper .steps .s-step:nth-child(2),
  .steps-wrapper .steps .s-step:nth-child(3),
  .steps-wrapper .steps .s-step:nth-child(4),
  .steps-wrapper .steps .s-step:nth-child(5),
  .steps-wrapper .steps .s-step:nth-child(6) {width: 100%; }
  .steps-wrapper .btn-wrapper {margin-top: 0;}
  
}

@media screen and (max-width:640px){
  .top-block-inner .title-desc {font-size: 24px;}
  .top-block-inner h1 {margin-bottom: 8px;}
  .flex-form-wrapper .input-wrapper {width: 100%; margin-bottom: 10px;}
  .flex-form-wrapper .input-wrapper:first-of-type input,
  .flex-form-wrapper .input-wrapper input.phone-mask {border-radius: 14px;}
  .input-wrapper input {font-size: 14px;}
  .flex-form-wrapper .btn {border-radius: 14px; margin-top: 0;}
  .top-pluses {flex-direction: column; justify-content: center;}
  .top-pluses .s-pluse {width: 100%; margin-bottom: 32px;}
  .top-block-wrepper {padding: 80px 0;}
  .top-pluses .s-pluse:last-of-type {margin-bottom: 0;}
  .top-pluses .s-pluse .icon-title .title {width: auto;}
  .top-pluses .s-pluse .icon-title {justify-content: center;}
  .top-pluses .s-pluse .desc {font-size: 12px; text-align: center;}
  .top-pluses .s-pluse .icon-title .icon {width: 34px; height: 34px;}
  .burger-wrapper {display: block; order: 3; position: relative; top: 3px; z-index: 9999;}
  .logo-title-wrapper {order: 1;}
  .header-feedback {order: 2; position: absolute; left: 50%; translate: -50%;}
  .content {padding: 0 10px;}
  .header-feedback .s-phone {font-size: 15px;}
  .header-feedback .mode {font-size: 7px;}
  .logo-title-wrapper .img-w {width: 20px;}
  .logo-title-wrapper .title-w {padding-left: 8px;}
  .logo-title-wrapper .title-w .title {font-size: 18px;}
  .logo-title-wrapper .title-w .desc {display: none;}
  .top-block-inner .title-desc {font-size: 22px;}
  .top-form-wrapper {margin: 40px 20px 0;}
  .s-review {height: auto;}
  .ds-content .single-work {width: 100%; height: 320px;}
  .ds-content h1 {font-size: 28px;}
	.header-feedback .s-phone {font-size:18px}
	.header-feedback .mode {font-size: 10px;}


}

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



}
@media screen and (max-width:480px){
  .prices-list .s-price {width: 100%; margin-bottom: 12px;}
  .prices-list h5 {height: auto;}



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

}

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


}


@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);
  }
}