/**
*
  Сброс CSS стилей
*
**/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
}

html {
  -webkit-text-size-adjust: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {

  &.__hidden {
    overflow: hidden;
  }

}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

input,
textarea,
button,
select {
  resize: none;
  border: none;
  background-color: transparent;
  outline: none;
  padding: 0;
}

img {
  border: 0;
  vertical-align: top;
}

html, body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}


/**
*
  Flex
*
**/
.flex_w {
  display: flex;
  flex-wrap: wrap;

  &.__ai_fs {
    align-items: flex-start;
  }

  &.__ai_fe {
    align-items: flex-end;
  }

  &.__ai_c {
    align-items: center;
  }

  &.__jc_sa {
    justify-content: space-around;
  }

  &.__jc_sb {
    justify-content: space-between;
  }

  &.__jc_c {
    justify-content: center;
  }
}


/**
*
  Функции
*
**/
.radius(@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}

.transition(@properties: all .6s) {
  -webkit-transition: @properties;
  -moz-transition: @properties;
  -ms-transition: @properties;
  -o-transition: @properties;
  transition: @properties;
}

.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
  text-shadow: @string;
}

.box-shadow (@string) {
  -webkit-box-shadow: @string;
  -moz-box-shadow: @string;
  box-shadow: @string;
}

.box-shadow2 (@string, @string) {
  -webkit-box-shadow: @string, @string;
  -moz-box-shadow: @string, @string;
  box-shadow: @string, @string;
}

.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
  -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
  -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
  box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
  -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
  -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
  box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.box-sizing (@type: border-box) {
  -webkit-box-sizing: @type;
  -moz-box-sizing: @type;
  box-sizing: @type;
}

.border-radius (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.opacity (@opacity: 0.5) {
  -webkit-opacity: @opacity;
  -moz-opacity: @opacity;
  opacity: @opacity;
}

.gradient (@startColor: #eee, @endColor: white) {
  background-color: @startColor;
  background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
  background: -webkit-linear-gradient(top, @startColor, @endColor);
  background: -moz-linear-gradient(top, @startColor, @endColor);
  background: -ms-linear-gradient(top, @startColor, @endColor);
  background: -o-linear-gradient(top, @startColor, @endColor);
}

.horizontal-gradient (@startColor, @endColor) {
  background-color: @startColor;
  background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
  background-image: -webkit-linear-gradient(left, @startColor, @endColor);
  background-image: -moz-linear-gradient(left, @startColor, @endColor);
  background-image: -ms-linear-gradient(left, @startColor, @endColor);
  background-image: -o-linear-gradient(left, @startColor, @endColor);
}

.vertical-gradient (@startColor, @endColor) {
  background-color: @endColor;
  background-image: -webkit-gradient(linear, top, bottom, from(@startColor), to(@endColor));
  background-image: -webkit-linear-gradient(bottom, @startColor, @endColor);
  background-image: -moz-linear-gradient(bottom, @startColor, @endColor);
  background-image: -ms-linear-gradient(bottom, @startColor, @endColor);
  background-image: -o-linear-gradient(bottom, @startColor, @endColor);
}

.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
  -webkit-animation: @name @duration @delay @ease;
  -moz-animation: @name @duration @delay @ease;
  -ms-animation: @name @duration @delay @ease;
}

.transition (@transition) {
  -webkit-transition: @transition;
  -moz-transition: @transition;
  -ms-transition: @transition;
  -o-transition: @transition;
}

.transform(@string) {
  -webkit-transform: @string;
  -moz-transform: @string;
  -ms-transform: @string;
  -o-transform: @string;
  transform: @string;
}

.scale (@factor) {
  -webkit-transform: scale(@factor);
  -moz-transform: scale(@factor);
  -ms-transform: scale(@factor);
  -o-transform: scale(@factor);
  transform: scale(@factor);
}

.rotate (@deg) {
  -webkit-transform: rotate(@deg);
  -moz-transform: rotate(@deg);
  -ms-transform: rotate(@deg);
  -o-transform: rotate(@deg);
  transform: rotate(@deg);
}

.skew (@deg, @deg2) {
  -webkit-transform: skew(@deg, @deg2);
  -moz-transform: skew(@deg, @deg2);
  -ms-transform: skew(@deg, @deg2);
  -o-transform: skew(@deg, @deg2);
  transform: skew(@deg, @deg2);
}

.translate (@x, @y:0) {
  -webkit-transform: translate(@x, @y);
  -moz-transform: translate(@x, @y);
  -ms-transform: translate(@x, @y);
  -o-transform: translate(@x, @y);
  transform: translate(@x, @y);
}

.translate3d (@x, @y: 0, @z: 0) {
  -webkit-transform: translate3d(@x, @y, @z);
  -moz-transform: translate3d(@x, @y, @z);
  -ms-transform: translate3d(@x, @y, @z);
  -o-transform: translate3d(@x, @y, @z);
  transform: translate3d(@x, @y, @z);
}

.perspective (@value: 1000) {
  -webkit-perspective: @value;
  -moz-perspective: @value;
  -ms-perspective: @value;
  perspective: @value;
}

.transform-origin (@x:center, @y:center) {
  -webkit-transform-origin: @x @y;
  -moz-transform-origin: @x @y;
  -ms-transform-origin: @x @y;
  -o-transform-origin: @x @y;
}

.background(@path, @position: center center, @repeat: no-repeat) {
  background: url(@path) @position @repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.text-overflow(@lineClamp, @lineHeight) {
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @lineClamp;
  overflow: hidden;
  height: @lineClamp * @lineHeight;
}

.placeholder-style(@placeholder-font, @placeholder-color) {

  &::-webkit-input-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &::-moz-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &:-moz-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &:-ms-input-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

}


/**
*
  Подключение шрифтов
*
**/
@font-face {
  font-family: "UltraLight";
  src: url('/path_to_font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter-Regular.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url('../fonts/Montserrat-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url('../fonts/OpenSans-Bold.ttf');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url('../fonts/OpenSans-Regular.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url('../fonts/OpenSans-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


/**
*
  Общие классы
*
**/
.show {
  display: block !important;
}

.hide,
.xs-show,
.sm-show,
.md-show {
  display: none !important;
}

.flf {
  float: left !important;
}

.flr {
  float: right !important;
}

.clear {
  display: block;
  clear: both;
}

.t_center {
  text-align: center;
}

.t_right {
  text-align: right;
}

.pos_rel {
  position: relative;
}

.ypos_ab {
  position: absolute;
  top: 50%;
  .translate(0, -50%);
}

.xpos_ab {
  position: absolute;
  left: 50%;
  .translate(-50%, 0);
}

.pos_absc {
  position: absolute;
  top: 50%;
  left: 50%;
  .translate(-50%, -50%);
}

.c_img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.b_img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.psevdo-item {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

.container {
  width: 1220px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

body {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  background-color: #FFFFFF;
  color: #858F9A;
}

.header__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__top-wr {
  display: flex;
  align-items: center;
}

.header__logo {
  margin-right: 40px;
}

.header__sity {
  display: flex;
  align-items: center;
  cursor: pointer;

  span {
    margin-right: 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #0B1F35;
    .transition;

    &:hover {
      color: #0CACE4;
    }
  }
}


.header__contacts {
  display: flex;
}

.header__contacts-block {
  margin-right: 40px;
  width: 145px;

  &:last-child {
    margin-right: 0;
  }
}

.header__link {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  .transition;
  color: #0B1F35;

  &:hover {
    color: #25A9E2;
  }

  svg {
    margin-right: 15px;
  }
}

.header__link-name {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  text-decoration-line: underline;
  color: #8A8A8A;
  .transition;

  &:hover {
    color: #25A9E2;
  }
}

.header__contacts {
  margin-right: 50px;
}

.header__social {
  display: flex;
  margin-right: 30px;

  a {
    margin-right: 10px;

    &:last-child {
      margin-right: 0;
    }
  }
}

.header__end-wr {
  display: flex;
  align-items: center;
}

.standart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  .transition;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  display: flex;
  align-items: flex-end;
  color: #413E3F;
  border: 1px solid #0CACE4;
  border-radius: 4px;
  padding: 18px 30px;

  &:hover {
    background: #0CACE4;
    color: #FFFFFF;
  }
}

.equipment__btn {
  &.active {
    background: #0CACE4;
    color: #FFFFFF;
  }
}

.header__link-name {
  padding-left: 31px;
}

.cleaning__image-content {
  display: none;
}

.header__bot {
  padding-top: 25px;

  .container {
    display: flex;
    padding-left: 57px;
    align-items: center;
  }

  .container > ul {
    display: flex;
    align-items: center;

    & > .menu-item-has-children {
      a {
        padding-right: 21px;
      }

      position: relative;

      & > ul {
        position: absolute;
        display: none;
        left: 0;
        top: ~"calc(100% + 30px)";

        li {
          width: 250px;
          position: relative;
          max-width: 10000px;

          ul {
            position: absolute;
            top: 0;
            display: none;
            border-left: 1px solid #C3E7F7;;
            left: 100%;
          }

          &:hover {
            & > ul {
              display: block;
            }
          }

          & > a {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 100%;
            background: #F1F6FB;
            .transition();
            color: #0CACE4;
            padding: 12px 15px;
          }

          &:hover {

            & > a {
              background: #0CACE4;
              color: white;
            }
          }

          background: #F1F6FB;
        }
      }


      &:hover {
        & > a::after {
          background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L5 7.5L9 3.5' stroke='%230CACE4'/%3E%3C/svg%3E");
        }

        a {
          color: #0CACE4;;
        }

      }

      & > a::after {
        content: "";
        position: absolute;
        .ypos_ab;
        right: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L5 7.5L9 3.5' stroke='%23858F9A'/%3E%3C/svg%3E");

        width: 11px;
        height: 9px;
      }
    }

    li {

      margin-right: 50px;

      &:last-child {
        margin-right: 0;
      }
    }

    a {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 100%;
      display: flex;
      align-items: center;
      color: #0B1F35;
      .transition;

      svg {
        margin-left: 5px;

        path {
          .transition;
        }
      }

      &:hover {
        color: #25A9E2;

        svg {
          path {
            stroke: #25A9E2;
          }
        }
      }
    }
  }
}

.header__top {
  .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.header__top {
  padding: 25px 0px;
}

.header__top {
  background-color: white;
}

.header {
  position: relative;
  z-index: 50;
}

//// main

.main {
  margin-top: -42px;
  position: relative;
  height: 651px;

  .container {
    position: relative;
    padding-top: 170px;
    z-index: 5;
  }
}

// .main-bg {
//   position: absolute;
//   top: 0;
//   left: 0;
//   right: 0;
//   bottom: 0;
//   width: 100%;
//   height: 100%;
//   object-fit: cover;
// }


.main-bg1{
  position: absolute;
  height: 100%;
  width: 1095px;
  object-fit: cover;
  left: 315px;
}

.main__blocks{
  position: relative;
  z-index: 10;
}


.main{
  background-color: #F1F6FB;
}

.main-shadow{
  width: 1600px;
  max-width: 1600px;
  .xpos_ab;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, #F1F6FB 0%, rgba(241, 246, 251, 0) 10.47%, rgba(241, 246, 251, 0) 90.28%, #F1F6FB 100%), radial-gradient(30.87% 68.33% at 69.13% 50%, rgba(241, 246, 251, 0) 0%, rgba(241, 246, 251, 0) 58.82%, #F1F6FB 100%);
}



.main__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 540px;
  position: relative;
  z-index: 10;
  h1 {
    margin-bottom: 30px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 120%;
    color: #0B1F35;

    span {
      color: #0CACE4;
    }
  }

  p {
    padding-left: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    display: flex;
    align-items: flex-end;
    color: #0B1F35;
    margin-bottom: 40px;
    border-left: 2px solid #0CACE4;
  }
}

.main__btns {
  display: flex;

  .standart-btn {
    margin-right: 20px;

    &:last-child {
      margin-right: 0;
    }
  }
}

.main {
  margin-bottom: 140px;
}

.main__info {
  margin-bottom: 45px;
}


.main__blocks {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main__block {
  width: 285px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Open Sans';
  min-height: 64px;
  cursor: pointer;
  border-radius: 9px 9px 0px 0px;
  border: 1px solid white;

  p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    line-height: 100%;
    text-transform: uppercase;
    color: #0B1F35;
  }
}

.standart-header {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 110%;
  text-align: center;
  color: #0B1F35;

  span {
    color: #0CACE4;
  }
}

////servis

.servis {
  h2 {
    margin-bottom: 50px;
  }
}

.servis__blocks {
  display: flex;
  justify-content: space-between;
}

.servis__block {
  width: 590px;
  background: #F1F6FB;
  border-radius: 6px;
  padding: 35px 15px;
  display: flex;
  align-items: center;
}

.servis__img {
  width: 202px;
  margin-right: 30px;
}

.servis__content {
  width: 320px;

  h3 {
    margin-bottom: 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #0B1F35;
  }

  p {
    margin-bottom: 30px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #858F9A;
  }
}

.servis__info {
  display: flex;
  align-items: center;

  span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin-left: 30px;
    color: #0CACE4;
  }
}

.servis__sale {
  position: relative;
  width: 590px;
  background: linear-gradient(86.74deg, #0CACE4 5.19%, rgba(12, 172, 228, 0.6) 96.65%);
  border-radius: 6px;
  padding: 40px 40px 30px 40px;
  display: flex;
  align-items: center;
}

.servis__sale-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  justify-content: space-between;

  h3 {
    margin-bottom: 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    color: #FFFFFF;
  }

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF;
  }
}

.servis__btn {
  padding: 20px 30px;
  left: 850px;
  top: 1172px;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #0CACE4;
  border-radius: 4px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #0CACE4;
}

.servis__sale-img {
  position: absolute;
  bottom: -13px;
  width: 296px;
  z-index: 5;
  right: 29px;
}

.services-item {
  position: absolute;
  bottom: 0;
  right: -4px;
  z-index: 3;
}

.servis__block {
  margin-bottom: 20px;
}

.servis__sale {
  margin-bottom: 20px;
}

.servis__blocks {
  display: flex;
  flex-wrap: wrap;
}

.servis__btns {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;

  .standart-btn {
    margin-right: 20px;

    &:last-child {
      margin-right: 0;
    }
  }
}

.servis {
  margin-bottom: 120px;
}

.company {
  position: relative;
  margin-bottom: 120px;
  background: #F1F6FB;
  padding-top: 185px;
  align-items: flex-start;
  padding-bottom: 170px;
  display: flex;
  flex-direction: column;

  .container {
    position: relative;
    z-index: 5;
  }
}

.company-bg {
  position: absolute;
  top: 0;
  right: 0;
}


.company__content {
  width: 632px;
  display: flex;
  margin-bottom: 120px;
  flex-direction: column;
  align-items: flex-start;

  .standart-header {
    text-align: start;
    margin-bottom: 30px;
  }

  p {
    margin-bottom: 30px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #0B1F35;
  }
}

.company__blocks {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.company__block {
  width: 285px;
  background: #FFFFFF;
  border: 2px solid #F1F6FB;
  border-radius: 6px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  img {
    margin-bottom: 20px;
  }

  h3 {
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: #0B1F35;
  }

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #858F9A;
  }
}

///responsibility

.responsibility {
  margin-bottom: 120px;

  .standart-header {
    margin-bottom: 50px;
  }
}

.responsibility__block {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 30px;

  &:last-child {
    margin-bottom: 0;
  }
}

.responsibility__img {
  width: 624px;
  border-radius: 12px;
  height: 282px;

  img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}

.responsibility__text {
  width: 447px;
  position: relative;
  left: -35px;
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #0CACE4;
  border-radius: 12px;
  min-height: 192px;

  h3 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: #0B1F35;
    margin-bottom: 15px;
  }

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #858F9A;
  }
}

.cleaning {
  h2 {
    margin-bottom: 50px;
  }
}
.cleaningm__nav-blocks{
  display: none;
}
.cleaningm__nav-name.active
{
  .cleaningm__nav-next svg{
    transform: rotate(180deg);
  }
}
.cleaning__navs {
  background: #F1F6FB;
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  margin-bottom: 30px;
}

.cleaning__nav {
  background: #F1F6FB;
  position: relative;
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  .transition;
  cursor: pointer;
  width: 300px;

  span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    display: flex;
    align-items: flex-end;
    text-align: center;
    color: #858F9A;
    .transition;
  }

  svg {
    flex-shrink: 0;
    margin-right: 10px;

    path {
      .transition;
    }
  }

  &::after {
    position: absolute;
    .xpos_ab;
    left: 0;
    content: "";
    width: 1px;
    height: 44px;
    background-color: rgba(12, 170, 228, 0.2);
  }

  &:hover {
    background: #0CACE4;

    span {
      color: #FFFFFF;
    }

    svg {
      path {
        fill: #FFFFFF;
      }
    }

    &::after {
      display: none;
    }
  }

  &:first-child {
    border-radius: 6px 0px 0px 6px;

    &::after {
      display: none;
    }
  }

  &:last-child {
    border-radius: 0px 6px 6px 0px;
  }
}

