:root{
  --font-default: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue Regular", "Helvetica Neue Medium", "Helvetica Neue",  "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", Helvetica, Arial, "Lucida Grande", sans-serif;

  --color-dark: #11222D;
  --color-grey: #A3A3A3;
  --color-green: #00A9A9;
  --color-green-light: #33baba;
  --color-green-dark: #188787;
  --color-red: #FF6A6A;

  --transition-default:  all .3s ease-in-out;

  --radius-default: 20px
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body{ 
  font-family: var(--font-default);
  font-size: 14px;
  color: var(--color-text);
  line-height: 1.4;
  font-weight: 400;
}
body{
  background-color: var(--color-dark);
}
a{
  text-decoration: none;
  transition: var(--transition-default);
}
p{
  margin-bottom: 0.4em;
}
ul:not([class]),
ol:not([class]){
  list-style: none;
}
  ul:not([class]) li,
  ol:not([class]) li{
    padding-left: 32px;
    position: relative;
    margin-bottom: 12px;
  }
  ul:not([class]) li::before,
  ol:not([class]) li::before{
    width:  20px;
    height: 1px;
    display: block;
    background: var(--color-green);
    position: absolute;
    left: 0;
    top: 0.79em;
    content: '';
  }
ol:not([class]){
  counter-reset: numbered-list;
}
  ol:not([class]) >li{
    padding-left: 28px;
  }
  ol:not([class]) >li::before{
    width:  20px;
    height: 1em;
    display: block;
    background:none;
    position: absolute;
    left: 0;
    top: 0.35em;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-green);
    counter-increment: numbered-list;
    content: counters(numbered-list, "", decimal-leading-zero);
  }
