@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

/**
*
  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;
  }

}


/**
*
  Общие классы
*
**/
.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;
}


.crazy-style {
  button, .hproduct-btn {
    cursor: pointer;
  }

  * {
    max-width: 100%;
    box-sizing: border-box;
    outline: none;
    padding: 0;
    margin: 0;
  }


  .d7 {
    position: relative;

    &-map {
      width: 100%;
      height: 100%;
    }
  }

  a {
    color: inherit;
  }

  .wrap {
    width: 1740px;
    margin: 0 auto;
  }

  .footer {
    &-socs {
      display: flex;
      align-items: center;
      justify-content: center;

      a {
        margin: 0 15px;
      }
    }

    padding: 0;
    padding-top: 40px;

    &-copy {
      padding: 25px 0;
      margin-top: 80px;
      border-top: 3px solid #5d7dbb;;
      color: #ffffff;
      font-family: Ubuntu;
      font-size: 16px;
      font-weight: 400;
      font-style: normal;
      text-align: center;
      letter-spacing: normal;
      line-height: 23.18px;
      /* Text style for "©, 2021 Co" */
      font-style: normal;
      letter-spacing: normal;
      line-height: normal;
    }

    &-first {
      .footer-content {
        display: flex;

        flex-direction: column;
        align-items: center;
      }
    }

    &-tel {
      img {
        margin-right: 20px;
      }

      display: flex;
      color: #ffffff;
      font-family: Roboto;
      font-size: 28px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      /* Text style for "8 (495) 15" */
      font-style: normal;
      letter-spacing: normal;
      line-height: normal;
      align-items: center;
      justify-content: center;
    }

    &-socs {
      margin: 40px 0;
    }

    &-btn {
      color: #ffffff;
      font-family: Roboto;
      font-size: 20px;
      font-weight: 400;
      font-style: normal;
      letter-spacing: normal;
      line-height: 41.63px;
      text-align: left;
      /* Text style for "Быстрый по" */
      font-style: normal;
      letter-spacing: 0.98px;
      line-height: normal;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      cursor: pointer;
      height: 67px;
      border-radius: 14px;
      border: 1px solid #ffffff;
    }

    &-last {
      .footer-content {

        a {
          display: block;
          color: #ffffff;
          font-family: Ubuntu;
          font-size: 20px;
          font-weight: 400;
          font-style: normal;
          letter-spacing: normal;
          text-align: center;
          margin-bottom: 25px;
          text-decoration: underline;
          text-transform: uppercase;
          /* Text style for "Портфолио" */
          font-style: normal;
          letter-spacing: normal;
          line-height: normal;
        }
      }

    }

    background-color: #004b90;

    .wrap {

    }

    &-content {
      flex-grow: 1;

      ul {
        width: 100%;
      }

      margin-bottom: 70px;

      li {
        position: relative;
        padding-left: 25px;
        color: #ffffff;
        font-family: Ubuntu;
        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        text-align: left;
        text-transform: uppercase;
        /* Text style for "Резервуары" */
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;
        margin-bottom: 15px;

        &::after {
          content: ">";
          color: #ffffff;
          font-family: Ubuntu;
          font-size: 24px;
          font-weight: 400;
          font-style: normal;
          letter-spacing: normal;
          line-height: 45px;
          text-align: left;
          text-transform: uppercase;
          /* Text style for ">  , >  ," */
          font-style: normal;
          letter-spacing: normal;
          line-height: normal;
          .ypos_ab;
          left: 0;
        }
      }
    }

    &-subttl {
      color: #ffffff;
      font-family: Ubuntu;
      font-size: 24px;
      font-weight: 700;
      font-style: normal;
      margin-bottom: 40px;
      letter-spacing: normal;
      line-height: 16px;
      text-align: center;
      text-transform: uppercase;
      /* Text style for "Наше обору" */
      font-style: normal;
      letter-spacing: normal;
      line-height: normal;
    }

    &-col {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      width: 350px;
    }

    &-ttl {
      margin-bottom: 60px;
      color: #ffffff;
      font-family: Roboto;
      font-size: 30px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
      /* Text style for "Ответим в" */
      font-style: normal;
      letter-spacing: normal;
      line-height: normal;
    }

    &-flex {
      display: flex;
      justify-content: space-between;
    }
  }


  .header {


    &-socs {
      display: flex;
      align-items: center;
      justify-content: center;

      a {
        margin: 0 15px;
      }
    }

    z-index: 1010;
    position: relative;

    .wrap {
      width: 1800px;
    }

    &-tel {
      cursor: pointer;
      display: flex;
      text-decoration: none !important;
      align-items: center;

      span {
        color: #000000;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        text-align: left;
        /* Text style for "zakaz@ruga" */
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;

        &::after {
          position: absolute;
          content: "";
          top: ~"calc(100% + 5px)";
          left: 0;
          width: 100%;
          height: 1px;
          border-bottom: 1px dashed #46a0f3;;
          right: 0;

        }

        position: relative;
      }

      img {
        margin-right: 10px;
      }
    }

    &-center {
      display: flex;
      align-items: center;
      margin: 0 40px;
      flex-grow: 1;
      justify-content: space-between;
    }

    &-feed {
      width: 286px;
      height: 51px;
      border-radius: 25px;
      background-color: #33abdf;
      color: #ffffff;
      font-family: Roboto;
      font-size: 22px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 18.08px;
      text-align: center;
      cursor: pointer;

      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    &-logo {
      margin-right: 60px;
    }

    &-flex {
      flex-grow: 1;
    }

    &-row {

      & > ul {

        display: flex;
        width: 100%;

        justify-content: space-between;

        & > li {
          position: relative;

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

          ul {
            display: none;
            border-radius: 8px;
            border: 1px solid #0186d1;
            position: absolute;
            top: 23px;
            background-color: #ffffff;
            padding-top: 30px;

            li {
              display: block;

              border-bottom: 1px solid #0186d1;
              color: #195998;
              font-family: Roboto;
              font-size: 16px;
              font-weight: 500;
              font-style: normal;
              letter-spacing: normal;
              line-height: normal;
              text-align: center;
              padding: 13px;
            }
          }

          & > a {
            width: 287px;
            height: 51px;
            border-radius: 25px;
            position: relative;
            z-index: 5;
            color: #ffffff;
            font-family: Roboto;
            font-size: 22px;
            font-weight: 500;
            font-style: normal;
            letter-spacing: normal;
            line-height: 18.08px;
            text-align: center;
            text-transform: uppercase;
            /* Text style for "о компании" */
            font-style: normal;
            letter-spacing: normal;
            line-height: normal;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #0186d1;
          }
        }
      }

      display: flex;
      margin-top: 35px;

      &:first-child {
        margin-top: 0;
      }

      justify-content: space-between;
    }

    .wrap {
      display: flex;
      align-items: flex-end;
      padding-bottom: 40px;
      padding-top: 10px;
      justify-content: space-between;
    }

  }


  button {
    border: none;
    padding: 0;
  }

  .d1 {
    background-size: cover;
    background-position: center;
    position: relative;

    &-checkbox {
      width: 290px;
      display: flex;
      justify-content: space-around;
    }

    &-socs {
      display: flex;
      justify-content: space-between;

      a {
        display: flex;
        align-items: center;
        width: 91px;
        height: 47px;


        &:nth-child(1) {
          background-image: linear-gradient(to top, #26d044 0%, #5ffb7b 100%);
        }

        &:nth-child(2) {
          background-color: #0099dd;
        }

        &:nth-child(3) {
          background-color: #7d51a0;
        }

        path {
          fill: white !important;
        }

        padding: 10px;
        border-radius: 20px;

        svg {
          max-height: 100%;
        }

        justify-content: center;
      }
    }

    &-radio {
      input {
        display: none;

        &:checked + div {
          border: 1px solid #ed9c00;

          &::after {
            .pos_absc;
            content: "";
            width: 11px;
            height: 11px;
            background-color: #ed9c00;
            border-radius: 50%;
          }

        }
      }


      div {
        position: relative;
        width: 25px;
        height: 24px;
        border: 1px solid #989898;
        background-color: #ffffff;
        margin-right: 12px;
        border-radius: 50%;
      }

      display: flex;
      align-items: center;

      span {
        color: #504442;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 300;
        font-style: normal;
        letter-spacing: normal;
        line-height: 22.51px;
      }
    }

    &-step {

      margin-bottom: 15px;

      select, input {
        width: 290px;
        text-align: center;
        height: 20px;
        border-bottom: 1px dashed #a7a7a7;

        color: #504442;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 300;
        font-style: normal;
        letter-spacing: normal;
        line-height: 22.51px;
        text-transform: uppercase;;
      }

      label {
        display: block;
        margin-bottom: 15px;
        color: #504442;
        font-family: Ubuntu;
        font-size: 17px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 22.51px;
        text-align: left;
      }

      &s {
        padding-left: 80px;
      }

      &-number {
        position: absolute;
        width: 35px;
        color: #ffffff;
        font-family: Ubuntu;
        top: -12px;
        left: 0;
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 22.51px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 35px;
        background-color: #ed9c00;
      }
    }

    &-right {

      h2 {
        color: #413936;
        font-family: Ubuntu;
        font-size: 21px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 22.51px;
        text-align: center;
      }

      button {
        width: 296px;
        height: 47px;
        border-radius: 20px;
        background-color: rgba(237, 156, 0, 0.97);
        background-color: #ed9c00;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.43);
        color: #ffffff;
        font-family: Ubuntu;
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 24px;

        display: flex;
        margin-top: 15px;
        align-items: center;
        justify-content: center;
      }

      width: 433px;
      box-shadow: 0 11px 8px rgba(0, 0, 0, 0.43);
      border-radius: 20px;
      background-color: #ffffff;
      padding: 15px 30px;
    }

    &-text {
      width: 810px;
      left: 310px;
      background: rgba(0, 0, 0, 0.6);
      padding: 15px;
      padding-left: 250px;

      p {
        text-shadow: 0 0 17px #051730;
        color: #ffffff;
        font-family: Ubuntu;
        font-size: 24px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;
        text-align: left;
      }
    }

    &-ttl {
      text-shadow: 0 2px 18px #051730;
      color: #ffffff;
      font-family: Ubuntu;
      font-size: 31px;
      font-weight: 700;
      font-style: normal;
      margin-bottom: 20px;
      letter-spacing: normal;
    }

    &-balon {
      bottom: 0;
      left: 0;
      position: absolute;
    }

    .wrap {
      padding: 25px 0;
      width: 1640px;
      display: flex;
      justify-content: flex-end;
    }
  }

  .hproduct {
    padding: 40px 0;
    padding-left: 60px;
    padding-right: 40px;
    width: 1920px;
    border-bottom: 1px dotted #171717;;

    display: flex;
    align-items: flex-start;

    &-img {
      width: 445px;
      margin-right: 55px;
    }

    &-btn {
      &:last-child {
        width: 418px;
        height: 57px;
        border-radius: 27px;
        background-color: #065e9b;
        background-image: linear-gradient(to right, rgba(181, 181, 181, 0.66) 0%, rgba(255, 255, 255, 0.66) 100%);
        color: #ffffff;
        font-family: Roboto;
        font-size: 19px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 21.88px;

        img {
          margin-right: 20px;
        }

        text-align: left;
        text-transform: uppercase;
      }

      &:first-child {
        width: 443px;
        height: 57px;

        img {
          margin-right: 20px;
        }

        border-radius: 27px;
        background-color: #127e0f;
        background-image: linear-gradient(to right, rgba(181, 181, 181, 0.66) 0%, rgba(255, 255, 255, 0.66) 100%);
        display: flex;
        align-items: center;
        color: #ffffff;
        font-family: Roboto;
        font-size: 19px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 21.88px;
        text-align: left;
        text-transform: uppercase;
        justify-content: center;
      }

      &s {
        display: flex;
        justify-content: space-around;
      }
    }

    &-content {
      flex-grow: 1;

      p {
        color: #141414;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: 24px;
        margin: 40px 0;
        text-align: justify;
      }

    }

    &-ttl {
      color: #03466f;
      font-family: Roboto;
      font-size: 24px;
      font-weight: 700;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
    }


  }


  .d3 {
    &-right {
      padding-top: 55px;
      width: 565px;

      h2 {
        font-size: 28px;
        font-weight: 500;
        font-style: normal;
        letter-spacing: normal;
        line-height: 34.43px;
      }

      h3 {
        font-size: 24px;
        font-weight: 400;
        margin-top: 30px;

        font-style: normal;
        letter-spacing: normal;
        line-height: 28.69px;
      }

      p {
        color: #ffffff;
        font-family: Roboto;
        font-size: 17px;
        margin-top: 30px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;
      }

      h4 {
        font-size: 23px;
        font-weight: 500;
        margin-top: 30px;

        font-style: normal;
        letter-spacing: normal;
        line-height: 28.69px;
      }

      img {
        position: absolute;
        right: 90px;
        bottom: -50px;
      }

      position: relative;
    }

    &-name {
      position: absolute;
      left: 0;
      top: 0;
      color: #ffffff;
      font-size: 12px;
      font-weight: 400;
      font-style: italic;
      letter-spacing: normal;
      line-height: 18px;
      text-align: left;

      b {
        font-weight: 500;
      }
    }

    &-tel {
      text-align: center;

      label {
        color: #ffffff;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: 16px;
        text-align: center;
      }

      input {
        display: block;
        margin: 15px 0;
        height: 61px;
        border-radius: 31px;
        border: 1px solid #ffffff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      p {
        color: #ffffff;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: 16px;
        text-align: center;
        text-transform: uppercase;
      }

      margin-bottom: 45px;
    }

    &-center {
      width: 430px;
      padding-top: 15px;
      display: flex;
      flex-direction: column;
      align-items: center;

      form {
        margin-top: 115px;
        width: 100%;
      }

      button {
        width: 100%;
        height: 61px;
        border-radius: 31px;
        background-color: #ed9c00;
        display: flex;
        color: #000000;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 16px;
        text-align: center;
        align-items: center;
        justify-content: center;
      }

    }

    &-btn {
      margin: 0 auto;
      margin-top: 15px;
      width: 403px;
      padding: 0 15px;

      span {
        color: #157801;
        font-family: Roboto;
        margin-left: 20px;
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        letter-spacing: normal;
        line-height: 16px;
      }

      height: 61px;
      border-radius: 31px;
      background-color: #ffffff;
      display: flex;
      align-items: center;
    }

    padding-top: 30px;
    padding-bottom: 80px;

    &-left {
      position: relative;
      padding-top: 30px;
      flex-shrink: 0;
    }

    background: url("../imgs/d3-bg.png");
    background-size: cover;
    background-position: center;

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

  .d2 {
    margin-bottom: 60px;
    margin-top: 40px;

    .wrap {
      width: 1846px;

    }

    &-flex {
      justify-content: space-between;
      align-items: center;

    }

    &-ttl {
      color: #2c2c2c;
      font-family: Roboto;
      font-size: 30px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
    }

    &-item {
      width: 593px;
      margin-bottom: 55px;
      height: 93px;
      border-radius: 45px;
      text-align: center;
      display: flex;
      color: #ffffff;
      font-family: Roboto;
      font-size: 21px;
      font-weight: 400;
      font-style: normal;
      letter-spacing: normal;
      line-height: 30px;
      text-align: center;
      text-transform: uppercase;
      justify-content: center;

      align-items: center;
      background-color: #127e0f;

      &:nth-child(2) {
        background-color: #ed9c00;
      }

      &:nth-child(3) {
        background-color: #065e9b;
      }
    }
  }


  .d4 {
    &-ttl {
      color: #002b64;
      font-family: Roboto;
      font-size: 36px;
      font-weight: 700;
      font-style: normal;
      letter-spacing: normal;
      margin-bottom: 60px;
      text-align: center;
      text-transform: uppercase;
    }

    &-flex {
    }

    &-item {
      width: 399px;
      height: 300px;

      img {
        .c_img;
      }
    }

    background-color: #d5d5d5;

    .wrap {
      width: 1715px;
      padding-top: 60px;
      padding-bottom: 85px;
    }
  }

  .d6 {
    .wrap {
      margin-bottom: 30px;
      display: flex;
      justify-content: space-between;
      width: 1860px;
    }

    &-item {
      &:nth-child(2) {
        background-color: #004b90;
      }

      &:nth-child(3) {
        background-color: #e98500;
      }

      width: 599px;
      height: 100px;
      border-radius: 45px;
      background-color: #127e0f;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
      font-family: Roboto;
      font-size: 24px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 29.02px;

      img {
        margin-right: 20px;
      }
    }
  }

  .d7 {
    h3 {
      font-size: 18px;
      font-weight: 700;
      font-style: normal;
      letter-spacing: normal;
      line-height: normal;
      text-transform: uppercase;
    }

    p {
      color: #2b2b2b;
      font-family: Ubuntu;
      font-size: 16px;
      font-weight: 400;
      font-style: normal;
      margin-bottom: 20px;
      letter-spacing: normal;
      line-height: 24px;
      text-align: left;
    }

    &-contact {
      padding: 40px;
      width: 541px;
      border-radius: 14px;
      background-color: #d9d9d9;
    }

    padding: 40px 0;

    img {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      object-fit: cover;
    }

    .wrap {
      position: relative;
      width: 875px;
      display: flex;
      justify-content: flex-end;
    }
  }

  .d5 {
    padding: 70px 0;

    textarea {
      height: 128px;
      margin-bottom: 20px;
      border-radius: 31px;
      padding: 20px 30px;
      color: #065e9b;
      font-size: 24px;
      font-weight: 400;
      font-style: italic;
      letter-spacing: normal;
      line-height: 16px;
      width: 100%;
      border: 1px solid #065e9b;
      background-color: #ffffff;
    }

    &-img {
      bottom: 0;
      right: 65px;
      position: absolute;
    }

    &-form {
      &-ttl {
        color: #002b64;
        font-family: Roboto;
        font-size: 25px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: 30px;
        text-align: center;
        margin-bottom: 25px;

      }

      &-label {
        color: #313131;
        font-family: Roboto;
        font-size: 14px;
        margin-top: 45px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: 16px;
        text-align: center;
        text-transform: uppercase;
      }

      &-flex {
        display: flex;
        justify-content: space-between;

        input {
          width: 427px;
          height: 61px;
          color: #002b64;
          font-size: 24px;
          font-weight: 400;
          font-style: italic;
          letter-spacing: normal;
          line-height: 16px;
          padding: 0 30px;
          border-radius: 31px;
          border: 1px solid #065e9b;
          background-color: #ffffff;
        }

        button {
          width: 427px;
          height: 61px;
          border-radius: 31px;
          color: #ffffff;
          font-size: 24px;
          font-weight: 400;
          font-style: italic;
          letter-spacing: normal;
          line-height: 16px;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #157801;
        }
      }

    }

    &-body {
      margin-top: 20px;
      padding: 50px 445px 30px 85px;
      position: relative;
      border-radius: 45px;
      border: 1px solid rgba(8, 56, 115, 0.47);
    }

    &-ttl {
      h3 {
        font-size: 49px;
        font-weight: 900;
        font-style: normal;
        letter-spacing: normal;
        color: #002b64;

        line-height: 43.54px;
      }

      p {
        color: #002b64;
        font-family: Roboto;
        font-size: 24px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;
        text-align: left;
        text-transform: uppercase;
      }
    }

    .wrap {
      width: 1440px;
    }
  }

  .removeChild{
    .d5-ttl{
      p{
        display: none;
      }
    }
    .d5-body{
      padding: 50px 250px 30px 250px;


    }
    .d5-img{
      display: none;
    }
  }

  .d1-septik {
    position: absolute;
    right: 500px;
    top: 20px;
    color: #071c2a;
    font-family: Ubuntu;
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 34px;
    text-align: left;
  }

  .back-btn {
    color: #ffffff;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    padding: 10px;

    img {
      margin-right: 12px;
    }

    letter-spacing: normal;
    line-height: 24px;
    width: 207px;
    height: 44px;
    border-radius: 8px;
    background-color: #b8b6c3;
    display: flex;
    align-items: center;
  }

  .d2 {
    .wrap {
      position: relative;
    }

    .back-btn {
      color: #ffffff;
      font-family: Roboto;
      font-size: 18px;
      font-weight: 700;
      font-style: normal;
      padding: 10px;

      img {
        margin-right: 12px;
      }

      letter-spacing: normal;
      line-height: 24px;
      width: 207px;
      height: 44px;
      border-radius: 8px;
      background-color: #b8b6c3;
      display: flex;
      align-items: center;
      position: absolute;
      top: 150px;
    }
  }

  &.septik2 {
    .d1 .wrap {
      position: relative;
    }

    .hproduct-ttl {
      padding-left: 370px;
    }
  }

  &.septik1 {
    .hproduct-btn {
      &:first-child {
        background-color: #3c86b9;

      }

      &:last-child {
        background-color: #d32228;

      }
    }

    .hproduct-ttl {
      padding-left: 375px;
    }

    .d1-balon {
      left: 350px;
    }

    .d1-ttl {
      margin-bottom: 0;
    }

    .d1-text {
      left: 550px;
      width: auto;
      padding: 50px 55px;
      padding-left: 260px;
    }
  }

  &.commercial {
    .d1-text {
      width: auto;
      padding-right: 55px;
    }

    .hproduct-ttl {
      text-align: center;
      padding: 0 !important;
    }
  }

  &.kotli {
    .d1-septik {
      left: 0;
      right: auto;
      bottom: 60px;
    }


  }

  .d2-text {
    color: #141414;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
    margin-top: 60px;
  }
}

.crazy-style .d2-ttl {
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 36px;
}

.crazy-style .hproduct {
  margin: 0 auto;
}

.crazy-style .d1-text {
  position: absolute;
  bottom: 25px;
  border-radius: 10px;
  left: 310px;
}

.crazy-style {

  .got-item {
    padding: 40px;

    .hproduct-img {
      width: 610px;
      flex-shrink: 0;
      margin-right: 0;
    }
  }

  .got {
    &-ttl {
      margin-bottom: 35px;
      color: #03466f;
      font-family: Roboto;
      font-size: 33px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 32.71px;
      text-align: center;
      text-transform: uppercase;

    }

    &-content {

      flex-grow: 1;
      padding: 0 20px;

      p {
        color: #141414;
        font-family: Roboto;
        font-size: 25px;
        font-weight: 500;
        font-style: normal;
        letter-spacing: normal;
        line-height: 36.8px;
        text-align: center;
      }
    }

    &-item {
      &-option {
        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;

        img {
          height: 66px;
          margin-bottom: 16px;
        }

        span {
          color: #353535;
          font-family: Roboto;
          font-size: 25px;
          font-weight: 500;
          font-style: normal;
          letter-spacing: normal;
          line-height: 24.53px;
          text-align: center;
          text-transform: uppercase;
        }
      }
    }

    &-flex {
      margin-top: 75px;
      display: flex;
      justify-content: space-between;
    }

    &-right {
      .hproduct-btn {
        width: 100%;
        margin-bottom: 25px;
        height: 77px;
        border-radius: 27px;
        color: #ffffff;
        font-family: Roboto;
        font-size: 26px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 29.82px;
        text-align: left;
        text-transform: uppercase;
      }

      .hproduct-btns {
        display: block;
      }

      display: flex;
      justify-content: flex-end;

      &-col {
        width: 450px;


      }

      width: 610px;
      flex-shrink: 0;

    }
  }

  .d1-line {
    position: absolute;
    left: 0;
    top: 0;
  }

  .d1-balon {
    z-index: 5;
  }


  &.gsingle {
    .d1 {
      height: 640px;

      .wrap {
        position: relative;
        height: 100%;
      }

      &-balon {
        left: 415px;
      }
    }
  }

  .gfilter {
    border-radius: 20px;
    background-color: #33abdf;
    padding: 25px;
    margin-top: 45px;

    &-ttl {
      color: #ffffff;
      font-family: Roboto;
      font-size: 24px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 30px;
    }

    &-flex {
      display: flex;
      justify-content: space-between;
    }

    &-back, select {
      width: 427px;
      height: 61px;
      border-radius: 31px;
      border: 1px solid #065e9b;
      background-color: #ffffff;
      -webkit-appearance: none;
      -moz-appearance: none;

      appearance: none;
      color: #065e9b;
      font-family: Roboto;
      font-size: 24px;
      font-weight: 500;
      font-style: normal;
      text-align: center;
      text-align-last: center;
      letter-spacing: normal;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    &-back {
      border: 1px solid #065e9b;
      color: #ffffff;

      background-color: #065e9b;
    }
  }

  .gproduct {
    &-pris {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-family: Roboto;

      .hproduct-btn {
        background-color: #127e0f !important;
        height: 56px;
        width: 100%;
      }

      b {
        color: #232323;
        font-family: Roboto;
        font-size: 48px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;

        text-align: center;
        margin-bottom: 75px;

        text-transform: uppercase;

      }

      span {
        font-size: 24px;
        font-weight: 400;
        font-style: normal;
        color: #232323;

        letter-spacing: normal;
        line-height: 48px;
      }
    }

    &-right {
      width: 460px;
      flex-shrink: 0;
      margin-left: 60px;
    }

    &-left {
      color: #141414;
      font-family: Roboto;
      font-size: 22px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 36px;
    }

    &-flex {
      display: flex;
      justify-content: space-between;
    }

    .hproduct-content {
      width: 1050px;

      .hproduct-ttl {
        margin-bottom: 85px;
        padding-left: 0;
      }
    }

    .hproduct-img {
      flex-shrink: 0;
      width: 470px;
      margin-right: 140px;
      display: flex;
      justify-content: center;
    }
  }
}

.crazy-style .d1-steps {
  padding-left: 55px;
  position: relative;
}

.crazy-style .d1-right h2 {
  padding-top: 0;
}

.crazy-style .d1-ttl {
  text-align: left;
  line-height: 34px;
}

.crazy-style .d1-step {
  position: relative;

}

.crazy-style .d1-socs {
  margin-top: 15px;
}

.crazy-style .d1-right button {
  width: 100%;
  margin-right: 0
}

.crazy-style .d1-text p {
  margin-bottom: 0;
}

.crazy-style .d1-step label.d1-radio {
  margin-bottom: 0;
  display: flex;
}

.crazy-style .d2-flex {
  display: flex;
}

.crazy-style .hproduct-btn:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #065e9b;


}

.crazy-style .hproduct-ttl {
  text-align: left;
}

.crazy-style {
  .hproduct:last-child {
    border-bottom: 0;
  }

  .hproducts {
    margin-bottom: 60px;
  }
}

.crazy-style .d3-right h3 {
  text-align: left;
  color: white;
}

.crazy-style .d3-right h2 {
  text-align: left;
  color: white;
  padding-top: 0;
}

.crazy-style .d5-body {
  margin-top: 50px;
}

.crazy-style .d3-right h4 {
  color: white;
}

.crazy-style .d3-tel input {
  width: 100%;
}

.crazy-style .hproduct-btn:first-child {
  background: #127e0f;

}

.crazy-style .hproduct-img {
  flex-shrink: 0;
}

.crazy-style .d1-step-number {
  left: -55px;
  top: -5px;
  border-radius: 50%;
}

.crazy-style .d1-line {

  position: absolute;
  left: 15px;
  top: 31px;
  height: 247px;

}

.crazy-style .d1-step label {
  margin-bottom: 10px
}

.crazy-style .d1-step {
  margin-bottom: 10px;
}

.crazy-style .d1-step select, .crazy-style .d1-step input {
  border: none;
  border-bottom: 1px dashed #a7a7a7;
  padding-bottom: 5px;
  height: auto;
  text-align-last: center;
}

.crazy-style .d1-right h2 {
  margin-bottom: 20px;
}

.crazy-style .d1-septik {
  text-transform: uppercase;
}

.crazy-style {

  .hproduct-scatalog {
    flex-wrap: wrap;
  }

  .hproduct-table-parent {
    width: 100%;
    margin-top: 50px;
  }

  .hproduct-table-parent {
    overflow-x: auto;
  }

  .hproduct-thead {
    width: 1820px;
    max-width: 1820px
  }

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

  .hproduct-tr {
    color: #000000;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    text-align: center;

    &:nth-child(2n) {
      background-color: #dfdfdf;
    }
  }

  .hproduct-td {
    width: 15%;
    text-align: center;

    &:first-child {
      font-weight: 700;
    }

    &:last-child {
      font-weight: 700;
    }
  }

  .hproduct-thead {
    display: flex;
    justify-content: space-between;
    color: #03466f;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    justify-content: space-between;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
  }

  .hproduct-septik-pris {
    color: #03466f;
    margin-top: 75px;
    text-align: center;
    font-family: Roboto;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
    /* Text style for "Монтаж сеп" */
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
  }


  &.kaskad {
    .hproduct-ttl {
      padding: 0 !important;
      text-align: center;
    }
  }

  .dpris {
    &-items {
      margin-bottom: 40px;
    }

    &-btn {
      width: 357px;
      height: 57px;
      border-radius: 28px;
      background-color: #117d0e;
      margin: 0 auto;
      margin-top: 30px;

      color: #ffffff;
      font-family: "Roboto";
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      font-weight: 900;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
    }

    &-item {
      margin-top: 40px;

      table {
        width: 100%;
        color: #141414;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: 36px;

        td {
          &:last-child {
            text-align: right;
          }
        }
      }

      &-ttl {
        color: #03466f;
        font-family: "Roboto";
        font-size: 24px;
        margin-bottom: 40px;
        font-weight: 900;
        font-style: normal;
        letter-spacing: normal;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
      }

      width: 50%;
      border-radius: 14px;
      background-color: #ebebeb;
      padding: 40px;
      padding-bottom: 20px;
      width: ~"calc(50% - 20px)";
    }

    padding-top: 25px;

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

    &-ttl {
      margin: 0 auto;
      margin-top: 25px;
      width: 601px;
      height: 96px;
      border-radius: 47px;
      color: #ffffff;
      font-family: Roboto;
      font-size: 30px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      text-transform: uppercase;
      background-color: #004b90;
    }

    padding-bottom: 40px;

    .back-btn {
      position: static;
    }


    &-head {
      &-arrow {
        margin: 0 40px;
      }

      &-left {
        display: flex;
        align-items: center;

        span {
          color: #003559;
          font-family: Roboto;
          font-size: 48px;
          font-weight: 700;
          font-style: normal;
          letter-spacing: normal;
          line-height: 30px;
        }
      }

      margin-top: 25px;

      &-right {
        color: #000000;
        font-family: Roboto;
        font-size: 21px;
        font-weight: 400;
        font-style: normal;
        width: 399px;
        height: 63px;
        border-radius: 31px;
        background-color: #ed9c00;
        letter-spacing: normal;
        line-height: 30px;
        text-align: center;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
      }

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

  }

  .ispariteli-content {
    padding-bottom: 70px;

    .ispariteli-gallery-small {
      display: flex;
      margin-top: 45px;

      justify-content: center;

      img {
        margin: 0 80px;
      }
    }

    .ispariteli-gallery {
      &-item {
        margin: 0 40px;

        span {
          color: #141414;
          font-family: Roboto;
          font-size: 18px;
          font-weight: 700;
          font-style: normal;
          letter-spacing: normal;
          line-height: 24px;
          text-align: center;
          display: block;
          margin-top: 25px;
        }
      }

      display: flex;
      margin-top: 45px;

      justify-content: center;

      img {
      }
    }

    .hproduct-btns {
      margin-top: 45px;
      justify-content: space-around;
    }

    h3 {
      color: #03466f;
      font-family: Roboto;
      font-size: 24px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
      margin-top: 40px;
    }

    p {
      color: #141414;
      font-family: Roboto;
      font-size: 18px;
      font-weight: 400;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      margin-top: 40px;
      text-align: justify;
    }
  }

  .dmontag {
    &-head {
      h3 {
        text-align: center;
        color: #03466f;
        font-size: 24px;
        font-weight: 900;
        font-style: normal;
        margin-top: 30px;
        letter-spacing: normal;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;

      }

      p {
        color: #141414;
        font-family: Roboto;
        margin-top: 40px;

        &:first-child {
          margin-top: 0;
        }

        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: 24px;
        text-align: justify;
      }
    }

    &-right {
      flex-grow: 1;
    }

    &-img {
      width: 579px;
      height: 407px;

      img {
        .c_img;
      }

      flex-shrink: 0;
      margin-right: 40px;
      margin-bottom: 40px;
    }

    &-flex {
      display: flex;
    }

    &-text {
      p {
        color: #141414;
        font-family: Roboto;
        margin-top: 20px;

        &:first-child {
          margin-top: 0;
        }

        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: 24px;
        text-align: justify;
      }
    }

    &-ttl {
      color: #03466f;
      font-family: Roboto;
      font-size: 24px;
      font-weight: 400;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 40px;
    }

    &-item {
      padding: 50px 0;
      border-bottom: 1px dotted #171717;;
    }

    .hproduct-btns {
      margin-top: 45px;
      justify-content: space-around;
    }

  }
}


.crazy-style .d1-step select, .crazy-style .d1-step input {
  text-transform: none !important
}

.crazy-style .header-row > ul, .crazy-style .d1-step label {
  text-transform: uppercase !important

}

.owl-carousel {
  div {
    max-width: 1000000px
  }
}

.crazy-style {
  .gazn {

    &-img {
      width: 430px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(22, 22, 22, 0.41);

    }

    &-table {
      flex-grow: 1;
      display: flex;
      justify-content: space-between;

      &-row {
        &:last-child {
          flex-grow: 1;
        }

        &:nth-child(2) {
          .gazn-table-td {
            color: #000000;
            font-family: Roboto;
            font-size: 22px;
            height: 70px;
            font-weight: 500;
            font-style: normal;
            letter-spacing: normal;
            line-height: 24.29px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
          }

        }

        &:nth-child(3) {
          .gazn-table-td {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #03466f;
            font-family: Roboto;
            font-size: 24px;
            font-weight: 400;
            font-style: normal;
            letter-spacing: normal;
            line-height: 24.29px;
            text-align: center;
          }

        }
      }

      &-head {
        background-color: #e9e9e9;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 79px;
        color: #000000;
        font-family: Roboto;
        font-size: 19px;
        font-weight: 500;
        font-style: normal;
        letter-spacing: normal;
        line-height: 24.29px;
        text-align: center;
        /* Text style for "Тепловая м" */
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;
        /* Text style for "" */
        color: #03466f;
        font-style: normal;
        letter-spacing: normal;
        line-height: normal;

        border-right: 1px solid rgba(22, 22, 22, 0.41);
        border-bottom: 1px solid rgba(22, 22, 22, 0.41);
        border-top: 1px solid rgba(22, 22, 22, 0.41);
      }

      &-td {
        border-right: 1px solid rgba(22, 22, 22, 0.41);
        border-bottom: 1px solid rgba(22, 22, 22, 0.41);
        height: 100%;
      }

      &-col {
        width: 254px;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;

        &:nth-child(1),
        &:nth-child(2),
        &:nth-child(3) {
          .gazn-table-row {
            display: flex;

            .gazn-table-td {
              width: 50%;
            }
          }
        }
      }
    }

    &-flex {
      display: flex;
    }

    &-ttl {
      color: #03466f;
      font-family: "Roboto";
      font-size: 28px;
      font-weight: 700;
      font-style: normal;
      letter-spacing: normal;
      line-height: 27.7px;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 55px;
      /* Text style for "GA/N 95C -" */
      font-style: normal;
      letter-spacing: normal;
      line-height: normal;
    }

    &-item {
      padding: 50px 0;

      .wrap {
        width: 1700px;

      }

      border-bottom: 1px dotted #171717;

      .hproduct-btns {
        margin-top: 30px;
        padding-left: 430px;
        justify-content: space-between;
      }
    }

  }
}

.crazy-style .hproduct-tr {
  width: 1820px;
  max-width: 1820px;
}

.about-wrap {
  width: 1815px;
}

.about-text {
  color: #000000;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  margin-top: 45px;

  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: center;
}

.about-parent {
  padding-bottom: 70px;
  border-bottom: 1px dotted #171717;

}

.about-docs {
  &-flex {
    display: flex;
    justify-content: space-between;
  }

  &-img {
  }

  &-right {
    display: flex;
    width: 830px;

    justify-content: space-between;
  }

  &-left {
    color: #000000;
    font-size: 30px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: normal;
    line-height: 43px;
    padding-top: 40px;
    text-align: center;
    width: 858px;

  }

  &-ttl {
    color: #023764;
    font-family: Roboto;
    font-size: 24px;
    margin-bottom: 65px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
  }
}

.about-ttl {
  color: #141414;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: center;
  margin-top: 45px;
}

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

.about-item {
  img {
    width: 100%;
  }

  label {
    color: #141414;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
    margin-top: 30px;
  }

  margin-top: 45px;
  width: ~"calc(33.33% - 30px)";
}

.about-page {
  .d1 {
    height: 620px;

  }
}

.about-d1-text {
  width: 752px;
  height: 106px;
  border-radius: 8px;
  font-size: 38px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 42.9px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px;
  text-align: center;
  bottom: 85px;
  color: white;
  .xpos_ab;
  background-color: #e9242b;
}

.about-gallery-rew {
  display: flex;
  justify-content: center;

  .about-item {
    width: 325px;
    margin: 0 10px;
    margin-top: 40px;
  }
}

.about-docs {
  margin-top: 100px;
}

.about-slogan {
  color: #002b64;
  font-family: Roboto;
  font-size: 37px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 46.92px;
  text-align: center;
  margin-top: 75px;
}
.crazy-style .dc1-item ul{
  flex-grow: 1;
}.dc2-item{
   margin-bottom: 40px;
 }


.crazy-style{
  .dc1{
    &-ttl{
      color: #03466f;
      font-family: Roboto;
      font-size: 21px;
      font-style: normal;
      letter-spacing: normal;
      line-height: 32.4px;
      text-align: center;
      margin-bottom: 30px;
      b{
        font-weight: 700;

      }
    }
    &-flex{
      display: flex;
      padding-bottom: 60px;
      margin-bottom: 60px;
      justify-content: space-between;
      border-bottom: 1px dotted #171717;
    ;
    }
    &-pris{
      margin: 45px 0;
      font-size: 24px;
      font-weight: 400;color: #232323;

      font-style: normal;
      text-align: center;
      b{font-size: 48px;
        font-weight: 700;

        display: block;
      }
      letter-spacing: normal;
    }
    &-item{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;

      .hproduct-btn{
        background-color: #127e0f!important;

      }
      ul{
        color: #000000;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: 30px;
        text-align: left;
        list-style: disc;
        li{
        }
      }
      &>img{
        margin-bottom: 30px;
      }
      width: 600px;
      padding: 0 40px;

      &:nth-child(1){
        padding-left: 0;
      }
      &:nth-child(3){
        padding-right: 0;
      }
      &:nth-child(2){
        border-left:1px solid #003984;;
        border-right:1px solid #003984;;
      }
    }
  }

  .dc2{
    margin-top: 60px;
    margin-bottom: 50px;
    &-slider{
      margin: 0 auto;
      margin-top: 30px!important;
      width: 1500px!important;
      .owl-prev,.owl-next{
        outline: none!important;
        .ypos_ab;
        background: transparent!important;

      }
      .owl-prev{

        right: ~"calc(100% + 25px)";
      }
      .owl-next{

        left: ~"calc(100% + 25px)";
      }
    }
    &-ttl{
      color: #03466f;
      font-family: Roboto;
      font-size: 24px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      text-align: center;
    }
    &-item{
      margin-top: 40px;

    }
    &-text{
      color: #000000;
      font-family: Roboto;
      font-size: 16px;
      font-weight: 400;
      font-style: normal;
      letter-spacing: normal;
      line-height: 18px;
      text-align: center;
      b{
        font-weight: 700;
      }
    }
  }

  .porsh-tab{
    &s{
      border-radius: 20px;
      background-color: #33abdf;
      padding: 30px 200px;
      display: flex;
      justify-content: space-between;
    }

    width: 649px;
    height: 93px;
    border-radius: 31px;
    border: 1px solid #065e9b;
    background-color: #ffffff;

    color: #065e9b;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    .transition();
    &:hover,&.active{
      border: 1px solid #065e9b;
      background-color: #065e9b;color: #ffffff;

    }

  }

  .porsh{
    &-d1{
      .d1{
        height: 622px;

      }
    }
    &-end{
      width: 460px;

      .hproduct-btns{
        display: block;
      }
      a{

        margin-right: 0!important;
        margin-top: 20px;
        display: flex;
        width: 100%!important;
      }
    }
    &-row{
      display: flex;
      justify-content: space-between;
    }
    &-col{
      color: #141414;
      font-family: Roboto;
      font-size: 22px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 36px;
      width: 280px;
    }
    &-content{
      width: 600px;
      h3{
        margin-bottom: 45px;
        color: #03466f;
        font-family: Roboto;
        font-size: 24px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
      }
    }
    &-img{
      width: 555px;
      img{
        width: 100%;
      }
    }
    &-product{
      display: flex;
      justify-content: space-between;
      padding: 50px 30px;
      border-bottom: 1px dotted #171717;
    }
  }

}
.porsh-d1 .d1{
  height: 500px;
}

.crazy-style{
  .kotlnew-cat{
    width: 1820px;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #33abdf;
    padding: 15px ;
    text-align: center;color: #ffffff;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
  }
  .dc2-footer{
    color: #002b64;
    font-family: Roboto;
    font-size: 37px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 46.92px;
    text-align: center;
    margin-top: 100px;
  }


  .catisp{

    &-ttl{
      color: #03466f;
      font-family: Roboto;
      font-size: 24px;
      font-weight: 500;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      margin-bottom: 70px;
      text-align: left;
      text-transform: uppercase;
    }
    &-table{

      margin-bottom: 50px;
      table{
        white-space: nowrap;
        tr{

          &:first-child{
            td{
              padding: 20px 30px;
              color: #03466f;
              font-family: Roboto;
              font-size: 20px;
              font-weight: 700;
              font-style: normal;
              letter-spacing: normal;
              line-height: 24px;
              text-align: center;

            }
          }
          &:nth-child(2n){
            background-color: #dfdfdf;
          }

          td{
            padding: 10px 20px;
            color: #000000;
            font-family: Roboto;
            font-size: 18px;
            font-weight: 400;
            font-style: normal;
            letter-spacing: normal;
            line-height: 30px;
            text-align: center;
            &:first-child,&:last-child{
              font-weight: 700;
            }
          }
        }
      }
      overflow-x: auto;

    }
    &-item{
      &:last-child{
        border-bottom: 0;
      }
      padding-bottom: 40px;
      border-bottom: 1px dotted #171717;
      display: flex;
      justify-content: space-between;

      .hproduct-btn{
        margin-left: 140px;    background: #127e0f!important;


      }
    }
    &-img{
      width: 510px;
      margin-right: 35px;
      flex-shrink: 0;
      img{
        max-width: 100%;
      }
    }
  }
  .golder{
    &-content{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 45px;
      &-item{
        color: #171717;
        font-family: Roboto;
        font-size: 28px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: normal;
        line-height: 36px;
        padding: 0 20px;
        text-align: center;
        margin-top: 30px;
        border-bottom: 4px solid #890909;;
      }
    }
    &-ttl{
      font-size: 16px;
      font-weight: 700;
      font-style: normal;
      letter-spacing: normal;
      line-height: 24px;
      text-align: center;
      text-transform: uppercase;
      margin-top: 30px;
    }
    .wrap{
      width: 1700px;

    }
    &-flex{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    &-img{
      height: 200px;
      img{
        max-height: 100%;
      }
    }
    &-item{
      margin-top: 50px;
      border: 1px solid #969696;width: 380px;

      padding: 25px 20px;
    }
    margin-bottom: 100px;
  }


}

.dages-bak{
  margin-top: 85px;
  display: flex;
  justify-content: space-around;
  // border-bottom: 2px dotted #171717;
}

.dages-content{
  display: flex;
  align-items: center;
}

.bak-img{
  width: 517px;
  height: 297px;
}

.dages-soum{
  border-right: 4px solid #737373;
  border-radius: 2px;
  padding-right: 70px;
}

.dages-soum span{
  color: #232323;
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
  margin-bottom: 25px;
}

.dages-soum p{
  font-family: "Roboto";
  font-size: 48px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 60px;
  text-transform: uppercase;
}

.dages-soum a{
  border-radius: 27px;
  background-color: #127e0f;
  margin-top: 35px;
}

.dages-item{
  text-align: center;
  margin-bottom: 13px;
}

.dages-soum .dages-zayv{
  border-radius: 27px!important;
  background-color: #127e0f!important;
  width: 457px!important;
}

.dages-info{
  margin-left: 55px;

  h4{
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 55px;
  }
  ul{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 28px;
  }
  li{
    width: 150px;
    text-align: left;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    font-family: 'Roboto';
    font-size: 24px;
    text-transform: none;
  }
  a{
    width: 456px!important;
  }
}
.deges-gray{
  display: flex;
  background-color: #dfdfdf;
}

.dages-info-rezerv div{
  display: flex;
  justify-content: space-between;
  width: 1058px;
  padding: 5px 60px;
  p{
    color: #000000;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
  }
  span{
    color: #000000;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
  }
}

.dages-info-rezerv{
  border-right: 4px solid #737373;
  padding-right: 80px;
  border-radius: 2px;
  h3{
    color: #03466f;
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 55px;
  }
}

.dages-characteristic{
  display: flex;
  justify-content: space-around;
  border-top: 2px dotted #171717;
  margin-top: 65px;
  padding-top: 45px;
}

.dages-info-servis{
  h3{
    color: #03466f;
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: start;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 30px;
  }
  li{
    color: #000000;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 9px;
  }
}

.dages-text{
  h4{
    color: #545454;
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    margin-top: 60px;
    border-bottom: 2px dotted #171717;
    padding-bottom: 22px;
  }
}

.crazy-style .golder-img{
  display: flex;justify-content: center;
  align-items: center;
}



.dages-bottom-text{
  color: #070707;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: justifyLeft;
  /* Text style for "Главным об" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}
.dages-bottom{
  &-flex{
    margin: 0px;
     .golder-item{
       margin: 25px;
     }
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
    flex-wrap: wrap;
  }
  padding: 30px 0;
  &-ttl{color: #03466f;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    /* Text style for "Вас могут" */
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;

  }
}



/**
*
  Адаптивка
*
**/
@media only screen and(max-width: 1799px) {
  .crazy-style {
    zoom: 0.8;

  }

}

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

  .crazy-style {
    zoom: 0.7;

  }
}

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

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

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


}


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

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

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

}


@media only screen and(max-width: 767px) {
  .crazy-style .hproduct{
    display: block!important;
  }
  html{
    overflow-x: hidden;
  }
  .porsh-tab{
    margin-bottom: 20px;
    &:last-child{
      margin-bottom: 0;
    }
  }
  .crazy-style .golder-item{
    width: 100%;
  }
  .crazy-style .hproduct-btn:last-child{
    margin-left: 0;
  }
  .crazy-style .catisp-ttl{
    margin: 30px 0;
  }
  .owl-nav,.owl-prev{
    display: none!important;
  }
  .dc2-footer{
    font-size: 24px;
    line-height: normal;
    margin-top: 40px;
  }
  .crazy-style .dc1-ttl{
    font-size: 18px;
    line-height: normal;
  }
  .crazy-style{

    .porsh-d1 .d1{
      height: 300px;
    }
    .porsh-product{
      padding: 30px 0;
    }
  }
  .crazy-style .porsh-col
  {
    font-size: 16px;
    line-height: normal;
  }
  .crazy-style .dc1-pris{
    margin: 30px 0;
  }
  .crazy-style .dc1-pris{
    line-height: normal;
  }
  .crazy-style .porsh-content h3{
    margin: 20px 0;
  }

  .crazy-style .porsh-product{
    display: block;
  }
  .crazy-style .porsh-tabs{
    padding: 20px;
    display: block;
  }
  .crazy-style .porsh-tab{
    padding: 20px;
    font-size: 18px;
    height: auto;
  }
  .about-docs-right {
    margin-top: 30px;
  }.crazy-style .dc2-ttl{line-height: normal}
  .crazy-style .removeChild .d5-body{
    padding: 15px;
  }
  .crazy-style{
    .dc2-text{
      b{
        display: block;
      }
      br{
        display: none;
      }
    }
    .dc1-item ul{
      padding-left: 0!important;
    }
    .dc1-item{
      width: 100%;
      padding:40px 0!important;

      border: 0!important;
      border-bottom: 1px solid #003984!important;

      &:last-child{
        border-bottom: 0!important;
      }

    }
    .dc1-flex{
      display: block;
    }
  }

  .about-d1-text {
    width: 100%;
    height: auto;
    padding: 10px;
    font-size: 24px;
  }

  .about-item {
    width: 100%;
    margin-top: 30px;
  }


  .about-slogan {
    br {
      display: none;
    }

    font-size: 28px;
    line-height: normal;
    margin-top: 40px;
  }

  .about-docs {
    margin-top: 60px;
  }

  .about-docs-left {
    padding-top: 0;
    font-size: 16px;
    line-height: normal;

  }

  .about-docs-flex {
    display: block;
  }

  .about-docs-ttl {
    margin-bottom: 30px;
    font-size: 18px;
  }

  .about-item label {
    br {
      display: none;

    }

    font-size: 16px;
    margin-top: 20px;
  }


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

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

  .crazy-style .d2-text {
    margin-top: 30px;
  }

  .crazy-style .hproduct-shead {
    display: block;
  }

  .crazy-style .dmontag-flex {
    display: block;
  }

  .crazy-style .hproduct-tr {
    width: 1500px;
    max-width: 1500px;
  }

  .crazy-style .hproduct-thead {
    width: 1500px;
    max-width: 1500px;
  }

  .crazy-style .hproduct-septik-pris {
    margin-top: 30px;
    font-size: 16px;
  }

  .crazy-style .hproduct-thead {
    font-size: 16px;
  }

  .crazy-style .hproduct-tr {
    font-size: 16px;
  }

  .ispariteli-gallery-small, .ispariteli-gallery {
    flex-wrap: wrap;
  }

  .crazy-style.montag .d1 .wrap {
    padding-bottom: 30px;
  }

  .crazy-style .ispariteli-content .ispariteli-gallery-small img, .crazy-style .ispariteli-content .ispariteli-gallery-item {
    margin: 0;
    margin-bottom: 20px;

  }

  .crazy-style .ispariteli-content .hproduct-btns {
    margin-top: 20px;
  }

  .crazy-style .ispariteli-content p {
    margin-top: 20px;
  }

  .crazy-style .dpris-item-ttl {
    font-size: 20px;
    margin-top: 20px;
  }

  .crazy-style .ispariteli-content .ispariteli-gallery-item span {
    margin-top: 15px;
  }

  .crazy-style .dpris-item table {
    tr {
      margin-bottom: 20px;
    }

    td:last-child {
      text-align: left;
    }

    tr, td {
      display: block;
    }
  }

  .crazy-style .dpris-head-left {
    flex-wrap: wrap;
  }

  .crazy-style .dpris-head {
    display: block;
  }

  .crazy-style .dpris-item {
    width: 100%;
    padding: 15px;
    margin-top: 20px;
  }

  .crazy-style .dpris-ttl {
    font-size: 24px;
    height: auto;
    line-height: normal;
    padding: 10px;
    width: 100%;
  }

  .crazy-style .dpris-head-left span {
    font-size: 32px;
  }

  .crazy-style .dpris-head-arrow {
    margin-right: 0;
  }

  .crazy-style .dpris-head-right {
    width: 100%;
    margin-top: 30px;
  }

  .dpris-head-left {
    a {
      display: block;
      width: 100%;
      margin-top: 20px;
    }
  }

  .crazy-style.septik1 .d1-text {
    padding: 15px;
    text-align: center;
  }

  .crazy-style .gproduct .hproduct-content .hproduct-ttl {
    margin-bottom: 20px;
  }

  .crazy-style.gsingle .d1-balon {
    left: 50%;
  }

  .crazy-style .gproduct-left {
    font-size: 18px;
    line-height: normal;
  }

  .crazy-style .gproduct-pris b {
    margin-bottom: 30px;
  }

  .crazy-style .got-flex {
    margin-top: 35px;
  }

  .crazy-style .got-content p {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
  }

  .crazy-style .got-right .hproduct-btn {
    width: 418px;
    height: 57px;
    border-radius: 27px;
    color: #ffffff;
    font-family: Roboto;
    font-size: 19px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21.88px;
    text-align: left;
    text-transform: uppercase;
  }

  .crazy-style .got-right {
    margin-top: 40px;
  }

  .crazy-style .got-item-option span {
    font-size: 18px;
    line-height: normal;
  }

  .crazy-style .got-ttl {
    color: #03466f;
    font-family: Roboto;
    margin: 20px 0;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
  }

  .crazy-style .gproduct-flex {
    display: block;
  }

  .crazy-style.gsingle .d1 {
    height: 440px;
  }

  .crazy-style.septik2.commercial .d1 .wrap {
    padding-bottom: 200px;

  }

  .crazy-style .gproduct-right {
    margin-left: 0;
    margin-top: 30px;
    width: 100%;
  }

  .crazy-style .gfilter-back, .crazy-style .gfilter select {
    width: 100%;
    margin-top: 20px;
  }

  .crazy-style .gfilter-back {
    margin-top: 0;
  }

  .crazy-style .gfilter-flex {
    display: block;

  }

  .crazy-style .gfilter-ttl {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .crazy-style .gfilter {
    padding: 15px;
    margin-top: 30px;
  }

  .crazy-style.commercial .d1-text {
    padding: 15px;
    text-align: center;

    .d1-ttl {
      margin-bottom: 0;
    }
  }

  .crazy-style.septik1 .d1-balon {
    display: none;
  }

  .crazy-style.septik1 .hproduct-ttl {
    padding-left: 0;
  }

  .crazy-style.septik1 .d1 .wrap {
    padding-bottom: 30px;
  }

  .crazy-style.septik2 .d1 .wrap {
    padding-bottom: 30px
  }

  .crazy-style.septik2 .hproduct-ttl {
    padding-left: 0;
    text-align: center;
  }

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

  .crazy-style .d2 .back-btn {
    position: static;
    margin-bottom: 20px;
  }

  .crazy-style .d1-septik {
    text-align: center;
    position: static;
    font-size: 24px;
    margin-bottom: 30px;
  }

  .d3, .d4, .d5, .d6, .d7 {
    .wrap {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .crazy-style .d5-form-label {
    margin-top: 20px;
  }

  .crazy-style .d7 img {
    left: -400px;
    height: 404px;
    max-width: 100000px;
    width: 1920px;
    position: relative;
  }

  .crazy-style .d7 {
    overflow-x: hidden;
  }

  .crazy-style .d5-form-flex button {
    font-size: 18px;
  }

  .crazy-style .d5 {
    padding: 40px;
  }

  .crazy-style .d5-form-flex input {
    margin-bottom: 20px;
  }

  .crazy-style .d5-form-flex input {
    padding: 0 15px;
    font-size: 18px;

  }

  .crazy-style .d5 textarea {
    font-size: 16px;
    line-height: normal;
    padding: 15px;
  }

  .crazy-style .d5-form-ttl {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 15px;

    br {
      display: none;
    }
  }

  .crazy-style .d5 textarea {
    padding: 15px;
  }

  .crazy-style .d5-form-label {
    margin-top: 20px;
  }

  .crazy-style .d5-form-flex button {
    margin-top: 15px;
  }

  .crazy-style .d5-form-flex {
    display: block;
  }

  .crazy-style .d7 p:last-child {
    margin-bottom: 0
  }

  .crazy-style .d7-contact {
    padding: 15px;
    margin-top: 30px;
  }

  .crazy-style .d6-item {
    line-height: normal;
  }

  .crazy-style .d5-img {
    display: none;
  }

  .crazy-style .d6-item img {
    width: 40px;
  }

  .crazy-style .d5-body {
    padding: 15px;
  }

  .crazy-style .d7-contact {
    margin-top: -180px;

  }

  .crazy-style .d5 {
    padding: 40px 0;
  }

  .crazy-style .wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .crazy-style .d6-item {

    font-size: 18px;
    height: auto;
    padding: 15px;
    margin-bottom: 20px;
  }

  .crazy-style .d5-ttl p {
    font-size: 18px;
  }

  .crazy-style .d4-ttl {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 30px;
  }

  .crazy-style .d5-ttl h3 {
    font-size: 36px;
  }

  .crazy-style .d4-item {
    margin-bottom: 20px;
  }

  .crazy-style .d3-right img {
    position: absolute;
    right: 0;
    bottom: -50px;
    width: 100px;
  }

  .crazy-style .d3-right p {
    font-size: 16px;
  }

  .crazy-style .d3-right h3, .crazy-style .d3-right h4 {
    font-size: 20px;

    br {
      display: none;
    }
  }

  .crazy-style .d3-right h2 {
    font-size: 24px;
  }

  .crazy-style .d3-tel {
    margin-bottom: 20px;
  }

  .d3-center {
    margin-top: 40px;
  }

  .crazy-style .d3 .wrap, .crazy-style .d4-flex, .crazy-style .d6 .wrap {
    display: block;
  }

  .crazy-style .d3-center form {
    margin-top: 40px;
  }

  .d3-logo {
    width: 200px;
  }

  .crazy-style .d3-left {
    padding-top: 60px;
  }

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

  .crazy-style .hproduct {
    padding: 30px 15px;
    display: block;
  }

  .crazy-style .hproduct-content p {
    margin: 20px 0;
  }

  .crazy-style .hproduct-btns {
    display: block;

    .hproduct-btn:first-child {
      margin-bottom: 20px;
    }
  }

  .crazy-style .hproduct-img {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .crazy-style .d2 {
    margin-bottom: 30px;
  }

  .crazy-style .footer-flex {
    flex-wrap: wrap;
    justify-content: center;
  }

  .crazy-style .d2-ttl {
    font-size: 24px;
  }

  .crazy-style .d2-flex {
    display: block;
  }

  .crazy-style .d2-item {
    height: auto;
    font-size: 18px;
    line-height: normal;
    padding: 15px 0;
  }

  .crazy-style .d2 .wrap {
    padding: 0 15px;
  }

  .crazy-style .d2-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .crazy-style .d1 .wrap {
    display: block;
  }

  .crazy-style .d1-right {
    padding: 15px;
  }

  .crazy-style .footer-col {

  }

  .crazy-style .d1-text p {
    font-size: 18px;
  }

  .crazy-style .d1-ttl {
    font-size: 24px;
    line-height: normal;
  }

  .crazy-style .d1-text {
    position: static;
    padding: 15px;
    margin-bottom: 20px;
  }

  .crazy-style .d1-balon {
    width: 320px;
    .xpos_ab;
  }

  .crazy-style .d1 .wrap {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 200px;
  }

  .crazy-style {
    zoom: 0.8;

  }

  .header-flex {
    display: none;
  }

  .crazy-style .footer-col {
    margin-bottom: 40px;
  }

  .crazy-style .header {
    display: none;
  }

  .crazy-style .footer-content {
    margin-bottom: 50px;
  }

  .crazy-style .footer-col {
    margin-bottom: 70px;
  }

  .crazy-style .footer-copy {
    margin-top: 0;
  }

  .crazy-style .gazn-flex {
    display: block;
  }

  .crazy-style .gazn-img {
    width: 100%;
  }

  .crazy-style .gazn-table-row:nth-child(3) .gazn-table-td {
    height: 80px;
  }

  .crazy-style .gazn-table-head {
    border: none !important;
  }

  .crazy-style .gazn-table-head {
    border-left: 1px solid rgba(22, 22, 22, 0.41) !important;
    border-right: 1px solid rgba(22, 22, 22, 0.41) !important;

  }

  .gazn-table-row:nth-child(2) .gazn-table-td {
    border-bottom: 0px solid rgba(22, 22, 22, 0.41) !important;

  }

  .crazy-style .hproduct-btn:last-child {
    width: 100%;
  }

  .crazy-style .gazn-table-td {
    border: 1px solid rgba(22, 22, 22, 0.41) !important;

    &:nth-child(2) {
      border-left: 0px solid rgba(22, 22, 22, 0.41) !important;

    }

  }

  .crazy-style .gazn-table {
    display: block;
  }

  .crazy-style .gazn-table-col {
    width: 100%;
  }

  .crazy-style .gazn-table-td {
    height: 80px;
  }

  .crazy-style .gazn-item {
    .hproduct-btn:last-child {
      margin-right: 0;
    }
  }

  .crazy-style .gazn-item .hproduct-btns {
    padding-left: 0;
  }
  .dages-bak{
    flex-wrap: wrap;
  }
  .dages-content{
    flex-wrap: wrap;
  }
  .dages-soum{
    padding-right: 0;
    border-right: none;
    border-bottom: 4px solid #737373;
    padding-bottom: 20px;
  }
  .dages-info{
    margin-left: 0;
    margin-top: 20px;
  }
  .dages-soum p{
    font-size: 36px;
  }
  .bak-img {
    width: 347px;
    height: auto;
  }
  .dages-soum span{
    font-size: 22px;
  }
  .dages-soum{
    margin-right: 10px;
  }
  .crazy-style .d2-ttl {
    font-size: 21px;
  }
  .dages-bak{
    margin-top: 22px;
  }
  .dages-soum a{
    font-size: 17px;
  }
  .dages-info h4{
    margin-bottom: 26px;
    font-size: 22px;
  }
  .dages-info ul{
    font-size: 21px;
  }
  .dages-info li{
    font-size: 21px;
  }
  .dages-characteristic{
    flex-wrap: wrap;
  }
  .dages-info-rezerv{
    padding-right: 0;
    border-bottom: 4px solid #737373;
    border-right: none;
  }
  .dages-info-rezerv div{
    padding: 5px 10px;
  }
  .dages-info-rezerv div span{
    font-size: 14px;
  }
  .dages-info-rezerv div p{
    font-size: 15px;
  }
  .dages-info-rezerv h3{
    font-size: 21px;
    margin-bottom: 23px;
  }
  .dages-info-rezerv{
    padding-bottom: 20px;
  }
  .dages-info-servis h3{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .dages-info-servis{
    margin-top: 25px;
  }
  .dages-text h4{
    padding-bottom: 16px;
    font-size: 18px;
    margin-top: 25px;
  }
}


@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-item img {
  display: block;
  width: 100%;
}

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

.load-container {
  display: none !important
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.crazy-style .gfilter-back, .crazy-style .gfilter select {
  text-align: -webkit-center;

  option {
    text-align: -webkit-center;

    text-align: center;
    text-align-last: center;

  }
}

.owl-next, .owl-prev {
  position: absolute;
  top: 50%;

  svg {
    height: 30px;
    position: relative;
    top: 5px;

    path {
      fill: white !important
    }
  }

  transform: translateY(-50%);
  background: #065e9b !important;
  height: 50px;
  width: 50px;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center

}

.owl-next {
  left: 100%;
}

.owl-prev {
  right: 100%;

  svg {
    transform: rotate(180deg)
  }
}


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

.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
  margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #004b90;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none
}

.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #004b90;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791
}