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:#fff;
    --second:#004F7E;
	  --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:'Exo 2';
    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: #151515;
}
.hidden {display: none !important;}
.main-page-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: 'Exo 2';}

.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;}

.simple-block {margin: 120px 0;}
button {font-family:'Exo 2'; 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: 'Montserrat', 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;}
.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;}
.content {}
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: 1200px; 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;}

.site-header {background: rgba(51, 51, 51, 0.8); }
.header-row {display: flex; align-items: center; justify-content: space-between;}
.site-header .logo-wrapper {width: 90px;}
.site-header .logo-wrapper a,
.site-header .logo-wrapper img {display: block; width: 100%; object-fit: contain;}
.header-row.top-row {padding: 9px 0 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.2)}
.top-row-wrapper {justify-content: space-between; align-items: center;}
.header-item {color: var(--third); font-size: 16px;font-weight: 500; }
.header-item.icon-flex-wrapper {display: flex; align-items: center; position: relative;}
.header-item.icon-flex-wrapper .s-phone {position: relative; top: -4px;}
.header-item.icon-flex-wrapper .icon {margin-right: 8px;}
.header-item a {color: var(--third);}
.header-item a:hover {color: #fff;}
.socials {display: flex;}
.site-header .bottom-row {display: flex;justify-content: space-between; padding: 15px 0;}
.socials a {display: inline-block; margin-left: 6px;}
.site-header .bottom-row .main-menu ul.menu {display: flex; justify-content: space-between;}
.mobile-header {display: none;}


.burger-wrapper {width: 28px; height: 20px; 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%;}
.burger-wrapper .lines-wrapper .burger-line {width: 26px; height: 3px; border-radius: 1px; position: absolute; transition: all .3s ease-in-out;}
.burger-wrapper .lines-wrapper .burger-line.first {background-color: var(--third);}
.burger-wrapper .lines-wrapper .burger-line.second {background-color: var(--third); top: 9px;}
.burger-wrapper .lines-wrapper .burger-line.third {background-color: var(--third); top: 18px;}
#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;}
.mobile-header-wrapper {justify-content: space-between; align-items: center; padding: 5px 0;}
.mobile-menu-wrapper {position: absolute; top: 68px; left: -105%; z-index: 999; right: 0; width: 100%; height: 0; overflow: hidden; transition: all .3s ease-in-out;}
.mobile-menu-wrapper.show {left: 0; height: calc(100vh - 68px); background-color: #151515;}
.site-header .bottom-row a:hover {color: var(--third);}
.mobile-main-menu {padding: 40px 0;}
.mobile-main-menu ul li {display: block; margin-bottom: 24px;}
.mobile-main-menu ul li:last-of-type {margin-bottom: 0px;}
.m-phones .s-m-phone {margin-bottom: 16px;}
.m-phones .s-m-phone:last-of-type {margin-bottom: 0px;}
.mobile-email {margin: 16px 0;}
.mobile-menu-inner .socials a {margin-left: 0; margin-right: 6px;}
.site-footer {background-color: #111111;}
.site-footer {padding: 75px 0;}
.footer-menu-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer-logo-wrapper {width: 110px;}
.footer-logo-wrapper a {display: block; width: 100%;}
.footer-link {margin: 24px 0 0 ;}
.footer-link a {text-decoration: underline;}
.f-title {color: #00A1FF; margin-bottom: 40px;}
.footer-column ul {display: block; margin-top: 40px;}
.footer-column li {display: block;}
.footer-column {}
.footer-column ul{}
.footer-column ul li {display: block;margin-bottom: 24px;}
.footer-column ul li:last-of-type {margin-bottom: 0;}
.footer-column .phone-flex {display: flex; align-items: center; margin-bottom: 16px;}
.footer-column .phone-flex:last-of-type {margin-bottom: 0;}
.footer-column .phone-flex .icon {margin-right: 6px;}
.footer-column .phone-flex a {position: relative; top: -3px;}
.footer-column a:hover {color: var(--third);}
.footer-column .f-block {margin-bottom: 40px;}
.footer-column .f-block:last-of-type {margin-bottom: 0px;}
.f-block.socials-block {}
.f-block.socials-block .socials{margin-top: 24px;}
.f-block.socials-block .socials a {margin-left: 0; margin-right: 8px;}
.fb-titlle {margin-bottom: 24px;}
.feedback-section {background-repeat: no-repeat; background-size: cover; background-image: url(../img/bg-feedback.jpg); padding: 80px 0;}
.feedback-section h3 {font-size: 36px; font-weight: 600; margin-bottom: 18px;}
.feedback-section .fb-desc {font-weight: 500; font-size: 24px; margin-bottom: 38px;}
.fb-form-wrapper .inputs-wrapper {display: flex; flex-wrap: wrap;}
.fb-form-wrapper .inputs-wrapper .input-wrapper {width: 336px;}
.inputs-wrapper .input-wrapper {width: 336px;}
.inputs-wrapper .input-wrapper input {display: block; font-weight: 500; padding: 20px; border-radius: 2px; width: 100%;}
.fb-form-wrapper .input-wrapper {margin-right: 16px;}
.btn {width: 282px; height: 64px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all .3s ease-in-out; border-radius: 4px; background-color: var(--second);}
.btn:hover {background-color: var(--deep-blue);}
.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;
  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;
}
.fb-form-wrapper .agree-wrapper {margin-top: 24px; font-size: 14px; display: flex; align-items: center;}
.input-wrapper::after {
  content: '';
  position: absolute;
  right: 15px;
  top: 22px;
  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);
  color: #333333;
}
.input-wrapper.wrong::after {opacity: 1;}
#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: 48px;
  height: auto;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #505050;
  -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: .5;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;}
.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;}
.main-top-block {background-repeat: no-repeat;background-image: url(../img/bg-top-block.jpg); background-size: cover; background-position: center; padding: 270px 0 200px;}
.main-top-block h1 {font-size: 48px; font-weight: 600; margin-bottom: 24px; line-height: 1.2;}
.main-top-block .main-top-block-desc {font-size: 24px; margin-bottom: 52px;}
.site-header.main-page {position: absolute; width: 100%; top: 0; right: 0;left: 0; z-index: 99;}
h2 {font-size: 40px; margin-bottom: 64px; text-transform: uppercase;}