hr{
  width: 100%;
  height: 1px;
  background: #DDD;
  opacity: 0.2;
  margin: 20px 0
}
@media (min-width: 768px){
  html,
  body{
    --radius-default: 20px;
    font-size: 18px;
  }
  ul:not([class]) >li,
  ol:not([class]) >li{
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px){
}
@media (min-width: 1800px){
  .d-xxxl-block{
    display: block !important;
  }
}

.container-main{
  --gutter: 10px;
  position: relative;
  padding:  0 var(--gutter) var(--gutter);
  overflow: hidden;
}
.body--with-bg{
  background-image : url(/bitrix/templates/tiren2024/assets/images/bg-10.webp);
  background-repeat: no-repeat;
  background-position: top center;
}
.body--with-bg-full{
  background-size: 100%;
}

.body--blured{
  -webkit-backdrop-filter: blur(9.5px);
  backdrop-filter: blur(9.5px);
  background-position: 104% 54%;
  background-size: 150%;
}
.body--narrow{}
  .body--narrow .container-inner{
    max-width: 1600px;
  }

@media (min-width: 768px){
  .container-main{
    --gutter: 30px;
  }
  .body--blured{
    backdrop-filter: blur(12.399999618530273px);
    -webkit-backdrop-filter: blur(12.399999618530273px);
    background-position: 94% 40%;
    background-size: 147vw;
  }
  .body--with-bg-full{
    background-size: auto;
    background-position: top left;
  }
}
@media (min-width: 1200px){
  .body--with-bg-full{
    background-position: unset;
  }
  .container-main{
    --gutter: 35px;
  }
  .body--blured{
    background-size: auto;
    background-position:  center 100px;
    backdrop-filter: blur(17.399999618530273px);
    -webkit-backdrop-filter: blur(17.399999618530273px);
  }
}

@media (min-width: 1800px){
  .body--with-bg-full{
    background-size: 100% auto;
  }
}

.btn{
  display: inline-block;
  vertical-align: middle;
  padding: 12px 20px;
  font-size: 16px;
  text-align: center;
  transition: var(--transition-default);
  cursor: pointer;
  outline: 0 !important;
  border: 0
}
.btn.no-click{
  cursor: default;
}
  .btn--wide{
    font-size: 14px;
    padding: 23px 55px;
  }
  .btn-flat{
    background: var(--color-green);
    color: #fff;
    border-radius: 50px;
  }
    .btn-flat:hover{
      background: var(--color-green-light);
      color: #fff;
    }
    .btn-flat--dark{
      background: var(--color-dark);
    }
    .btn-flat--dark.is-checked,
    .btn-flat--dark:hover{
      background: #fff;
      color: var(--color-dark);
    }
  .btn-bordered{
    color: #FFF;
    font-weight: 550;
    line-height: 120%;
    letter-spacing: 0.48px;
    border-radius: 50px;
    border: 1px solid #555;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: transparent;
  }
    .btn-bordered-green{
      border-color: var(--color-green);
      color: #fff;
    }
    .btn-bordered.active,
    .btn-bordered.is-checked{
      border-color: transparent;
      background: rgba(255, 255, 255, 0.10);
    }
    .btn-bordered:hover{
      background: var(--color-green);
      border-color: var(--color-green);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
    }
  .btn-dashed{
    color: var(--color-green);
    border-radius: 56px;
    border: 1px dashed var(--color-green);
    border-radius: 56px;
    background: rgba(0, 169, 169, 0.10);
  }
    .btn-dashed:hover{
      background: rgba(0, 169, 169, 0.50);
    }
  .btn-arrow,
  .btn-bordered--with-arrow::before,
  .btn--with-adornments:before{
    --size: 65px;
    width: var(--size);
    height: var(--size);
    display: block;
    padding: 0;
    border-radius: 100%;
    line-height: calc(var(---size) - 3px);
    text-align: center;
    background: var(--color-green);
    color: #fff;
    border: 1px solid var(--color-green);
    position: relative;
    content: '';
  }
    .btn-arrow:hover{
      border-color: var(--color-green-light);
      background: var(--color-green-light);
    }
    .btn-arrow:before,
    .btn--with-adornments:before{
      --arrow-size: 12px;
      --arrow-size: 18px;
      width: var( --arrow-size);
      height: var( --arrow-size);
      display: block;
      background-image: url('data:image/svg+xml,<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M32.9203 30.5824C35.6089 28.7765 38.8 28.0899 40.9363 28.0009L41.0195 29.9991C39.1558 30.0768 36.3469 30.6901 34.0355 32.2426C31.77 33.7643 29.9779 36.1807 29.9779 40L29.9584 40L27.9779 40L27.9584 40L27.9584 39.3196C27.7585 35.8905 26.0482 33.6718 23.9203 32.2426C21.6089 30.6901 18.8 30.0768 16.9363 29.9991L17.0195 28.0009C19.1558 28.0899 22.3469 28.7765 25.0355 30.5824C26.1301 31.3176 27.1404 32.2393 27.9584 33.3741L27.9584 15L29.9584 15L29.9584 33.4287C30.7832 32.2688 31.8082 31.3294 32.9203 30.5824Z" fill="rgb(250,250,250)"/></svg>') ;
      background-repeat: no-repeat;
      background-position: center;
      background-size: calc(var(--arrow-size) * 2.5);
      position: absolute;
      top:  calc(50% - var( --arrow-size) / 2);
      left: calc(50% - var( --arrow-size) / 2);
      transition: var(--transition-default);
      content: '';
    }
    .btn-arrow--trnsp{
      background: transparent;
    }
    .btn-arrow--trnsp.btn-arrow--green:before{
      background-image: url('data:image/svg+xml,<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M32.9203 30.5824C35.6089 28.7765 38.8 28.0899 40.9363 28.0009L41.0195 29.9991C39.1558 30.0768 36.3469 30.6901 34.0355 32.2426C31.77 33.7643 29.9779 36.1807 29.9779 40L29.9584 40L27.9779 40L27.9584 40L27.9584 39.3196C27.7585 35.8905 26.0482 33.6718 23.9203 32.2426C21.6089 30.6901 18.8 30.0768 16.9363 29.9991L17.0195 28.0009C19.1558 28.0899 22.3469 28.7765 25.0355 30.5824C26.1301 31.3176 27.1404 32.2393 27.9584 33.3741L27.9584 15L29.9584 15L29.9584 33.4287C30.7832 32.2688 31.8082 31.3294 32.9203 30.5824Z" fill="rgb(0 169 169)"/></svg>');
    }
    .btn-arrow--trnsp.btn-arrow--green:hover{
      background: rgba(0, 169, 169, 0.10);
    }
    .btn-arrow--white{
      background: #fff;
      border-color: #fff;
    }
      .btn-arrow--white:before{
        background-image: url('data:image/svg+xml,<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M32.9203 30.5824C35.6089 28.7765 38.8 28.0899 40.9363 28.0009L41.0195 29.9991C39.1558 30.0768 36.3469 30.6901 34.0355 32.2426C31.77 33.7643 29.9779 36.1807 29.9779 40L29.9584 40L27.9779 40L27.9584 40L27.9584 39.3196C27.7585 35.8905 26.0482 33.6718 23.9203 32.2426C21.6089 30.6901 18.8 30.0768 16.9363 29.9991L17.0195 28.0009C19.1558 28.0899 22.3469 28.7765 25.0355 30.5824C26.1301 31.3176 27.1404 32.2393 27.9584 33.3741L27.9584 15L29.9584 15L29.9584 33.4287C30.7832 32.2688 31.8082 31.3294 32.9203 30.5824Z" fill="rgba(0, 169, 169, 1)"/></svg>');
      }
      .btn-arrow--white:hover{
        background: rgba(0, 169, 169, 0.10);
      }
    .btn-arrow--right{}
      .btn-arrow--right:before{
        transform: rotate(-90deg);
      }
    .btn-arrow--left{}
      .btn-arrow--left:before{
        transform: rotate(90deg);
      }
    .btn-arrow--up{}
      .btn-arrow--up:before{
        transform: rotate(180deg);
      }
    .btn-arrow--d2{}
      .btn-arrow--d2:before,
      .btn--with-adornments:before{
        transform: rotate(-135deg);
      }
    .btn-arrow--bordered{
      border: 1px solid #DCDCDC;
      background: transparent;
    }
      .btn-bordered--with-arrow::before,
      .btn-arrow--bordered:before{
        --arrow-size: 12px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"><path d="M0.942871 9.13159H16.2635" stroke="rgb(250,250,250)"/><path d="M7.92862 1.20298C10.5276 5.51688 12.3041 7.25408 16.0603 9.099" stroke="rgb(250,250,250)"/><path d="M7.92862 17.0603C10.5276 12.7464 12.3041 11.0092 16.0603 9.16431" stroke="rgb(250,250,250)"/></svg>');
        background-size: calc(var(--arrow-size)* 1);
      }
    
      .btn-arrow--bordered:hover{
        border-color: var(--color-green);
        background: var(--color-green);
      }
    .btn-bordered--with-arrow{
      position: relative;
      color: #000;
    }
    .btn-bordered--with-arrow:hover{
      color: #fff;
    }
      .btn-bordered--with-arrow::before{
        display: block;
        background-color: transparent;
        border: 1px solid var(--color-green);
        position: absolute;
        left: 100%;
        top: 0;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="81" height="80" viewBox="0 0 81 80" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M39.7454 35.3863C36.5674 34.7621 33.8254 32.9912 32.2519 31.5435L33.606 30.0717C34.9787 31.3346 37.3986 32.8871 40.1309 33.4238C42.7939 33.9468 45.7516 33.5131 48.4403 30.8524L48.4851 30.8074L48.4853 30.8076L48.4983 30.8206L49.8993 32.2216L49.8995 32.2218L49.9125 32.2348L49.4414 32.706C47.1496 35.275 46.7884 38.0573 47.2831 40.576C47.8198 43.3082 49.3723 45.7282 50.6352 47.1009L49.1633 48.455C47.7157 46.8815 45.9448 44.1395 45.3206 40.9615C45.0664 39.6671 45.0038 38.3006 45.2281 36.9192L32.2348 49.9125L30.8206 48.4983L43.8506 35.4684C42.4478 35.7049 41.0594 35.6444 39.7454 35.3863Z" fill="black"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        transition: var(--transition-default);
      }
      .btn-bordered--with-arrow:hover::before{
        background-color: var(--color-green);
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="81" height="80" viewBox="0 0 81 80" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M39.7454 35.3863C36.5674 34.7621 33.8254 32.9912 32.2519 31.5435L33.606 30.0717C34.9787 31.3346 37.3986 32.8871 40.1309 33.4238C42.7939 33.9468 45.7516 33.5131 48.4403 30.8524L48.4851 30.8074L48.4853 30.8076L48.4983 30.8206L49.8993 32.2216L49.8995 32.2218L49.9125 32.2348L49.4414 32.706C47.1496 35.275 46.7884 38.0573 47.2831 40.576C47.8198 43.3082 49.3723 45.7282 50.6352 47.1009L49.1633 48.455C47.7157 46.8815 45.9448 44.1395 45.3206 40.9615C45.0664 39.6671 45.0038 38.3006 45.2281 36.9192L32.2348 49.9125L30.8206 48.4983L43.8506 35.4684C42.4478 35.7049 41.0594 35.6444 39.7454 35.3863Z" fill="white"/></svg>');
      }
    .btn-arrow--small{
      --size: 35px
    }
    .btn-arrow--small.btn-arrow--menu{
      --size: 45px
    }
    .btn-arrow--tiny{
      --size: 43px
    }
    .btn-bordered--thick{       
      border: 2px solid rgba(255, 255, 255, 0.10);
    }
    .btn-arrow--menu{}
      .btn-arrow--menu:before{
        --arrow-size: 25px;
        background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.85391 11.2226H2.34375C1.05156 11.2226 0 10.171 0 8.87886V2.36792C0 1.07573 1.05156 0.0241699 2.34375 0.0241699H8.85391C10.1461 0.0241699 11.1977 1.07573 11.1977 2.36792V8.87886C11.1977 10.171 10.1469 11.2226 8.85391 11.2226ZM22.6562 11.2226H16.1453C14.8531 11.2226 13.8016 10.171 13.8016 8.87886V2.36792C13.8016 1.07573 14.8531 0.0241699 16.1453 0.0241699H22.6562C23.9484 0.0241699 25 1.07573 25 2.36792V8.87886C25 10.171 23.9484 11.2226 22.6562 11.2226ZM8.85391 24.9757H2.34375C1.05156 24.9757 0 23.9242 0 22.632V16.121C0 14.8289 1.05156 13.7773 2.34375 13.7773H8.85391C10.1461 13.7773 11.1977 14.8289 11.1977 16.121V22.632C11.1977 23.9242 10.1469 24.9757 8.85391 24.9757ZM22.6562 24.9757H16.1453C14.8531 24.9757 13.8016 23.9242 13.8016 22.632V16.121C13.8016 14.8289 14.8531 13.7773 16.1453 13.7773H22.6562C23.9484 13.7773 25 14.8289 25 16.121V22.632C25 23.9242 23.9484 24.9757 22.6562 24.9757Z" fill="white"/></svg>');
        background-size: 100%;
      }
    .btn--call{
      width: 45px;
      height: 45px;
      font-size: 0;
      padding: 0;
      position: relative;
    }
      .btn--call:before{
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top:  0;
        background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.2314 19.6881C24.5235 19.9812 24.7425 20.339 24.8705 20.7324C24.9986 21.1258 25.0323 21.5439 24.9687 21.9528C24.9052 22.3616 24.7463 22.7498 24.5048 23.0858C24.2634 23.4218 23.9462 23.6962 23.5789 23.8868C21.4803 25.0085 19.0352 25.2951 16.7341 24.6893C10.6267 23.1518 1.84818 14.3733 0.310718 8.2659C-0.295113 5.96476 -0.00845142 3.51965 1.1132 1.42105C1.30382 1.05381 1.57824 0.736623 1.91424 0.495171C2.25025 0.253719 2.63839 0.09479 3.04725 0.0312526C3.4561 -0.0322847 3.87417 0.00135564 4.26761 0.12945C4.66104 0.257544 5.01878 0.476492 5.31186 0.768563L7.91805 3.37351C8.29389 3.74557 8.5482 4.22275 8.6475 4.7422C8.74679 5.26165 8.6864 5.79899 8.47429 6.28344C8.24217 6.82698 7.91259 7.32347 7.50181 7.74841C4.52187 10.7283 14.2729 20.4794 17.2516 17.4982C17.6766 17.0859 18.1735 16.7551 18.7178 16.522C19.2022 16.3095 19.7396 16.2489 20.2591 16.3482C20.7787 16.4475 21.2559 16.7021 21.6277 17.0782L24.2314 19.6881Z" fill="white"/></svg>') no-repeat center;
        background-size: 56%;
        content: '';
      }

    .btn__parent{
      position: relative;
      padding-bottom: 70px;
    }
      .btn--with-adornments{
        --arrow-btn-size: 63px;
        width: calc(100% - var(--arrow-btn-size));
      }
        .btn--with-adornments:before{
          width: var(--arrow-btn-size);
          height: var(--arrow-btn-size);
          position: absolute;
          top: 0;
          right: 0;
          left: auto;
        }
        .btn--with-adornments:after{
          width: 100%;
          height: var(--arrow-btn-size);
          position: absolute;
          bottom: 0;
          right: 0;
          border-radius: 50px;
          background: url(./assets/images/bg-waves.jpeg) no-repeat ;
          background-size: 159%;
          background-position: 100% 74%;
          transition: var(--transition-default);
          content: '';
        }
        .btn--with-adornments:hover:before{
          background-color: var(--color-green-light);
        }
        .btn--with-adornments:hover:after{
          opacity: 0.9;
        }
      .btn--with-adornments--no-right::after{
        display: none !important;
      }
      .btn-flat--adornment-cover{
        width: 100%;
        background-image: url(./assets/images/bg-waves--dark.png);
        background-size: cover;
        background-position: center;
        color: #fff;
        font-weight: 550;
        margin-top: 10px;
        padding-left: 0;
        padding-right: 0;
      }
      .btn-flat--adornment-cover:hover{
        background-image: url(./assets/images/bg-waves--dark.png);
        background-size: cover;
        background-position: center;
        filter:brightness(0.8)
      }
.btn-circle{
  --btn-size: 130px;
  --arrow-size: 50px;
  width: var(--btn-size);
  height: var(--btn-size);
  border-radius: 50%;
  line-height: calc(var(--btn-size) - 2px);
  border: 0.692px solid #26CCD3;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: var(--color-green);
  transition: var(--transition-default);
  cursor: pointer;
}
.btn-circle:hover{
  background: var(--color-green);
  color: #fff;
}
  .btn-circle:after{
    width: var(--arrow-size);
    height: var(--arrow-size);
    display: block;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><rect x="50" width="50" height="50" rx="25" transform="rotate(90 50 0)" fill="rgba(0, 169, 169, 1)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24.5939 21.3358C22.3937 20.9037 20.4954 19.6777 19.4061 18.6754L20.3435 17.6565C21.2939 18.5308 22.9692 19.6056 24.8607 19.9771C26.7146 20.3413 28.7749 20.0356 30.6446 18.166L31.6236 19.145L31.6227 19.1459L31.623 19.1462C31.623 19.1463 31.623 19.1463 31.623 19.1463L31.6302 19.1535L31.3401 19.4436C29.723 21.2327 29.4669 23.174 29.8119 24.9301C30.1834 26.8216 31.2582 28.4969 32.1325 29.4473L31.1136 30.3848C30.1113 29.2954 28.8853 27.3971 28.4532 25.1969C28.2769 24.2994 28.2337 23.3517 28.3899 22.3938L19.3919 31.3919L18.4128 30.4128L27.4324 21.3932C26.4624 21.5563 25.5025 21.5143 24.5939 21.3358Z" fill="white"/></svg>') no-repeat center;
    background-size: 100%;
    position: absolute;
    right: 0;
    top:   0;
    transition: var(--transition-default);
    content: '';
  }
  .btn-circle:hover:after{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><rect x="50" width="50" height="50" rx="25" transform="rotate(90 50 0)" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24.5939 21.3358C22.3937 20.9037 20.4954 19.6777 19.4061 18.6754L20.3435 17.6565C21.2939 18.5308 22.9692 19.6056 24.8607 19.9771C26.7146 20.3413 28.7749 20.0356 30.6446 18.166L31.6236 19.145L31.6227 19.1459L31.623 19.1462C31.623 19.1463 31.623 19.1463 31.623 19.1463L31.6302 19.1535L31.3401 19.4436C29.723 21.2327 29.4669 23.174 29.8119 24.9301C30.1834 26.8216 31.2582 28.4969 32.1325 29.4473L31.1136 30.3848C30.1113 29.2954 28.8853 27.3971 28.4532 25.1969C28.2769 24.2994 28.2337 23.3517 28.3899 22.3938L19.3919 31.3919L18.4128 30.4128L27.4324 21.3932C26.4624 21.5563 25.5025 21.5143 24.5939 21.3358Z" fill="rgba(0, 169, 169, 1)"/></svg>')
  }

.btn__list{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
}
.btn__list:has(.btn--wide):has(.btn-arrow) .btn--wide{
  width: calc(100% - 65px)
}
  .btn__list .btn{
    display: block;
  }
@media (min-width: 480px){

  .btn__parent{
    --btn-width:  53.3%;
    --arrow-btn-size: 66px;
    --arrow-size: 20px;
    position: relative;
  }
    .btn--with-adornments,
    .btn-bordered--with-arrow{
      width: var(--btn-width);
      padding-left: 0;
      padding-right: 0;
    }
      .btn--with-adornments:before{
        width: var(--arrow-btn-size);
        height: var(--arrow-btn-size);
        top: 0;
        bottom: auto;
        left: var(--btn-width);
        right: auto;
      }
      .btn--with-adornments:after{
        width: calc(100% - var( --btn-width) - var(--arrow-btn-size) - 2px);
        top: 0;
        right: 0;
        background: url(./assets/images/bg-waves-tiny.jpg) no-repeat ;
        background-position: 0;
        background-size: cover;
      }
  .btn--with-adornments--no-right{
    width: calc(100% - var(--arrow-btn-size));
  }
    .btn--with-adornments--no-right:before{
      left: auto;
      right: 0;
    }
}
@media (min-width: 575px) {
  .btn__list{
    max-width: 421px;
  }
    .btn__list:has(.btn--wide):has(.btn-arrow) .btn--wide{
      width: 340px;
    }
    .btn--with-adornments--no-right{
      --btn-width: calc(50% - var( --arrow-btn-size) / 2);
      width: var(--btn-width);
    }
      .btn--with-adornments--no-right:before{
        left: var(--btn-width);
        right: auto;
      }
      .btn-flat--adornment-cover{
        width: calc(50% - var( --arrow-btn-size) / 2);
        margin-top: 0;
    }
}

@media (min-width: 768px){
  .btn__parent{
    max-width: 635px;
    padding: 0;
  }
  .btn-arrow,
  .btn-bordered--with-arrow::before,
  .btn--with-adornments:before{
    --size: 80px;
  }
  .btn--with-adornments{
    --arrow-btn-size: 76px;
  }
  .btn-arrow--small{
    --size: 49px
  }
  .btn-arrow--tiny{
    --size: 43px
  }
  .btn--wide{
    font-size: 18px;
    padding: 30px 65px 29px;
  }
  .btn--call{
    width:  auto;
    height: auto;
    font-size: 16px;
    padding: 10px 18px;
  }
    .btn--call:before{
      background-size: 42%;
      display: none;
    }
    .btn__list:has(.btn--wide):has(.btn-arrow) .btn--wide{
      --btn-size: 80px;
    }
  .btn-bordered--big{
    padding: 15px 25px;
  }
  .btn-circle{
    --btn-size: 260px;
    --arrow-size: 80px
  }
}
@media (min-width: 1200px){
  .btn--wide{
    max-width: 100%;
    width: 340px;
    font-size: 18px;
  }
  .btn-arrow--small{
    --size: 58px
  }
  .btn--with-adornments,
  .btn-arrow--bordered{
    --btn-width: 340px;
    --arrow-btn-size: 80px;
  }
    .btn-arrow:before,
    .btn-arrow--bordered:before,
    .btn--with-adornments:before{
      --arrow-size: 20px;
    }
  
}
@media (min-width: 1600px){
  .btn--with-adornments{

  }
}

header{
  margin: 10px 0;
  position: relative;
  z-index: 100;
  color: #fff;
}
  header a{
    color: #F2FAFB
  }
  .header__right{
    border-radius: 50px;
  }
  .header-logo{}
    .header-logo img{
      width: 75px;
    }
  .header__contacts{
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
    .header__tel,
    .header__soc-link{
      --size: 43px;
      width:  var(--size);
      height: var(--size);
      display: block;
      font-size: 0;
      border: 1px solid #555555;
      border-radius: 50%;
      position: relative;
    }
    .header__soc-link{}
      .header__soc-link:before{
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background: url('data:image/svg+xml,<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.06377 13.8659L8.76485 18.8916C9.19037 18.8916 9.37676 18.6722 9.59831 18.4063L11.5958 16.115L15.735 19.7524C16.4946 20.2588 17.0291 19.993 17.2331 18.9127L19.9515 3.63314C20.1941 2.29127 19.5471 1.7638 18.8085 2.09716L2.83569 9.43524C1.74551 9.9416 1.7631 10.6716 2.64931 11.0008L6.7322 12.5241L16.2167 5.40119C16.6634 5.04674 17.0678 5.24085 16.7337 5.59952L9.06377 13.8659Z" fill="white"/></svg>') no-repeat center;
        content: ''
      }
      .header__soc-link.soc-link--whatsapp:before{
        background: url(/bitrix/templates/tiren2024/assets/images/svg/whatsapp.svg) no-repeat center;
      }
    .header__tel{
      
    }
    .header__contacts + .btn--call{
      display: none;
    }

@media (min-width: 768px){
  header{}
  .header-logo{}
    .header-logo img{
      width: 107px;
    }
    .header__tel{
      width: auto;
      height: auto;
      border: 0;
      border-radius: 0;
      font-size: 1rem;
    }
  .header__right{
    background: #273A46;
    padding: 10px;
  }
}
@media (min-width: 1200px){
  header{
    background: transparent;
    margin: 30px 0;
  }
  header.fixed{
    position: absolute;
    top: 0;
    left:  var(--gutter);
    right: var(--gutter);
  }
    .header__right{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-items: center;
      padding: 0 10px;
      gap: 10px
    }
    .header-logo{}
    .header__contacts + .btn--call{
      display: block;
    }
    .header__tel{
      font-size: 14px;
      padding: 0;
    }
    .header__right .btn--call{
      font-size: 14px;
    }
}
@media (min-width: 1400px){
  .header__tel{
    font-size: 1rem;
  }
  .header__right .btn--call{
    font-size: 16px;
  }
}
@media (min-width: 1800px){
  .header__right{
    gap: 22px
  }
}

.page-header-small{
  margin: 30px 0;
  color: #fff;
}
.page-box{
  padding: 30px 20px;
  border-radius: var(--radius-default);
  background: #fff;
}
  .page-box__date,
  .page-box__title{
    margin-bottom: 20px;
  }
  .page-header-small h1{
    font-size: 37px;
  }
@media (min-width: 400px){
  .page-header-small h1{
    font-size: 40px;
  }
}
@media (min-width: 768px){
  .page-header-small{
    margin: 50px 0 42px;
  }
    .page-header-small h1{
      font-size: 70px;
    }
  .page-box{
    padding: 40px;
    margin: 0 auto;
  }
    .page-box__date,
    .page-box__title{
      margin-bottom: 30px;
    }
}
@media (min-width: 1200px){
  .page-header-small{
    margin: 90px 0 60px;
  }
    .page-header-small h1{
      font-size: 100px;
    }
  .page-box{
    padding: 60px;
  }
  .page-box--thin{
    max-width: 920px;
  }
    .page-box__title{
      margin-bottom: 30px;
    }
}

.inner-content{}
  .inner-content img{
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-default);
  }
  .inner-content p{
    margin-bottom: 30px;
  }

section{
  padding: 20px 0;
}
  .section__title{
    margin-bottom: 32px;
  }
  .section__titles-centered{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
    .section__title-star,
    .section__title-star-more,
    .section__title-hex{
      --size: 30px;
      width: var(--size);
      height: var(--size);
      background: url(./assets/images/star.png) no-repeat 0;
      background-size: contain;
    }
    .section__title-hex{
      background-image: url(./assets/images/hex.png);
    }
    .section__title-star-more{
      background-image: url(./assets/images/star-more.png);
    }
  .l-section__title{}
    .l-section__title .section__title-star{
      --size: 20px;
      position: relative;
      top: 2px;
    }
  .section__titles-left{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 15px;
  }
    .section__titles-left .h2{
      max-width: calc(100% - 46px);
    }

  .section__subtitle{
    font-size: 20px;
    margin-bottom: 23px;
  }
  .section__shortinfo{
    margin-bottom: 33px;
  }
@media (min-width: 768px){
  section{
    padding: 35px 0;
  }
  .section__title {
    font-size: 45px;
    margin-bottom: 46px;
  }
    .section__title.h1{
      font-size: 80px
    }
    .section__title .h2{
      font-size: 45px;
    }
    .section__subtitle .h2,
    .section__subtitle.h2,
    .section--catalog .section__subtitle.h2{
      font-size: 40px;
    }
  .section__subtitle {
    margin-bottom: 29px;
    font-size: 24px;
  }
  .section__shortinfo {
    margin-bottom: 44px;
  }
  .section__titles-centered{
    justify-content: start;
    gap: 40px;
    font-size: 44px;
  }
  .section__titles-left{
    gap: 20px 30px;
  }
  .l-section__title .section__title-star{
    --size: 30px;
    top: -4px;
  }
}
@media (min-width: 1200px){
  section{
    padding: 40px 0;
  }
    .section__title.h1{
      font-size: 100px;
      margin-bottom: 47px;
    }
      .section--catalog .section__subtitle.h2,
      .section__title .h2{
        font-size: 50px;
      }
      .section__titles-left{
        gap: 40px;
      }
    .section__subtitle{
      margin-bottom: 30px;
    }
    .section__shortinfo{
      margin-bottom: 43px;
    }
    .section__title-star,
    .section__title-hex{
      margin-top: calc(var(--size) / 2);
    }
    .section__titles-centered{
      font-size: 50px;
      justify-content: space-between;
      gap: 0
    }
    .l-section__title .section__title-star{
      top: -3px;
    }
}


.l-section__title .h2,
.l-section__title.h2{
  font-size: 34px;
  line-height: 1.2;
}
.box-bordered .l-section__title.h2{
  font-size: 24px;
  line-height: 1.2;
  margin-top: 9px;
}
@media (min-width: 768px){
  .l-section__title .h2,
  .l-section__title.h2,
  .section--exampes .l-section__title.h2{
    font-size: 50px;
  }
  .section--exampes .l-section__title.h2{
    text-align: center;
  }
  .box-bordered .l-section__title.h2{
    color: #374242;
    font-size: 40px;
    margin-top: 14px;
  }
}
@media (min-width: 991px){
  .l-section__title .h2,
  .l-section__title.h2{
    font-size: 45px;

  }
}
@media (min-width: 1200px){
  .l-section__title .h2,
  .l-section__title.h2{
    font-size: 65px;
    line-height: 1;
  }
  .box-bordered .l-section__title.h2{
    font-size: 66px;
    padding-left: 29px;
  }
  .section--location .h2,
  .section--exampes .l-section__title.h2{
    text-align: left;
    font-size: 68px;
  }
}
@media (min-width: 1600px){
  .l-section__title.h2{
    font-size: 68px;
  }
}


.section--dark{
  color: #fff;
}
.section--page-top{
  margin-left: calc(var(--gutter) * -1);
  margin-right: calc(var(--gutter) * -1);
}
  .page-top{
    min-height: calc(100vh - 158px);
    margin-top: 34px;
    padding: 0 var(--gutter);
    background-repeat: no-repeat;
    background-size: 130vw;
    background-position: 60% bottom;
  }
  .page-top--projects{
    margin-top: -20px;
    min-height: 0;
    padding-bottom: 26vw;

    padding-bottom: 0;
  }
    .page-top--projects .btn--with-adornments:after{
      display: none;
    }
  .section--in-dev .page-top,
  .section--404 .page-top,
  .page-top.promo{
    margin-top: 0;
  }
    .page-top__bg{
      position: relative;
      z-index: 5;
    }
      .page-top__bg img{
        max-width: unset;
        width: 160vw;
        margin-left: -39vw;
        margin-top: -15%;
      }
    .page-top__info{
      position: relative;
      z-index: 10;
      padding-top: 40px;
      padding-bottom: 60px;
    }
    .page-top__text{
      margin-top: 14px;
      color: var(--color-grey);
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0.24px;
    }
    .page-top__text a{
      color: #fff;
    }
    .grey-pipes-box,
    .page-top__big-subtitle{
      padding: 18px 20px;
      border-radius: 10px;
      background: linear-gradient(0deg, rgba(243, 243, 243, 0.90) 0%, rgba(243, 243, 243, 0.90) 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), url(/bitrix/templates/tiren2024/assets/images/bg-3.png) lightgray -31.813px -1.424px / 118.898% 322.847% no-repeat;
      background-blend-mode: normal, hue, normal;
      color: var(--color-green);
      text-align: center;
      margin-top: 30px;
    }
      .page-top__big-subtitle.h2{
        font-size: 24px;
      }
    .page-top__points{
      margin-top: 30px;
      font-size: 16px;
    }
      .page-top__points ul{
        display: flex;
        gap: 10px;
        flex-direction: column;
        flex-wrap: wrap;
      }
        .page-top__points ul li{
          margin: 0;
        }
    .page-top__left-part{
      position: relative;
    }
        .page-top__btn-circle{
          margin: 30px auto 0;
        }
    .page-top__btn{
      margin-top: 45px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;

    }
      .page-top__btn .btn-bordered{
        --btn-size: 65px;
        width: calc(100% - var(--btn-size));
        position: relative;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }
      /* .page-top__btn .btn-bordered:after{
        width: var(--btn-size);
        height: var(--btn-size);
      } */
    .page-top__img{

    }
      .page-top__img img{
        width: 100%;
        max-width: 450px;
        display: block;
        margin: 20px auto 0 ;
      }
    .page-top__certs{
      text-align: center;
      margin-top: 15px;
    }
.page-top--404{
}
  .page-top--404 .page-top__title{

  }
  .page-top--404:after{
    width: 100%;
    aspect-ratio: 10 / 6;
    display: block;
    background: url(./assets/images/404.svg) no-repeat center;
    background-size: contain;
    content: ''
  }
  .section--promo{
    padding-top: 0;
    padding-bottom: 0;
  }
.promo{
  min-height: unset;
}
  .promo .page-top__text{
    font-size: 16px;
  }
  .promo__bg{
    height: 80vw;
    margin: -104px calc(-1 * var(--gutter)) 0;
    overflow: hidden;
  }
  .promo__bg .video-alike,
  .promo__bg video{
    width: 110%;
    position: relative;
    z-index: 5;
    margin-left: 0;
    margin-top: 0;
  }
  .promo__bg:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    -webkit-box-shadow: inset 0px 8px 49px 34px rgba(17,34,45,1);
    -moz-box-shadow: inset 0px 8px 49px 34px rgba(17,34,45,1);
    box-shadow: inset 0px 8px 49px 34px rgba(17,34,45,1);
    z-index: 10;
    content: '';
  }
.section--l-promo{
  padding-top: 41px;
}
  .section--l-promo .page-top__text{
    color: #fff;
    font-size: 16px;
    margin-top: 21px;
  }
.section--projects{
  padding-top: 40px;
}
  .page-top__btn{
    margin-top: 30px;
  }
.section--project-list{
  margin-top: -20px;
  position: relative;
  z-index: 10;
}
.section--in-dev{} 
  .section--404 .page-top__info,
  .section--in-dev .page-top__info {
    padding-top: 0;
  }
  .section--404 .page-top__text,
  .section--in-dev .page-top__text{

  }
  .section--404 .btn--with-adornments:after,
  .section--in-dev .btn--with-adornments:after{
    display: none;
  }

.section--exampes{
  padding-top: 41px;
}
  .section--exampes .l-section__title{
    font-size: 24px;
  }
.section--l-promo-thermal-oil{}
  .section--l-promo-thermal-oil .page-top__btn-circle{
    display: none;
  }
@media (min-width: 575px){
  /* .page-top__btn .btn-bordered{
    width: 340px;
  } */
  .page-top__left-part--certs{}
    .page-top__left-part--certs .page-top__big-subtitle{
      width: calc(100% - 30px - 260px);
      display: inline-block;
      vertical-align: middle;
      margin-top: 0;
      margin-right: 19px;
    }
    .page-top__certs{
      width: 260px;
      display: inline-block;
      vertical-align: middle;
      margin-top: 0;
    }
      .page-top__certs img{
        width: 100%;
        height: auto;
        display: inline-block;
      }
}
@media (min-width: 768px){
  .page-top{
    margin-top: 40px;
    margin-bottom: 8px;
    background-size: auto 66vh;
    background-position: 60% bottom;
  }
    .page-top__info{
      max-width: 568px;
      padding-top: 35px;
    }
    /* .page-top__btn .btn-bordered{
      --btn-size: 80px;
    } */
    .page-top__text{
      font-size: 24px;
      margin-top: 38px;
    }
    .page-top__title.h1{
      font-size: 70px;
    }
    .section--l-promo .page-top__title.h1{
      font-size: 80px;
      margin-bottom: 50px;
    }
    .page-top__btn {
      margin-top: 48px;
    }
      .page-top__btn .btn--wide {
        padding-left: 0;
        padding-right: 0;
      }
    .grey-pipes-box,
    .page-top__big-subtitle{
      display: inline-block;
      padding: 18px 40px;
      margin-top: 50px;
    }
    .page-top__big-subtitle.h2{
      font-size: 50px;
    }
    .page-top__bg img{
      width: 130vw;
      margin-left: -15vw;
    }
  .page-top__points{
    margin-top: 50px;
    font-size: 1rem;
  }
  .page-top__btn-circle{
    margin: 50px 0 0;
  }
  .page-top__left-part{
    padding-bottom: 60px;
  }
  .page-top__img{
    position: absolute;
    right: -81px;
    bottom: 0;
    z-index: -10;
  }
    .page-top__img img{
      max-width: 550px;
    }
    .page-top--projects .btn__parent{
      margin-right: -66px;
    }
    .page-top--projects .btn--with-adornments{
      --arrow-btn-size: 84px;
    }
    .page-top--projects .btn--with-adornments:after{
      display: block;
    }
  .promo{}
    .promo__bg{    
      margin-top: -207px;
      margin-bottom: -40px;
    }
    .promo__bg:before{
      -webkit-box-shadow: inset 0px 0px 49px 3px rgba(17,34,45,1);
      -moz-box-shadow: inset 0px 0px 49px 63px rgba(17,34,45,1);
      box-shadow: inset 0px 0px 49px 63px rgba(17,34,45,1);
    }
      .promo__bg .video-alike,
      .promo__bg video{
        width: 110%;
      }
      .promo .page-top__text{
        font-size: 24px;
      }
  .section--projects{
    padding-top: 25px;
  }
    .promo__bg{ 
      margin-top: -50%;
      margin-bottom: -32%;
    }

  .section--l-promo {
    padding-top: 108px;
  }
    .section--l-promo .page-top__text{
      font-size: 24px;
      line-height: 1.2;
    }
  .page-top--projects{
    margin-top: 40px;
    margin-bottom: 8px;
    background-size: auto 76vh;
    background-position: 50% bottom;
    padding-bottom: 34vw;
  }
  .section--project-list{
    margin-top: -77px;
  }
  .page-top__points ul li{
    margin-bottom: 8px;
  }
  .section--l-promo-steam{
  }
    .section--l-promo-steam .page-top__img{
      right: -58px;
      bottom: -72px;
      /* position: static;
      margin-bottom: -20px; */
    }
    .section--l-promo-thermal-oil .page-top__img{
      right: -58px;
      bottom: -72px;
    }
    .section--l-promo-water-pipes .page-top__img{
      right: -39px;
      bottom: -72px;
    }
    .section--l-promo-steam-water-tube .page-top__img{
      right: 0;
      bottom: -22px;
    }
    .section--l-promo-steam .page-top__img img,
    .section--l-promo-thermal-oil .page-top__img img{
      max-width: 68vw;
    }
    .section--l-promo-water-pipes .page-top__img img{
      max-width: 53vw;
    }
    .section--l-promo-steam-water-tube .page-top__img img{
      max-width: 500px;
    }
    .page-top__left-part--certs{
      padding-bottom: 0;
    }
      .page-top__left-part--certs .page-top__big-subtitle{
        width: calc(100% - 30px - 290px);
        width: 330px;
        display: block;
        margin-top: 50px;
        font-size: 42px;
      }
      .page-top__certs{
        width: 290px;
        display: block;
        margin-top:30px;
      }
      .section--l-promo-steam .page-top__points ul{
        /* flex-direction: row;
        justify-content: space-between; */
      }
      .section--l-promo-thermal-oil .page-top__btn-circle{
        display: block;
      }
    .section--l-promo-steam-electro{
      padding-bottom: 0;
    }
      .section--l-promo-steam-electro .page-top__img{
        right: -58px;
        bottom: 5px;
      }
      .section--l-promo-steam-electro .page-top__big-subtitle.h2{
        font-size: 41px;
      }
      .section--l-promo-steam-electro .page-top__img img{
        max-width: 59vw;
      }
  .section--l-promo-steam-generator{
    padding-top: 60px;
  }
    .section--l-promo-steam-generator .page-top__text{
      max-width: calc(100% - 300px);
    }
    .section--l-promo-steam-generator .page-top__img{
      /* right: -82px; */
      bottom: -43px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
  .section--l-promo-steam-water-tube {
    padding-bottom: 30px;
  }
    .section--l-promo-steam-water-tube .page-top__btn-circle{
      --btn-size: 234px;
    }
    .section--l-promo-steam-water-tube .page-top__img{
      position: absolute;
      right: 0;
      bottom: -35px;
    }
    .section--l-promo-steam-water-tube .page-top__points ul{
      flex-direction: row;
    }
}
@media (min-width: 992px){
  .section--l-promo-steam{}
    .section--l-promo-steam .page-top__img img{
      max-width: 700px;
    }
  .section--l-promo-steam-water-tube{}
    .section--l-promo-steam-water-tube .page-top__img img{
      max-width: 800px;
    }
    .section--l-promo-steam-water-tube .page-top__points ul {
      flex-direction: column;
    }
  .section--l-promo-thermal-oil{}
    .section--l-promo-thermal-oil .page-top__img img{
      max-width: 700px;
    }
  .section--l-promo-water-pipes{}
    .section--l-promo-water-pipes .page-top__img img{
      max-width: 53vw;
    }
  .section--l-promo-steam-electro{}
    .section--l-promo-steam-electro .page-top__img img{
      max-width: 700px;
    }
  .section--l-promo-steam-generator{}
    .section--l-promo-steam-generator .page-top__text{
      max-width: calc(100% - 332px);
    }
  .section--l-promo-steam-water-tube{} 
    .section--l-promo-steam-water-tube  .page-top__title.h1{
      font-size: 78px;
    }
    .section--l-promo-steam-water-tube .page-top__big-subtitle.h2{
      font-size: 40px;
    }
    .section--l-promo-steam-water-tube .col--left{
      width: 716px;
    }
    .section--l-promo-steam-water-tube .page-top__left-part .page-top__text{
      width: 100%;
    }
    .section--l-promo-steam-water-tube .page-top__left-part .page-top__big-subtitle{
      width: auto;
      padding-left: 30px;
      padding-right: 30px;
    }
}
@media (min-width: 1200px){
  .page-top{
    min-height: 100vh;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    background-position: 300px top;
    background-size: auto;
    display: flex;
    align-items: center;
  }
  .page-top__info{
    max-width: 570px;
  }
  .page-top--404:after{
    width: 44%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    top: 50%;
  }
    .page-top__bg{
    }
      .page-top__bg img{
        width: auto;
        max-width: 100%;
        margin-left: 0;
        margin-top: 0;
      }
    .page-top__info{
      max-width: 635px;
    }
    .page-top__title.h1,
    .section--l-promo .page-top__title.h1{
      font-size: 100px;
    }
    .page-top__text{
      margin-top: 23px;
      color: var(--color-grey);
      font-size: 24px;
    }
    .page-top__big-subtitle{
    }
    .page-top__btn{
      max-width: 100%;
    }
    .page-top__btn .btn-bordered{
      --btn-size: 80px
    }
    .section__titles-centered .d-xl-block{
      display: none !important;
    }
  /* .section--promo{}
    .section--promo .page-top__btn{
      max-width: 421px;
    } */
  .promo{
    min-height: 911px;
    position: relative;
    padding-bottom: 221px;
    align-items: end;
  }
    .promo__info{
      width: 560px;
    }
    /* .promo:before{
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      display: block;
      -webkit-box-shadow: 0px 0px 30px 19px rgba(0,12,19,1);
      -moz-box-shadow: 0px 0px 30px 19px rgba(0,12,19,1);
      box-shadow: 0px 0px 30px 19px rgba(0,12,19,1);
      background: rgba(0,12,19,1);
      z-index: -1;
      content: '';
    } */
    .promo__bg{
      height: auto;
      min-height: 100%;
      position: absolute;
      left: 0;
      top:  46px;
      right: 0;
      display: flex;
      justify-content: end;
      margin-top: 0;
    }
    .promo__bg:before{
      display: none;
      /* -webkit-box-shadow: inset 0px 0px  101px 72px rgba(17, 34, 45, 1);
      -moz-box-shadow: inset 0px 0px  101px 72px rgba(17, 34, 45, 1);
      box-shadow: inset 0px 0px  101px 72px rgba(17, 34, 45, 1); */
    }
    .promo__bg .video-alike,
    .promo__bg video{
      width: auto;
      min-width: 100%;
      object-fit: cover;
      /* float: right; */
    }
    .page-top__points ul{
      flex-direction: row;
      gap: 30px
    }

    .section--l-promo{}
      .section--l-promo .page-top__title.h1{
        margin-bottom: 36px;
      }
      .section--l-promo .col--left{
        width: 920px;
      }
      .section--l-promo .col--right{
        width: calc(100% - 920px);
      }
      .page-top__left-part{}
        .page-top__left-part .page-top__text{
          width: calc(100% - 290px);
        }
        .page-top__left-part .page-top__big-subtitle{
          width: calc(100% - 359px);
          padding-left: 0;
          padding-right: 0;
          text-align: center;
        }
        .page-top__btn-circle{
          margin-top: 0;
          position: absolute;
          right: 0;
          top:  0
        }
        .page-top__img{
          position: static;
        }
          .page-top__img img{
            width: 100%;        
            min-width: 609px;
            margin-left: -100px;
          }
    .page-top__certs{
      display: inline-block;
      vertical-align: middle;
      margin-top: 50px;
    }
  
  .section--l-promo-steam,
  .section--l-promo-thermal-oil,
  .section--l-promo-water-pipes,
  .section--l-promo-steam-electro{
    padding-top: 0;
  }
    .section--l-promo-steam .col--left,
    .section--l-promo-steam-generator .col--left,
    .section--l-promo-steam-electro .col--left,
    .section--l-promo-water-pipes .col--left,
    .section--l-promo-thermal-oil .col--left{
      width: 760px;
    }
    .section--l-promo-steam .col--right,
    .section--l-promo-steam-generator .col--right,
    .section--l-promo-steam-electro .col--right,
    .section--l-promo-water-pipes .col--right,
    .section--l-promo-thermal-oil .col--right{
      width: calc(100% - 760px);
    }

    .page-top__left-part--certs .page-top__big-subtitle{
      width: auto;
      display: inline-block;
      padding-left: 35px;
      padding-right: 35px;
    }
    .page-top__left-part--certs .page-top__text{
      width: 100%;
    }
    .section--l-promo-thermal-oil .page-top__left-part .page-top__text,
    .section--l-promo-thermal-oil .page-top__left-part .page-top__big-subtitle{
      width: calc(100% - 144px);
    }
    .section--l-promo-water-pipes .page-top__left-part .page-top__text,
    .section--l-promo-water-pipes .page-top__left-part .page-top__big-subtitle{
      width: calc(100% - 144px);
    }
    .section--l-promo-steam-electro .page-top__left-part .page-top__text,
    .section--l-promo-steam-electro .page-top__left-part .page-top__big-subtitle{
      width: calc(100% - 144px);
    }
    .section--l-promo-steam .page-top__img img{
      max-width: 62vw;
      width: 1189px;
      margin-bottom: -55px;
    }
    .section--l-promo-steam-water-tube .page-top__img img{
      max-width: 62vw;
      width: 975px;
      margin-bottom: 0;
    }
    .section--l-promo-thermal-oil .page-top__img img{
      max-width: 62vw;
      width: 1019px;
      margin-bottom: -55px;
    }
    .section--l-promo-water-pipes .page-top__img img{
      max-width: 62vw;
      width: 1019px;
      margin-bottom: -55px;
    }

    .page-top__big-subtitle {
      padding-left: 35px;
      padding-right: 35px;
    }
  .page-top--projects{
    min-height: 0;
    padding-top: 145px;
    padding-bottom: 191px;
    background-position: 156px bottom;
    background-size: 100%;
    
  }
    .page-top--projects .page-top__text{
      margin-top: 36px;
    }
  .section--projects{
    padding-top: 48px;
  }
  .section--404{}
    .section--404 .page-top__text,
    .section--in-dev .page-top__text{
      margin: 86px 0;
    }
  .section--l-promo-thermal-oil .page-top__btn-circle{
    display: none;
  }
  .section--l-promo-condensate{
    padding-top: 0;
    margin-top: -30px;
  }
    .section--l-promo-condensate > .row{
      align-items: center;
    }
    .section--l-promo-condensate .page-top__left-part{
      padding-bottom: 0;
    }
  .section--l-promo-steam-water-tube{
    padding-top: 0;
  }
    .section--l-promo-steam-water-tube > .row{
      align-items: center;
    }
    .section--l-promo-steam-water-tube .page-top__left-part{
      padding-bottom: 0;
    }
    .section--l-promo-steam-water-tube .page-top__points ul{
      flex-direction: row;
    }
    .section--l-promo-steam-water-tube .page-top__img{
      position: absolute;
      left: 620px;
      bottom: 45px;
    }
    .section--l-promo-steam-water-tube .page-top__btn-circle{
      display: none;
    }
      .section--l-promo-steam-water-tube .page-top__title.h1{
        font-size: 78px;
      }
      .section--l-promo-steam-water-tube .page-top__big-subtitle.h2{
        font-size: 40px;
      }
      .section--l-promo-steam-water-tube .col--left{
        width: 716px;
      }
      .section--l-promo-steam-water-tube .page-top__left-part .page-top__text{
        width: 100%;
      }
      .section--l-promo-steam-water-tube .page-top__left-part .page-top__big-subtitle{
        width: auto;
        padding-left: 30px;
        padding-right: 30px;
      }
  .section--l-promo-water-heater{
    padding-top: 60px;
  }
    .section--l-promo-water-heater .col--left{
      width: 950px;
    }
    .section--l-promo-water-heater .col--right{
      width: calc(100% - 950px);
    }
    .section--l-promo-water-heater > .row{
      align-items: center;
    }
    .section--l-promo-water-heater .page-top__left-part{
      padding-bottom: 60px;
    }
      .section--l-promo-water-heater .page-top__left-part .page-top__text{
        width: calc(100% - 341px);
      }
    .section--l-promo-water-heater .page-top__points ul{
      flex-direction: row;
    }
    .section--l-promo-water-heater .page-top__img img {
      min-width: 975px;
      width: 975px;
      margin-left: -150px;
      margin-top: -79px;
    }
    .section--l-promo-water-heater .page-top__btn-circle{
      right: 75px;
    }
    
  

  .section--l-promo-steam-generator{
    padding-top: 86px;
    margin-top: -30px;
  }
    .section--l-promo-steam-generator > .row{
      align-items: center;
    }
    .section--l-promo-steam-generator .page-top__left-part{
      padding-bottom: 0;
    }
    .section--l-promo-steam-generator  .page-top__img{
      display: flex;
      justify-content: center;
    }
    .section--l-promo-steam-generator  .page-top__img img{
      margin: 0 auto -75px;
    }
  .section--l-promo-steam-electro{
    padding-bottom: 0;
  }
    .section--l-promo-steam-electro .page-top__points{
      margin-right: -130px;
    }
    .section--l-promo-steam-electro .page-top__img img{
      max-width: 59vw;
      width: 1019px;
      margin-bottom: -55px;
      margin-top: -35px;
    }
}
@media (min-width: 1400px){
  .page-top__img img{  
    min-width: 700px;
    margin-left: -0;
    margin-left: -70px;
  }
  .section--l-promo-steam-generator  .page-top__img img{
    max-width: 716px;
    margin: -50px auto -27px;
	}
}
@media (min-width: 1500px){
  .promo__bg{
    left: 2vw;
  }
  .promo__bg:before{
    /* display: none; */
    display: block;
    -webkit-box-shadow: inset 0px 0px  135px 139px rgba(17, 34, 45, 1);
    -moz-box-shadow: inset 0px 0px  135px 139px rgba(17, 34, 45, 1);
    box-shadow: inset 0px 0px  135px 139px rgba(17, 34, 45, 1);
  }
  body.body--with-bg-full:has(.section--l-promo-steam-water-tube ) {
    background-size: 100% 720px;
  }
  .section--l-promo-steam-water-tube {}
    .section--l-promo-steam-water-tube .col--left{
      width: 920px;
    }
    .section--l-promo-steam-water-tube .page-top__left-part .page-top__text{
      width: calc(100% - 290px);
    }
    .section--l-promo-steam-water-tube .page-top__left-part .page-top__big-subtitle{
      width: calc(100% - 359px);
      padding-left: 0px;
      padding-right: 0px;
    }
    .section--l-promo-steam-water-tube .page-top__big-subtitle.h2{
      font-size: 50px;
    }
    .section--l-promo-steam-water-tube .page-top__img{
      left: auto;
      right: 0;
    }
      .section--l-promo-steam-water-tube .page-top__img img{
        width: 779px;
      }
    body.body--with-bg-full:has(.section--l-promo-steam-electro) {
        background-size: 100% 843px;
    }

}
@media (min-width: 1600px){
  body.body--with-bg-full:has(.section--l-promo-steam-electro) {
    background-size: 100% 900px;
}
  .section__titles-centered .d-xl-block{
    display: block !important;
  }
  .section--promo .page-top__info{
    left: 155px;
    top: 74px;
  }
  .page-top--projects{
    background-size: 1600px;
  }
  .section--promo .page-top--projects .page-top__info{
    left: 0;
    top: 17px
  }
  .section--promo .page-top--projects .page-top__text{
    margin-top: 35px;
  }
  .promo__bg{
    left: 13vw;
  }
  .page-top--projects .promo__bg{
    /* top: -42px;
    left: 14vw; */
  }
  .section--l-promo-steam {
    padding-bottom: 50px;
  }
    .section--l-promo-steam .page-top__img img {
      max-width: 62vw;
      width: 1189px;
      margin-bottom: -55px;
      margin-left: -157px;
      margin-top: -60px;
    }
  .section--l-promo-steam-water-tube {
    padding-top: 18px;
    padding-bottom: 50px;
  }
    .section--l-promo-steam-water-tube .page-top__img{
      position: static;
    }
      .section--l-promo-steam-water-tube .page-top__img img {
        max-width: 62vw;
        width: 975px;
        margin-bottom: -55px;
        margin-left: -200px;
        margin-top: -60px;
        position: relative;
        z-index: 10;
      }
    .section--l-promo-steam-water-tube .page-top__btn-circle{
      display: block;
    }
  .section--l-promo-thermal-oil {
    padding-bottom: 50px;
  }
    .section--l-promo-thermal-oil .page-top__img img {
      max-width: 62vw;
      width: 1019px;
      margin-bottom: -55px;
      margin-left: -94px;
      margin-top: -54px;
    }
  .section--l-promo-water-pipes {
    padding-bottom: 50px;
  }
    .section--l-promo-water-pipes .page-top__img img {
      max-width: 62vw;
      width: 1019px;
      margin-bottom: -55px;
      margin-left: -94px;
      margin-top: -54px;
    }
  .section--l-promo-steam-electro {
    padding-bottom: 0;
  }
    .section--l-promo-steam-electro .page-top__img img {
      max-width: 62vw;
      /* width: 1080px; */
      margin-bottom: 0;
      margin-left: -94px;
      margin-top: -54px;
      /* margin-top: 19px; */
    }
  .section--l-promo-steam-generator {
    
  }
    .section--l-promo-steam-generator .page-top__img img {
      margin-left: auto;
      margin-right: auto;
    }

}
@media (min-width: 1900px){
  .section--l-promo{
    padding: 64px 0 0;
  }
    .section--l-promo > .row{
      align-items: center;
    }
    .page-top__img img{
      width: auto;
      max-width: none;
      margin-top: -23px;
    }
  .section--l-promo-condensate{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section--l-promo-steam{
    padding-top: 0;
    padding-bottom: 50px;
  }
  body.body--with-bg-full:has(.section--l-promo-steam-water-tube ) {
    background-size: 100% 882px;
  }
  .section--l-promo-steam-water-tube{
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .section--l-promo-steam-water-tube .col--left{
    width: 880px;
  }
  .section--l-promo-steam-water-tube .col--right{
    width: calc(100% - 880px);
  }
    .section--l-promo-steam-water-tube .page-top__img{
      position: static;
    }
      .section--l-promo-steam-water-tube .page-top__img img {
        width: 1126.04px;
        margin-bottom: -55px;
        margin-left: -200px;
        margin-top: -155px;
      }
  .section--l-promo-thermal-oil{
    padding-top: 74px;
    padding-bottom: 50px;
  }
  .section--l-promo-water-pipes{
    padding-top: 74px;
    padding-bottom: 50px;
  }
  .section--l-promo-steam-electro{
    padding-top: 74px;
    padding-bottom: 0;
  }
    .section--l-promo-steam-electro .page-top__img img {
      max-width: 62vw;
      margin-bottom: 0;
      margin-left: -94px;
      margin-top: -128px;
    }
  .section--l-promo-water-heater {}
    .section--l-promo-water-heater .page-top__img img {
      margin-left: -57px;
    }
}
@media (min-width: 1950px){

  /* .promo__bg:before{
    display: block;
    top: -150px;
    left: -150px;
    right: -150px;
    -webkit-box-shadow: inset 0px 0px 84px 73px rgba(17, 34, 45, 1);
    -moz-box-shadow: inset 0px 0px 84px 73px rgba(17, 34, 45, 1);
    box-shadow: inset 0px 0px 84px 73px rgba(17, 34, 45, 1);
    z-index: 10;
  } */
}
.video-container {
  position: absolute;
  width: auto;
  height: 100%;
  left: -36%;
  right: -18%;
}
@media (min-width: 768px) {
  
  .video-container {
    width: auto;
    height: 100%;
    left: -20%;
    top: 0;
    right: -9%;
  }
}
@media (min-width: 1200px) {
  
  .video-container {
    width: 100%;
    height: 100%;
    left: 0;
    top:  0
  }
}
/* .preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background-color: #00a9a9;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  filter: blur(5px);
  animation: pulse 1.5s infinite;
  z-index: 10;
} */

@keyframes pulse {
  0% {
      transform: translate(-50%, -50%) scale(1);
  }
  50% {
      transform: translate(-50%, -50%) scale(1.1);
  }
  100% {
      transform: translate(-50%, -50%) scale(1);
  }
}

.fullscreen-bg__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section--clients{
  position: relative;
  z-index: 10;
}
.box-bordered{
  position: relative;
  border-radius: 15px;
  background: #FFF;
  color: #4E4E4E;
  padding: 30px 20px;
}
  .box-bordered:before{
    width:  100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.08;
    border-radius: var(--radius-default);
    background: url(./assets/images/bg-waves.jpeg) lightgray 0px -21.042px / 100% 146.361% no-repeat;
    z-index: 0;
    content: '';
  }

  .box-bordered > *{
    position: relative;
    z-index: 10;
  }
  .box-bordered__img{
    margin-top: -27.5%;
    max-width: 96%;
    margin-left: 57px;
  }
  .box-bordered__title{
    font-size: 20px;
    color: #000;
    margin-bottom: 27px;
  }
    .box-bordered__title p{
      margin-bottom: 2rem;
    }
  .box-bordered__title--quote{
    position: relative;
    padding-left: 47px;
    font-size: 15px;
  }
  .box-bordered__title--quote::before{
    width:  19px;
    height: 15px;
    display: block;
    background: url('data:image/svg+xml,<svg width="30" height="26" viewBox="0 0 30 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.299998 0.800002H11.1V8.9C11.1 18.0333 7.5 23.6333 0.299998 25.7V20.9C3.76667 19.4333 5.6 16.1667 5.8 11.1H0.299998V0.800002ZM18.5 0.800002H29.3V8.9C29.3 18.0333 25.7 23.6333 18.5 25.7V20.9C21.9667 19.4333 23.8 16.1667 24 11.1H18.5V0.800002Z" fill="white"/></svg>') no-repeat 0;
    background-size: contain;
    position: absolute;
    left: 5px;
    top: 1px;
    content:''
  }
  .box-bordered__subtitle{
    color: #000;
    margin-bottom: 18px;
  }
  .box-bordered__next-link{
    width: 262.504px;
    height: 34px;
    display: block;
    position: absolute;
    left: 50%;
    translate: -50% 0;
    /* transform: translateX(-50%); */
    top: calc(100% - 1px);
    position: absolute;
    background: url('data:image/svg+xml,<svg width="264" height="51" viewBox="0 0 264 51" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.632812 0C8.48652 10.3304 20.9068 17 34.8848 17H53.6101C67.5355 17 80.2348 25.6346 92.9008 34.2466C101.619 40.1742 110.321 46.091 119.396 49.1742C122.881 50.358 126.615 51 130.5 51C134.385 51 138.119 50.358 141.604 49.1742C150.679 46.091 159.381 40.1742 168.099 34.2466C180.765 25.6346 193.465 17 207.39 17H228.885C242.863 17 255.283 10.3304 263.137 0H0.632812Z" fill="rgb(252,252,252)"/></svg>') no-repeat bottom center;
    background-size: auto;
    text-align: center;
  }
  .box-bordered__next-link .btn-arrow--small{
    margin-top: -8px;
    display: inline-block;
  }

.box-bordered--dark{
  color: #fff;
  padding: 30px 21px 73px;
  background: rgba(39, 58, 70, 0.50);
  backdrop-filter: blur(15.149999618530273px);
  -webkit-backdrop-filter: blur(15.149999618530273px);
  position: relative;
  overflow: hidden;
}
.box-bordered--with-inner-arrow{
  padding-bottom: 73px;
}
.box-bordered--with-inner-arrow-top{
  padding: 90px 14px 30px;
}
  .box-bordered--dark:before{
    width: 40%;
    left: auto;
    background: rgba(39, 58, 70, 0.50) url(./assets/images/bg-4.png) no-repeat;
    background-blend-mode: lighten;
    opacity: 0.09;
    background-size: cover;
    height: auto;
  }
  .box-bordered--dark .box-bordered__title{
    color: #fff;
  }
  .box-bordered--dark .box-bordered__next-link,
  .box-bordered--with-inner-arrow .box-bordered__next-link,
  .box-bordered--with-inner-arrow-top .box-bordered__next-link{
    height: 48px;
    background: url('data:image/svg+xml,<svg width="275" height="95" viewBox="0 0 275 95" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 95C23.7482 95 42.1451 74.7956 52.5461 53.4461C67.9616 21.8037 100.435 0 138 0C175.921 0 208.653 22.2183 223.887 54.3472C233.825 75.3064 251.804 95 275 95H0Z" fill="rgba(17, 34, 45, 1)"/></svg>') no-repeat bottom center;
    background-size: contain;
    top: auto;
    bottom: 0;
    left: 48%;
  }
  .box-bordered--with-inner-arrow-top .box-bordered__next-link{
    bottom: auto;
    top: -1px;
    scale: -1
  }
  .safari-only .box-bordered--with-inner-arrow-top .box-bordered__next-link{
    top: -3px
  }
  .box-bordered--centered-arrow .box-bordered__next-link{
    left: 50%;
    translate: -50% 0;
  }
  .box-bordered--dark .box-bordered__next-link{
    background-image: url('data:image/svg+xml,<svg width="275" height="95" viewBox="0 0 275 95" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 95C23.7482 95 42.1451 74.7956 52.5461 53.4461C67.9616 21.8037 100.435 0 138 0C175.921 0 208.653 22.2183 223.887 54.3472C233.825 75.3064 251.804 95 275 95H0Z" fill="rgba(17, 34, 45, 1)"/></svg>');
  }
    .box-bordered--with-inner-arrow  .box-bordered__next-link .btn-arrow,
    .box-bordered--with-inner-arrow-top  .box-bordered__next-link .btn-arrow,
    .box-bordered--dark .box-bordered__next-link .btn-arrow{
      margin-top: 13px;
    }
    .box-bordered--with-inner-arrow-top .box-bordered__next-link .btn-arrow{
      background: #fff;
      border-color: #fff;
    }
      .box-bordered--with-inner-arrow-top .box-bordered__next-link .btn-arrow:before{
        scale: -1;
        filter: brightness(0)
      }
.box-bordered--smaller{
  padding-top: 64px 
}
  .box-bordered--smaller .box-bordered__title{
    font-size: 20px;
  }
.section--clients{}
  .section--clients .box-bordered--smaller{
    padding-top: 30px;
  }
  .box-bordered__next-link .btn-arrow--small{
    margin-top: -24px;
  }
@media (min-width: 768px){
  .box-bordered{
    padding: 40px 30px;
    border-radius: 20px;
  }
    .box-bordered__title{
      font-size: 40px;
      margin-bottom: 50px;
    }
      .box-bordered__subtitle{
        font-size: 24px;
      }
      .box-bordered__next-link{
        width:  275px;
        height: 95px;
        top: calc(100% - 1px);
        left: 50%;
        /* transform: translateX(-50%); */
        translate: -50% 0;
        background-image: url('data:image/svg+xml,<svg width="275" height="95" viewBox="0 0 275 95" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0C23.7482 0 42.1451 20.2044 52.5461 41.5539C67.9616 73.1963 100.435 95 138 95C175.921 95 208.653 72.7817 223.887 40.6528C233.825 19.6936 251.804 0 275 0H0Z" fill="rgb(252,252,252)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M140.921 30.5824C143.61 28.7765 146.801 28.0899 148.937 28.0009L149.021 29.9991C147.157 30.0768 144.348 30.6901 142.036 32.2426C139.771 33.7643 137.979 36.1807 137.979 40L137.959 40L135.979 40L135.959 40L135.959 39.3196C135.759 35.8905 134.049 33.6718 131.921 32.2426C129.61 30.6901 126.801 30.0768 124.937 29.9991L125.021 28.0009C127.157 28.0899 130.348 28.7765 133.036 30.5824C134.131 31.3176 135.141 32.2393 135.959 33.3741L135.959 15L137.959 15L137.959 33.4287C138.784 32.2688 139.809 31.3294 140.921 30.5824Z" fill="rgb(252,252,252)"/></svg>');
      }
        .box-bordered__next-link .btn-arrow--small{
          margin-top: 0;
        }
      .box-bordered__next-link .btn-arrow--small{
        margin-top: 13px;
      }
    .box-bordered--dark{
      padding: 40px 30px 122px;
    }
    .box-bordered--with-inner-arrow{
      padding-bottom: 122px;
    }
    .box-bordered--with-inner-arrow-top{
      padding-top: 122px;
    }
      .box-bordered--with-inner-arrow .box-bordered__next-link,
      .box-bordered--with-inner-arrow-top .box-bordered__next-link{
        height: 95px;
      }
      .box-bordered--with-inner-arrow .box-bordered__next-link a{
        margin-top: 36px;
      }
      .box-bordered--with-inner-arrow-top .box-bordered__next-link a{
        margin-bottom: 36px;
      }
    .box-bordered__next-link .btn-arrow--small{
      margin-top: 13px;
    }
    .box-bordered__title--quote{
      font-size: 26px;
    }
      .box-bordered__title--quote::before{
        width:  43px;
        height: 25px;
        left: -6px;
        top: 7px;
      }
  .box-bordered--smaller{
    padding-top: 64px 
  }
    .box-bordered--smaller .box-bordered__title{
      font-size: 22px;
    }
}
@media (min-width: 1200px){

  .box-bordered{
    padding: 94px 60px 98px;
  }
  .box-bordered--with-inner-arrow-top{
    padding-top: 120px;
  }
    .box-bordered__img{
      margin-top: -22%;
      margin-top: 0;
    }
    .box-bordered__title{
      font-size: 50px;
      margin-bottom: 52px;
    }
    .box-bordered__next-link{
      width:  275px;
      height: 95px;
      left: 24%;
      translate: 0;
    }
  .box-bordered--dark{
    padding-left: 148px;
    padding-right: px;
  }
    .box-bordered--dark:before{
    }
    .box-bordered__title--quote{
      padding-left: 0%;
      font-size: 38px;
    }
    .box-bordered__title--quote::before{
      left: -70px;
      top: 10px;
    }
    .section--clients {
      margin-bottom: 68px;
    }
    .section--clients .box-bordered .col--right{
      width: 68%;
    }
    .box-bordered--with-inner-arrow .box-bordered__next-link .btn-arrow,
      .box-bordered--with-inner-arrow-top .box-bordered__next-link .btn-arrow{
        margin-top: 36px;
      }
  .box-bordered--smaller{
  }
    .box-bordered--smaller .box-bordered__title{
      font-size: 26px;
      margin-bottom: 75px;
    }
  .section--clients .box-bordered--smaller{
    padding-top: 60px;
    padding-bottom: 75px;
  }
}
@media (min-width: 1600px){
  .box-bordered__next-link{
    left: 17%;
  }
  .box-bordered__title--quote{
    font-size: 50px;
  }
  .box-bordered__next-link .btn-arrow--small{
    margin-top: 0px;
  }
}
@media (min-width: 1950px){

  /* .box-bordered--with-inner-arrow-top .box-bordered__next-link{
    background-image: url('data:image/svg+xml,<svg width="275" height="95" viewBox="0 0 275 95" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 95C23.7482 95 42.1451 74.7956 52.5461 53.4461C67.9616 21.8037 100.435 0 138 0C175.921 0 208.653 22.2183 223.887 54.3472C233.825 75.3064 251.804 95 275 95H0Z" fill="rgb(14 48 65)"/></svg>');
  } */

}

.author{
  --gap: 20px;
  --img-size: 60px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap);
  position: relative;
  margin: 36px 0 80px;
}
  .author::after{
    width: 127px;
    height: 127px;
    display: block;
    position: absolute;
    right: 0;
    bottom: -88px;
    background: url(./assets/images/signature.png) no-repeat;
    background-size: contain;
    content: '';
  }
  .author__img{
    width:  var(--img-size);
    height: var(--img-size);
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
  }
    .author__img img{
      width: calc(100% + 2px);
      margin: -1px;
    }
  .author__info{
    width: calc(100% - var(--img-size) - var(--gap));
  }
    .author__name{
      font-size: 16px;
      font-weight: 400;
    }
    .author__position{
      font-size: 14px;
      color: var(--color-green);
      margin-top: 2px;
    }
@media (min-width: 768px){
  .author{
    --gap: 30px;
    --img-size: 130px;
    max-width: 508px;
    margin: 64px 0 0;
  }
    .author__name{
      font-size: 30px;
    }
    .author__position{
      font-size: 18px;
    }
    .author::after{
      bottom: 60px;
    }
}
@media (min-width: 1200px){
  .author::after{
    width: 277px;
    height: 277px;
    left: 100%;
    right: auto;
    bottom: -28px;
  }
}

.review-video{
  position: relative;
  border-radius: var(--radius-default);
  overflow: hidden;
  color: #fff;
  margin-bottom: 2em;
}
  .review-video::before{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    content: '';
  }
  .review-video iframe{
    display: block;
  }
  .review-video__play{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
  }
  .review-video__play.btn-arrow:before{
    --arrow-size: 60px;
    background: url('data:image/svg+xml,<svg width="62" height="61" viewBox="0 0 62 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.3702 21.3527C25.3702 20.096 26.8048 19.3787 27.8102 20.1327L38.9935 28.5202C39.8068 29.1302 39.8068 30.3502 38.9935 30.9602L27.8102 39.3477C26.8048 40.1017 25.3702 39.3844 25.3702 38.1277L25.3702 29.7402L25.3702 21.3527Z" fill="white"/></svg>') no-repeat;
    background-size: cover;
  }
  .review-video__cover{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background-size: cover;
  }
  .review-video__title{
    color: #fff;
    margin-bottom: 0.25em;
  }
  .review-video__position{
    color: #A3A3A3;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%; 
    letter-spacing: 0.24px;
  }
.review-video--small{
  width: 100%;
  aspect-ratio: 30 / 17;
  border-radius: 10px;
}
  .review-video--small{
  }

.review-video.open{}
  .review-video.open .review-video__play{
    opacity: 0;
    display: none;
  }
  .review-video.open .review-video__cover,
  .review-video.open::before{
    opacity: 0;
    display: none;
  }

.table--styled{
  
}
  .table--styled .st-head-row,
  .table--styled thead{
    color: var(--color-green);
  }
  .table--styled tr td:first-child{
    text-align: left;
  }
  .table--styled td{
    padding: 15px 4px 3px 0;
    border-bottom: 1px solid #D9D9D9;
    text-align: center;
  }
@media (max-width: 800px){
  .table--styled .st-head-row td{
    padding-top: 30px;
  }
}

  
.box-shadow{
  width: 100%;
  display: inline-block;
  padding: 19px;
  border-radius: var(--radius-default);
  background: rgba(39, 58, 70, 0.50);
  backdrop-filter: blur(15.149999618530273px);
  -webkit-backdrop-filter: blur(15.149999618530273px);
}
  .box-shadow .h4{
    font-weight: 400;
    line-height: 1.4;
  }
  .box-shadow  .btn-arrow--small{
    --size: 44px;
  }
@media (min-width: 767px){
  .box-shadow{
    width: auto;
    padding: 30px 40px;
  }
    .box-shadow  .btn-arrow--small{
      --size: 65px;
    }
}

@media (min-width: 1200px){
  .box-shadow .btn-arrow--small{
    --size: 58px
  }
}

.section--clients{
  margin-bottom: 68px;
}
.clients{
  justify-content: start;
}
  .clients__item{
    max-width:  100%;
  }
  .clients__item img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: grayscale(1);
  }
@media (min-width: 768px){
  .section--clients {
    margin-bottom: 119px;
  }
  .clients__item{
    max-width: 20%;
  }
}
@media (min-width: 1200px){
  .section--clients{
    margin-bottom: 120px;
  }
  .clients{
    justify-content: space-between;
  }
    .clients__item{
      flex: 1 0 21%;
    }
      .clients__item img{
        max-width:  160px;
        max-height: 160px;
      }
}
.section--about{} 
  .section--about .section__shortinfo{}
  .about-scheme{
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    margin-left: calc( -1 * var(--gutter));
    margin-right: calc( -1 * var(--gutter));
    background: url(/bitrix/templates/tiren2024/assets/images/bg-31.webp) no-repeat  center;
    background-size: 120%;
    background-size: contain;
    background-size: 160%;
  }
  .about-scheme{
    --child-width: 142px;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 40px;
    column-gap: calc(100% - var(--child-width) * 2);
    padding-bottom: 61px;
  }
    .about-scheme__item{
      position: absolute;
      top: 0;
      left: 0;
    }
    .about-scheme__item--2{
      left: auto;
      right: 0;
    }
    .about-scheme__item--3{
      top: auto;
      bottom: 0;
    }
    .about-scheme__item--4{
      top: auto;
      left: auto;
      right: 0;
    }
  .scheme-item{
    --child-width-surp: 23px;
    --height-footer: 145px;
    --circle-size: 50px;
    width: var(--child-width);
    height: 250px;
    padding: 10px;
    position: relative;
    border-radius: 8px;

  }
    .scheme-item__blur{
      position: absolute !important;
      right: 0;
      top:   0;
      left: 0;
      bottom: 0;
      clip-path: path('M8 0.649719C3.58172 0.649719 0 4.23144 0 8.64972V242.65C0 247.068 3.58172 250.65 8 250.65H106.459C106.277 249.23 106.184 247.784 106.184 246.315C106.184 227.63 121.331 212.482 140.016 212.482C140.682 212.482 141.344 212.501 142 212.539V8.64972C142 4.23144 138.418 0.649719 134 0.649719H8Z');
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: inherit;

      background: url(./assets/images/svg/scheme-item-frame.svg) no-repeat top right;
      background-size: 100% 100%;
    }
    .about-scheme__item--2 .scheme-item__blur,
    .about-scheme__item--4 .scheme-item__blur{
      scale: -1 1;
    }
    .scheme-item > *{
      position: relative;
      z-index: 15;
    }
    .scheme-item__title{
      color: #FFF;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 15px;
    }
    .scheme-item__text{
      color: #A6FFFF;
      font-size: 12px;
    }
    .scheme-item__num{
      width:  40px;
      height: 40px;
      color: var(--color-dark);
      font-size: 9.5px;
      font-weight: 700;
      line-height: 38px;
      text-align: center;
      position: absolute;
      z-index: 15;
      left: calc(-0.8* var(--child-width-surp));
      bottom: calc(-0.8* var(--child-width-surp));
    }
    .scheme-item__num:before{
      width: var( --circle-size);
      height: var( --circle-size);
      display: block;
      position: absolute;
      left: 50%;
      top: calc(50% - 1px);
      transform: translate(-50%, -50%);
      background: url(./assets/images/svg/scheme-item-circle.svg) no-repeat 0;
      background-size: cover;
      z-index: -1;
      border-radius: 50%;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      content: '';
    }

      .about-scheme__item--1 .scheme-item__num,
      .about-scheme__item--3 .scheme-item__num{
        left: auto;
        right: calc(-0.8* var(--child-width-surp));
      }
  @media (min-width: 768px){
    .about-scheme{
      --child-width: 273px;
      height: 788px;
      row-gap: 65px;
      position: relative;
      padding-bottom: 70px;
      background-size: 100%;
      margin-top: 51px;
    }
      /* .about-scheme__item{
        position: absolute;
        top: 0;
        left: var(--gutter);
      }
      .about-scheme__item--2{
        left: auto;
        right: 0;
      }
      .about-scheme__item--3{
        top: auto;
        bottom: 0;
      }
      .about-scheme__item--4{
        top: auto;
        left: auto;
        right: var(--gutter);
        bottom: 0;
      } */
    .scheme-item{
      --circle-size: 96px;
      height: 316px;
      padding: 30px 40px 30px 30px;
    }
      .scheme-item__blur{
        clip-path: path('M15 0C6.71573 0 0 6.71573 0 15V301C0 309.284 6.71573 316 15 316H204.487C204.166 313.378 204 310.709 204 308C204 272.102 233.101 243 269 243C270.343 243 271.677 243.041 273 243.121V15C273 6.71573 266.284 0 258 0H15Z');
        background-image: url(./assets/images/svg/scheme-item-frame-medium.svg);
      }
      .scheme-item__title{
        font-size: 20px;
      }
      .scheme-item__text{
        font-size: 16px;
      }
      .scheme-item__num{
        font-size: 18px;
      }
      .about-scheme__item--1 .scheme-item__num, 
      .about-scheme__item--3 .scheme-item__num{

      }
  }
  @media (min-width: 991px){
    .section--about .section__shortinfo{
      max-width: 570px;
    }
  }
  @media (min-width: 1200px){
    .section--about{
      margin-top: -26px;
    }
    .about-scheme{
      height: 1041px;
      margin-top: -27px;
      background-size: cover;
      background-position: top center;
      row-gap: 80px;
    }
      .about-scheme__item{
        position: absolute;
        top: 50%;
        left: var(--gutter);
        transform: translateY(-100%);
      }
      .about-scheme__item--2{
        top: calc(50% - var(--child-width) * 2.05);
        left: 50%;
        transform: translateX(-50%);
      }
      .about-scheme__item--3{
        top: 50%;
        left: auto;
        right: var(--gutter);
        transform: translateY(-50%);
      }
      .about-scheme__item--4{
        bottom: 19%;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
      }
    .scheme-item{
      --child-width-surp: 44px;
      min-height: 385px;
    }
      .scheme-item__blur{
        clip-path: path('M15 0C6.71573 0 0 6.71573 0 15V370C0 378.284 6.71573 385 15 385H204.487C204.166 382.378 204 379.709 204 377C204 341.102 233.101 312 269 312C270.343 312 271.677 312.041 273 312.121V15C273 6.71573 266.284 0 258 0H15Z');
        background-image: url(./assets/images/svg/scheme-item-frame-desktop.svg);
      }
        .about-scheme__item--2 .scheme-item__blur{
          scale: 1
        } 
        .about-scheme__item--3 .scheme-item__blur{
          scale: -1 1
        }
   
      .scheme-item__title{
        font-size: 24px;
        margin-bottom: 14px;
      }
      .scheme-item__text{
        font-size: 18px;
      }
      .scheme-item__num{
        left: calc(-0.4* var(--child-width-surp));
        bottom: calc(-0.3* var(--child-width-surp));
      }
      .about-scheme__item--3 .scheme-item__num{
        left: calc(-0.4* var(--child-width-surp));
        right: auto
      }

      .about-scheme__item--1 .scheme-item__num,
      .about-scheme__item--2 .scheme-item__num{
        right: calc(-0.4* var(--child-width-surp));
        left: auto;
      } 

  }

  @media (min-width: 1600px){
    .about-scheme {
      height: 1041px;
    }
    .about-scheme__item{
      top: auto;
      bottom: calc(50% - 93px);
      transform: translate(0);
    }
    .about-scheme__item--1{
      left: calc(50% - 734px);
    }
    .about-scheme__item--2{
      top: auto;
      bottom: calc(50% + 214px);
    }
    .about-scheme__item--2,
    .about-scheme__item--4{
      left: calc(50% + 23px);
      transform: translateX(-50%);
    }
    .about-scheme__item--3{
      right: calc(50% - 798px);
    }
    .about-scheme__item--4{
      bottom: auto;
      top: calc(50% - 37px);
    }
    .scheme-item{
      height: auto;
      /* min-height: unset; */
      padding-bottom: 102px;
    }
  }

.section--service{}
  .section--service .section__title{
    padding-left: 7px;
  }
  .section--services .col--right img{
    max-width: 100%;
  }

  .section--services .col--left{
    z-index: 10;
  }
  .section--services .col--right{
    z-index: 5;
  }
 @media (min-width: 768px){
  .section--services .col--right img{
    max-width: 105%;
    margin-left: 0;
  }
}
 @media (min-width: 992px){
  .section--services .col--right img{
    max-width: 118%;
    margin-left: -17%;
  }
}
@media (min-width: 1200px){
  .section--services{
    padding-bottom: 20px;
  }
      .section--services .col--right img{
        margin-top: -80px;;
        margin-left: 0;
      }
}
@media (min-width: 1600px){

  .section--services .col--left{
    width: 37%;
  }
  .section--services .col--right{
    width: 63%;
  }
}





.section--mission{}
  .section--mission .box-shadow{}
  .section--mission .box-bordered{
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
  }
@media (min-width: 768px) {
  .section--mission{
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .section--mission{}
  .section--mission .box-shadow{
    width: 435px;
    margin-top: 6px;
    padding: 33px 41px;
  }
}

.section--news{}


::placeholder {
  color:  var(--color-grey);
}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--color-grey);
}
.form-field,
.form-btn{
  width: 100%;
  display: block;
  padding: 23px 30px;
  border-radius: 56px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  outline: 0 !important;
  font-family: var(--font-default);
}
.form-btn{
  text-align: left;
}
.form-field{
  border: 1px solid #A2A2A2;
  transition: var(--transition-default);
  background: #fff;
  color: var(--color-dark)
}
  .form-field:hover{
    background: #FDFDFD;
  }
  .form-field:active,
  .form-field:focus{
    border-color: var(--color-green);
    background: #fff;
  }
  .form-field.error{
    color: var(--color-red);
    border-color: var(--color-red) ;
  }
  textarea.form-field{
    min-height: 140px;
    border-radius: var(--radius-default);
  }
  .form-field:invalid:not(:placeholder-shown){
    border-color: #A90000;
    color: #A90000;
  }
  .form-field:disabled{
    border-color: #A2A2A2;
    background: #DCDCDC;
    cursor: not-allowed;
  }
.form-control {}
  .form-control--checkbox{
    display: grid;
    grid-template-columns: 1em auto;
    gap: 10px;
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.16px;
  }
  .form-control input[type="checkbox"] {
    width:  18px;
    height: 18px;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--form-background);
    margin: 0;
    transform: translateY(3px);
    font: inherit;
    color: currentColor;
    border: 1px solid var(--color-grey);
    border-radius: 50%;

    display: grid;
    place-content: center;
    outline: 0 !important;
  }

  .form-control input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: var(--color-green);
  }

  .form-control input[type="checkbox"]:checked::before {
    transform: scale(0.9) rotate(11deg) translateY(-2px) translateX(-1px)
  }

  .form-control input[type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
  }

  .form-control input[type="checkbox"]:disabled {
    --form-control-color: var(--form-control-disabled);

    color: var(--form-control-disabled);
    cursor: not-allowed;
  }
  .form-control--agree{
    font-size: 14px;
  }