.cleaning__image {
  position: relative;
  height: 638px;
  margin-bottom: 50px;
}

.cleaning__bg {
  width: 100%;
  border-radius: 12px;
  height: 100%;
  object-fit: cover;
}

.cleaning__image-block {
  position: absolute;
  width: 164px;
  padding: 10px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  box-shadow: 0px 100px 80px rgba(11, 31, 53, 0.02), 0px 41.7776px 33.4221px rgba(11, 31, 53, 0.0143771), 0px 22.3363px 17.869px rgba(11, 31, 53, 0.0119221), 0px 12.5216px 10.0172px rgba(11, 31, 53, 0.01), 0px 6.6501px 5.32008px rgba(11, 31, 53, 0.00807786), 0px 2.76726px 2.21381px rgba(11, 31, 53, 0.00562291);
  border-radius: 8px;
  z-index: 5;

  span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: flex-end;
    text-align: center;
    color: #0B1F35;
  }

  img {
    position: absolute;
    top: -14px;
  }

}

.cleaning__image-block:nth-child(1) {
  bottom: 118px;
  left: 144px;
}

.cleaning__image-block:nth-child(2) {
  top: 182px;
  left: 264px;
}

.cleaning__image-block:nth-child(3) {
  top: 253px;
  right: 507px;
}

.cleaning__image-block:nth-child(4) {
  top: 98px;
  right: 281px;
}


.cleaning__image-block:nth-child(5) {
  top: 282px;
  right: 90px;

  img {
    top: auto;
    transform: rotate(90deg);
    right: -17px;
  }
}

.cleaning__image-block:nth-child(6) {
  bottom: 172px;
  right: 20px;

  img {
    top: auto;
    transform: rotate(90deg);
    right: -17px;
  }
}

.cleaning__image-block:nth-child(7) {
  bottom: 95px;
  right: 235px;

  img {
    top: auto;
    transform: rotate(180deg);
    right: auto;
    bottom: -14px;
  }
}

.cleanin__btns {
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;

  .standart-btn {
    margin-right: 20px;

    &:last-child {
      margin-right: 0;
    }
  }
}

.cleaning {
  margin-bottom: 120px;
}

.order {
  margin-bottom: 120px;
  height: 484px;
  overflow: hidden;
  position: relative;

  .container {
    position: relative;
    padding: 75px 0px;
    padding-left: 100px;
    background: linear-gradient(86.74deg, #0CACE4 5.19%, rgba(12, 172, 228, 0.6) 96.65%);
    border-radius: 6px;
    height: 100%;
  }
}

.order__form {
  width: 407px;
  padding: 30px;
  background: #FFFFFF;
  border-radius: 6px;
  display: flex;
  flex-direction: column;

  h2 {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: #0B1F35;
  }

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 20px;
    color: #858F9A;
  }

  button {
    width: 100%;
    background: #0CACE4;
    height: 50px;
    border: 1px solid #0CACE4;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'Open Sans';
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    .transition;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;

    &:hover {
      background-color: #1788b1;
    }
  }
}

.order__block {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  .transition;
  width: 100%;

  span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    .transition;
    margin-bottom: 10px;
    color: #858F9A;
  }

  input {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #858F9A;
    padding-bottom: 10px;
    .transition;
    border-bottom: 1px solid #858F9A;

    &::placeholder {
      color: #858F9A;
    }
  }

  &:hover {
    span {
      color: #0CACE4;
    }

    input {
      border-bottom: 1px solid #0CACE4;
      color: #0B1F35;

      &::placeholder {
        color: #0B1F35;
      }
    }
  }
}

.cleaning-item {
  position: absolute;
  bottom: -161px;
  right: 0;
}

.cleaning-people {
  bottom: 0;
  position: absolute;
  right: 120px;
}

.order__form {
  position: relative;
  z-index: 10;
}

.text-item-clear {
  box-shadow: 0px 20px 40px rgba(24, 170, 226, 0.1);
  position: absolute;
  right: 30px;
  top: 40px;
  z-index: 4;
}

.clients {
  margin-bottom: 120px;

  h2 {
    margin-bottom: 50px;
  }
}

.clients__blocks {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.clients__block {
  cursor: pointer;
  .transition;

  img {
    .transition;
    filter: grayscale(100%);
    opacity: 0.3;
  }
}

.clients__block.active {
  img {
    filter: none;
    opacity: 1;
  }
}

.clients__block:hover {
  img {
    filter: none;
    opacity: 1;
  }
}

.reviews__block {
  width: 387px;
  background: #F1F6FB;
  border-radius: 12px;
  padding: 30px;
  display: flex;
  flex-direction: column;
}

.reviews__info {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.reviews__info-img {
  width: 60px;
  height: 60px;
  margin-right: 30px;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.reviews {
  h2 {
    margin-bottom: 50px;
  }
}

.reviews__name {
  .reviews__people-name {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: #4F4D4D;
  }
}

.reviews__sity {
  display: flex;
  align-items: center;

  span {
    margin-right: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #858F9A;
  }
}

.reviews__stars {
  display: flex;
  align-items: center;
}

.reviews__star {
  margin-right: 4px;

  &:last-child {
    margin-right: 0;
  }

  svg {
    cursor: pointer;
  }
}

.reviews__content {
  p {
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #858F9A;
  }
}

.reviews__more {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
  cursor: pointer;
  .transition;

  svg {
    margin-left: 10px;

    path {
      .transition;
    }
  }

  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #0CACE4;

  &:hover {
    color: #0B1F35;

    svg {
      path {
        fill: #0B1F35;
      }
    }
  }
}

.reviews__images {
  display: flex;
  justify-content: space-between;
}

.reviews__img {
  cursor: pointer;
  width: 100px;
  height: 86px;
  position: relative;

  img {
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
  }
}

.rev-play {
  width: 22px !important;
  position: absolute;
  border-radius: none;
  cursor: pointer;
  object-fit: contain;
  .pos_absc;
}

.reviews__block:hover {
  background: #FFFFFF;
  border: 1px solid #0CACE4;
  box-shadow: 0px 20px 40px rgba(24, 170, 226, 0.1);
}

.reviews__block {
  .transition;
  border: 1px solid transparent;
  cursor: pointer;
}

.address {
  h2 {
    margin-bottom: 50px;
  }
}

.address__content {
  background: #FFFFFF;
  width: 313px;
  align-items: flex-start;
  border-radius: 6px;
  padding: 30px;
  display: flex;
  flex-direction: column;

  .address-name {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: #0B1F35;
  }

  p {
    margin-bottom: 35px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #858F9A;
  }

  button {
    width: 100%;
    background: #0CACE4;
    height: 50px;
    border: 1px solid #0CACE4;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'Open Sans';
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    .transition;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 30px;

    &:hover {
      background-color: #1788b1;
    }
  }
}

.address__social {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  span {
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: #0B1F35;
    margin-bottom: 20px;
  }
}

.address__social-block {
  width: 37px;
  height: 37px;
  cursor: pointer;
  margin-right: 10px;

  &:last-child {
    margin-right: 0;
  }
}

.address__social-blocks {
  display: flex;
  align-items: center;
}

.address {
  position: relative;

  .address__content {
    position: relative;
    padding: 30px;
    z-index: 5;
  }

  h2 {
    position: relative;
    z-index: 5;
  }
}

.address__wr {
  position: relative;
  padding: 30px;
  height: 588px;
}

.address .container iframe {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 12px;
  height: 100%;
}


.reviews {
  margin-bottom: 120px;
}

.address {
  margin-bottom: 120px;
}

.faq {
  margin-bottom: 120px;
}

.faq__wr {
  display: flex;
  justify-content: space-between;
}

.faq .container {
  h2 {
    margin-bottom: 50px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    color: #0B1F35;
  }
}

.faq__name {
  display: flex;
  cursor: pointer;
  padding-bottom: 30px;
  align-items: center;
  border-bottom: 1px solid rgba(24, 169, 226, 0.2);
  justify-content: space-between;

  h3 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: #0B1F35;
  }

  svg {
    cursor: pointer;

    path {
      .transition;
    }
  }
}

.faq__block {
  width: 100%;
  margin-bottom: 30px;

  &:last-child {
    margin-bottom: 0;
  }
}

.faq__info {
  display: none;
  margin-top: 30px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #858F9A;
}

.faq__content {
  width: 590px;
}

.faq__img {
  width: 488px;
  height: 490px;

  img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
  }
}

.faq__block.active {
  .faq__info {
    //display: flex;
  }
}

.faq__name:hover {
  svg {
    path {
      stroke: #0CACE4;
    }

    circle {
      fill: #FFFFFF;
    }
  }
}

.faq__name {
  svg {
    path {
      .transition;
    }

    circle {
      .transition;
    }
  }
}

.faq__block.active {
  svg {
    transform: rotate(180deg);

    path {
      stroke: #0CACE4;
    }

    circle {
      fill: #FFFFFF;
    }
  }
}

.footer {
  background: #F1F6FB;
  padding-top: 80px;
  padding-bottom: 30px;
}

.footer__top {
  display: flex;
  padding-bottom: 70px;
  align-items: center;
  border-bottom: 1px solid rgba(24, 169, 226, 0.5);
  justify-content: space-between;

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
    width: 652px;
    color: #413E3F;

    span {
      color: #0CACE4;
    }
  }

  a {
    background: #0CACE4;
    border: 1px solid #0CACE4;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 30px;
    color: #FFFFFF;
    .transition;

    &:hover {
      color: #0CACE4;
      background-color: #FFFFFF;
    }
  }
}