.breadcrumbs {margin: 32px 0;}
.page-wrapper h1 {font-size: 40px; text-transform: uppercase; margin-bottom: 64px;}
.page-wrapper .entry-content {margin: 64px 0;}
.post-thumb {border-radius: 4px; overflow: hidden;}
.post-thumb img {display: block; width: 100%;}
.services-list {display: flex; column-gap: 24px; flex-wrap: wrap;}
.single-service {width: calc(33% - 12px); margin-bottom: 56px;}
.single-service .s-thumb {height: 256px; margin-bottom: 18px; border-radius: 4px; overflow: hidden;}
.single-service .s-thumb img {display: block; height: 100%; object-fit: cover; width: 100%;}
.single-service h4 {font-size: 22px; font-weight: 500; margin-bottom: 20px;}
.single-service .s-desc {

 display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-gray {display: flex; transition: all .3s ease-in-out; width: 180px; height: 56px; justify-content: center; align-items: center; background-color: #545454; cursor: pointer;}
.btn-gray:hover {background-color: #414141;}
.single-service .btn-gray {margin-top: 32px;} 
.block-btn-wrapper {display: flex; justify-content: center;}
.news-list {display: flex; flex-wrap: wrap; column-gap: 24px;}
.news-list .single-news {width: calc(33% - 12px); background-color: #333333; margin-bottom: 24px;}
.news-list .single-news .s-thumb {height: 256px;}
.news-list .single-news .s-thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
.news-text-wrapper {padding: 20px 16px 16px;}
.news-list .single-news .news-date {margin-bottom: 20px; color: #b9b9b9; font-size: 14px;}
.news-list .single-news h4 {font-size: 20px;margin-bottom: 24px;}
.news-list .single-news .n-line {height: 1px; width: 100%; background-color: #E9E9E9; margin-bottom: 16px;}
.news-list .single-news a {display: block;}
.news-list .single-news .news-link {display: flex; align-items: center; color: #00A1FF;}
.news-list .single-news .news-link span {display: block; margin-right: 12px;}
.news-list {margin-bottom: 0px;}
.ds-page {margin-bottom: 100px;}
.partners-wrapper {display: flex; flex-wrap: wrap; }
.partners-wrapper .partner {width: calc(25% - 0px); }
.partners-wrapper .partner img {display: block; width: 100%; object-fit: contain;}
.steps-wrapper {display: flex; flex-wrap: wrap; column-gap: 24px;}
.steps-wrapper .step {width: calc(33% - 12px); padding: 24px; border-radius: 4px; backdrop-filter: blur(7.099999904632568px);
  box-shadow: -9px -11px 28.4px 0px #FFFFFF21 inset; background-color: #333333; margin-bottom: 24px;
}
.steps-wrapper .step .counter {font-size: 16px; margin-bottom: 20px; opacity: .8;}
.steps-wrapper .step .step-title {font-size: 24px; color: #0085D3;margin-bottom: 12px;}
.steps-wrapper .step .step-desc {opacity: .9;}
.docs-list {display: flex; flex-wrap: wrap; column-gap: 24px;}
.docs-list .single-dosc {display: block; width: calc(25% - 18px); margin-bottom: 24px;}
.docs-list .single-dosc img {display: block; width: 100%; height: 100%; object-fit: cover;}
.about-block {display: flex; flex-wrap: wrap;}
.about-block .poster {width: 588px; border-radius: 2px; overflow: hidden;}
.about-block .poster img {display: block; width: 100%; object-fit: cover;}
.about-block .desc {width: calc(100% - 588px); padding-left: 24px; font-size: 18px;}
.about-block .desc p {margin-bottom: 26px;}
.about-block .desc p:last-of-type {margin-bottom: 0px;}
.about-block .numbers {display: flex; flex-wrap: wrap;}
.about-block .numbers .single-number {width: 33%; padding-right: 12px;}
.about-block .numbers .single-number .number {color: #007DC6; font-size: 36px; margin-bottom: 14px;}
.about-block .numbers .single-number .number-desc {font-size: 20px;}
.about-block.bottom-block {margin-top: 12px; align-items: end;}
.portfolio-list {display: flex; flex-wrap: wrap; column-gap: 24px;}
.portfolio-list .s-portfolio {display: block; margin-bottom: 24px; border-radius: 20px; overflow: hidden; height: 544px; width: calc(33.33% - 16px);}
.portfolio-list .s-portfolio p {height: 100%; margin-bottom: 0;}
.portfolio-list .s-portfolio iframe {display: block; width: 100%; height: 100%; overflow: hidden;}
.portfolio-list .s-portfolio img {display: block; width: 100%; height: 100%; object-fit: cover;}


.tabs {display: flex; margin-bottom: 36px;}
.tabs .tab {cursor: pointer; font-size: 24px; margin-right: 32px;}
.tabs .tab.active {color: #007DC6; text-decoration: underline;}
.portfolio-list {display: none;}
.portfolio-list.active {display: flex;}
.tehnic-list {display: flex; flex-wrap: wrap; column-gap: 24px;}
.tehnic-list .s-tehic {display: block;width: calc(33% - 12px); margin-bottom: 24px; border-radius: 4px; overflow: hidden;}
.tehnic-list .s-tehic img {display: block; width: 100%; height: 100%; overflow: hidden; object-fit: cover;}

.s-tehic-slide {display: block; height: 290px; margin: 0 12px; border-radius: 2px;}
.s-tehic-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.tehnic-slider {margin: 0 -12px;}
.tehnic-slider-wrapper .arrows-wrapper .arrows {display: flex; margin-bottom: 32px;}
.tehnic-slider-wrapper .arrows-wrapper .arrows .prev {margin-right: 24px;}
.tehnic-slider-wrapper .arrows-wrapper .arrows .slider-arrow {cursor: pointer;}
.tehnic-slider-wrapper .arrows-wrapper .arrows .slider-arrow svg {transition: all .3s ease-in-out;}
.tehnic-slider-wrapper .arrows-wrapper .arrows .slider-arrow:hover svg {fill: var(--second); }
.tehnic-slider-wrapper .arrows-wrapper .arrows .slider-arrow svg rect {transition: all .3s ease-in-out;}
.tehnic-slider-wrapper .arrows-wrapper .arrows .slider-arrow:hover svg rect {stroke: var(--second);}
.tehnic-slider-wrapper .slick-dots {display: flex; justify-content: center; margin-top: 32px;}
.tehnic-slider-wrapper .slick-dots li {display: block; margin: 0 6px;}
.tehnic-slider-wrapper .slick-dots li button {display: block; transition: all .3s ease-in-out; color: transparent; font-size: 0px; width: 12px; height: 12px; border-radius: 50%;}
.tehnic-slider-wrapper .slick-dots li.slick-active button {background-color: var(--second);}
.tehnic-slider-wrapper .slick-dots li button:hover {background-color: var(--second);}
.contacts-wrapper {display: flex; flex-wrap: wrap;}
.contacts-wrapper .contacts-info {width: 384px; background-color: #444444; padding: 32px 24px; border-radius: 2px;}
.contacts-wrapper .contacts-map {width: calc(100% - 384px); padding-left: 24px;}
.contacts-wrapper .s-block {margin-bottom: 32px;}
.contacts-wrapper .s-block:last-of-type {margin-bottom: 0px;}
.contacts-wrapper .s-block .title {font-size: 18px; font-weight: 500; margin-bottom: 12px;}
.contacts-wrapper .s-block .s-phone {margin-bottom: 12px;}
.contacts-wrapper .s-block .s-phone:last-of-type {margin-bottom: 0px;}
.contacts-wrapper .socials a {margin: 0 6px 0 0;}
.contacts-map iframe {display: block; width: 100%; height: 100%;}
.error-page-wrapper {margin: 100px 0;}
.error-page-wrapper .title {font-size: 46px; }
.error-page-wrapper .error-code {font-size: 100px; line-height: 1; font-weight: 600; margin: 48px 0 40px; color: var(--second);}
.error-page-wrapper .desc {font-size: 32px; margin-bottom: 60px;}
.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;}



/*----- 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%;}
  .header-item {font-size: 12px;}
  .site-header .logo-wrapper {width: 50px;}
  .fb-form-wrapper .inputs-wrapper .input-wrapper {width: 32%;}
  .main-top-block .main-top-block-desc {font-size: 18px;}
  .main-top-block {padding: 170px 0 80px;}
  .news-list {column-gap: 2%;}
  .news-list .single-news {width: 49%;}
  .services-list {column-gap: 2%;}
  .single-service {width: 32%; margin-bottom: 2%;}
  .steps-wrapper {column-gap: 2%;}
  .steps-wrapper .step {width: 32%; margin-bottom: 2%;}
  .docs-list {column-gap: 1.33%;}
  .docs-list .single-dosc {width: 24%; margin-bottom: 1.33%;}
  .about-block .desc p {margin-bottom: 8px;}
  .portfolio-list .s-portfolio {height: 480px;}
  .tehnic-list {column-gap: 2%;}
  .tehnic-list .s-tehic {width: 32%; margin-bottom: 2%;}

}

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


}
@media screen and (max-width:1080px){
  .popup {width: 95%; padding: 25px;}
  .fb-form-wrapper .inputs-wrapper .input-wrapper {width: 100%; margin-bottom: 12px; margin-right: 0;}
  .feedback-section .fb-desc {font-size: 16px;}
  .about-block {flex-direction: column;}
  .about-block.top-block {flex-direction: column-reverse;}
  .about-block .poster {width: 100%;}
  .about-block .desc {width: 100%; padding-left: 0;}
  .about-block.top-block .desc {margin-bottom: 24px;}
  .about-block .numbers {margin-bottom: 24px;}
  .entry-content h2 {font-size: 24px; font-weight: 600; margin-bottom: 12px;}
  .entry-content h3 {font-size: 22px; font-weight: 600; margin-bottom: 8px;}
  .entry-content h4 {font-size: 18px; font-weight: 600; margin-bottom: 8px;}
  .entry-content h5 {font-size: 16px; font-weight: 600; margin-bottom: 8px;}
  .entry-content h6 {font-size: 16px; font-weight: 600; margin-bottom: 8px;}


}

@media screen and (max-width:980px){
  .header-item {font-size: 10px;}
  .services-list {column-gap: 2%;}
  .single-service {width: 49%; margin-bottom: 24px;}
  .steps-wrapper .step {width: 49%;}

  
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .contacts-wrapper .contacts-info {width: 100%; margin-bottom: 20px;}
  .contacts-wrapper .contacts-map {padding-left: 0; width: 100%; height: 420px;}



}

@media screen and (max-width:800px){
  .site-header .bottom-row,
  .header-row.top-row {display: none;}
  .mobile-header {display: flex; justify-content: space-between;}
  .m-logo-wrapper {width: 65px;}
  .btn {width: 100%;}
  .feedback-section h3 {font-size: 24px;}
  .main-top-block .main-top-block-desc br {display: none;}
  .main-top-block h1 {font-size: 26px; margin-bottom: 20px;}
  .page-wrapper h1 {font-size: 26px; margin-bottom: 24px;}
  .breadcrumbs {font-size: 12px; margin: 14px 0;}
  .page-wrapper .entry-content {margin: 32px 0 32px;}
  body {font-size: 14px;}
}

@media screen and (max-width:720px){
  .single-service h4 {font-size: 20px; margin-bottom: 14px;}
  .single-service .s-desc {font-size: 14px;}
  .single-service {width: 100%; margin-bottom: 40px;}
  .single-service .btn-gray {margin-top: 16px; }
  h2 {font-size: 26px; margin-bottom: 32px;}
  .simple-block {margin: 54px 0;}
  .steps-wrapper .step {width: 100%; margin-bottom: 20px;}
  .docs-list {column-gap: 2%;}
  .docs-list .single-dosc {width: 49%; margin-bottom: 2%;}
  .portfolio-list .s-portfolio {width: 100%;}
  .error-page-wrapper .title {font-size: 24px;}
  .error-page-wrapper .desc {font-size: 18px;}
}

@media screen and (max-width:640px){
  .footer-column {width: 100%; margin-top: 36px;}
  .footer-column .f-title {margin-bottom: 18px;}
  .footer-column ul {margin-top: 18px;}
  .footer-column ul li {margin-bottom: 14px;}
  .footer-column .phone-flex {margin-top: 14px;}
  .site-footer {padding: 40px 0;}
  .footer-column .f-block {margin-bottom: 32px;}
  .news-list .single-news {width: 100%;}
  .news-list .single-news h4 {font-size: 18px;}
  .about-block .numbers .single-number {width: 100%; margin-bottom: 12px;}
  .about-block .numbers .single-number .number {margin-bottom: 0;}
  .tehnic-list .s-tehic {width: 49%; margin-bottom: 12px;}

}

@media screen and (max-width:540px){
  .partners-wrapper .partner {width: 50%;}


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


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