@media (min-width: 768px){
  .form-field,
  .form-btn{
    font-size: 18px;
    padding: 30px;
  }
  .form-control--agree{
    font-size: 16px;
  }
}
.ymaps-layers-pane {
	filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
}
.form{
  color: #000;
  --bs-gutter-y: 20px
}
  .form__part{
    --gutter: 30px;
    height: 100%;
    border-radius: var(--radius-default);
    background: #FFF;
    padding: var(--gutter) 20px 30px;
    position: relative;
    overflow: hidden;
  }
  .form__part--left{
    text-align: center;
  }
    .form___title{
      font-size: 20px;
    }
    .form__comment{
      color: var(--color-grey);
      font-size: 14px;
      font-weight: 400;
      line-height: 140%; /* 33.6px */
      margin-top: 20px;
    }
    .form .btn__parent{
      width: 100%;
      max-width: unset;
    }
      .form .btn--with-adornments{
        --btn-width: 44.3%;
      }
      .form .btn--with-adornments:after{
        background-image: url(./assets/images/bg-6.jpeg);
      }
.form--pseudo{}
  .form--pseudo .form__part--left{
    text-align: left;
  }
  .form--pseudo .text--small{
    font-size: 14px;
  }
  .form--pseudo .text--big{
    font-size: 18px;
  }
  .form--pseudo #contacts-map,
  .form--pseudo iframe{
    height: 244px;
  }
  .form--pseudo .location-map [class*="ymaps-2"][class*="-ground-pane"] {
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
      /* Firefox 3.5+ */
      -webkit-filter: grayscale(100%);
      /* Chrome 19+ & Safari 6+ */
  }
  [class*="copyrights-pane"] {
    display: none !important;
  }