.footer__center {
  display: flex;
}

.footer__logo {
  width: 140px;

  img {
    margin-bottom: 50px;
  }

  .main__btn1 {
    background: #0CACE4;
    border: 1px solid #0CACE4;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 30px;
    color: #FFFFFF;
    .transition;

    &:hover {
      color: #0CACE4;
      background-color: #FFFFFF;
    }
  }
}

.footer__list {
  width: 878px;
}

.footer__list-block {
  margin-right: 139px;

  &:last-child {
    margin-right: 0;
  }

  p {
    margin-bottom: 30px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
  }

  li {
    margin-bottom: 15px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    .transition;
    color: #000000;

    &:hover {
      color: #0CACE4;
    }
  }
}

.footer__center {
  margin-top: 80px;
  justify-content: space-between;
}

.footer__list {
  display: flex;
}

.footer__bot {
  padding-top: 115px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    .transition;
    color: #0B1F35;

    &:hover {
      color: #0CACE4;
    }
  }

  span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #0B1F35;
  }
}

.owl-carousel {
  .owl-stage-outer {
    overflow: visible !important;
  }

  .owl-item {
    opacity: 0;
    .transition();

    &.active {
      opacity: 1;
    }
  }

  div {
    max-width: 10000000px;
  }
}

.company__blocks {
  .owl-item {
    opacity: 0.3 !important;

    &.active {
      opacity: 1 !important;
    }
  }
}

.reviews, .clients, .certificates__blocks, .comand__blocks {
  .owl-prev {
    width: 40px !important;
    border: 1px solid #18AAE2 !important;
    border-radius: 50% !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    .ypos_ab;
    left: -90px !important;
    .transition;

    &:hover {
      background: #18AAE2 !important;

      svg {
        path {
          fill: white;
        }
      }
    }
  }

  .owl-next {
    width: 40px !important;
    border: 1px solid #18AAE2 !important;
    border-radius: 50% !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    .ypos_ab;
    right: -90px !important;
    .transition;

    &:hover {
      background: #18AAE2 !important;

      svg {
        path {
          fill: white;
        }
      }
    }
  }
}

.cleaning__nav.active {
  background: #0CACE4;

  span {
    color: #FFFFFF;
  }

  svg {
    path {
      fill: #FFFFFF;
    }
  }
}

.footer__logo {
  width: 181px;
}

.header__burger {
  width: 21px;
  display: none;

  div {
    height: 2px;
    width: 100%;
    background-color: #002E33;
    margin-bottom: 6px;

    &:last-child {
      margin-bottom: 0;
    }
  }
}

.header__burger div:nth-child(2) {
  width: 14px;
  background: #0CACE4;
}

.responsibility__img img {
  border-radius: 12px;
}

.cleaning__image-block img {
  top: -9px;
  z-index: 5;
}

.cleaning__image-block:nth-child(6) img {
  right: -15px;
}

.cleaning__image-block:nth-child(7) img {
  bottom: -9px;
}

.cleaning__image-block:nth-child(5) img {
  right: -15px;
}

.slean-item {
  cursor: pointer;
  position: absolute;
  .xpos_ab;
  top: -14px !important;
  z-index: 3 !important;
}

.cleaning__image-block:nth-child(7) .slean-item {
  bottom: -14px;
  top: auto !important;
  left: auto;
}

.cleaning__image-block:nth-child(5) .slean-item {
  right: -15px;
  left: auto;
  top: auto !important;
  bottom: auto;
}

.cleaning__image-block:nth-child(6) .slean-item {
  right: -15px;
  left: auto;
  top: auto !important;
  bottom: auto;
}

.clients__block {
  display: flex;
  justify-content: center;
}

.header__sity {
  position: relative;
}

.header__sity-in {
  position: absolute;
  .xpos_ab;
  top: 77px;
  background: #FFFFFF;
  border-radius: 6px;
  width: 436px;
  padding: 30px;
  max-width: 10000px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  span {
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #0B1F35;
  }

  p {
    width: 359px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    display: flex;
    align-items: flex-end;
    text-align: center;
    color: #858F9A;
  }
}

.header__sity__link {
  display: flex;
  margin-bottom: 20px;
}

.header__sity__btn {
  text-transform: uppercase;
  margin-right: 20px;
  font-size: 14px;

  &:last-child {
    margin-right: 0;
  }
}

.dark {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 990;
  background: rgba(255, 255, 255, 0.5);
  display: block;
}

.modal1 {
  .pos_absc;
  position: fixed;
  z-index: 1000;
  width: 535px;
  background: #FFFFFF;
  border-radius: 6px;
}

.modal3 {
  width: 794px;
  background: #18AAE2;
  border-radius: 6px;
  .pos_absc;
  position: fixed;
  z-index: 1000;
}

.modal2 {
  border-radius: 6px;
  .pos_absc;
  position: fixed;
  z-index: 1000;
  width: 561px;
  background: #FFFFFF;
  padding: 50px;

  .modal__contents {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .modal2-name {
      margin-bottom: 30px;
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 110%;
      text-align: center;
      color: #0B1F35;
    }
  }

  .modal2__blocks {
    display: flex;
    width: 388px;
    justify-content: space-between;
  }

  .modal2__block {
    .modal2-city-name {
      margin-bottom: 20px;
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 150%;
      color: rgba(11, 31, 53, 0.5);
    }

    li {
      margin-bottom: 20px;

      &:last-child {
        margin-bottom: 0;
      }
    }

    button {
      cursor: pointer;
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 150%;
      color: #0B1F35;
      .transition;

      &:hover {
        color: #0CACE4;
      }
    }
  }

  .modal1 .modal-close {
    position: absolute;
    top: -26px;
    right: -25px;
    cursor: pointer;
  }
}

.modal1 {
  min-height: 380px;

  .modal__contents {
    display: flex;
  }
}
.pryce-wr{
  margin-bottom: 25px;
  &:last-child{
    margin-bottom: 0;
  }
}
.modal1__imgs {
  width: 222px;
}

.modal1__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 313px;
  padding: 30px;

  .modal1-head {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: #0B1F35;
  }

  p {
    margin-bottom: 35px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #858F9A;
  }

  button {
    width: 100%;
    background: #0CACE4;
    border: 1px solid #0CACE4;
    border-radius: 4px;
    height: 50px;
    .transition;
    cursor: pointer;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;

    &:hover {
      color: #0CACE4;
      background-color: #FFFFFF;
    }
  }
}

.modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}


.modal1__imgs {
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.modal__contents {
  position: relative;
}


.modal3__bot {
  background-color: #FFFFFF;
  width: 100%;
}

.modal3__top {
  padding: 30px 35px;
  display: flex;
  flex-direction: column;
  align-items: center;

  .modal3-head {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    display: flex;
    text-align: center;
    color: #FFFFFF;
  }

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    display: flex;
    text-align: center;
    color: #FFFFFF;
  }
}

.modal3__bot {
  padding: 40px 35px 50px 35px;
}

.modal3__wr {
  display: flex;
  justify-content: space-between;
}
.certificates__block{
  display: block;
}
.modal3__inputs {
  width: 250px;
}

.modal3__content {
  width: 434px;
}

.modal3__content {
  .modal3__name-text {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #0B1F35;
    display: flex;
  }

}

.modal3__text {
  width: 100%;
  position: relative;

  textarea {
    border: 1px solid rgba(133, 143, 154, 0.2);
    padding: 13px;
    width: 100%;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    color: rgba(11, 31, 53, 0.4);

    &::placeholder {
      color: rgba(11, 31, 53, 0.4);
    }
  }
}

.modal3__attach {
  position: absolute;
  bottom: 12px;
  left: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 140%;
  .transition;
  color: #0CACE4;

  svg {
    margin-right: 10px;

    path {
      .transition;
    }
  }
}

.modal3__file {
  cursor: pointer;
  position: relative;
  margin-top: 15px;
  width: 36px;
  height: 39px;
}

.modal2__file-number {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: #0CACE4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  border-radius: 50%;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #FFFFFF;
}

.modal3__politic {
  display: flex;
  align-items: center;
  justify-content: space-between;

  p {
    width: 468px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #858F9A;

    a {
      color: #0CACE4;
    }
  }

  button {
    height: 50px;
    width: 218px;
    background: #0CACE4;
    border: 1px solid #0CACE4;
    border-radius: 4px;
    cursor: pointer;
    .transition;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;

    &:hover {
      color: #0CACE4;
      background-color: #FFFFFF;
    }
  }
}

.modal3__politic {
  margin-top: 20px;
}

.modal3__text textarea:hover {
  color: #000;
  border: 1px solid #858F9A;

  &::placeholder {
    color: #000;
  }
}


.modal3__text textarea {
  .transition;

  &::placeholder {
    .transition;
  }
}

.main__btns .standart-btn:first-child {
  background-color: #0CACE4;
  color: #FFFFFF;
}

.burger-menu {
  padding: 30px;
  position: fixed;
  right: 0;
  z-index: 10001;
  top: 0;
  .transition();
  transform: translateX(100%);

  &.active {
    transform: translateX(0%);
    box-shadow: -5px 4px 50px rgba(24, 170, 226, 0.2);

  }

  bottom: 0;
  background: #F1F6FB;
  color: #0B1F35;
}

.burger__wr-block {
  border-bottom: 1px solid rgba(12, 170, 228, 0.1);
  display: flex;
  padding-bottom: 0px;
  margin-bottom: 0px;
  align-items: center;
  justify-content: space-between;

  a {

  }

  &:last-child {
    margin-bottom: 0;
    border: none;
    padding-bottom: 0;
  }
}

.burger__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-bottom: 50px;

  .burger-menu-name {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #0B1F35;
  }
}

.burger__wr-block {
  position: relative;

  span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #0B1F35;
    height: 45px;
    display: flex;
    align-items: center;

  }
}


.burger__wr-next {
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 108px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 45px;
  .ypos_ab;
  right: 0;

}

.burger-btn {
  width: 218px;
  font-size: 14px;
  padding: 18px 29px !important;
  margin-bottom: 30px;
}

.burger__blocks {
  margin-bottom: 50px;
}

.burger__social {
  display: flex;
  align-items: center;

  a {
    margin-right: 10px;

    &:last-child {
      margin-right: 0;
    }
  }
}

.main__num-wr {
  z-index: 10;
  top: 150px;
  right: 400px;
  position: absolute;
}

.main__block-num {
  background: white;
  box-shadow: 0px 20px 40px rgba(24, 170, 226, 0.1);
  border-radius: 6px;
  width: 241px;
  padding: 20px;
  position: relative;

  &::after {
    right: 37px;
    bottom: -9px;
    width: 20px;
    height: 10px;
    position: absolute;
    content: "";
    background-image: url(../imgs/icons/clean-items2.svg);
    background-position: center;
    background-repeat: no-repeat;
  }

  span {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    display: flex;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #0CACE4;
  }

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    display: flex;
    align-items: flex-end;
    color: #0B1F35;
  }
}

.main .container {
  position: relative;
}


.main__block__setting {
  position: absolute;
  right: 33px;
  top: 139px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(7.5px);
  border: 1px solid #ffffff80;
}

.main__nav {
  display: flex;
  position: absolute;
  align-items: center;
  top: 87px;

  a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #858F9A;
    .transition;

    &:hover {
      color: #0CACE4;
    }
  }

  div {
    margin: 0px 5px;
  }
}

.main__nav .active {
  color: #0CACE4;
}

.main .container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.main__info {
  flex-grow: 1;
}

.companys {
  margin-bottom: 120px;
}

.companys {
  h2 {
    margin-bottom: 50px;
  }
}

.companys__block {
  display: flex;
  margin-bottom: 50px;
  align-items: center;
  justify-content: space-between;

  &:last-child {
    margin-bottom: 0;
  }
}

.companys__block:nth-child(2n) {
  display: flex;
  flex-direction: row-reverse;
}

.companys__block-text {
  width: 607px;

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #000000;
  }
}

