.mb {
 margin-bottom: 1rem;
}

@media only screen and (min-width: 900px) {
    #menu {
    display: none;
    }
    .header__nav-menu-btn {
      display: none;
    }
    }
            @media only screen and (max-width: 900px) {
    .header__nav-menu-btn {
      position: fixed !important;
        width: 4.775rem;
        height: 4.775rem;
        top: 3.1875vw;
        border-radius: 50%;
        background-color: #eaf1f5;
        position: relative;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        display: block;
        right: 3.1875vw;
        cursor: pointer;
        z-index: 99;
    }
    
      .header__nav-menu-btn span:nth-child(1) {
        top: 2.325rem;
      }
      .header__nav-menu-btn span:nth-child(2) {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
      }
      .header__nav-menu-btn span:nth-child(3) {
        bottom: 2.29rem;
      }
  

    #toggle span:after,
    #toggle span:before {
      content: "";
      position: absolute;
      left: 0;
      top: -9px;
    }
    #toggle span:after{
      top: 9px;
    }
    #toggle span {
      position: relative;
      display: block;
    }
    
    #toggle span,
    #toggle span:after,
    #toggle span:before {
      height: 2px;
        background-color: #888;
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 2px;
        width: 1.75rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    
    /* on activation */
    #toggle.on span {
      background-color: transparent;
    }
    #toggle.on span:before {
      transform: rotate(45deg) translate(5px, 5px);
    }
    #toggle.on span:after {
      transform: rotate(-45deg) translate(7px, -8px);
    }
    #toggle.on + #menu {
      opacity: 1;
      visibility: visible;
    }
    
    /* menu appearance*/
    #menu {
      position: fixed;
        color: #999;
        width: 200px;
        padding: 10px;
        margin: auto;
        text-align: center;
        border-radius: 4px;
        background: white;
        box-shadow: 0 1px 8px rgba(0,0,0,0.05);
        opacity: 0;
        visibility: hidden;
        transition: opacity .4s;
        z-index: 99;
        right: 12px;
        top: 78px;
    }
    #menu:after {
      position: absolute;
        top: -15px;
        left: 163px;
        content: "";
        display: block;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 20px solid white;
    }
    .ham {
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      transition: transform 400ms;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .hamRotate.active {
      transform: rotate(45deg);
    }
    .hamRotate180.active {
      transform: rotate(180deg);
    }
    .line {
      fill:none;
      transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
      stroke:#000;
      stroke-width:5.5;
      stroke-linecap:round;
    }
    .ham1 .top {
      stroke-dasharray: 40 139;
    }
    .ham1 .bottom {
      stroke-dasharray: 40 180;
    }
    .ham1.active .top {
      stroke-dashoffset: -98px;
    }
    .ham1.active .bottom {
      stroke-dashoffset: -138px;
    }
    .ham2 .top {
      stroke-dasharray: 40 121;
    }
    .ham2 .bottom {
      stroke-dasharray: 40 121;
    }
    .ham2.active .top {
      stroke-dashoffset: -102px;
    }
    .ham2.active .bottom {
      stroke-dashoffset: -102px;
    }
    .ham3 .top {
      stroke-dasharray: 40 130;
    }
    .ham3 .middle {
      stroke-dasharray: 40 140;
    }
    .ham3 .bottom {
      stroke-dasharray: 40 205;
    }
    .ham3.active .top {
      stroke-dasharray: 75 130;
      stroke-dashoffset: -63px;
    }
    .ham3.active .middle {
      stroke-dashoffset: -102px;
    }
    .ham3.active .bottom {
      stroke-dasharray: 110 205;
      stroke-dashoffset: -86px;
    }
    .ham4 .top {
      stroke-dasharray: 40 121;
    }
    .ham4 .bottom {
      stroke-dasharray: 40 121;
    }
    .ham4.active .top {
      stroke-dashoffset: -68px;
    }
    .ham4.active .bottom {
      stroke-dashoffset: -68px;
    }
    .ham5 .top {
      stroke-dasharray: 40 82;
    }
    .ham5 .bottom {
      stroke-dasharray: 40 82;
    }
    .ham5.active .top {
      stroke-dasharray: 14 82;
      stroke-dashoffset: -72px;
    }
    .ham5.active .bottom {
      stroke-dasharray: 14 82;
      stroke-dashoffset: -72px;
    }
    .ham6 .top {
      stroke-dasharray: 40 172;
    }
    .ham6 .middle {
      stroke-dasharray: 40 111;
    }
    .ham6 .bottom {
      stroke-dasharray: 40 172;
    }
    .ham6.active .top {
      stroke-dashoffset: -132px;
    }
    .ham6.active .middle {
      stroke-dashoffset: -71px;
    }
    .ham6.active .bottom {
      stroke-dashoffset: -132px;
    }
    .ham7 .top {
      stroke-dasharray: 40 82;
    }
    .ham7 .middle {
      stroke-dasharray: 40 111;
    }
    .ham7 .bottom {
      stroke-dasharray: 40 161;
    }
    .ham7.active .top {
      stroke-dasharray: 17 82;
      stroke-dashoffset: -62px;
    }
    .ham7.active .middle {
      stroke-dashoffset: 23px;
    }
    .ham7.active .bottom {
      stroke-dashoffset: -83px;
    }
    .ham8 .top {
      stroke-dasharray: 40 160;
    }
    .ham8 .middle {
      stroke-dasharray: 40 142;
      transform-origin: 50%;
      transition: transform 400ms;
    }
    .ham8 .bottom {
      stroke-dasharray: 40 85;
      transform-origin: 50%;
      transition: transform 400ms, stroke-dashoffset 400ms;
    }
    .ham8.active .top {
      stroke-dashoffset: -64px;
    }
    .ham8.active .middle {
      stroke-dashoffset: -20px;
      transform: rotate(90deg);
    }
    .ham8.active .bottom {
      stroke-dashoffset: -64px;
    }
    ul, li, li a {
      list-style: none;
      display: block;
      margin: 0;
      padding: 0;
    }
    }