@media (min-width: 768px){
  .form__part{
    --gutter: 45px;
    padding: var(--gutter)
  }
  .form___title{
    font-size: 45px;
  }
  .form__comment{
    font-size: 24px;
    margin-top: 31px;
  }
  .form .btn--with-adornments{
    --btn-width: 340px;
  }
  .form--pseudo .form__part{
    padding: 38px 30px;
  }
    .form--pseudo .text--small{
      font-size: 24px;
      margin-bottom: 4px;
    }
    .form--pseudo .text--big{
      font-size: 36px;
    }
    .form--pseudo .text--big a[href^='mail']{
      font-size: 40px;
    }
    .form--pseudo #contacts-map, .form--pseudo iframe{
      height: 434px;
    }
}
@media (min-width: 1200px){
  .form__part{
    --gutter: 50px;
  }
  .form__part--left{
    padding-bottom: 130px;
    text-align: left;
  }
    .form___title{
      font-size: 50px;
    }
    .form__comment{
      position: absolute;
      left: var(--gutter);
      right: var(--gutter);
      bottom: var(--gutter);
      margin-top: 0;
    }
    .form--pseudo .text--big{
      font-size: 50px;
    }
    .form--pseudo #contacts-map, .form--pseudo iframe{
      height: 625px;
    }
}
.file-preview__wrapper{
  
}
  .file-preview{
    --img-size: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; 
    margin-top: 30px;
    padding-right: 35px;
    position: relative;
  }
  .file-preview:last-child{
    margin-bottom: 30px;
  }
    .file-preview__img{
      width: var(--img-size);
      height: var(--img-size);
      order: 1
    }
    .file-preview__img img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .file-preview__data{
      width: calc(100% - var(--img-size));
      padding-left: 30px;
      order: 2
    }
    .file-preview__ext{
      margin-top: 3px;
    }
    .file-preview__remove{
      width:  25px;
      height: 25px;
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      outline: 0 !important;
      border: 0 !important;
      cursor: pointer;
      background: url('data:image/svg+xml,<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.34 5.61261L5.13549 21.8171C4.7289 22.2237 4.06894 22.2237 3.66235 21.8171C3.25576 21.4105 3.25576 20.7506 3.66235 20.344L19.8669 4.13947C20.2735 3.73288 20.9334 3.73288 21.34 4.13947C21.7466 4.54605 21.7466 5.20602 21.34 5.61261Z" fill="rgba(163, 163, 163, 1)"/><path d="M19.8664 21.8171L3.66187 5.61254C3.25528 5.20595 3.25528 4.54599 3.66187 4.1394C4.06846 3.73281 4.72842 3.73281 5.13501 4.1394L21.3395 20.3439C21.7461 20.7505 21.7461 21.4105 21.3395 21.8171C20.9329 22.2237 20.273 22.2237 19.8664 21.8171Z" fill="rgba(163, 163, 163, 1)"/></svg>') no-repeat 0;
    }