.companys__block-img {
  width: 530px;
  height: 300px;

  img {
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
}


.invitations {
  height: 800px;
  position: relative;
  padding-top: 115px;

  .container {
    display: flex;
    padding-bottom: 125px;
    margin-bottom: 160px;
    z-index: 10;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .modal3__bot {
    width: 794px;
  }
}

.invitations__name {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;

  h2 {
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
  }

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
    width: 792px;
  }
}


.inv-bg {
  position: absolute;
  z-index: 3;
  .pos_absc;
  height: 100%;
  width: 100%;
  object-fit: cover
}

.invitations {
  margin-bottom: 160px;
}

.comand {
  h2 {
    margin-bottom: 60px;
  }
}

.review__img-big {
  display: block;
}

.comand__blocks {
  display: flex;
  justify-content: space-between;
}

.equipment__contentin {
  display: none;
}

.review__video {
  opacity: 0.2;
  .transition();

  &.active {
    opacity: 1;
  }
}

.comand__block {

}

.main__info h1 {
  text-align: left;
}

.vacancy .vacancy__content:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.vacancy__block ul {
  padding-left: 20px;
}

.vacancy__block li {
  list-style: disc;
}

.comand__img {
  padding-top: 15px;
  margin-bottom: 20px;
  width: 100%;
  height: 144px;
  background: linear-gradient(90.15deg, #0DADE4 0.12%, rgba(13, 173, 228, 0.72) 31.95%, rgba(13, 173, 228, 0.72) 64.3%, #0DADE4 99.86%);
  border-radius: 6px;
  display: flex;
  justify-content: center;
}

.comand__info {
  h3 {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: #4F4D4D;
  }

  p {
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #858F9A;
    margin-bottom: 10px;
  }
}

.comand__profession {
  display: flex;
  margin-bottom: 8px;
  align-items: center;

  svg {
    margin-right: 8px;
    cursor: pointer;
  }

  span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: #413E3F;
  }
}

.comand__estimation {
  display: flex;
  align-items: center;
}

.comand__stars {
  display: flex;
  margin-right: 10px;
  align-items: center;
}

.comand__star {
  margin-right: 4px;

  &:last-child {
    margin-right: 0;
  }
}

.comand {
  margin-bottom: 120px;
}

.companys__block-img img {
  border-radius: 11px;

}


.navigation {
  margin-top: 50px;

  .container {
    display: flex;
    align-items: center;

    div {
      margin: 0 5px;
    }

    a {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 100%;
      color: #858F9A;
      .transition;

      &:hover {
        color: #18AAE2;
      }
    }
  }
}

.navigation .container .active {
  color: #18AAE2;
}

.prices__table table {
  width: 100%;

  tr {
    border-top: 1px solid rgba(11, 31, 53, 0.2);

    &:first-child {
      border: none;
    }
  }

  td {
    padding: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #0B1F35;
  }
}

.prices__table table tr:first-child {
  background: #F1F6FB;
  border-radius: 12px 12px 0px 0px;
}

.prices__table table td {
  border-right: 1px solid rgba(11, 31, 53, 0.2);

  &:last-child {
    border: none;
  }
}

.prices__table table tr:first-child {
  td {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #0CACE4;
    padding: 30px 20px;

    &:first-child {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 100%;
      color: #7A7A7A;
      border-radius: 12px 0px 0px 0px;
    }

    &:last-child {
      border-radius: 0px 12px 0px 0px;
    }
  }

}

.prices__table tr:nth-child(2) {
  td {
    width: 210px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #0B1F35;
  }
}

.prices__table tr td:first-child {
  width: 605px;
}

.prices__table tr {
  // border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.prices__table table tr:nth-child(2) {
  td {
    &:last-child {
      text-align: center;
    }
  }
}

.prices {
  margin-bottom: 120px;

  h2 {
    margin-bottom: 50px;
  }
}

.navigation {
  margin-bottom: 56px;
}

.prices__table {
  border: 1px solid rgba(11, 31, 53, 0.2);
  border-radius: 12px;
}

.vacancy {
  h1 {
    margin-bottom: 50px;
  }
}

.vacancy .vacancy__content:last-child {
  margin-bottom: 0;
}

.vacancy__content {
  padding-bottom: 70px;
  border-bottom: 1px solid #E4E4E4;
  margin-bottom: 70px;

  h2 {
    font-family: 'Open Sans';
    font-style: normal;
    margin-bottom: 50px;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    color: #15242E;

    span {
      color: #0CACE4;
    }
  }
}

.vacancy__block {
  margin-bottom: 50px;

  &:last-child {
    margin-bottom: 0;
  }

  h3 {
    margin-bottom: 30px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    color: #333333;
  }

  li {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #494949;
  }
}

.vacancy {
  margin-bottom: 120px;
}

.services {
  margin-bottom: 120px;

  .servis__sale {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    height: 360px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;

    .servis__num {
      h3 {
        width: 484px;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 140%;
        color: #FFFFFF;
      }
    }

    .servis__sale-img {
      width: 460px;
      right: 86px;
      bottom: 0px;
    }

    .services-item {
      bottom: auto;
      top: 0;
      right: -4px;
    }
  }

  h2 {
    margin-bottom: 50px;
  }
}

.checklist .container {
  background: #F1F6FB;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;

  h1 {
    margin-bottom: 80px;
  }

  h3 {
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #0B1F35;
  }

  p {
    margin-bottom: 30px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #0B1F35;
    margin-bottom: 30px;
  }
}

.checklist__blocks {
  margin-bottom: 25px;
  width: 870px;
  display: flex;
  justify-content: space-between;
}

.checklist__block {
  width: 410px;
  position: relative;
}

.checklist__block__img {
  height: 269px;
  width: 100%;

  img {
    border-radius: 6px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.checklist__block__item {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  .xpos_ab;
  bottom: -19px;
  background-color: #ffff;
}

.checklist__buttons {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}

.checklist__btn {
  border: 1px solid #0CACE4;
  border-radius: 4px;
  cursor: pointer;
  padding: 18px 30px;
  margin-right: 20px;
  .transition;

  span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #0B1F35;
  }

  &:hover {
    background: #0CACE4;

    span {
      color: #FFFFFF;
    }
  }

  &:last-child {
    margin-right: 0;
  }
}

.checklist__progress {
  width: 565px;
  margin-bottom: 10px;
  height: 14px;
  background: rgba(12, 170, 228, 0.2);
  border-radius: 60px;
  position: relative;

  div {
    background-image: url(../imgs/icons/line.png);
    position: absolute;
    .ypos_ab;
    width: 80%;
    z-index: 3;
    border-radius: 60px;

    height: 100%;
    background-repeat: repeat;
  }
}

.checklist__stage {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #0B1F35;
}

.checklist {
  margin-bottom: 120px;
}

.rev__blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.reviews__block {
  margin-bottom: 30px;
}

.rev {
  h2 {
    margin-bottom: 50px;
  }
}

.rev__navs {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rev__nav {
  height: 40px;
  border: 1px solid #18AAE2;
  padding: 12px;
  cursor: pointer;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  border-radius: 2px;
  line-height: 110%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #18AAE2;
  .transition;

  svg {
    path {
      .transition;

    }
  }
}

.rev__nav:hover {
  background: #35BAE8;
  color: #FFFFFF;

  svg {
    path {
      fill: #FFFFFF;

    }
  }
}

.rev__dott {
  display: flex;
  cursor: pointer;
  margin-right: 22px;
  align-items: center;

  div {
    background: #18AAE2;
    border-radius: 50%;
    margin-right: 3px;
    width: 4px;
    height: 4px;

    &:last-child {
      margin-right: 0;
    }
  }
}

.rev__nav {
  margin-right: 22px;

  &:last-child {
    margin-right: 0;
  }
}

.rev {
  margin-bottom: 120px;
}


.review .container {
  display: flex;
  justify-content: space-between;
}

.review__imgs {
  width: 590px;
  display: flex;
  flex-direction: column;
}

.review__info {
  width: 488px;
}

.review__img-big {
  height: 393px;
  margin-bottom: 30px;
  width: 100%;

  img {
    width: 100%;
    border-radius: 6px;
    height: 100%;
    object-fit: cover;
  }
}

.review__img-wr {
  display: flex;
  justify-content: space-between;
}

.review__video {
  width: 129px;
  cursor: pointer;
  position: relative;
  height: 104px;

  img {
    width: 100%;
    border-radius: 6px;
    height: 100%;
    object-fit: cover;
  }
}

.review__video-play {
  position: absolute;
  .pos_absc;
  width: 33px;
  height: 33px;
  background: #18AAE2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  img {
    width: 15px;
    object-fit: none;
  }
}

.review__img {
  opacity: 0.2;
  width: 129px;
  cursor: pointer;
  height: 104px;

  img {
    width: 100%;
    border-radius: 6px;
    height: 100%;
    object-fit: cover;
  }
}

.review__img-wr .active {
  opacity: 1;
}

.review__info-block {
  display: flex;
  align-items: center;
}

.review__info-img {
  width: 60px;
  margin-right: 30px;
  height: 60px;
  border-radius: 50%;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.review__info-content {
  span {
    margin-bottom: 8px;
    display: flex;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    color: #0CACE4;
  }
}

.review__info-sity {
  display: flex;
  align-items: center;

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    margin-right: 10px;
    color: #858F9A;
  }
}

.review__info-starts {
  display: flex;
  align-items: center;
}


.review__info-block {
  margin-bottom: 30px;
}


.review__text {
  margin-bottom: 40px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #858F9A;
}


.review__list {
  h2 {
    margin-bottom: 30px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #0B1F35;
  }
}

.review__list-blocks {
  display: flex;
  justify-content: space-between;
}

.review__list-block {
  width: 203px;

  li {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    list-style: disc;
    color: #858F9A;
  }
}

.review__list-blocks {
  padding-left: 32px;
}

.review {
  margin-bottom: 120px;
}

.review__img-big {
  position: relative;

  .rev-play {

    height: auto;
  }

  .review__video-play {
    width: 62px;
    cursor: pointer;
    height: 62px;
  }
}

.review_wr {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.checklist2 .container {
  position: relative;
  height: auto;
  padding-bottom: 53px;
}

.checklist2 {
  .invitations__name {
    margin-bottom: 0;

    h2 {
      margin-bottom: 20px;
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      text-align: center;
      font-size: 24px;
      line-height: 110%;
      color: #FFFFFF;
    }

    p {
      font-family: 'Open Sans';
      font-style: normal;
      margin-bottom: 60px;
      font-weight: 400;
      font-size: 16px;
      text-align: center;
      line-height: 140%;
      color: #FFFFFF;
    }

    h3 {
      margin-bottom: 25px;
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 38px;
      line-height: 110%;
      text-align: center;
      color: #FFFFFF;
    }
  }
}

.inv-bg2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.check__contents {
  position: relative;
  z-index: 10;
  width: 794px;
}

.modal3__bot {
  border-radius: 6px;
}

.check__wr {
  img {
    width: 100%;
  }
}

.checklist__contain {
  width: 995px;
  padding-top: 60px;
  padding-bottom: 53px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.checklist__wr-block {
  textarea {
    height: 125px;
  }

  .modal3__politic {
    p {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      margin-bottom: 0;
      line-height: 140%;
      color: #858F9A;
    }

    button {
      width: 217px;
    }
  }

  .modal3__bot {
    padding: 30px 35px 45px 35px;
  }

}

.main2 {
  h1 {
    text-align: start;
  }
}

.companys__block-text {
  h3 {
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #0B1F35;
  }
}

.sum {
  margin-bottom: 120px;

  h2 {
    margin-bottom: 50px;
  }
}

.sum__block-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;

  &:last-child {
    margin-bottom: 0;
  }
}

.sum__block {
  width: 550px;
  display: flex;
}

.sum__block__num {
  width: 26px;
  flex-shrink: 0;
  margin-right: 15px;
  height: 26px;
  border-radius: 50%;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  background: #0CACE4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 110%;
  color: #FFFFFF;
}

.sum__block-text {
  h3 {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #0B1F35;
  }

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #0B1F35;
  }
}

.sum .container {
  position: relative;
}

.sum-img {
  position: absolute;
  right: -83px;
  top: 97px
}

.equipment {
  margin-bottom: 125px;
  background: #F1F6FB;
  padding-bottom: 95px;
  padding-top: 110px;

  h2 {
    margin-bottom: 55px;
  }
}

.equipment__btns {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
  justify-content: center;
}

.equipment__btn {
  margin-right: 10px;

  &:last-child {
    margin-right: 0;
  }
}

.equipment__block {

}

.equipment__img {
  width: 100%;
  height: 174px;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}


.equipment__content {
  padding: 25px 30px;
  background: #FFFFFF;
  border-radius: 0px 0px 5px 5px;

  h3 {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: #0B1F35;
  }

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #858F9A;
  }
}

.equipment__blocks {
  display: flex;
  justify-content: space-between;
}

.cleaning__content {
  h3 {
    margin-bottom: 30px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #0B1F35;
  }
}

.cleaning__content-text {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #0B1F35;
  margin-bottom: 30px;
}

.cleaning__content__block {
  margin-bottom: 35px;
  display: flex;

  &:last-child {
    margin-bottom: 0;
  }
}

.cleaning__content-img {
  margin-right: 17px;
  flex-shrink: 0;
}

.cleaning__content-info {
  h4 {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #0B1F35;
  }

  p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #0B1F35;
  }
}