.search-form__head form input{
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  padding: 12px 0 12px 10px;
  border: 2px solid #ffd71c;
  border-radius: 30px;
}

.search-form__head form {
  width: auto;
}
@media (max-width: 900px) {
    header {
       display: none;
    }
      }
    @-webkit-keyframes blick {
      0% {
        left: -50%;
        opacity: 0;
      }
      32% {
        opacity: 0;
      }
      50% {
        opacity: 0.6;
      }
      78% {
        opacity: 0;
      }
      100% {
        left: 100%;
        opacity: 0;
      }
    }
    
    @keyframes blick {
      0% {
        left: -50%;
        opacity: 0;
      }
      32% {
        opacity: 0;
      }
      50% {
        opacity: 0.6;
      }
      78% {
        opacity: 0;
      }
      100% {
        left: 100%;
        opacity: 0;
      }
    }
    .container-small {
      max-width: 75.4166667vw;
      margin: 0 auto;
    }
    
    .container-big {
      max-width: 85.4166667vw;
      margin: 0 auto;
    }
    
    
    .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    
    .mobile {
      display: none;
    }
    
    .btn-blick {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 0;
      overflow: hidden;
    }
    .main-btn:not(:disabled) .btn-blick::after, .main-btn:not(.disabled) .btn-blick::after {
      content: "";
      position: absolute;
      left: -100%;
      top: 0;
      width: 3vw;
      height: 100%;
      background: #fff;
      opacity: 0.6;
      -webkit-animation: blick 5.5s ease-in-out 2s infinite;
              animation: blick 5.5s ease-in-out 2s infinite;
      -webkit-transform: skewX(-20deg);
          -ms-transform: skewX(-20deg);
              transform: skewX(-20deg);
      -webkit-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
    }
    
    .main-btn {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-height: 3.90625vw;
      background-color: #d60000;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      -o-transition-property: transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
    }
    .main-btn span {
      font-weight: 400;
      font-size: 0.78125vw;
      line-height: 1.40625vw;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 0.05em;
      color: #fff;
      -webkit-transition: -webkit-text-decoration 0.3s ease-in-out;
      transition: -webkit-text-decoration 0.3s ease-in-out;
      -o-transition: text-decoration 0.3s ease-in-out;
      transition: text-decoration 0.3s ease-in-out;
      transition: text-decoration 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
    }
    .main-btn__container {
      position: absolute;
      overflow: hidden;
      width: 99%;
      height: 100%;
      border-radius: 2vw;
      padding: 1.45vw 2.395833vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
    }
    .main-btn:hover:not(:disabled), .main-btn:hover:not(.disabled) {
      cursor: pointer;
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05);
    }
    .main-btn:hover:not(:disabled) span, .main-btn:hover:not(.disabled) span {
      text-decoration: underline;
    }
    .main-btn:hover:not(:disabled) .btn-blick::after, .main-btn:hover:not(.disabled) .btn-blick::after {
      opacity: 0;
    }
    .main-btn:active:not(:disabled), .main-btn:active:not(.disabled) {
      -webkit-transform: scale(0.95);
          -ms-transform: scale(0.95);
              transform: scale(0.95);
    }
    .main-btn:disabled {
      opacity: 0.5;
    }
    
    .hero {
      padding: 3.625vw 0 7.1vw;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% auto;
    }
    
    .hero__content {
      display: flex;
        flex-direction: column;
        text-align: center;
    
    }
    
    .hero__title {
      width: auto;
      font-weight: 400;
      font-size: 3.38541667vw;
      line-height: 100%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #173d7a;
      margin-bottom: 1.5rem;
        font-weight: 700;
    }
    
    .hero__title span {
      color: red;
      font-weight: 800;
    }
    
    .hero__image-logo img{
      max-width: 6rem;
    }
    
    .hero__image img {
        width: 9vw;
    }
    
    .hero__subtitle {
      position: relative;
      padding: 1.45vw 0 1.1vw;
      padding-top: 0;
      font-weight: 400;
      font-size: 1.6666vw;
      line-height: 125%;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #000;
    }
    .hero__subtitle::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 31.4vw;
      height: 0.05208vw;
      background-color: var(--accent-color);
    }
    .hero__subtitle::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 31.4vw;
      height: 0.05208vw;
      background-color: var(--accent-color);
    }
    .hero__benefits {
      font-size: 0;
      margin-bottom: 2.5vw;
    }
    .hero__benefits-item {
      position: relative;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 8.020833vw;
              flex: 0 1 8.020833vw;
      padding-top: 0.35vw;
      font-size: 1.04166vw;
      line-height: 130%;
      letter-spacing: 0.03em;
      color: var(--main-black);
      list-style-type: none;
    }
    .hero__benefits-item::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 0.520833vw;
      height: 0.520833vw;
      background: url("../media/svg/plus.svg") 0 0/cover no-repeat;
    }
    .hero__benefits-item:not(:last-child) {
      margin-right: 2.2vw;
    }
    .hero__btn {
      padding: 1.45vw 1.395833vw;
        width: 15.875vw;
        height: 3.208333vw;
        cursor: pointer;
        border-radius: 5rem;
        border: none;
        box-shadow: 6px 6px 15px 0px rgba(66,71,82,0.4);
    }
    .hero__btn span {
      font-size: 0.88541666vw;
    }
    .mobile {
      display: none;
    }
    .hero__text-sale {
      color: red;
      margin-bottom: 1rem;
      text-align: center;
      font-weight: 700;
      width: 15.875vw;
      }

      @media (max-width: 900px) {
        .hero__content {
            padding-top: 33vw;
        }
            }

            @media (max-width: 767px) {
              .hero__content {
            display: flex;
            align-items: stretch;
            padding-top: 44vw;
            
            }
          }

    @media (max-width: 900px) {
      .container-small {
        max-width: 85.4166667vw;
        margin: 0 auto;
    }
      .mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
    
      .main-btn span {
        font-size: 1rem;
        line-height: 150%;
      }
      .main-btn:not(.disabled) .btn-blick::after {
        content: "";
        position: absolute;
        left: -100%;
        top: -100%;
        width: 3rem;
        height: 20rem;
        background: #fff;
        opacity: 0.7;
        -webkit-animation: blick 5s ease-in-out 2s infinite;
                animation: blick 5s ease-in-out 2s infinite;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
      }
    }

          
    @media (max-width: 900px) {
      .hero {
        position: relative;
        overflow: hidden;
        background: none;
        padding: 2.8rem 0 3.4rem;
          }
    .hero .container {
     position: relative;
     z-index: 2;
     }
      .hero__mobile-bg {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background-position: 25% bottom;
        background-size: 91% auto;
        background-repeat: no-repeat;
      }
      .hero__mobile-bg::before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 15%;
        background: linear-gradient(to bottom, transparent, rgb(255 255 255));
        z-index: 99999;
        transition: bottom 0.5s ease;
    }
      .hero__title {
        width: 100%;
        margin-bottom: 0rem;
        font-size: 4rem;
      }
    
      .hero__image-logo img{
      max-width: 6rem;
    }
    
      .hero__image img{
      min-width: 13rem;
    }
    
    
      .hero__subtitle {
        padding: 0;
        font-size: 1.8rem;
        line-height: 124%;
        text-align: center;
      }
      .hero__subtitle::before, .hero__subtitle::after {
        display: none;
      }
    
      .hero__text-sale {
        width: 100%;
    color: red;
        margin-bottom: 1rem;
        text-align: center;
      }
    
      .hero__benefits {
        margin-bottom: 0.15rem;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        row-gap: 1.7rem;
        text-align: center;
      }
      .hero__benefits-item {
        padding-top: 1.4rem;
        font-size: 1.4rem;
        line-height: 150%;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 7.5rem;
                flex: 0 1 7.5rem;
      }
      .hero__benefits-item::before {
        width: 0.7rem;
        height: 0.7rem;
      }
      .hero__benefits-item:not(:last-child) {
        margin-right: 2.85rem;
      }
      .hero__benefits-item:nth-child(1) {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        margin-right: 1.1rem;
      }
      .hero__benefits-item:nth-child(2) {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 45%;
                flex: 0 1 45%;
        margin-right: 0;
      }
      .hero__benefits-item:last-child {
        -ms-flex-preferred-size: 6.9rem;
            flex-basis: 6.9rem;
      }
      .hero__btn {
        width: 100%;
        height: 4.648rem;
        padding: 1.833rem 3.012rem;
      }
      .hero__btn span {
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 150%;
      }

      .hero__contact {
        padding: 0 2.2rem 0 2rem;
      }
    }
    
    @media (min-width: 900px) {
      .hero__content {
        display: flex;
        text-align: left;
        align-items: stretch;
        flex-direction: row;
    }
    .hero__image-logo img {
        display: none;
    }
    }
    @-webkit-keyframes slideme {
        0% {
          left: -30px;
          margin-left: 0px;
        }
      
        30% {
          left: 110%;
          margin-left: 80px;
        }
      
        100% {
          left: 110%;
          margin-left: 80px;
        }
      }
      
      @keyframes slideme {
        0% {
          left: -30px;
          margin-left: 0px;
        }
      
        30% {
          left: 110%;
          margin-left: 80px;
        }
      
        100% {
          left: 110%;
          margin-left: 80px;
        }
      }
      
      .col-center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      
      .main__item {
        padding-top: 0rem;
          padding-bottom: 3rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          align-items: center;
      }
      
      .tgc {
      
        font-size: 3.7rem;
      }
      
      a.tgc {
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
      }
      
      a.tgc:hover {
        color: #000;
      }
      
      .white {
        color: #fff;
      }
      
      .fw5 {
        font-weight: 500;
      }
      
      .fwb {
        font-weight: bold;
      }
      
      .tdu {
        text-decoration: underline;
      }
      
      .tac {
        text-align: center;
      }
      
      .t30 {
        font-size: 1vw;
      }
      
      .t16 {
        font-size: .9vw;
      }
      
      .t14 {
        font-size: 0.73rem;
      }
      
      .mb2 {
        margin-bottom: 1.4rem;
      }
      
      .mbm {
        margin-bottom: 1.7rem;
      }
      
      input::-webkit-input-placeholder {
        color: #747474;
      }
      
      input:-ms-input-placeholder {
        color: #747474;
      }
      
      input::-ms-input-placeholder {
        color: #747474;
      }
      
      input::-moz-placeholder {
        color: #747474;
      }
      
      .input {
        padding: 1.4rem 1rem;
        border-radius: 50px;
        border: none;
        background-color: transparent;
        -ms-flex-item-align: center;
        align-self: center;
        width: 100%;
        position: relative;
        background-color: #ffffff;
        padding-left: 2rem;
        font-weight: 400;
      }
      
      .input.i-gray {
        background-color: #f5f7f6;
      }
      
      .check-box {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      
      .check-line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      
      .check-label {
        width: .9rem;
        height: .9rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0.2rem;
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: .5rem;
        border-radius: 2px;
        background-color: #d4ad37;
      }
      
      .check-label-act {
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transform: scale(0);
        transform: scale(0);
        border-radius: 2px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 70%;
        height: 70%;
      }
      
      .rhide {
        display: none;
      }
      
      .rhide:checked ~ span .check-label-act {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      
      .main-form {
        width: 25%;
          background-color: #fff;
          padding: 2.2rem 2rem;
          padding-bottom: 2.2rem;
          border-radius: 1.3rem;
          height: 100%;
      }
      
      .btn-rico {
        padding-left: 3rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
      }
      
      @media (max-width: 900px) {
        .main__item {
          flex-direction: column;
      
      }
        .main-form {
          background-color: #fff0;
          width: 26rem;
          margin-left: auto;
          margin-right: auto;
        }
        .t30 {
          font-size: 1.56rem;
      }
        .t16 {
          font-size: 1.43rem;
      }
      }
      
      @media (max-width: 567px) {
        .main-form {
          width: 100%;
        }
      }

      .shape-border {
        position: absolute;
        left: 0;
        font-size: 0;
        width: 100%;
        overflow: hidden;
        display: none;
        pointer-events: none;
        bottom: -1px;
    }
    .t796__svg {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 101%;
        fill: #fff;
    }
    .hero__bg {
        display: flex;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .hero__bg::before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 15%;
        background: linear-gradient(to bottom, transparent, rgb(255 255 255));
        z-index: 99999;
        transition: bottom 0.5s ease;
    }
    .hero__bg img {
        width: 100%;
        height: 100%;
        align-self: center;
    }
    @media (max-width: 900px) {
      .hero__bg {
        display: none;
    }
    }
    .discount{
        display: inline-block;
        width: 60px;
        height: 60px;
        text-align: center;
        vertical-align: middle;
        line-height: 2.5rem;
        background: #f71c1ca1;
        color: white;
        text-align: center;
        position: absolute;
        bottom: 10%;
        right: 10%;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
        transform: rotate(-20deg);
        animation: beat 1s ease infinite alternate;
    }
    
     .discount:before, .discount:after {
        content: "";
        position: absolute;
        background: inherit;
        height: inherit;
        width: inherit;
        top: 0;
        left: 0;
        z-index: -1;
        transform: rotate(30deg);
    }
    
    .discount:after {
        transform: rotate(60deg);
      }
    
    @keyframes beat {
        from {	transform: rotate(-20deg) scale(1); }
        to {	transform: rotate(-20deg) scale(1.1); }
    }
    
    .value {
        font-weight: 700;
        font-size: 25px;
        line-height: 24px;
    }
    
    .text {
        line-height: 10px;
        font-size: 15px;
        padding: 0 0 0 7px;
        text-align: center;
    }
    .advantage__image {
        display: flex;
        position: relative;
        width: 11vw;
        height: 11vw;
        border-radius: 50%;
        margin: 0 auto;
        margin-bottom: 15px;
        position: relative;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        border: solid 3px #d60000;
      }
    
      .advantage__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.8s;
        border-radius: 1vw;
    }
    
    .case-slider__item:hover img {
        transform: scale(1.1);
        transition: 0.8s;
    }
    
    @media (max-width: 900px) {
      .advantage__image {
        width: 18rem;
        height: 18rem;
      }
    }

    .bubbles{
        position:absolute;
        width:100%;
        height: 100%;
        z-index:0;
        overflow:hidden;
        top:0;
        left:0;
      }
      .bubble{
        position: absolute;
        bottom:-100px;
        width:40px;
        height: 40px;
        background:#eaf1f5;
        border-radius:50%;
        opacity:0.5;
        animation: rise 10s infinite ease-in;
      }
      .bubble:nth-child(1){
        width:40px;
        height:40px;
        left:10%;
        animation-duration:8s;
      }
      .bubble:nth-child(2){
        width:20px;
        height:20px;
        left:20%;
        animation-duration:5s;
        animation-delay:1s;
      }
      .bubble:nth-child(3){
        width:50px;
        height:50px;
        left:35%;
        animation-duration:7s;
        animation-delay:2s;
      }
      .bubble:nth-child(4){
        width:80px;
        height:80px;
        left:50%;
        animation-duration:11s;
        animation-delay:0s;
      }
      .bubble:nth-child(5){
        width:35px;
        height:35px;
        left:55%;
        animation-duration:6s;
        animation-delay:1s;
      }
      .bubble:nth-child(6){
        width:45px;
        height:45px;
        left:65%;
        animation-duration:8s;
        animation-delay:3s;
      }
      .bubble:nth-child(7){
        width:90px;
        height:90px;
        left:70%;
        animation-duration:12s;
        animation-delay:2s;
      }
      .bubble:nth-child(8){
        width:25px;
        height:25px;
        left:80%;
        animation-duration:6s;
        animation-delay:2s;
      }
      .bubble:nth-child(9){
        width:15px;
        height:15px;
        left:70%;
        animation-duration:5s;
        animation-delay:1s;
      }
      .bubble:nth-child(10){
        width:90px;
        height:90px;
        left:25%;
        animation-duration:10s;
        animation-delay:4s;
      }
      @keyframes rise{
        0%{
          bottom:-100px;
          transform:translateX(0);
        }
        50%{
          transform:translate(100px);
        }
        100%{
          bottom:1080px;
          transform:translateX(-200px);
        }
      }
      .standart-title {
        font-weight: 400;
        font-size: 2.34375vw;
        line-height: 3.3854166667vw;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }
      
      .standart-text {
        font-size: 1.0416666667vw;
        line-height: 1.8229166667vw;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }
      
      .nice-select .list:hover .option:not(:hover) {
        background-color: transparent !important;
      }
      
      .calc-banner {
        position: relative;
      }
      .calc-banner__img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        overflow: hidden;
      }
      .calc-banner__img .bg-img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        -o-object-fit: cover;
           object-fit: cover;
      }
      .calc-banner__img .img-block {
        width: 100%;
        height: 39.0625vw;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
      }
      .calc-banner__img .img-block img {
        width: 44.78125vw;
          height: 50.3125vw;
          position: absolute;
          top: -4.2708333333vw;
          right: 7.34375vw;
          -o-object-fit: contain;
          object-fit: contain;
      }
      .calc-banner__container {
        position: relative;
        z-index: 1;
      }
      .calc-banner__content {
        width: 40.625vw;
        min-height: 39.0625vw;
        padding-top: 6.7708333333vw;
        padding-bottom: 6.25vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        color: #FFF;
      }
      .calc-banner__content .content-title {
        margin-bottom: 1.8229166667vw;
      }
      
      .calc-banner__content .standart-title span{
          color: red;
          font-weight: 800;
        }
      
      .calc-banner__content .content-text span{
        color: red;
      }
      .calc-banner__content .content-btn {
        min-width: 18.2291666667vw;
        padding: 0 2.0833333333vw;
      }
      
      .container-phone {
        display: flex;
      }
      
      .content-phone {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 0.5208333333vw;
      }
      
      .city-text {
        font-size: .9vw;
        margin-bottom: 1.8229166667vw;
      }
      
      .calc-banner__content .main-btn{
        font-size: 0.88541666vw;
        height: 1.208333vw;
      }
      
      .calc-banner__content .main-btn {
        min-height: 1.208333vw;
        margin-bottom: 1rem;
      }
      
      .hero-time {
          display: flex;
          align-items: center;
          margin-left: 5vw;
      }
      .hero-time__img {
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 50%;
          width: 1.823vw;
          height: 1.823vw;
          background-color: #fff;
          position: relative;
          z-index: 1;
          margin-right: 1.51vw;
      }
      .hero-time__img::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #fff;
          opacity: .2;
          border-radius: 50%;
          -webkit-animation: animPulse 2s linear infinite;
          animation: animPulse 2s linear infinite;
          z-index: -1;
      }
      .hero-time__img img {
          width: 1.09375vw;
      }
      .hero-time p {
          line-height: 1.354vw;
          font-size: 1vw;
          font-weight: 700;
      }
      .colored {
          color: red;
      }
      @keyframes animPulse {
        0% {
          opacity: 0;
          transform: scale(1); }
        50% {
          opacity: .5; }
        100% {
          opacity: 0;
          transform: scale(1.8); } }
      @media only screen and (max-width: 900px) {
        .desktop-only {
          display: none !important;
        }
      
        @-webkit-keyframes btn_blick {
          0% {
            left: -25vw;
          }
          100% {
            left: calc(100% + 25vw);
          }
        }
      
        @keyframes btn_blick {
          0% {
            left: -25vw;
          }
          100% {
            left: calc(100% + 25vw);
          }
        }
      
        .standart-title {
          font-size: 6.25vw;
          line-height: 9.375vw;
        }
        .standart-title br {
          display: none;
        }
      
        .standart-text {
          font-size: 3.75vw;
          line-height: 6.25vw;
        }
        .standart-text br {
          display: none;
        }
        .calc-banner__img .img-block {
          width: 100%;
          height: 85.9375vw;
          top: unset;
          left: 0;
          bottom: 0;
          -webkit-transform: none;
                  transform: none;
        }
      .calc-banner__img .img-block img{
          position: relative;
          width: 72.78125vw;
          height: 107.9375vw;
          transform: translateX(-50%);
          left: 50%;
          bottom: 0;
      }
        .calc-banner__content {
          width: 100%;
          min-height: unset;
          padding-top: 10.9375vw;
          padding-bottom: 75.9375vw;
        }
        .calc-banner__content .content-title {
          margin-bottom: 6.25vw;
        }
        .calc-banner__content .content-btn {
          width: 100%;
          min-width: unset;
          padding: 0 9.375vw;
        }
        .container-phone {
          flex-direction: column-reverse;
          margin: auto;
      }
      .hero-time {
        margin-left: 0;
        margin-bottom: 2rem;
      }
      .hero-time__img {
          border-radius: 50%;
          width: 1.823rem;
          height: 1.823rem;
          margin-right: 1.51rem;
      }
      
      .hero-time__img img {
          width: 1.09375rem;
      }
      
      .hero-time p {
          line-height: 1.354rem;
          font-size: 2rem;
      }
      
        .content-phone {
          align-items: flex-start;
      }
      
      .tenth__block .works__holder .right .right__inner {
          margin-right: 0px;
      }
      .city-text {
        font-size: 1.4rem;
        margin-bottom: 4.8229166667rem;
      }
      }
      @media (max-width: 900px) {
        .hero__image-bag img{
          max-width: 100%;
          position: absolute;
          left: 0;
          z-index: -1;
          top: 0;
        }
          }
          
      @media (min-width: 767px) {
        .hero__image-bag img{
          max-width: 100%;
          position: absolute;
          left: 0;
          z-index: -1;
          top: -65px;
        }
          }
      
          @media (min-width: 900px) {
        .hero__image-bag img{
          display: none;
        }
          }