.form-popup{
  width: 85wv;
  max-width: 900px;
  background: #fff;
  border-radius: 20px;
}
  .form-popup__title,
  .form-popup__comment{
    text-align: center;
    margin-bottom: 20px;
  }

  .highlight__list{
    --inner-gap: 6px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(243, 243, 243, 0.90) 0%, rgba(243, 243, 243, 0.90) 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), url(./assets/images/bg-3.png) lightgray -68.117px -2.301px / 118.898% 322.847% no-repeat;
    background-blend-mode: normal, hue, normal;
    padding: 20px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--inner-gap);

    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
  }
    .highlight{
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      gap: 4px
    }
    .highlight:nth-child(even){
      justify-content: end;
    }
      .highlight__num{
        width: 26%;
        font-size: 40px;
        color: var(--color-dark);
        text-align: center;
      }
      .highlight__text{
        width: calc(74% - 54px);
        margin-left: auto;
        padding-left: 10px;
      }
/*   
@media ((min-width: 768px) and (max-width: 991px) ) {

  .highlight__num{
    font-size: 46px;
  }
} */
  @media ((min-width: 768px) and (max-width: 991px) ) or (min-width: 1600px) { 
    .highlight__list{
      --inner-gap: 20px;
      padding: 23px 17px;
    }
    .highlight{
      width: auto;
      max-width: calc(50% - var(--inner-gap) / 2);
      gap: 15px;
    }
      .highlight__num{
        width: auto;
        font-size: 46px;
        text-align: left;
      }
      .highlight__text{
        width: auto;
        flex: 1;
        padding-left: 0;
      }
  }
  @media (min-width: 1600px){
  
    .highlight__list{
      --inner-gap: 20px;
      padding: 23px 38px;
    }
    .highlight{
      max-width: unset;
    }
      .highlight__text {
        max-width: 150px;
      }
  }