.certificates {
  h2 {
    margin-bottom: 50px;
  }
}

.certificates__blocks {
  display: flex;
}

.certificates__block {
  position: relative;
  width: 183px;
  cursor: pointer;
  height: 258px;
  .transition;

  img {
    width: 100%;
    height: 100%;
  }

  h3 {
    position: absolute;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    position: absolute;
    .pos_absc;
    text-align: center;
    text-transform: uppercase;
    color: #0CACE4;
    top: 157px;
  }

  span {
    position: absolute;
    bottom: 15px;
    .xpos_ab;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(11, 31, 53, 0.2);
  }

  &:hover {
    box-shadow: 0px 20px 40px rgba(24, 170, 226, 0.1);
  }
}

.certificates {
  margin-bottom: 120px;
}

.job__content {
  display: grid;
  // grid-template-columns: ~"1fr 1fr 1fr 1fr";
  // grid-template-rows: ~"1fr 1fr 1fr";
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.job__block {
  img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.job__block1 {
  grid-area: ~"1 / 1 / 3 / 3";
}

.job__block2 {
  grid-area: ~"1 / 3 / 2 / 4";
}

.job__block3 {
  grid-area: ~"1 / 4 / 2 / 5";
}

.job__block4 {
  grid-area: ~"2 / 3 / 3 / 4";
}

.job__block5 {
  grid-area: ~"2 / 4 / 3 / 5";
}

.job__block6 {
  grid-area: ~"3 / 1 / 4 / 2";
}

.job__block7 {
  grid-area: ~"3 / 2 / 4 / 3";
}

.job__block8 {
  grid-area: ~"3 / 3 / 4 / 4";
}

.job__block9 {
  grid-area: ~"3 / 4 / 4 / 5";
}

.job {
  h2 {
    margin-bottom: 50px;
  }
}

.job {
  margin-bottom: 120px;
}

.job__block {
  position: relative;
}

.job__block-play {
  position: absolute;
  .pos_absc;
  width: 58px;
  height: 58px;
  background: #18AAE2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  img {
    width: 27px !important;
    height: 27px !important;
    object-fit: none;
    border-radius: 0;
  }
}


.company, .equipment__blocks {
  .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4px;
    border-radius: 17px;
    max-width: 10000px;
    background-color: rgba(12, 170, 228, 0.2);
    width: 100% !important;
    margin-top: 30px;
    position: relative;

    .owl-dot {
      display: flex;
      border-radius: 17px;
      flex-grow: 1;
      width: 1px;
      height: 4px;
    }

    .owl-dot.active {
      background-color: #0CACE4;
    }

  }
}
.checklist__progress{
  margin: 0 auto;
}
.checklist__buttons{
  justify-content: center;
}
.checklist .container h3{
  text-align: center;
}
.checklist__stage{
  text-align: center;
  display: block;
  justify-content: center;
  margin-top: 10px;
}
.checklist__wr-block{
  display: flex!important;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.main .container{
  position: relative;
}
.main-bg1{
  top: 0;
  bottom: 0;
}


.services{
  margin-bottom: 50px;
}

.rev__nav.active{
  background: #35BAE8;
  border: 1px solid #1DB2E6;

  color: #FFFFFF;
}

.main__btn1{
  background: #0CACE4!important;
  color: #ffff!important;
  .transition;
  &:hover{
    background: #0088B8!important;
  }
}

.main__btn2{
  .transition;
  &:hover{
    background: #0088B8!important;
    color: #FFFFFF;
  }
}

.main__btn3{
  .transition;
  &:hover{
    background: #0088B8!important;
    color: #FFFFFF;
  }
}


.main__block{
  width: 282px;
}

.servis__btns{
  left: -12px;
  position: relative;
}


.comand__profession{
  position: relative;
}

.comand-modal{
  position: absolute;
  top: -144px;
  right: auto!important;
  left: 0;
  display: none;
  z-index: 10;
  background: rgba(255, 255, 255, 0.7);
box-shadow: 0px 20px 40px rgba(24, 170, 226, 0.1);
backdrop-filter: blur(6px);
  width: 229px;
  padding: 14px;
  border-radius: 6px;

  h3{
    margin-bottom: 8px;
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 140%;
display: flex;
align-items: flex-end;
color: rgba(11, 31, 53, 0.5);
  }
  li{
    padding-bottom: 5px;
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 160%;
display: flex;
align-items: flex-end;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: #0B1F35;
margin-bottom: 5px;
&:last-child{
  margin-bottom: 0;
  border: none;
}
  }
}

.address__wr{
  position: relative;
}

.map-item{
  position: absolute;
  display: none;
  .pos_absc;
  z-index: 10;
}

.cleaningm__nav-name{
  height: 54px;
}

.invitations {
  height: auto;
}

.header__bot .container > ul a svg{
  margin-left: 10px;
}

.checklist{
  h2{
    margin-bottom: 20px;
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 110%;
display: flex;
text-align: center;
align-items: flex-end;
color: #0B1F35;
  }
}

.address{
  h1{
    margin-bottom: 50px;
  }
}

.prices h1{
  margin-bottom: 50px;
}

.rev h1{
  margin-bottom: 50px;
}

.services h1{
  margin-bottom: 50px;
}





.main__block__setting{
  display: none;
}

.main__block-num{
  background: rgba(255, 255, 255, 0.7);
box-shadow: 0px 20px 40px rgba(24, 170, 226, 0.1);
border-radius: 6px;
}

.pryce__table{
  border: 1px solid rgba(11, 31, 53, 0.2);
  border-radius: 12px;
}

.pryce__head{
  display: flex;
  align-items: center;
}

.pryce__line{
  display: flex;
  align-items: center;
}

.pryce__head-text{
  width: 204px;
  padding: 30px 20px;
  span{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 100%;
color: #0CACE4;
  }
}

.pryce__line-text{
  width: 204px;
  padding: 20px;
  span{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #7A7A7A;
b{
  font-weight: 600;

}
  }
}

/////

.pryce__head-name{
width: 1px;
padding: 30px 20px;
flex-grow: 1;
}

.pryce__line-mame{
  padding: 20px;
  width: 1px;
  flex-grow: 1;
}

.pryce__head{
  background: #F1F6FB;
  border-radius: 12px 12px 0px 0px;
  border-bottom: 2px solid rgba(11, 31, 53, 0.2);
}

.pryce__line{
  border-bottom: 1px solid rgba(11, 31, 53, 0.2);
  &:last-child{
    margin-bottom: 0;
  }
}

.pryce__line-mame{
  border-right: 1px solid rgba(11, 31, 53, 0.2);
}

.pryce__head-name{
  border-right: 1px solid rgba(11, 31, 53, 0.2);
}

.pryce__line-text{
  border-right: 1px solid rgba(11, 31, 53, 0.2);
  &:last-child{
    border-right: 0;
  }
}

.pryce__head-text{
  border-right: 1px solid rgba(11, 31, 53, 0.2);
  &:last-child{
    border-right: 0;
  }
}

.pryce__head-name{
  display: flex;
  align-items: center;
  span{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 100%;
color: #0CACE4;
  }
}


.pryce__head-arrow{
  background: #18AAE2;
border: 1px solid #18AAE2;
border-radius: 50%;
margin-right: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
.transition;
width: 40px;
height: 40px;
svg{
  path{
    .transition;
  }
}
}

// .pryce__head{
//   height: 74px;
// }

.pryce{
  h1{
    margin-bottom: 50px;
  }
}

.pryce__head-name{
  padding: 20px;
}

.pryce__head.active{
  .pryce__head-arrow{
  border: 1px solid #18AAE2;
  transform: rotate(-180deg);
  background-color: transparent;
  svg{
    path{
      stroke: #0CACE4;
    }
  }
  }
}

.pryce__line-mame{
  span{
    
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 100%;
/* identical to box height, or 16px */


color: #7A7A7A;
  }
}

.pryce{
  margin-bottom: 120px;
}
.pryce__table{
  overflow: hidden;
}
.pryce__head{
  border-bottom: 0;
}
.pryce__parent{
  border-top: 2px solid rgba(11, 31, 53, 0.2);

}


.review__info{
  display: flex;
  flex-direction: column;
 h1{
  margin-bottom: 10px;
  font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 100%;
color: #0B1F35;
 }
}




.address__block{
  display: flex;
  align-items: center;
  margin-bottom: 30px;

  img{
    margin-bottom: 0;
    margin-right: 18px;
  }
  a{
    margin-bottom: 0;
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #0B1F35;
  }
  p{
    margin-bottom: 0;
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #0B1F35;
  }
}

.address__wr{
  height: 690px;
}

.address__content{
  top: -12px;
  width: 330px;
}
.modal-close{

  z-index: 5;
}
.reviews__img img{
  &:nth-child(1){
    .c_img;
  }
}

.reviews__content p{
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
  height: 180px;
}
.comand__img{
  padding: 0!important;
  background: transparent!important;
  img{
    .c_img;
  }
}
.header__bot .container>ul>.menu-item-has-children>a>div{
  width: 20px;
  height: 20px;
  background: transparent;
  z-index: 2;
  .ypos_ab;
  right: 0;
}

.cleaning__item{
  cursor: pointer;
  width: 10px;
  height: 10px;
border-radius: 50%;
  position: absolute;

  *{
    max-width: 1000000px;
  }
  background: #0CACE4;
  &-bottom{
    .xpos_ab;
    top: ~"calc(100% + 10px)";
    &::after {
      content: '';
      position: absolute;
      top: -23px;
      .xpos_ab;
      border: 10px solid transparent;
      border-bottom: 15px solid white;
    }
  }
  &-top{
    .xpos_ab;
    bottom: ~"calc(100% + 10px)";
    &::after {
      content: '';
      position: absolute;
      bottom: -23px;
      .xpos_ab;
      border: 10px solid transparent;
      border-top: 15px solid white;
    }
  }
  &-left{
    .ypos_ab;
    right: ~"calc(100% + 10px)";
    &::after {
      content: '';
      position: absolute;
      right: -23px;
      .ypos_ab;
      border: 10px solid transparent;
      border-left: 15px solid white;
    }
  }
  &-right{
    .ypos_ab;
    left: ~"calc(100% + 10px)";
    &::after {
      content: '';
      position: absolute;
      left: -23px;
      .ypos_ab;
      border: 10px solid transparent;
      border-right: 15px solid white;
    }
  }
}
.cleaning__content-in{
  position: absolute;background: #FFFFFF;
  border-radius: 8px;
  h3{
    font-weight: 400;
  }
  padding: 10px 15px;
  p{
    margin-top: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;display: none;
    /* or 18px */

    text-align: center;

    /* Grey Text */

    color: #858F9A;

  }
  width: 164px;/* Additional Text 120% */

  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
text-align: center;

  /* Dark blue */
//.transition();
  &.active{
    width: 390px;
p{
  display: block;
}
  }
  color: #0B1F35;
}
.cleaning__trigger{
  width: 100%;
  height: 100%;
}

.cleaning__image{
  height: auto;
}
.cleaning__navs{
  background: transparent;
  justify-content: center;
}
.header {
&-shadow{
  height: 102px;
}
}
.header{
  position: fixed;
  //background: white;
  padding-bottom: 24px;
  &.fixed{
    background: white;
  }
}
.burger-menu{
  display: none;
}
.modal3__file{
  display: none;
}
.company__block{
  min-height: 305px;
}
/**
*
  Адаптивкаfr
*
**/
@media only screen and(max-width: 1199px) {
  .burger-menu{
    display: block;
  }

  .md-show {
    display: block !important;
  }
  .cleaningm__nav-name{
    path{
      fill:white;
    }
  }


  .md-hide {
    display: none !important;
  }

  .container {
    width: 768px;
  }

  .header__burger {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .header {
    .standart-btn {
      display: none;
    }
  }

  .header__social {
    display: none;
  }

  .header__contacts-block {
    margin-right: 15px;
  }

  .header__sity span {
    font-size: 15px;
  }

  .header__bot .container {
    padding-left: 0;
  }

  .header__bot .container > ul li {
    margin-right: 20px;
  }

  .header__bot .container > ul a {
    font-size: 15px;
  }

  .header__bot .container > ul {
    margin: 0 auto;
  }

  .main {
    height: 562px;
  }

  .main .container {
    padding-top: 80px;
  }

  .main__info h1 {
    margin-bottom: 25px;
    font-size: 37px;
    line-height: 1.2;
  }

  .main__info p {
    padding-left: 18px;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 30px;
  }

  .main__btns .standart-btn {
    margin-right: 15px;
  }

  .standart-btn {
    padding: 18px 20px;
  }

  .main__info {
    width: 400px;
  }

  .main .container {
    padding-top: 80px;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    flex-direction: column;
  }

  // .main-bg {
  //   opacity: 0.9;
  // }

  .main__block {
    width: 182px;
    min-height: 70px;
    font-size: 12px;
  }

  .main {
    margin-bottom: 100px;
  }

  .servis__block {
    min-height: 270px;
    width: 100%;
  }

  .servis__sale {
    width: 100%;
    min-height: 270px;
  }

  .servis__img {
    width: 205px;
    margin-right: 63px;
  }

  .main__block {
    min-height: 65px;
  }

  .servis h2 {
    margin-bottom: 40px;
    font-size: 35px;
    line-height: 1.2;
  }

  .servis__sale-info h3 {
    font-size: 27px;
  }

  .servis__sale-info p {
    font-size: 13px;
  }

  .servis__btns {
    margin-top: 20px;
  }

  .servis {
    margin-bottom: 100px;
  }

  .company {
    padding-bottom: 30px;
    padding-top: 75px;
  }

  .company__content {
    margin-bottom: 55px;
  }

  .company__block {
    width: 252px;
    padding: 25px;
  }

  .company__block p {
    font-size: 14px;
  }

  .responsibility__img {
    width: 543px;
    height: 263px;
  }

  .responsibility__text p {
    font-size: 13px;
  }

  .cleaning__nav {
    width: 194px;
    padding: 20px;
  }

  .cleaning__nav span {
    font-size: 15px;
  }

  .cleaning__image {
    height: 560px;
  }

  .cleaning__image-block span {
    font-size: 13px;
  }

  .cleaning__image-block:nth-child(4) {
    top: 131px;
    right: 331px;
  }

  .cleaning__image-block {
    padding: 8px 13px;
  }

  .cleaning__image-block:nth-child(5) {
    top: 249px;
    right: 39px;
  }

  .cleaning__image-block:nth-child(7) {
    bottom: 78px;
    right: 174px;
  }

  .cleaning__image-block:nth-child(1) {
    bottom: 104px;
    left: 28px;
  }

  .cleaning__image-block:nth-child(3) {
    top: 253px;
    right: 583px;
  }

  .cleaning__image-block:nth-child(2) {
    top: 182px;
    left: 110px;
  }

  .cleaning__image {
    margin-bottom: 40px;
  }

  .order .container {
    padding: 60px 0px;
    padding-left: 23px;
  }

  .order {
    margin-bottom: 100px;
    height: 463px;
  }

  .order__form {
    width: 356px;
  }

  .order__block input {
    font-size: 15px;
  }

  .order__block {
    margin-bottom: 25px;
  }

  .order__form h2 {
    margin-bottom: 15px;
  }

  .cleaning-item {
    position: absolute;
    bottom: -134px;
    right: -167px;
  }

  .cleaning-people {
    right: -9px;
  }

  .text-item-clear {
    right: 17px;
    top: 32px;
    width: 142px;
  }

  .cleaning-people {
    width: 431px;
  }

  .cleaning {
    margin-bottom: 100px;
  }

  .clients .owl-next {
    right: -10px;
  }

  .clients .owl-prev {
    left: -12px;
  }

  .clients {
    margin-bottom: 100px;
  }

  .reviews__block {
    width: 370px;
    padding: 25px;
  }

  .reviews, .clients, .certificates__blocks, .comand__blocks {
    .owl-next {
      right: -14px;
    }

    .owl-prev {
      left: -23px;
    }
  }

  .reviews__content p {
    font-size: 15px;
  }

  .company-bg {
    width: 544px;
    opacity: 0.9;
  }

  .address__wr {
    height: 543px;
  }

  .address__social span {
    font-size: 16px;
    margin-bottom: 17px;
  }

  .address h1 {
    margin-bottom: 40px;
  }

  .faq__img {
    width: 410px;
    height: 378px;
  }

  .faq__name h3 {
    font-size: 16px;
    width: 324px;
  }

  .faq__blocks {
    width: 417px;
  }

  .address {
    margin-bottom: 100px;
  }

  .faq__info {
    margin-top: 23px;
    font-size: 15px;
  }

  .faq__name {
    padding-bottom: 23px;
  }

  .faq__block {
    margin-bottom: 23px;
  }

  .faq {
    margin-bottom: 100px;
  }

  .footer__top p {
    font-size: 25px;
    line-height: 1.2;
    width: 455px;
  }

  .footer {
    padding-top: 50px;
  }

  .footer__top {
    padding-bottom: 50px;
  }

  .footer__center {
    margin-top: 50px;
    flex-direction: column;
    justify-content: space-between;
  }

  .footer__logo {
    width: 209px;
    margin-bottom: 50px;
  }

  .footer__list-block {
    margin-right: 0;
  }

  .footer__list {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .footer__bot {
    padding-top: 75px;
  }

  .reviews .owl-next {
    right: -13px !important;
  }

  .reviews .owl-prev {
    left: -17px !important;
  }

  .standart-header {
    font-size: 35px;
  }

  .faq .container h2 {
    font-size: 35px;
  }

  .reviews .owl-next,
  .clients .owl-next {
    right: -15px !important;
  }

  .reviews .owl-prev,
  .clients .owl-prev {
    left: -15px !important;
  }

  .clients .owl-next {
    right: -15px !important;
  }

  .header .header__sity__btn {
    display: flex;
    padding: 15px 17px;
    font-size: 13px;
  }

  .header__sity-in {
    width: 393px;
    top: 69px;
  }

  .modal2 .modal2__block button {
    font-size: 17px;
  }

  .modal2 .modal2__block li {
    margin-bottom: 16px;
  }

  .modal3 {
    width: 720px;
  }

  .modal3__top p {
    font-size: 13px;
  }

  .modal3__top h2 {
    font-size: 23px;
  }

  .modal3__content {
    width: 366px;
  }

  .modal3__politic p {
    font-size: 11px;
    width: 407px;
  }

  .modal3__politic button {
    width: 185px;
  }

  .modal3__politic {
    margin-top: 30px;
  }

  .main__block p {
    font-size: 13px;
  }

  .burger-menu {
    width: 60%;
  }

  .main__block-num {
    width: 204px;
    padding: 15px;
  }

  .main__block-num span {
    font-size: 20px;
  }

  .main__block-num p {
    font-size: 12px;
  }

  .main__num-wr {
    top: 82px;
    right: 161px;
  }

  .main__block__setting {
    right: 37px;
    top: 256px;
    height: 70px;
    width: 70px;
  }

  .main__nav {
    position: relative;
    top: 0;
    margin-bottom: 30px;
  }

  .companys__block-text p {
    font-size: 14px;
  }

  .companys__block-text {
    width: 367px;
  }

  .companys__block-img {
    width: 353px;
    height: 261px;
  }

  .companys__block {
    margin-bottom: 40px;
  }

  .companys {
    margin-bottom: 100px;
  }

  .invitations {
    margin-bottom: 120px;
  }

  .invitations__name h2 {
    font-size: 36px;
  }

  .invitations__name p {
    font-size: 15px;
  }

  .invitations {
    padding-top: 85px;
  }

  .invitations {
    height: 767px;
  }

  .invitations .container {
    margin-bottom: 0;
  }

  .invitations {
    margin-bottom: 100px;
  }

  .invitations {
    height: auto;
  }

  .invitations .container {
    padding-bottom: 90px;
  }

  .prices__table tr td:first-child {
    width: 293px;
  }

  .prices__table table tr:first-child td {
    padding: 22px 15px;
    font-size: 13px;
  }

  .prices__table tr:nth-child(2) td {
    font-size: 15px;
  }

  .prices__table table td {
    font-size: 15px;
  }

  .prices {
    margin-bottom: 100px;
  }

  .prices__table {
    overflow-x: scroll;
  }

  .vacancy__content h2 {
    font-size: 26px;
  }

  .vacancy__block h3 {
    font-size: 24px;
  }

  .vacancy__block li {
    font-size: 16px;
  }

  .vacancy__content {
    padding-bottom: 60px;

    margin-bottom: 60px;
  }

  .vacancy {
    margin-bottom: 100px;
  }

  .services .servis__sale .servis__sale-img {
    width: 389px;
    right: 0;
    bottom: 0px;
  }

  .services .servis__sale .services-item {
    bottom: auto;
    top: 5px;
    width: 445px;
    right: -82px;
  }

  .services .servis__sale .servis__num h3 {
    font-size: 27px;
    width: 454px;
  }

  .services .servis__sale {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .services {
    margin-bottom: 100px;
  }

  .checklist .container h2 {
    margin-bottom: 50px;
    font-size: 32px;
  }

  .checklist .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .checklist__block {
    width: 360px;
  }

  .checklist__block__img {
    height: 235px;
  }

  .checklist .container h3 {
    font-size: 22px;
    text-align: center;
  }

  .checklist .container p {
    font-size: 16px;
  }

  .checklist__btn {
    padding: 14px 26px;
  }

  .checklist__buttons {
    margin-bottom: 40px;
  }

  .checklist {
    margin-bottom: 100px;
  }

  .review .container {
    flex-direction: column;
  }

  .review__info-mob {
    display: flex !important;
  }

  .review_wr {
    flex-direction: column;
  }

  .review__imgs {
    width: 100%;
  }

  .review__video {
    width: 150px;
  }

  .review__img {
    width: 150px;
  }

  .review__img-big {
    margin-bottom: 20px;
  }

  .review__info {
    width: 100%;
  }

  .review__imgs {
    margin-bottom: 30px;
  }

  .review__text {
    font-size: 15px;
    margin-bottom: 30px;
  }

  .review__list-blocks {
    justify-content: flex-start;
  }

  .review__list-block {
    margin-right: 40px;

    &:last-child {
      margin-right: 0;
    }
  }

  .review {
    margin-bottom: 100px;
  }

  .check__contents {
    width: 683px;
  }

  .checklist .container h2 {
    margin-bottom: 40px;
    font-size: 28px;
  }

  .checklist .container p {
    font-size: 15px;
    margin-bottom: 50px;
  }

  .checklist2 .modal3__content {
    width: 338px;
  }

  .checklist2 {
    .modal3__politic p {
      margin-bottom: 0;
    }
  }

  .checklist .container p {
    font-size: 13px;
  }

  .sum-img {
    display: none;
  }

  .sum__block {
    width: 100%;
  }

  .sum {
    margin-bottom: 100px;
  }

  .equipment {
    padding-bottom: 90px;
    padding-top: 90px;
    margin-bottom: 100px;
  }

  .equipment h2 {
    margin-bottom: 40px;
  }

  .cleaning__content h3 {
    margin-bottom: 20px;
  }

  .cleaning__content-text {
    font-size: 16px;
  }

  .cleaning__content-info p {
    font-size: 14px;
  }

  .certificates h2 {
    margin-bottom: 40px;
  }

  .certificates {
    margin-bottom: 100px;
  }

  .comand {
    margin-bottom: 100px;
  }

  .job {
    margin-bottom: 100px;
  }
  .services {
    margin-bottom: 40px;
}
.main-bg1 {
  position: absolute;
  height: 100%;
  width: 700px;
  object-fit: cover;
  left: 223px;
}
.main-shadow{
  width: 1116px;
}
.checklist .container h1 {
  margin-bottom: 80px;
}
.checklist .container h2{
  margin-bottom: 22px;
}
.checklist .container p{
  margin-bottom: 40px;
}
.main2 .main-bg1 {
  left: 372px;
  width: 525px;
}
.main2 .main-bg1 {
    left: 243px;
    width: 646px;
}
.pryce__head-text{
  width: 156px;
  padding: 20px 15px;
}
.pryce__line-text{
  width: 156px;
  padding: 20px 15px;
}
.pryce__head-name {
  padding: 15px;
}
.pryce__head-arrow{
  width: 35px;
  height: 35px;
}
.pryce__line-text span{
  font-size: 15px;
}
.pryce__line-mame span{
  font-size: 15px;
}
.pryce__head-text span{
  line-height: normal;
}
.pryce{
  margin-bottom: 80px;
}
.address__block{
  margin-bottom: 20px;
}
.address__content button{
  margin-bottom: 20px;
}
.address__wr {
  height: 630px;
}
}


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

  .xs-show {
    display: block !important;
  }

  .checklist__stage{
    margin-top: 0;
  }
  .checklist .container p{
    margin-bottom: 30px;
  }
  .checklist__buttons{
    margin-bottom: 30px;
  }
  .xs-hide {
    display: none !important;
  }

  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .job__content {
    grid-template-rows: repeat(2, 1fr) !important;

  }

  [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container {
    width: 360px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .header__sity {
    display: none;
  }

  .header__contacts {
    display: none;
  }

  .header__logo {
    margin-right: 0;
    width: 156px;
  }

  .header__contacts__m {
    display: flex;
    margin-right: 20px;
    align-items: center;

    a {
      margin-right: 10px;

      &:last-child {
        margin-right: 0;
      }
    }
  }

  .header__bot {
    display: none;
  }

  .main {
    background: #F1F6FB;
  }

  .main-bgm {

  }

  .main__blocks {
    display: none;
  }

  .main__info h1 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1.2;
  }

  .main {
    height: auto;
  }

  .main__btns {
    margin-top: -37px;
    flex-direction: column;
    width: 100%;

    .standart-btn {
      width: 100%;
      margin-bottom: 12px;

      &:last-child {
        margin-bottom: 0;
      }

      &:first-child {
        background: #0CACE4;
        color: #FFFFFF;
      }
    }
  }

  .main__btns .standart-btn {
    margin-right: 0;
  }

  .main {
    margin-bottom: 88px;
  }

  .servis h2 {
    margin-bottom: 30px;
    font-size: 29px;
  }

  .servis__block {
    min-height: auto;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 40px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .servis__img {
    margin-right: 0;
    margin-bottom: 40px;
  }

  .servis__content p {
    font-size: 13px;
  }

  .standart-btn {
    padding: 18px 30px;
  }

  .servis__sale-info {
    justify-content: stretch;
  }

  .servis__sale {
    height: 410px;
  }

  .servis__sale-img {
    bottom: -13px;
    right: 0;
    width: 275px;
  }

  .servis__num {
    margin-bottom: 20px;
  }

  .servis__btns {
    flex-direction: column;
  }

  .servis__btns .standart-btn {
    margin-right: 0;
  }

  .servis__btns .standart-btn {
    width: 100%;
    margin-bottom: 15px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .company-bg {
    position: relative;
  }

  .company {
    padding-top: 0;
  }

  .standart-header {
    font-size: 29px;
    margin-bottom: 20px;
  }

  .company__content p {
    font-size: 14px;
  }

  .company__btns .standart-btn {
    width: 100%;
  }

  .company__content {
    width: 100%;
  }

  .company__btns {
    width: 100%;
  }

  .company__block {
    width: 178px;
    padding: 20px;
  }

  .company__block h3 {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 110%;
  }

  .company__block p {
    font-size: 12px;
  }

  .company__block img {
    margin-bottom: 15px;
  }

  .responsibility__block {
    flex-direction: column;
    width: 100%;
  }

  .responsibility__text {
    left: 0;
    width: 100%;
  }

  .responsibility__img img {
    border-radius: 12px 12px 0px 0px;
  }

  .responsibility__text {
    border: 1px solid #F1F6FB;
    border-radius: 0px 0px 12px 12px;
  }

  .responsibility__text h3 {
    font-size: 16px;
  }

  .responsibility__img {
    width: 100%;
    height: 212px;
  }

  .responsibility {
    margin-bottom: 60px;
  }

  .cleaning__image {
    height: 225px;
  }

  .cleaning__text {
    h3 {
      margin-bottom: 10px;
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 120%;
      color: #18AAE2;
    }

    p {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 150%;
      color: #858F9A;
    }
  }

  .cleaning__text {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .cleanin__btns {
    flex-direction: column;
  }

  .cleanin__btns .standart-btn {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 15px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .cleaning {
    margin-bottom: 60px;
  }

  .order .container {
    padding: 30px 0px;
    padding-left: 0;
  }

  .order {
    height: auto;
  }

  .cleaning-people {
    right: 0;
    position: relative;
  }

  .cleaning-item {
    position: absolute;
    bottom: auto;
    right: 0;
    width: auto;
    top: 0;
  }

  .cleaning-people {
    width: 322px;
  }

  .order__form {
    width: 335px;
    margin: 0 auto;
    padding: 25px;
  }

  .order__form p {
    font-size: 13px;
  }

  .text-item-clear {
    top: 17px;
  }

  .order {
    margin-bottom: 60px;
  }

  .clients .owl-dots {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;

    .owl-dot {
      border-radius: 50%;
      border: 1px solid #18AAE2;
      width: 6px;
      height: 6px;
      margin-right: 10px;

      &:last-child {
        margin-right: 0;
      }
    }

    .owl-dot.active {
      width: 10px;
      height: 10px;
      background: #18AAE2;
    }
  }

  .reviews .owl-dots {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;

    .owl-dot {
      border-radius: 50%;
      border: 1px solid #18AAE2;
      width: 6px;
      height: 6px;
      margin-right: 10px;

      &:last-child {
        margin-right: 0;
      }
    }

    .owl-dot.active {
      width: 10px;
      height: 10px;
      background: #18AAE2;
    }
  }

  .servis .owl-dots {
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;

    .owl-dot {
      border-radius: 50%;
      border: 1px solid #18AAE2;
      width: 6px;
      height: 6px;
      margin-right: 10px;

      &:last-child {
        margin-right: 0;
      }
    }

    .owl-dot.active {
      width: 10px;
      height: 10px;
      background: #18AAE2;
    }
  }

  .clients {
    margin-bottom: 60px;
  }

  .reviews h2 {
    margin-bottom: 30px;
  }

  .reviews__block {
    width: 100%;
    padding: 20px;
  }

  .reviews__sity {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
  }

  .reviews__name .reviews__people-name {
    margin-bottom: 7px;
  }

  .reviews__sity span {
    margin-bottom: 7px;
    margin-right: 0;
  }

  .reviews__info-img {
    margin-right: 15px;
  }

  .reviews__content p {
    font-size: 14px;
  }

  .reviews__img {
    width: 90px;
    height: 89px;
  }

  .reviews {
    margin-bottom: 60px;
  }

  .address .container iframe {
    position: relative !important;
  }

  .address__wr {
    height: auto !important;
    padding: 0;
  }

  .address .container iframe {
    height: 327px;
  }

  .address .address__content {
    position: relative;
    margin-top: 30px;
    padding: 0;
    width: 100%;
    z-index: 5;
  }

  .address__social {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
  }

  .faq__wr {
    flex-direction: column-reverse;
  }

  .faq .container h2 {
    font-size: 32px;
    margin-bottom: 30px;
    text-align: center;
  }

  .faq__img img {
    height: 250px;
  }

  .faq__img {
    height: auto;
    border-bottom: 1px solid rgba(24, 169, 226, 0.2);
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .faq__info {
    margin-top: 15px;
    font-size: 14px;
  }

  .faq__name h3 {
    font-size: 15px;
  }

  .faq__name svg {
    width: 20px;
  }

  .faq {
    margin-bottom: 60px;
  }

  .footer__logo {
    display: none;
  }

  .footer__top {
    padding-bottom: 50px;
    flex-direction: column;
    align-items: flex-start;

    img {
      margin-bottom: 30px;
    }
  }

  .footer__top p {
    font-size: 18px;
    line-height: 1.2;
    width: 100%;
    margin-bottom: 40px;
  }

  .footer__top a {
    width: 100%;
  }

  .footer__list {
    flex-direction: column;
  }

  .footer__list-block {
    margin-bottom: 40px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .footer__bot {
    padding-top: 60px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__bot a {
    margin-bottom: 20px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .company__blocks {
    width: 180px !important;
    margin: 0 auto;
  }

  .company__block {
    width: 100%;
  }

  .company__blocks .owl-item {
    opacity: 1 !important;
  }

  .clients__blocks {
    .owl-item {
      opacity: 1
    }
  }

  .cleaning__navs {
    overflow-x: auto;

  }

  .cleaning__nav {
    flex-shrink: 0;
    max-width: 200px;
  }

  .servis {
    margin-bottom: 60px;
  }

  .address {
    margin-bottom: 60px;
  }

  .company .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4px;
    border-radius: 17px;
    max-width: 10000px;
    background-color: rgba(12, 170, 228, 0.2);
    left: -81px;
    width: 338px !important;
    margin-top: 30px;
    position: relative;

    .owl-dot {
      display: flex;
      border-radius: 17px;
      flex-grow: 1;
      width: 1px;
      height: 4px;
    }

    .owl-dot.active {
      background-color: #0CACE4;
    }

  }

  .company {
    margin-bottom: 60px;
  }

  .header__sity-in {
    width: 346px;
    top: 64px;
    left: 15px;
  }

  .header__sity-in {
    span {
      font-size: 18px;
    }
  }

  .header .header__sity__btn {
    display: flex;
    padding: 15px 16px;
    font-size: 14px;
  }

  .header__sity__btn {
    margin-right: 10px;
  }

  .header__sity-in p {
    width: 100%;
  }

  .modal1 .modal__contents {
    flex-direction: column;
  }

  .modal1__imgs {
    display: none;
  }

  .modal1__imgsm {
    width: 100%;
    height: 211px;

    img {
      object-fit: cover;
      height: 100%;
      width: 100%;
    }
  }

  .modal1__content {
    width: 100%;
    padding: 30px 40px;
  }

  .modal1 {
    width: 335px;
  }

  .modal1 .modal-close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    top: -14px;
    right: -14px;
    align-items: center;
    border: 1px solid #18AAE2;
    justify-content: center;
    background-color: #FFFFFF;
    cursor: pointer;

    svg {
      path {
        fill: #18AAE2;
      }
    }
  }

  .modal2 {
    top: 0;
    transform: none;
    left: 0;
    padding: 40px;
  }

  .modal2 .modal__contents h2 {
    text-align: start;
  }

  .modal2 .modal__contents {
    align-items: start;
  }

  .modal2 .modal2__block a {
    font-size: 14px;
    font-weight: 400px;
  }

  .modal-close {
    top: 9px;
    right: -9px;
  }

  .modal3 {
    display: block;
    top: auto;
    bottom: 0;
    transform: none;
    left: 0;
  }

  .modal3__top .modal3-head {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .modal3__top p {
    font-size: 14px;
  }

  .modal3 {
    border-radius: 0;

    .modal-close {
      top: 18px;
      right: 17px;
    }
  }

  .modal3__top {
    padding: 30px 20px;
  }

  .modal3__bot {
    flex-direction: column;
    display: flex;
  }

  .modal3__wr {
    flex-direction: column;
    display: flex;
  }

  .modal3 {
    display: block;
    overflow-y: auto;
    padding-bottom: 30px;
    height: 90%;
  }

  .modal3__bot {
    padding: 30px 15px;
    width: 335px;
    margin: 0 auto;
  }

  .modal3__inputs {
    width: 100%;
  }

  .modal3__content .modal3__name-text {
    margin-bottom: 20px;
  }

  .modal3__politic {
    flex-direction: column-reverse;
  }

  .modal3__politic button {
    width: 100%;
    margin-bottom: 20px;
  }

  .modal2 {
    overflow-y: auto;
    height: 60%;
  }

  .main-bgm {
    max-width: 10000px;
    left: -17px;
    position: relative;
  }

  .main__btns {
    position: relative;
  }

  .servis__content {
    width: 100%;
  }

  .servis__block {
    padding-right: 20px;
    padding-left: 20px;
  }

  .faq__name:hover {
    svg {
      path {
        stroke: #ffff;
      }

      circle {
        fill: #0CACE4;
      }
    }
  }

  .cleaningm {
    margin-bottom: 30px;
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
  }

  .cleaningm-name {
    width: 131px;

    span {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 140%;
      color: #858F9A;
    }
  }

  .cleaningm__navs {
    display: flex;
    width: 178px;
    flex-direction: column;
  }

  .cleaningm__nav-name {
    display: flex;
    align-items: center;
    border-radius: 4px;
    background: #18AAE2;
    border: 1px solid #18AAE2;
    justify-content: center;
    padding: 12px 16px;
  }

  .cleaningm__nav-next {
    display: flex;

    span {
      font-family: 'Open Sans';
      font-style: normal;
      line-height: 100%;
      font-weight: 600;
      font-size: 14px;
      align-items: center;
      display: flex;
      margin-right: 5px;
      margin-left: 10px;
      text-align: center;
      color: #FFFFFF;
    }
  }

  .cleaningm__nav-name svg {
    flex-shrink: 0;
  }

  .cleaningm__nav-block {
    min-height: 50px;
    padding: 12px 16px;
    align-items: center;
    justify-content: center;
    display: flex;
    background-color: #FFFFFF;
    border: 1px solid #18AAE2;
    width: 100%;

    span {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 100%;
      color: #858F9A;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
  }

  .cleaningm__nav-block:first-child {
    border-radius: 4px 4px 0px 0px;
  }

  .cleaningm__nav-block:last-child {
    border-radius: 0px 0px 4px 4px;
  }

  .burger-menu {
    width: 85%;
  }

  .main2 {
    .main-bgm {
      left: auto;
      right: -129px;
      top: -6px;
    }
  }


  .main__block__setting {
    right: auto;
    top: auto;
    bottom: 181px;
    left: 129px;
    height: 41px;
    backdrop-filter: blur(7.5px);
    width: 41px;
    background: rgba(255, 255, 255, 0.4);

    img {
      width: 16px;
    }
  }

  .main__nav {
    margin-bottom: 20px;
  }

  .main__block-num {
    width: 166px;
    padding: 10px;
  }

  .main__block-num span {
    font-size: 12px;
    margin-bottom: 5px;
  }

  .main__block-num p {
    font-size: 10px;
  }

  .main__num-wr {
    top: auto;
    right: auto;
    bottom: 238px;
    left: 32px;
  }

  .main2 {
    margin-bottom: 60px;
  }

  .companys {
    .standart-header {
      margin-bottom: 30px;
      font-size: 28px;
      text-align: start;
    }
  }

  .companys__block {
    flex-direction: column-reverse;
  }

  .companys__block-img {
    width: 100%;
    height: 189px;
    margin-bottom: 20px;
  }

  .companys__block-text {
    width: 100%;

    p {
      font-size: 16px;
    }
  }

  .companys__block:nth-child(2n) {
    flex-direction: column-reverse;
  }

  .companys {
    margin-bottom: 60px;
  }

  .invitations {
    margin-bottom: 60px;
    height: auto;
  }

  .invitations .container {
    padding-bottom: 30px;
  }

  .comand {
    margin-bottom: 60px;
  }

  .prices__table table tr:first-child td:first-child {
    padding: 20px;
    width: 80px;
    font-size: 13px;
  }

  .prices__table table tr:first-child td {
    width: 130px;
  }

  .prices__table table {
    width: 583px;
    max-width: 100000px;
  }

  .prices__table table tr:first-child td {
    width: 276px;
  }

  .prices {
    margin-bottom: 90px;
  }

  .prices__table table td {
    text-align: center;
  }

  .navigation {
    margin-bottom: 40px;
    margin-top: 4px;
  }

  .vacancy__content h2 {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .vacancy__block h3 {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .vacancy__block li {
    font-size: 14px;
  }

  .vacancy__block {
    margin-bottom: 30px;
  }

  .vacancy h1 {
    margin-bottom: 30px;
  }

  .vacancy__content {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }

  .vacancy {
    margin-bottom: 60px;
  }

  .services .servis__sale {
    flex-direction: column-reverse;
  }

  .services .servis__sale .servis__sale-img {
    width: 202px;
    right: auto;
    margin-bottom: 40px;
    position: relative;
    bottom: auto;
  }

  .services .servis__sale {
    height: auto;
    padding: 20px;
    padding-bottom: 33px;

    .servis__btn {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }

  .services .servis__sale .services-item {
    right: 0;
  }

  .services .servis__sale .servis__num h3 {
    font-size: 16px;
    width: 100%;
    margin-bottom: 25px;
  }

  .services .servis__num {
    margin-bottom: 45px;
  }

  .services .servis__sale {
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .checklist .container h2 {
    margin-bottom: 40px;
    font-size: 26px;
  }

  .checklist__block {
    width: 138px;
  }

  .checklist__block__img {
    height: 110px;
  }

  .checklist__blocks {
    width: 295px;
    margin-bottom: 50px;
  }

  .checklist .container h3 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    width: 313px;
  }

  .checklist .container p {
    text-align: center;
    font-size: 14px;
  }

  .checklist__progress {
    width: 267px;
    margin-bottom: 30px;
  }

  .checklist .container {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .checklist {
    margin-bottom: 60px;
  }

  .rev h2 {
    margin-bottom: 30px;
  }

  .rev {
    margin-bottom: 60px;
  }

  .rev__btn {
    width: 100%;
  }

  .review__info-img {
    margin-right: 15px;
  }

  .review__img-big {
    height: 215px;
  }

  .review__img-big .review__video-play {
    width: 35px;
    cursor: pointer;
    height: 35px;
  }

  .review__video-play img {
    width: 19px;
    border-radius: 0;
  }

  .review__img {
    width: 70px;
    height: 55px;
  }

  .review__video {
    width: 70px;
    height: 55px;
  }

  .review__video .review__video-play {
    width: 29px;
    height: 29px;

    img {
      width: 13px;
    }
  }

  .review__img-big {
    margin-bottom: 13px;
  }

  .review__info-sity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .review__info-sity p {
    margin-right: 0;
    margin-bottom: 7px;
  }

  .review__text {
    font-size: 14px;
  }

  .review__list-block li {
    font-size: 14px;
  }

  .review__list-blocks {
    padding-left: 18px;
  }

  .review__list-block {
    width: 150px;
  }

  .review {
    margin-bottom: 60px;
  }

  .inv-bgm2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }

  .checklist .container h2 {
    margin-bottom: 20px;
    font-size: 16px;
    width: 252px;
  }

  .checklist .container p {
    width: 251px;
  }

  .check__contents {
    width: 305px;
  }

  .checklist .container h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    width: 313px;
  }

  .checklist__wr-block .modal3__bot {
    padding: 30px 20px;
  }

  .checklist2 .checklist__wr-block .modal3__politic button {
    width: 100%;
  }

  .checklist .container .modal3__politic p {
    text-align: start;
    font-size: 12px;
  }

  .checklist__contain {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .main__info h1 {
    text-align: start;
  }

  .main {
    margin-bottom: 60px;
  }

  .companys__block-text h3 {
    font-size: 19px;
  }

  .companys__block-text h3 {
    font-size: 16px;
  }

  .companys__block-text p {
    font-size: 14px;
  }

  .sum__block-line {
    flex-direction: column;

    .sum__block {
      margin-bottom: 30px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  .sum__block-line {
    margin-bottom: 30px;
  }

  .sum h2 {
    margin-bottom: 12px;
  }

  .sum-m {
    margin-bottom: 40px;
  }

  .prices {
    margin-bottom: 60px;
  }

  .sum {
    margin-bottom: 60px;
  }

  .equipment {
    padding-bottom: 60px;
    padding-top: 60px;
    margin-bottom: 30px;
  }

  .equipment .standart-btn {
    padding: 18px 19px;
  }

  .equipment h2 {
    margin-bottom: 30px;
    font-size: 26px;
  }

  .equipment__btns {
    margin-bottom: 20px;
  }

  .equipment__content h3 {
    font-size: 16px;
  }

  .equipment__content p {
    font-size: 12px;
  }

  .cleaning2 .cleaningm {
    display: none !important;
  }

  .cleaning2__btn {
    margin-bottom: 53px;
  }

  .cleaning__content h3 {
    font-size: 26px;
  }

  .cleaning__content-text {
    font-size: 14px;
  }

  .certificates__block {
    width: 159px;
    height: 224px;
  }

  .certificates__block h3 {
    top: 130px;
  }

  .job__content {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .job__block1 {
    grid-area: ~"1 / 1 / 3 / 4";
  }

  .job__block2 {
    grid-area: ~"3 / 1 / 4 / 2";
  }

  .job__block3 {
    grid-area: ~"3 / 2 / 4 / 3";
  }

  .job__block4 {
    grid-area: ~"3 / 3 / 4 / 4";
  }

  .job__block5 {
    grid-area: ~"4 / 1 / 5 / 2";
  }

  .job__block6 {
    grid-area: ~"4 / 2 / 5 / 3";
  }

  .job__block7 {
    grid-area: ~"4 / 3 / 5 / 4";
  }

  .job__block8 {
    grid-area: ~"5 / 1 / 6 / 2";
  }

  .job__block9 {
    grid-area: ~"5 / 2 / 6 / 3";
  }

  .job {
    margin-bottom: 60px;
  }

  .invitations {
    padding-top: 40px;
  }

  .invitations__name h2 {
    font-size: 26px;
  }

  .invitations__name {
    margin-bottom: 30px;
  }

  .invitations__name p {
    font-size: 14px;
  }

  .invitations {
    position: relative;

    .inv-bgm {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
  }

  .comand h2 {
    margin-bottom: 30px;
  }

  .rev__btn {
    display: flex !important;
  }

  .main__info h1 {
    text-align: start;
  }

  .cleaning2__btn {
    display: flex !important;
  }

  .cleaning__nav{
    padding: 12px 16px;

    width: 100%;
    border-radius: 0;
    svg{
      width: 14px;
    }
  }
  .cleaning__nav:first-child,.cleaning__nav:last-child{
    border-radius: 0;
  }
  .cleaning__nav::after{display: none}

  .cleaningm__nav-blocks{
    position: absolute;
    left: 0px;
    right: 0;
    top: 100%;
  }
  .cleaningm__navs{
    position: relative;
  }
  .services {
    margin-bottom: 30px;
}
.main-bgm{
  &-parent{
    position: relative;
    &::after{
      background: linear-gradient(180deg, #F1F6FB 0%, rgba(241, 246, 251, 0) 10.47%, rgba(241, 246, 251, 0) 90.28%, #F1F6FB 100%), radial-gradient(50.13% 110.95% at 49.87% 50%, rgba(241, 246, 251, 0) 0%, rgba(241, 246, 251, 0) 58.82%, #F1F6FB 100%);
      top: 0;
      width: 425px;
      left: -44px;
content: "";
      position: absolute;
      height: 100%;

    }
  }
  max-width: 10000px;
    left: -44px;
    width: 425px;
    position: relative;
}
.comand-modal{
  right: 14px;
}
.comand .owl-dots{
  display: flex;
    align-items: center;
    justify-content: center;
    height: 4px;
    border-radius: 17px;
    max-width: 10000px;
    background-color: rgba(12, 170, 228, 0.2);
    
    width: 100% !important;
    margin-top: 30px;
    position: relative;
}

.comand .owl-dots .owl-dot {
  display: flex;
  border-radius: 17px;
  flex-grow: 1;
  width: 1px;
  height: 4px;
}
.comand .owl-dots .owl-dot.active {
  background-color: #0CACE4;
}
.comand .comand__blocks{
  margin: 0 auto!important;
  width: 285px!important;
  .owl-item{
    opacity: 1;
  }
  .owl-stage-outer{
    overflow: visible!important;
  }
}

.equipment .equipment__blocks{
  margin: 0 auto!important;
  width: 275px!important;
  .owl-item{
    opacity: 1;
  }
  .owl-stage-outer{
    overflow: visible!important;
  }
}
.main-bgmst{
  width: auto;
}
.comand__block{
  width: 100%!important;
}
.reviews .owl-dots{
  margin-top: 0;
}
.equipment__content{
  padding: 30px 10px 20px 10px;
}
.equipment__content h3{
 br{
  display: none;
 }
}
.certificates .owl-dots .owl-dot {
  border-radius: 50%;
  border: 1px solid #18AAE2;
  width: 6px;
  height: 6px;
  margin-right: 10px;
}
.certificates .owl-dots {
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.certificates .owl-dots .owl-dot {
  border-radius: 50%;
  border: 1px solid #18AAE2;
  width: 6px;
  height: 6px;
  margin-right: 10px;
}
.certificates .owl-dots .owl-dot.active {
  width: 10px;
  height: 10px;
  background: #18AAE2;
}
.certificates .owl-dots{
  margin-top: 40px;
}
.vacancy__block ul {
  padding-left: 27px;
}
.faq__img{
  width: 100%;
}
.checklist .container h1 {
  margin-bottom: 45px;
}
.prices h1 {
  margin-bottom: 30px;
}
.rev h1 {
  margin-bottom: 30px;
}
.services h1{
  margin-bottom: 30px;
}
.main2 .main-bgm{
  max-width: 10000px;
    left: -44px;
    width: 425px;
    position: relative;
}
.main__block-num{
  top: -45px;
  left: -16px;
}
.pryce__table{
  width: 702px;
  max-width: 100000px;
}
.pryce-wr{
  overflow-x: scroll;
}
.pryce{
  margin-bottom: 50px;
}
.review__info h1{
  font-size: 16px;
}
.review__imgs {
  margin-bottom: 20px;
}
.address__social {
  display: flex;
  flex-direction: column;
  margin: 0;
  justify-content: flex-start;
  align-items: flex-start;
}
.burger-menu .header__sity{
display: flex;
  position: static;
  .header__sity-in{
    left: 30px;
    right: 30px;
    width: auto;
    transform: none;
    padding: 15px;
  }
  .header__sity__link{
    display: block;
  }
  .header__sity__btn{
    width: 100%;
    margin-right: 0;
    padding: 10px 15px;
    text-align: center;
    margin-bottom: 10px;
  }

}
  .header__sity-in p{
    font-size: 10px;

  }
  .burger-menu .header__sity .header__sity__link{
    margin-bottom: 0;
  }
  .cleaning__content-in{
    display: none;
    p{
      display: none;
    }
  }
  .cleaning__image{
    width: 100%;
    height: auto;
  }
  .cleaning__item{
    width: 12px;
    height: 12px;      .transition();

    &.active{
      outline: 5px solid #18AAE2;

      &::after{
        opacity: 0;
      }
    }
    &::after{
      .transition();
      content: "";
      background: #18AAE2;
      .pos_absc;
      width: 6px;
      height: 6px;
      border-radius: 50%;
    }

    background: #FFFFFF;
    border: 1px solid #18AAE2;
  }
  .cleaningm__navs{
    z-index: 6;
  }
  .cleaning__item.active{
    .cleaning__content-in{
      display: block;
      width: auto;
      p{
        display: none;
      }
    }
  }
  .main__nav div{
    display: inline-block;
  }
  .main__nav{
    display: block;
  }
  .certificates__block{
    width: 140px;
  }
  .main__nav a{
    font-size: 10px;
  }
}



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

}


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

}


/**
*
  Owl Carousel
*
**/
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}