.section--contacts{
  margin-bottom: -10px;
}
@media (min-width: 1200px){
  .section--contacts{
    margin-bottom: -30px;
  }
}
.section--numbers{}
  .section--numbers .text--medium{
    font-size: 1rem;
  }
  .section--numbers .box-bordered{
    text-align: left;
  }
  .section--numbers .box-bordered__title{
    font-size: 16px;
    margin-bottom: 13px;
  }
.number{}
  .number__value{
    color: #00A9A9;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -3px;
    margin-bottom: 6px;
  }
  .number__value:after{
    display: inline;
    letter-spacing: -1.8px;
    content: '+';
  }
@media (min-width: 768px){
  .section--numbers{}
    .section--numbers .box-bordered__title.h2{
      min-height: 120px;
      font-size: 25px;
      font-weight: 400;
      line-height: 120%; /* 30px */
      letter-spacing: 0.25px;
      padding-left: 31.5%;
      margin-bottom: 18px;
    }
    .section--numbers .col--left{
      position: absolute;
      left: 0;
    }
    .section--numbers .box-bordered__img{
      margin-left: -10%;
      max-width: 201px;
      margin-top: -89px;
    }
    .section--numbers .text--medium{

    }
    .section--numbers .box-bordered h4,
    .section--numbers .box-bordered .h4{
      margin-bottom: 1rem;
    }
    .section--numbers hr{
      margin: 31px 0 25px;
    }
    .number{}
      .number__value{
        font-size: 70px;
      }
  }
@media (min-width: 992px){
  .section--numbers .col--left{
    position: static;
  }
    .section--numbers .box-bordered__title.h2{
      padding-left: 0;
      min-height: 0;
    }
    .section--numbers .box-bordered__img{
      margin-left: 12px;
      
    }
      .number__value {
        font-size: 61px;
      }
      .number__value:after{
        font-size: 53px;
        margin-left: -6px;
      }
}
@media (min-width: 1200px){
  .section--numbers{}
    .section--numbers .col--left{

    }
    .section--numbers .box-bordered{
      padding-left: 80px;
    }
    .section--numbers .box-bordered__title.h2{
      font-size: 50px;
      font-weight: 400;
      line-height: 120%; /* 60px */
      letter-spacing: 0.5px;
      margin-bottom: 43px
    }
    .section--numbers .text--medium{
      font-size: 24px;
    }
    .section--numbers .box-bordered__img{
      max-width: 118%;
      margin-left: 1%;
      margin-top: -49%;
      margin-bottom: -20%;

      margin-top: -32%;
    }
    .section--numbers .box-bordered h4,
    .section--numbers .box-bordered .h4{
      margin-bottom: 1.8rem;
    }
    .section--numbers hr{
      margin-top: 60px;
      margin-bottom: 36px;
    }
  .number{}
    .number__value{
      font-size: 91px;
    }
    .number__value:after{
      font-size: 68px;
      margin-left: -9px;
    }
}
@media (min-width: 1900px){
  .col--nums{}
    .col--nums .col-4{
      max-width: 33.3333%;
      width: auto;
    }
  .number__value{
    font-size: 120px;
  }
  .number__value:after{
    font-size: 90px;
  }
  .section--numbers{}
    .section--numbers .number__value{
      font-size:150px;
      margin-left: -10px;
    }
    .section--numbers .text--medium{
      font-size: 21px;
    }
    .section--numbers .number__value:after{
      font-size: 106px;
      margin-left: -41px;
    }
}

section:last-of-type:not(.page-box){
  padding-bottom: 0;
}
.fancybox__container{
  --fancybox-bg: rgb(4 8 11 / 93%);
  height: 100vh;
}
.fancybox__content{
  border-radius: var(--radius-default);
}
  .is-compact .fancybox__content>.f-button.is-close-btn{
    background: transparent;
    top: 25px;
    right: 25px;
  }
    .is-compact .fancybox__content>.f-button.is-close-btn svg,
    .is-compact .fancybox__content>.f-button.is-close-btn svg path{
      stroke: #A2A2A2;
    }
  
/* Scrollbar styling */
.scroll-box::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}
.scroll-box::-webkit-scrollbar-track {
  /* -webkit-box-shadow: 5px 5px 5px -5px #00A9A9 inset; */
  background-color: rgba(0, 0, 0, 0.10);
  border-radius: 10px;
}

.scroll-box::-webkit-scrollbar-thumb {
  background: #00A9A9;
  border-radius: 10px;
}

.scroll-box{
padding-right: 10px;
}


footer{
  margin-top: 10px;
  padding: 30px 20px;
  background: url(./assets/images/bg-7.jpeg) lightgray 50% / cover no-repeat;
  color: #fff;
  border-radius: var(--radius-default);
}
  footer hr{
    margin: 6px 0 12px
  }
  footer a{
    color: inherit;
  }
  footer .text--small{
    color: inherit;
    padding-left: 10px;
  }
  .footer__top{
    position: relative;
  }
  .footer__logo{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    line-height: 1.4;
    margin-bottom: 26px;
  }
    .footer__logo img{
      width: 162px;
    }
    .footer__logo div{
      width: 100%;
      margin-top: -14px;
    }
  .footer__contacts{
    font-size: 16px;
  }
    .footer__contacts p{
      margin-bottom: 1.2rem;
    }

  .footer__up-btn{
    position: absolute;
  }
    .scroll-top-btn{
      display: inline-block;
      text-align: center;
      cursor: pointer;
      position: absolute;
      top:   0;
      right: 0;
    }
      .scroll-top-btn .btn{
        --size: 56px;
      }
      .scroll-top-btn span{
        display: block;
        margin-top: 7px;
        font-size: 18px;
        color: var(--color-green)
      }
  .footer__bottom{
    color: rgba(255,255,255,0.4);
  }
    .footer__bottom a{
      color: inherit
    }
    .footer__bottom a:hover{
      color: #fff;
    }

  @media (min-width: 768px){
    footer{
      padding: 40px 28px;
    }
    footer hr{
      margin: 13px 0 26px;
    }
    .footer__logo{

    }
      .footer__logo div{
        width: 355px;
        margin-top: 0;
      }
      .footer__contacts{
        font-size: 24px;
      }
    .scroll-top-btn{
      top: auto;
      bottom: 14px;
    }
      .scroll-top-btn span{
        margin-top: 25px;
      }
      .footer__contacts p{
        margin-bottom: 10px;
      }
  }
  @media (min-width: 786px) and (max-width: 899px){
    footer .col--1{
      order: 7;
      display: flex;
      flex-direction: column;
    } 
      .footer__logo{
        order: 7;
        width: 100%;
      }
      .footer__contacts {
        margin: 30px 0;
    }
  }
  @media (min-width: 900px) and (max-width: 1199px){
    footer .col--1{
      order: 7;
      display: flex;
      margin-top: 35px;
    }
      .footer__logo{
        width: 50%;
      }
      .footer__logo div {
        width: calc(100% - 193px);
      }
      .footer__contacts{
        width: 50%;
      }
      .scroll-top-btn {
        top: auto;
        bottom: 167px;
      }
    /* footer .col--2,
    footer .col--5{
      flex: 0 0 auto;
      width: auto;
    }
    footer .col--3{
      width: 26%;
    } */
  }
  @media (min-width: 1200px){
    footer{
      padding: 65px 55px 80px;
    }
      .footer__top{
        padding-right: 121px;
        padding-right: 69px;
        position: relative;
      }
      footer .col--1{
        width: 28%;
      }
      .footer__logo{
        margin-bottom: 37px;
      }
      .footer__up-btn{
        right: -5px;
        top: 0
      }
      .footer__contacts{
        font-size: 22px;
      }
      footer hr{
        margin: 28px 0 49px;
      }
      .scroll-top-btn{
        position: absolute;
        top: 16px;
        right: -4px;
      }
        .scroll-top-btn .btn{
          --size: 56px;
        }
        .scroll-top-btn span{
          margin-top: 26px;
          font-size: 14px;
        }
    hr{
      margin: 47px 0 
    }
    .footer__logo div{
      width: 100%;
    }
  }
@media (min-width: 1200px) and (max-width: 1600px){
  footer .col--1{
    width: 31%
  }
  footer .col--2,
  footer .col--5{
    flex: 0 0 auto;
    width: auto;
  }
  footer .col--3{
    width: 26%;
  }
}
@media (min-width: 1300px){
  .footer__top{
    padding-right: 121px;
  }
}
@media (min-width: 1600px){
  footer .col--1{
    width: 30%;
  }
  footer .col--3{
    width: 29%;
  }
   hr {
    margin: 30px 0 47px;
  }
  .footer__logo div{
    width: calc(100% - 190px);
  }
}
@media (min-width: 1800px){
  .footer__contacts{
    font-size: 25px;
  }
}