/* Start:/bitrix/templates/eco-spectr/css/configurator.css?174755370726454*/
.configurator .title {
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
}

.configurator__tabs {
   display: flex;
   gap: 15px;
   justify-content: center;
   margin-top: 64px;
}

.configurator__tab {
   padding: 16.5px 28px;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0.1em;
   color: #44BCFF;
   background: #E6F6FF;
   border-radius: 10px;
   transition: 0.4s;
   cursor: pointer;
}

.configurator__tab.active {
   color: #FFFFFF;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
   background: #44BCFF;
   transition: 0.4s;
}

.body-configurator__tabs {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   margin-top: 23px;
}

.body-configurator__title {
   font-weight: 600;
   font-size: 24px;
   line-height: 29px;
   letter-spacing: 0.02em;
   color: #585858;
}

.configurator__block {
   margin-top: 23px;
   background: #FFFFFF;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
   border-radius: 15px;
   padding: 30px;
   display: flex;
   justify-content: space-between;
   opacity: 0;
   visibility: hidden;
   position: absolute;
   max-width: calc(100vw - 50px);
}

.configurator__block.active {
   opacity: 1;
   visibility: visible;
   position: relative;
   transition: 0.3s;
}

.body-configurator {
   max-width: 500px;
   width: 100%;
   min-height: 711px;
}

.body-configurator__name {
   font-weight: 500;
   font-size: 20px;
   line-height: 22px;
   color: #585858;
   margin: 30px 0 10px 0;
}

.body-configurator-input {
   max-width: 200px;
   width: 100%;
   height: 50px;
   text-align: center;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: #585858;
   background: #FFFFFF;
   border: 1px solid #EFEFEF;
   border-radius: 10px;
}

.body-configurator__material {
   display: inline-flex;
   flex-direction: column;
}

.body-configurator__material input {
   border: none;
   opacity: 0;
}

.body-configurator__material label {
   position: relative;
}

.body-configurator__material label:after {
   content: '';
   position: absolute;
   border-radius: 100%;
   width: 8px;
   height: 8px;
   border: 1px solid #FF8E3D;
   top: 5px;
   left: -15px;
}

.body-configurator__material label:before {
   content: '';
   position: absolute;
   border-radius: 100%;
   width: 4px;
   height: 4px;
   background-color: #FF8E3D;
   top: 8px;
   left: -12px;
   display: none;
}

.body-configurator__material input:checked+:before {
   display: block;
}

.body-configurator__mat-item {
   cursor: pointer;
}

.body-configurator__mat-item input {
   cursor: pointer;
}

.body-configurator__mat-item label {
   cursor: pointer;
}

.body-configurator__material .body-configurator__mat-item:nth-child(3) {
   margin-top: 10px;
}

.body-configurator__kvartir {
   display: inline-flex;
   flex-direction: column;
   margin-left: 38px;
}

.body-configurator__tab {
   background: #E6F6FF;
   border-radius: 10px;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0.1em;
   color: #44BCFF;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 156px;
   height: 50px;
   transition: 0.3s;
   cursor: pointer;
}

.body-configurator__tab.active {
   background: #44BCFF;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
   color: #FFFFFF;
   transition: 0.3s;
}

.body-configurator__chose {
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 500px;
   width: 100%;
   min-height: 50px;
   background: #FFFFFF;
   border: 1px solid #EFEFEF;
   border-radius: 10px;
   position: relative;
   padding: 0 19px 0 15px;
   box-sizing: border-box;
   flex-wrap: wrap;
}

.body-configurator__chose:hover {
   border-radius: 10px 10px 0 0;
}

.body-configurator__chose:hover .body-configurator__chose-body {
   opacity: 1;
   visibility: visible;
   transition: opacity 0.2s;
}

.body-configurator__chose:hover svg {
   transform: rotate(180deg);
}

.body-configurator__chose-body {
   position: absolute;
   top: 45px;
   left: -1px;
   opacity: 0;
   z-index: 2;
   visibility: hidden;
   transition: opacity 0.2s;
   width: -webkit-fill-available;
   transition: opacity 0.2s;
   width: calc(100% + 2px);
}

.body-configurator__chose-content {
   border: 1px solid #EFEFEF;
   border-radius: 0 0 10px 10px;
   padding: 0 15px;
   background: #fff;
   margin-top: 5px;
}

.body-configurator__chose span {
   height: 50px;
   display: flex;
   align-items: center;
}

.body-configurator__chose-body .body-configurator__chose-content div {
   height: 40px;
   display: flex;
   align-items: center;
   cursor: pointer;
}

.body-configurator__chose-body .body-configurator__chose-content div:hover {
   color: #FF8E3D;
}

.body-configurator__chose-body .body-configurator__chose-content div.active {
   cursor: default;
   pointer-events: none;
   color: #FF8E3D;
}

.body-configurator__more {
   display: flex;
   align-items: center;
   cursor: pointer;
}

.more-conf__checkbox {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 15px;
   height: 15px;
   background: #EFF8FF;
   border-radius: 3px;
}

.configurator__mobile {
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   color: #44BCFF;
   height: 50px;
   align-items: center;
   display: none;
   margin-left: 30px;
}

.configurator__image-back {
   font-weight: 500;
   font-size: 21px;
   line-height: 17px;
   color: #44BCFF;
   position: relative;
   z-index: 5;
   display: none;
}

.more-conf__checkbox.active {
   background: #FF8E3D;
}

.more-conf__checkbox.active path {
   stroke: white;
}

.more-conf__text {
   margin-left: 5px;
}

.more-conf {
   margin-top: 10px;
}

.body-configurator__button {
   max-width: 270px;
   height: 50px;
   background: #44BCFF;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
   border-radius: 15px;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0.02em;
   color: #FFFFFF;
   display: flex;
   align-items: center;
   justify-content: center;
   text-transform: uppercase;
   margin-top: 40px;
   cursor: pointer;
}

.configurator__image.none{
   display: none !important;
}
.configurator__image {
   max-width: 550px;
   width: 100%;
   position: relative;
   display: inline-block;
}
.configurator__image span {
   position: relative;
}

.body-configurator__tab-body {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   visibility: hidden;
   transition: 0.3s;
}

.body-configurator__tab-body img {
   width: 100%;
}

.body-configurator__tab-body svg {
   position: absolute;
}

.body-configurator__tab-body>svg:hover path {
   fill: #389DD3;
   stroke: #389DD3;
   transition: 0.3s;
   cursor: pointer;
}

.body-configurator__tab-body.active {
   opacity: 1;
   visibility: visible;
   transition: 0.3s;
}

.configurator-circle {
   width: 20px;
   height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   background: #FF8E3D;
   border-radius: 100%;
   cursor: pointer;
   z-index: 2;
}

.configurator-circle .configurator-line {
   background: #FFFFFF;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
}

.configurator-circle .configurator-line:nth-child(1) {
   width: 13px;
   height: 2px;
   position: absolute;
}

.configurator-circle .configurator-line:nth-child(2) {
   width: 2px;
   height: 13px;
   position: absolute;
}

.configurator-circle__body {
   width: 200px;
   background: rgba(0, 0, 0, 0.7);
   border-radius: 10px;
   position: absolute;
   bottom: 34px;
   left: -130px;
   padding: 15px;
   font-family: 'LatoF';
   opacity: 0;
   visibility: hidden;
   z-index: 6;
}

.configurator-circle__body div {
   margin-top: 20px;
}



.configurator-circle__body svg {
   position: absolute;
   bottom: -9px;
   left: 128px;
}

.configurator-circle:hover .configurator-circle__body {
   opacity: 1;
   visibility: visible;
}

.brend-circle {
   display: inline;
}

.configurator-circle:hover {
   z-index: 3;
}

.configurator-circle__body span {
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: #FFFFFF;
}

.configurator-circle__body div span {
   font-weight: 700;
}

.configurator-circle__body div {
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   color: #FFFFFF;
}

.body-configurator__tab-body>svg:nth-child(2):hover~.configurator-circles .configurator-circle:nth-child(1) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(3):hover~.configurator-circles .configurator-circle:nth-child(2) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(4):hover~.configurator-circles .configurator-circle:nth-child(3) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(5):hover~.configurator-circles .configurator-circle:nth-child(4) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(6):hover~.configurator-circles .configurator-circle:nth-child(5) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(7):hover~.configurator-circles .configurator-circle:nth-child(6) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(8):hover~.configurator-circles .configurator-circle:nth-child(7) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(9):hover~.configurator-circles .configurator-circle:nth-child(8) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(10):hover~.configurator-circles .configurator-circle:nth-child(9) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

.body-configurator__tab-body>svg:nth-child(11):hover~.configurator-circles .configurator-circle:nth-child(10) .configurator-circle__body {
   opacity: 1;
   visibility: visible;
   transition: 0.4s;
}

@media(max-width: 750px) {

   .configurator__image>.body-configurator__tab-body>svg:nth-child(1):hover~.ccb .configurator-circle__body:nth-child(0) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(2):hover~.ccb .configurator-circle__body:nth-child(1) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(3):hover~.ccb .configurator-circle__body:nth-child(2) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(4):hover~.ccb .configurator-circle__body:nth-child(3) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(5):hover~.ccb .configurator-circle__body:nth-child(4) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(6):hover~.ccb .configurator-circle__body:nth-child(5) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(7):hover~.ccb .configurator-circle__body:nth-child(6) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(8):hover~.ccb .configurator-circle__body:nth-child(7) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(9):hover~.ccb .configurator-circle__body:nth-child(8) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator__image>.body-configurator__tab-body>svg:nth-child(10):hover~.ccb .configurator-circle__body:nth-child(9) {
      opacity: 1;
      visibility: visible;
      transition: 0.4s;
   }

   .configurator-circle__body {
      left: 50%;
      transform: translateX(-50%);
      top: -30px;
      bottom: unset;
   }

   .configurator-circle__body.circle-act {
      opacity: 1;
      visibility: visible;
   }

   /* .configurator-circles .configurator-circle:nth-child(1):hover~.configurator__image .ccb .configurator-circle__body:nth-child(1) {
      opacity: 1;
      visibility: visible;
   } */
   /* .configurator-circles .configurator-circle:hover~.configurator__image {
      display: none;
   } */

   .configurator-circle__body svg {
      display: none;
   }
}

/* about ------------Тут ставим позици для кружков и svg-шек-------------------< */
#c-tab-1 .configurator-circles .configurator-circle:nth-child(1) {
   top: 43%;
   left: 14%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(2) {
   top: 29%;
   left: 73%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(3) {
   top: 20%;
   left: 85%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(4) {
   top: 57.6%;
   left: 41%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(5) {
   top: 18.6%;
   left: 13%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(6) {
   top: 62.6%;
   left: 69%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(7) {
   top: 34.6%;
   left: 34%;
}

#c-tab-1 .configurator-circles .configurator-circle:nth-child(8) {
   top: 78.1%;
   left: 20%;
}

#c-tab-1>svg:nth-child(2) {
   top: 43%;
   left: 14%;
   width: 12%;
   height: 8%;
}

#c-tab-1>svg:nth-child(3) {
   top: 26.3%;
   left: 68%;
   width: 12%;
   height: 7.4%;
}

#c-tab-1>svg:nth-child(4) {
   top: 20.9%;
   left: 77%;
   width: 17%;
   height: 10.1%;
}

#c-tab-1>svg:nth-child(5) {
   top: 55.3%;
   left: 42.3%;
   width: 7%;
   height: 7.1%;
}

#c-tab-1>svg:nth-child(6) {
   top: 19.1%;
   left: 12.3%;
   width: 7%;
   height: 7.1%;
}

#c-tab-1>svg:nth-child(7) {
   top: 64.4%;
   left: 63.3%;
   width: 13%;
   height: 16.5%;
}

#c-tab-1>svg:nth-child(8) {
   top: 34.2%;
   left: 30.8%;
   width: 6%;
   height: 5.5%;
}

#c-tab-1>svg:nth-child(9) {
   top: 74.2%;
   left: 16.4%;
   width: 7%;
   height: 6.3%;
}



#c-tab-2 .configurator-circles .configurator-circle:nth-child(1) {
   top: 47%;
   left: 16%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(2) {
   top: 29%;
   left: 73%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(3) {
   top: 18%;
   left: 85%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(4) {
   top: 60.6%;
   left: 54%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(5) {
   top: 17.6%;
   left: 15%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(6) {
   top: 64.2%;
   left: 66%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(7) {
   top: 34.2%;
   left: 36%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(8) {
   top: 75.6%;
   left: 21%;
}

#c-tab-2 .configurator-circles .configurator-circle:nth-child(9) {
   top: 75.6%;
   left: 21%;
}

#c-tab-2>svg:nth-child(2) {
   top: 41%;
   left: 15.5%;
   width: 12%;
   height: 8%;
}

#c-tab-2>svg:nth-child(3) {
   top: 24.2%;
   left: 68.7%;
   width: 12%;
   height: 7.1%;
}

#c-tab-2>svg:nth-child(4) {
   top: 19.2%;
   left: 77%;
   width: 17%;
   height: 9.3%;
}

#c-tab-2>svg:nth-child(5) {
   top: 52.9%;
   left: 55%;
   width: 9%;
   height: 13.8%;
}

#c-tab-2>svg:nth-child(6) {
   top: 18.2%;
   left: 13%;
   width: 9%;
   height: 6.7%;
}

#c-tab-2>svg:nth-child(7) {
   top: 61%;
   left: 64.7%;
   width: 13%;
   height: 16.1%;
}

#c-tab-2>svg:nth-child(8) {
   top: 31.2%;
   left: 33%;
   width: 4.8%;
   height: 7.7%;
}

#c-tab-2>svg:nth-child(9) {
   top: 72.2%;
   left: 17.6%;
   width: 6.7%;
   height: 6.7%;
}

#c-tab-2>svg:nth-child(10) {
   top: 72.2%;
   left: 17.6%;
   width: 6.7%;
   height: 6.7%;
}



#c-tab-3 .configurator-circles .configurator-circle:nth-child(1) {
   top: 43%;
   left: 14%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(2) {
   top: 30%;
   left: 75%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(3) {
   top: 20%;
   left: 85%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(4) {
   top: 55.6%;
   left: 39%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(5) {
   top: 18.6%;
   left: 13%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(6) {
   top: 60.6%;
   left: 61%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(7) {
   top: 34.6%;
   left: 33%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(8) {
   top: 74.1%;
   left: 19%;
}

#c-tab-3 .configurator-circles .configurator-circle:nth-child(9) {
   top: 22%;
   left: 63%;
}

#c-tab-3>svg:nth-child(2) {
   top: 41%;
   left: 13.5%;
   width: 12%;
   height: 7.5%;
}

#c-tab-3>svg:nth-child(3) {
   top: 24.8%;
   left: 74%;
   width: 9%;
   height: 7.4%;
}

#c-tab-3>svg:nth-child(4) {
   top: 20.1%;
   left: 81%;
   width: 17%;
   height: 9.1%;
}

#c-tab-3>svg:nth-child(5) {
   top: 52%;
   left: 40.0%;
   width: 7%;
   height: 6.6%;
}

#c-tab-3>svg:nth-child(6) {
   top: 19.4%;
   left: 13.3%;
   width: 5%;
   height: 6.6%;
}

#c-tab-3>svg:nth-child(7) {
   top: 59.6%;
   left: 60.1%;
   width: 10.7%;
   height: 15.3%;
}

#c-tab-3>svg:nth-child(8) {
   top: 33.2%;
   left: 29.8%;
   width: 6%;
   height: 4.8%;
}

#c-tab-3>svg:nth-child(9) {
   top: 70.5%;
   left: 15.5%;
   width: 7%;
   height: 6.3%;
}

#c-tab-3>svg:nth-child(10) {
   top: 23.1%;
   left: 55.8%;
   width: 19%;
   height: 10.5%;
}




#c-tab-4 .configurator-circles .configurator-circle:nth-child(1) {
   top: 47%;
   left: 14%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(2) {
   top: 29%;
   left: 76%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(3) {
   top: 19%;
   left: 86%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(4) {
   top: 59.6%;
   left: 49%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(5) {
   top: 18.6%;
   left: 13%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(6) {
   top: 63.2%;
   left: 67%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(7) {
   top: 34.2%;
   left: 33%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(8) {
   top: 73.6%;
   left: 18%;
}

#c-tab-4 .configurator-circles .configurator-circle:nth-child(9) {
   top: 22%;
   left: 63%;
}

#c-tab-4>svg:nth-child(2) {
   top: 40.9%;
   left: 12.9%;
   width: 12.4%;
   height: 7.3%;
}

#c-tab-4>svg:nth-child(3) {
   top: 24.6%;
   left: 72.7%;
   width: 11%;
   height: 6.8%;
}

#c-tab-4>svg:nth-child(4) {
   top: 19%;
   left: 82.3%;
   width: 13.6%;
   height: 10.3%
}

#c-tab-4>svg:nth-child(5) {
   top: 51.9%;
   left: 50.1%;
   width: 8%;
   height: 12.8%;
}

#c-tab-4>svg:nth-child(6) {
   top: 19.2%;
   left: 11%;
   width: 9%;
   height: 6.4%;
}

#c-tab-4>svg:nth-child(7) {
   top: 59.7%;
   left: 67.1%;
   width: 13%;
   height: 15.1%;
}

#c-tab-4>svg:nth-child(8) {
   top: 31.2%;
   left: 29.8%;
   width: 4.8%;
   height: 7.7%;
}

#c-tab-4>svg:nth-child(9) {
   top: 70%;
   left: 15.4%;
   width: 6.2%;
   height: 6.8%;
}

#c-tab-4>svg:nth-child(10) {
   top: 22.8%;
   left: 55.4%;
   width: 18.9%;
   height: 10.2%;
}





#c-tab-5 .configurator-circles .configurator-circle:nth-child(1) {
   top: 41%;
   left: 16%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(2) {
   top: 24%;
   left: 73%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(3) {
   top: 19%;
   left: 88%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(4) {
   top: 46.6%;
   left: 64%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(5) {
   top: 13.6%;
   left: 15%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(6) {
   top: 81.2%;
   left: 56%;
}

#c-tab-5 .configurator-circles .configurator-circle:nth-child(7) {
   top: 31.2%;
   left: 36%;
}


#c-tab-5>svg:nth-child(2) {
   top: 37%;
   left: 16.5%;
   width: 11%;
   height: 7.7%;
}

#c-tab-5>svg:nth-child(3) {
   top: 20.2%;
   left: 67.7%;
   width: 13%;
   height: 7.1%;
}

#c-tab-5>svg:nth-child(4) {
   top: 15.1%;
   left: 74.7%;
   width: 20%;
   height: 9.5%;
}

#c-tab-5>svg:nth-child(5) {
   top: 44.7%;
   left: 54.5%;
   width: 13.6%;
   height: 15.4%;
}

#c-tab-5>svg:nth-child(6) {
   top: 14.8%;
   left: 13.5%;
   width: 9%;
   height: 6.7%;
}

#c-tab-5>svg:nth-child(7) {
   top: 70.5%;
   left: 46.7%;
   width: 13%;
   height: 16.1%;
}

#c-tab-5>svg:nth-child(8) {
   top: 27.2%;
   left: 33%;
   width: 4.8%;
   height: 7.7%;
}





#c-tab-6 .configurator-circles .configurator-circle:nth-child(1) {
   top: 50%;
   left: 15%;
}

#c-tab-6 .configurator-circles .configurator-circle:nth-child(2) {
   top: 65.4%;
   left: 38%;
}

#c-tab-6 .configurator-circles .configurator-circle:nth-child(3) {
   top: 36%;
   left: 38%;
}

#c-tab-6 .configurator-circles .configurator-circle:nth-child(4) {
   top: 41%;
   left: 55%;
}

#c-tab-6 .configurator-circles .configurator-circle:nth-child(5) {
   top: 18%;
   left: 85%;
}


#c-tab-6>svg:nth-child(2) {
   top: 48.3%;
   left: 15.2%;
   width: 15.8%;
   height: 10.7%;
}

#c-tab-6>svg:nth-child(3) {
   top: 65.2%;
   left: 27.2%;
   width: 17%;
   height: 8.9%;
}

#c-tab-6>svg:nth-child(4) {
   top: 33.5%;
   left: 34.7%;
   width: 4%;
   height: 6.7%;
}

#c-tab-6>svg:nth-child(5) {
   top: 35.5%;
   left: 49.6%;
   width: 9%;
   height: 15.4%;
}

#c-tab-6>svg:nth-child(6) {
   top: 18.8%;
   left: 80.1%;
   width: 15%;
   height: 10.7%;
}




#c-tab-7 .configurator-circles .configurator-circle:nth-child(1) {
   top: 39%;
   left: 24%;
}

#c-tab-7 .configurator-circles .configurator-circle:nth-child(2) {
   top: 25%;
   left: 20%;
}

#c-tab-7 .configurator-circles .configurator-circle:nth-child(3) {
   top: 14%;
   left: 68%;
}

#c-tab-7 .configurator-circles .configurator-circle:nth-child(4) {
   top: 59%;
   left: 79%;
}

#c-tab-7 .configurator-circles .configurator-circle:nth-child(5) {
   top: 10%;
   left: 95%;
}


#c-tab-7>svg:nth-child(2) {
   top: 31.8%;
   left: 16.2%;
   width: 13%;
   height: 10.7%;
}

#c-tab-7>svg:nth-child(3) {
   top: 23%;
   left: 22.2%;
   width: 5%;
   height: 5.9%;
}

#c-tab-7>svg:nth-child(4) {
   top: 4.2%;
   left: 61.7%;
   width: 15%;
   height: 19.6%;
}

#c-tab-7>svg:nth-child(5) {
   top: 55.2%;
   left: 75.4%;
   width: 10.3%;
   height: 16.9%;
}

#c-tab-7>svg:nth-child(6) {
   top: 6.8%;
   left: 85.1%;
   width: 15%;
   height: 10.7%;
}

/* about ------------Тут ставим позици для кружков и svg-шек-------------------> */

@media(max-width: 1100px) {
   .configurator__image {
      margin: 0 auto;
      min-height: 711px;
   }
   .configurator__image.none{
      display: inline-block !important;

   }
   .block-image {
      display: none;
   }

   .block-body {
      display: none;
   }

   .body-configurator {
      max-width: unset;
   }

   .body-configurator__button {
      margin-left: unset;
   }

   .body-configurator__button {
      display: inline-flex;
      width: 270px;
   }

   .configurator__mobile {
      display: inline-flex;
   }

   .configurator__image-back {
      display: block;
   }
}

@media(max-width: 620px) {
   .body-configurator__button {
      max-width: unset;
      width: 100%;
   }

   .configurator__mobile {
      margin: 0;
      display: flex;
      justify-content: center;
   }

   .body-configurator__kvartir {
      margin-left: 0;
   }

   .configurator-circle__body svg {
      left: 197px;
   }

   .body-configurator__flex-wrap {
      flex-direction: column;
   }
}

/* @media(max-width: 570px) {
   .configurator-circle__body {
      left: -200px;
   }
} */

@media(max-width: 550px) {

   .configurator__image{
      min-height: 550px;
   }

   .body-configurator__tab{
      width: 100%;
   }

}

@media(max-width: 450px) {
   .configurator__image {
      min-height: 380px;
   }

   .body-configurator__title {
      font-size: 18px;
      line-height: 22px;
   }

   .configurator__block {
      padding: 20px 10px;
   }
}

@media(max-width: 391px) {
   .configurator #rt {
      right: unset;
      top: 27px !important;
   }
   .body-configurator__tab{
      width: 100%;
   }
}

@media(max-width: 370px) {
   .configurator__image {
      min-height: 400px;
   }



   .body-configurator__tabs {
      gap: 10px
   }

   .configurator__tabs {
      flex-direction: column;
      gap: unset;
   }

   .configurator__tab {
      margin-top: 0;
      text-align: center;
   }

   .configurator__tab:last-child {
      margin-top: 20px;
   }
}
/* End */


/* Start:/bitrix/templates/eco-spectr/css/main-sp.css?176535766874758*/
* {
  scrollbar-width: thin;
  scrollbar-color: #FF8E3D #585858;
}

*::-webkit-scrollbar {
  width: 10px;               /* ширина scrollbar */
}

*::-webkit-scrollbar-track {
  background: #585858;        /* цвет дорожки */
}

*::-webkit-scrollbar-thumb {
  background-color: #FF8E3D;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid #FF8E3D;  /* padding вокруг плашки */
}

.title {
  font-weight: 900;
  font-size: 36px;
  line-height: 43px;
  text-transform: uppercase;
  color: #585858;
  position: relative;
  z-index: 1;
}

.selector{
  display: none;
}
.selector.active{
  display: block;
}

html {
  scroll-behavior: smooth;
}

body {
  /*-ms-user-select: none;*/
  /*-moz-user-select: none;*/
  /*-webkit-user-select: none;*/
  /*user-select: none;*/
}

img {
  pointer-events: none;
}
.ymaps-2-1-79-balloon{
  border-radius: 15px;
  overflow: hidden;
  box-shadow:unset;
}
.title span,
.title-none span {
  color: #ff8e3d;
}

.header__under-items {
  max-width: 1160px;
}


.title-none {
  margin-top: 30px;
  margin-left: 20px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 36px;
  text-transform: uppercase;

  color: #585858;
}

.main__infoblock-item-left .main__before-call-btn {
  background: #ff8e3d;
}
.main__infoblock-item-left .main__before-call-btn:hover {
  background: #44bcff;
}

/* .header__under-item .header-flex {
  display: flex;
  padding-left: 25px;
} */
.main__infoblock-item-right .main__before-call-btn {
  background: #44bcff;
}
.main__infoblock-item-right .main__before-call-btn:hover {
  background: #ff8e3d;
}
.container__balance .main__engineers {
  margin-top: 110px;
}

#tabProf .d{
  justify-content: initial;
}

.div-b:hover svg{
  opacity: 0;
}

.main__infoblock-item:hover .d-none {
  visibility: visible;
  opacity: 10;
  /* right: 30px;
  top: -3px; */
}

.main__before {
  display: flex;
  width: 100%;
  gap: 46px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.d-none {
  max-height: 229px;
  display: flex;
  justify-content: center;
  bottom: 1px;
  transition: .4s;
  width: unset !important;
}

.d-none img {
  width: unset !important;
}

.swiper-pagination-bullet {
  left: 0;
}


 .div-b {
    position: relative;
    height: 100%;
    display: flex;
    align-items: self-end;
    position: absolute;
    top: 0;
    right: 4px;
}

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



.container-img  {
  width: 275px;
    height: 100%;
    height: 260px;
    border-radius: 15px;
}


.main_param,
.main_param-r {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #585858;
}

.main__inf-bl {
  margin-bottom: 38px;
}

.d-none {
  opacity: 0;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;

  position: absolute;

  /* width: 124%; */
}

.d-block:hover .d-none {
  visibility: visible;
  opacity: 1;
}

.before {
  width: 50%;
}

.mobile-menu-adress {
  text-decoration: none;
}

.before-swiper-button-prev svg {
  cursor: pointer;
  transition: 0.4s;
}

.before-swiper-button-next svg {
  cursor: pointer;
  transition: 0.4s;
}

.before-swiper-button-prev:hover svg rect {
  fill: #f8384a;

  stroke: #f8384a;
}

.before-swiper-button-prev:hover svg g path {
  stroke: white;
}

.before-swiper-button-next:hover svg rect {
  fill: #f8384a;
  stroke: #f8384a;
}

.before-swiper-button-next:hover svg path {
  stroke: white;
}

.container__balance-tabs-btn,
.container__best-tabs-btn,
.container__prof-tabs-btn {
  cursor: pointer;
}

/* .main__before-left .title{
    margin-top: 22px;
} */
.main__before-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.main__before-right {
  width: 50%;
}

.main__before-left-childtitle {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
}

.main__before-left-childtitle p {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #585858;
}

.main__before-attention {
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #585858;
}

.main__before-attention span {
  color: #ff8e3d;
}

.main__before-call-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  max-width: 250px;
  width: 100%;
  height: 49px;
  background: #11548d;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.4s;
}

.main__before-call-btn-margin{
  margin-top: 30px;
}

.main__before-call-btn:hover {
  background-color: #ff8e3d;
}

.main__before-btns {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

/* slider before-after*/
.ba-slider {
  /* position: relative; */
  overflow: hidden;
  height: 100%;
}

.vual {
  background: rgba(0, 0, 0, 0.53);
  border-radius: 15px;
  /* display: none; */
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.7;
  z-index: 10;
}

.swiper.before > .swiper-wrapper {
  /* position: relative; */
}

.vual-img {
  /* display: none; */
  z-index: 100;
  left: 46%;
  z-index: 100;
  bottom: 25%;
  position: absolute;
}

.vual-img.active {
  display: none;
}

.vual.active {
  display: none;
}

.ba-slider img {
  width: 100%;
  display: block;
}

.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}

.handle {
  /* Thin line seperator */
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  margin-left: -2px;
  background: #f8384a;
  cursor: ew-resize;
}

.handle:after {
  /* Big orange knob  */
  position: absolute;
  top: 50%;
  width: 19px;
  height: 90px;
  margin: -32px 0 0 -8px;
  background: #f8384a;
  content: url("/bitrix/templates/ekotime/img/grids.png");
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

@media screen and (max-width: 920px) {
  .vual-img {
    /* display: none; */
    z-index: 100;
    left: 45%;
    z-index: 100;
    bottom: 25%;
    position: absolute;
  }
}

@media screen and (max-width: 800px) {
  .vual-img {
    /* display: none; */
    z-index: 100;
    left: 44%;
    z-index: 100;
    bottom: 25%;
    position: absolute;
  }
}

@media screen and (max-width: 600px) {
  .sl-container {
    width: 320px;
    height: 210px;
  }

  .sl-container .view img {
    width: 320px;
    max-width: 320px;
  }


}



/* main__reliability */

.main__reliability {
  display: flex;
  gap: 5px;
  align-items: start;
  justify-content: space-between;

}

.main__reliability-left {
  width: 50%;
  padding: 30px 0 30px 0;
}

.main__reliability-right {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.main__reliability-ul {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #585858;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 50px;
}

.main__reliability-ul p {
  display: flex;
  gap: 10px;
}

.main__reliability-left .main__before-call-btn {
  margin-top: 50px;
}

.reliability {
  margin-top: 125px;
}

.reliabilitity-swiper-button-prev {
  position: absolute;
  top: 50%;
  left: -90px;
  z-index: 5;
  cursor: pointer;
}

.reliabilitity-swiper-button-next {
  position: absolute;
  top: 50%;
  right: -90px;
  z-index: 5;
  cursor: pointer;
}

.reliabilitity-swiper-button-prev:hover svg rect {
  fill: #f8384a;
  stroke: #f8384a;
}

.reliabilitity-swiper-button-prev:hover svg g path {
  fill: white;
  stroke: white;
}

.reliabilitity-swiper-button-next:hover svg rect {
  fill: #f8384a;
  stroke: #f8384a;
}

.reliabilitity-swiper-button-next:hover svg g path {
  fill: white;
  stroke: white;
}

.swiper-pagination-bullet {
  max-width: 290px !important;
  height: 3px !important;
  background: #585858 !important;
  border-radius: 4px !important;
  width: 100% !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  max-width: 290px !important;
  height: 3px !important;
  background: #ff9a00 !important;
  border-radius: 4px !important;
  width: 100% !important;
}

.reliability-swiper-pagination .swiper-pagination-bullet {
  position: relative;
}

.reliability-swiper-pagination .swiper-pagination-bullet-active {
  background: #585858 !important;
}

.reliability-swiper-pagination {
  display: flex !important;
  justify-content: end !important;
}

.main__info-container .container .info__swiper-pagination {
  display: flex !important;
  justify-content: center !important;
  bottom: -20px;
  /* margin-top: 53px !important; */
}

/* .info__swiper-pagination .swiper-pagination-bullet, .info__swiper-pagination .swiper-pagination-bullet-active {
  max-width: 290px !important;
  height: 3px !important;
  background: #585858 !important;
  border-radius: 4px !important;
  width: 100% !important;
  opacity: 1 !important;
} */

/* .sertificats__pagination .swiper-pagination-bullet, .info__swiper-pagination .swiper-pagination-bullet-active {
  max-width: 290px !important;
  height: 3px !important;
  background: #585858 !important;
  border-radius: 4px !important;
  width: 100% !important;
  opacity: 1 !important;
} */

.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}

/* .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  margin-top: 20px;
  display: flex;
  justify-content: center;
} */

.cont-bk {
  background: linear-gradient(90.12deg, #fafafa 36.84%, #ffffff 85.78%);
}

.reliability-swiper-pagination .swiper-pagination-bullet-active::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #ff9a00 !important;
  animation: load 3s linear forwards;
}

@keyframes load {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

/* main__works */
.main__works-wrapper {
  display: flex;
  flex-direction: column;
}

.main__works-items-info {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 20px;
}

.main__works-item-info-container {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #585858;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 163px;
  text-align: center;
}

.main__works-item-info {
  display: flex;
  gap: 5px;
  align-items: center;
  position: relative;
  visibility: hidden;
  opacity: 0;
  transition: 1s opacity, 1s visibility;
}

.main__works-item-info.active {
  visibility: visible;
  opacity: 1;
}

.main__works-item-info.active .main__works-item-info-line {
  width: 170px;
}

.sertificats-swiper-button-next,
.sertificats-swiper-button-prev {
  display: flex !important;
}
.sertificats-swiper-button-next rect,
.sertificats-swiper-button-prev rect {
  stroke: #ff8e3d;
}

.main__works {
  width: 100%;
  background: #f5f5f5;
  padding-bottom: 60px;
  color: white;
  margin-top: 120px;
}

.main__works-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #585858;
  margin-top: 60px;
}

.main__works-title span {
  color: #FF8E3D;
}

.main__works-item-info-line {
  width: 0%;
  background: #11548d;
  border-radius: 38px;
  height: 4px;
  position: absolute;
  top: 37px;
  left: 124px;
  transition: 1.5s;
}

.main__works-item-info:nth-child(5) .main__works-item-info-line {
  display: none;
}

.main__works-items-home {
  display: flex;
  gap: 100px;
  margin-top: 20px;
}

.main__works-item-home {
  max-width: 320px;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #11548d;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #11548d;
  border-radius: 10px;
  border-radius: 10px;
  flex-direction: column;
  gap: 10px;
}

.lottie-player {
  border: 1px solid #11548d;
  border-radius: 50%;
}

.main__works-call-btn {
  background: #11548d;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  max-width: 250px;
  width: 100%;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #ffffff;
  margin: 0 auto;
  margin-top: 50px;
  cursor: pointer;
  transition: 0.4s;
}

.main__works-call-btn:hover {
  background-color: #FF8E3D;
}

/* main_rekl */
.main__rekl {
  margin-top: 60px;
  margin-bottom: 60px;
}

.main__rekl-wrapper {
  display: flex;
  background: #ffffff;
  border-radius: 15px;
  border: 1px solid #e8e8e8;
  padding-left: 40px;
  height: 380px;
  box-sizing: border-box;
}

.main__rekl-left {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.main__rekl-right {
  width: 50%;
  position: relative;
}

.main__rekl-right img {
  position: absolute;
  z-index: 0;
}

.main__rekl-left .title {
  font-size: 24px;
  max-width: 465px;
  margin-top: 91px;
  font-weight: 900;
  line-height: 29px;
  text-transform: uppercase;
}

.main__rekl-childtitle {
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #a8a8a8;
  margin-top: 10px;
}

.main__rekl-call-btn {
  background: #11548d;
  border-radius: 10px;
  max-width: 230px;
  height: 50px;
  display: flex;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  cursor: pointer;
  transition: 0.4s;
  width: 100%;
}

.main__rekl-call-btn:hover {
  background-color: #f8384a;
}

.main__before-slider-btns {
  display: flex;
  gap: 30px;
}

.main__realiability-ul-item {
  display: flex;
  gap: 10px;
  max-width: 560px;
  width: 100%;
}

.main__reliability-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  margin-top: 30px;
}

.main__reliability-img img {
  width: 100%;
  max-height: 395px;
    height: 100%;
  object-fit: cover;
}

/* main engineers */
.main__engineers .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 67px;
}

.main__engineer-items {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 120px;
}

.main__engineer-item {
  max-width: 275px;
  width: 100%;
  background-color: lightgray;
  padding-left: 10px;
  padding-top: 44px;
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
  border-radius: 15px;
  /* background-size: contain; */
  background-repeat: round;
  box-sizing: border-box;
}

.main__engineer-item-btn {
  margin-top: auto;
  background: #11548d;
  border-radius: 3px 0px 0px 3px;
  max-width: 200px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: white;
  padding: 3px 20px;
  margin-left: auto;
  cursor: pointer;
  transition: 0.4s;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main__engineer-item-btn:hover {
  background-color: #FF8E3D;
}

.main__engineer-item-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  color: #ffffff;
}

.all-vids-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
}

.all-vids-name.active {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #ffffff;
}

.sertificat-swiper-button-next,
.sertificat-swiper-button-prev {
  display: flex !important;
}
.sertificat-swiper-button-next rect,
.sertificat-swiper-button-prev rect {
  stroke: #ff8e3d;
}

@media (max-width: 600px) {
  .all-vids-name {
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
  }

  .header__items-wrapper {
    padding: unset !important;
  }

  .main__rekl-left .title {
    display: flex !important;
    flex-direction: column !important;
  }

  .main__engineers .main__engineers-underline,.main__engineers-underline.config {
    top: 30px !important;
    max-width: 80px !important;
  }

  .main__engineers .title {
   
    text-align: center;
  }
}

.main-doc-item svg {
  margin-right: 3px !important;
}

.main-doc-item {
  margin-left: 20px;
  height: 49px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.main-doc {
  display: flex;
  align-items: center;
  margin-top: 15px;
}


.cont-bk .container {
  max-width: 1160px;
}
.main__before-call-btn {
  background-color: #44bcff;
}

.main__infoblock-item-right {
  border: 1px solid #44bcff;
  border-radius: 15px;
  position: relative;
  padding-top: 30px;
  padding-left: 30px;
  position: relative;
  display: flex;
  box-sizing: border-box;
}

.main__infoblock-item-left {
  position: relative;
  border: 1px solid #ff8e3d;
  border-radius: 15px;
  padding-top: 30px;
  padding-left: 30px;
  display: flex;
  position: relative;
  box-sizing: border-box;
}

.main__infoblock-right-title,
.main__infoblock-left-title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  color: #585858;
  margin-right: 180px;
}

.main__infoblock-right-title-second{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}


.ds-fx {
  display: flex;
  justify-content: space-between;
  margin-top: 53px;
  box-sizing: border-box;
  margin-left: 10px;
  margin-right: 10px;
}

.ct-up {
  display: flex;
  max-width: 560px !important;
  width: 100%;
}

.cont-main-l {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.cont-main-l svg {
  margin-right: 30px;
}

/* .ct-up svg {
    margin-right: 30px;
} */
.main__infoblock-left-title p:first-child {
  margin-top: 20px;
}

.main__inf-bl {
  display: flex;
  flex-direction: column;
}

/* .main__inf-bl svg {
position: absolute;
} */

.cont-main-r {
  background: url("/bitrix/templates/eco-spectr/img/i.webp");
  background-repeat: no-repeat;

  min-height: 446px;
  height: 100%;
  width: 580px;
}

.main__infoblock-left-title p,
.main__infoblock-right-title p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */

  color: #585858;
}

.main__infoblock-right-title span {
  color: #44bcff !important;
}

.main__infoblock-left-title span {
  color: #ff8e3d !important;
}

.cont-main-l:last-child {
  margin-bottom: 5px;
}

.ct-up div {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center;

  color: #585858;
}

.all-vids-ul {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}

.main__sertificats-container {
  margin-top: 120px;
}

.all-vids-ul.active {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
}

.main__engineer-item-info-ul {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  margin-bottom: 40px;
  margin-top: 10px;
}

.unas-all {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}

.main__engineer-item-info-ul li {
  list-style-type: none;
}

.main__engineer-item:nth-child(1) {
  /* max-width: 570px; */
  width: 100%;
  padding-left: 19px;
}

.main__engineers-underline {
  background: #ff8e3d;
  border-radius: 21px;
  height: 4px;
  max-width: 175px;
  width: 100%;
  position: absolute;
  top: 57px;
  right: 0;
  left: 0;
  margin: auto;
}

/* main__fos */
.range-measure {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #FF8E3D;
  padding-bottom: 5px;
}

input[type="range"].styledRange {
  height: 4px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

/*progress support*/
input[type="range"].styledRange.slider-progress {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--value) - var(--min)) / var(--range));
  --sx: calc(0.5 * 2em + var(--ratio) * (100% - 2em));
}

input[type="range"].styledRange:focus {
  outline: none;
}

/*webkit*/
input[type="range"].styledRange::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 2em;
  height: 2em;
  border-radius: 16px;
  background: radial-gradient(#ffffff 6px, #11548d 8px);
  border: none;
  box-shadow: none;
  margin-top: calc(0.5em * 0.5 - 2em * 0.5);
}

input[type="range"].styledRange::-webkit-slider-runnable-track {
  height: 0.5em;
  border: none;
  border-radius: 0.5em;
  background: #eff8ff;
  box-shadow: none;
}

input[type="range"].styledRange:hover::-webkit-slider-runnable-track {
  background: #eff8ff;
}

input[type="range"].styledRange:active::-webkit-slider-runnable-track {
  background: #eff8ff;
}

input[type="range"].styledRange.slider-progress::-webkit-slider-runnable-track {
  background: linear-gradient(#11548d, #11548d) 0 / var(--sx) 100% no-repeat,
    #eff8ff;
}

input[type="range"].styledRange.slider-progress:hover::-webkit-slider-runnable-track {
  background: linear-gradient(#0061c3, #0061c3) 0 / var(--sx) 100% no-repeat,
    #eff8ff;
}

input[type="range"].styledRange.slider-progress:active::-webkit-slider-runnable-track {
  background: linear-gradient(#2f98f9, #2f98f9) 0 / var(--sx) 100% no-repeat,
    #eff8ff;
}

/*mozilla*/
input[type="range"].styledRange::-moz-range-thumb {
  width: 2em;
  height: 2em;
  border-radius: 16px;
  background: radial-gradient(#ffffff 6px, #11548d 8px);
  border: none;
  box-shadow: none;
}

input[type="range"].styledRange::-moz-range-track {
  height: 0.5em;
  border: none;
  border-radius: 0.5em;
  background: #eff8ff;
  box-shadow: none;
}

input[type="range"].styledRange:hover::-moz-range-track {
  background: #eff8ff;
}

input[type="range"].styledRange:active::-moz-range-track {
  background: #eff8ff;
}

input[type="range"].styledRange.slider-progress::-moz-range-track {
  background: linear-gradient(#11548d, #11548d) 0 / var(--sx) 100% no-repeat,
    #eff8ff;
}

input[type="range"].styledRange.slider-progress:hover::-moz-range-track {
  background: linear-gradient(#0061c3, #0061c3) 0 / var(--sx) 100% no-repeat,
    #eff8ff;
}

input[type="range"].styledRange.slider-progress:active::-moz-range-track {
  background: linear-gradient(#2f98f9, #2f98f9) 0 / var(--sx) 100% no-repeat,
    #eff8ff;
}

/*ms*/
input[type="range"].styledRange::-ms-fill-upper {
  background: transparent;
  border-color: transparent;
}

input[type="range"].styledRange::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
}

input[type="range"].styledRange::-ms-thumb {
  width: 2em;
  height: 2em;
  border-radius: 16px;
  background: radial-gradient(#ffffff 6px, #11548d 8px);
  border: none;
  box-shadow: none;
  margin-top: 0;
  box-sizing: border-box;
}

input[type="range"].styledRange::-ms-track {
  height: 0.5em;
  border-radius: 0.5em;
  background: #eff8ff;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
}

input[type="range"].styledRange:hover::-ms-track {
  background: #eff8ff;
}

input[type="range"].styledRange:active::-ms-track {
  background: #eff8ff;
}

input[type="range"].styledRange.slider-progress::-ms-fill-lower {
  height: 0.5em;
  border-radius: 0.5em 0 0 0.5em;
  margin: -undefined 0 -undefined -undefined;
  background: #11548d;
  border: none;
  border-right-width: 0;
}

input[type="range"].styledRange.slider-progress:hover::-ms-fill-lower {
  background: #0061c3;
}

input[type="range"].styledRange.slider-progress:active::-ms-fill-lower {
  background: #2f98f9;
}

.main__fos {
  margin-top: 60px;
  margin-bottom: 60px;
}

.title.min a {
  color: #ff8e3d;
  
}

.title.min span {
  color: #585858 !important;
}

.main__sertificats-container {
  /* margin-top: 180px; */
  margin-bottom: 180px;
}

.main__fos .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.main__fos-wrapper {
  display: flex;
  gap: 40px;
  margin-top: 50px;
}

.main__fos-left {
  max-width: 560px;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.main__fos-left-head {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #585858;
}

.main__fos-left-tarif-items {
  display: flex;
  gap: 15px;
}

.main__fos-left-tarif {
  background: #eff8ff;
  max-width: 156px;
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #FF8E3D;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.main__fos-left-tarif.active {
  background: #FF8E3D;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  color: white;
}

.main__fos-parametrs-change-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #585858;
}

.main__fos-parametrs-change-input {
  margin-top: 40px;
}

.main__fos-parametrs-change-input input {
  width: 100%;
}

.main__fos-parametrs-change-placeholder {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #b5b5b5;
}

.main__fos-parametrs-parametrs-checkbox-item {
  width: 25px;
  height: 25px;
  background: #eff8ff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.4s;
}

.main__fos-parametrs-parametrs-checkbox-item.active {
  background-color: #11548d;
}

.main__fos-parametrs-parametrs-checkbox-item.active svg path {
  stroke: white;
}

.main__fos-parametrs-checkbox {
  display: flex;
  padding-top: 15px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
}

.main__fos-parametrs-checkbox-name {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #585858;
}

/* fos-file */
.input-file-row {
  display: inline-block;
}

.input-file {
  position: relative;
  display: inline-block;
}

.input-file span {
  position: relative;
  display: flex;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  font-size: 14px;
  gap: 10px;
  vertical-align: middle;
  color: #585858;
  text-align: center;
  border-radius: 4px;
  background-color: #eff8ff;
  line-height: 22px;
  height: 50px;
  padding: 10px 15px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  margin: 0;
  transition: 0.4s;
}

.input-file span:hover {
  background: #FF8E3D;
  color: white;
}

.input-file span:hover svg rect {
  fill: white;
}

.input-file input[type="file"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}

/* Focus */
.input-file input[type="file"]:focus + span {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Hover/Active */

/* Disabled */
.input-file input[type="file"]:disabled + span {
  background-color: #eee;
}

/* Список файлов */
.input-file-list {
  padding: 10px 0;
  display: flex;
}

.input-file-list-item {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #585858;
  border: 1px solid #FF8E3D;
  border-radius: 8px;
  padding: 5px 10px;
}

.input-file-list-remove {
  color: #FF8E3D;
  text-decoration: none;
  display: inline-block;
  margin-left: 5px;
}

/*  */
.main__fos-right-head {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #585858;
}

.main__fos-right-input {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #585858;
  margin-top: 30px;
}

.main__fos-right-input input {
  outline: none;
  width: 100%;
  height: 50px;
  background: #eff8ff;
  border: 1px solid #eff8ff;
  border-radius: 10px;
  padding-left: 15px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #11548d;
}

.main__fos-right-input input::placeholder {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #b5b5b5;
}

.main__fos-right-file-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #585858;
  margin-top: 30px;
}

.main__fos-right-file-title span {
  color: #FF8E3D;
}

.main__fos-right-file-childtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #585858;
  margin-top: 20px;
}

.main__fos-right {
  max-width: 560px;
  width: 100%;
}

.main__fos-right-file-input {
  margin-top: 10px;
}

.main__fos-right-btn {
  background: #11548d;
  border-radius: 10px;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  cursor: pointer;
  transition: 0.4s;
}

.main__fos-right-btn:hover {
  background-color: #FF8E3D;
}

.main__fos-right-placeholder {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #585858;
  margin-top: 6px;
}

.main__engineers-childtitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #585858;
  margin-bottom: 50px;
}

/* main__gallery */

.main__gallery-head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.main__gallery-head .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.gallery {
  margin-top: 50px;
}

.main__galery-btn {
  display: flex;
  gap: 15px;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.main__gallery-btn-swap {
  background: #eff8ff;
  border-radius: 10px;
  max-width: 156px;
  width: 100%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #11548d;
  cursor: pointer;
  transition: 0.4s;
}

.main__gallery-btn-swap.active {
  background: #11548d;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  color: #ffffff;
}

.gallery .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  background-position: center;
  background-size: cover;
}

.gallery .swiper-wrapper {
  display: flex;
  align-items: center;
}

.gallery .swiper-wrapper .swiper-slide img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  display: block;
  border-radius: 15px;
}

.gallery {
  margin-bottom: 60px;
}

.swiper-3d .swiper-slide-shadow-right {
  border-radius: 15px;
}

.swiper-3d .swiper-slide-shadow-left {
  border-radius: 15px;
}

.gallery-swiper-button-next {
  position: absolute;
  top: 50%;
  z-index: 99;
  right: 30%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.gallery-swiper-button-prev {
  position: absolute;
  top: 51%;
  z-index: 99;
  left: 30%;
  transform: translate(-50%, 60%);
  cursor: pointer;
  margin-top: 5px;
}

.gallery-swiper-button-prev:hover rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.gallery-swiper-button-prev:hover path {
  fill: white;
  stroke: white;
}

.gallery-swiper-button-next:hover rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.gallery-swiper-button-next:hover path {
  fill: white;
  stroke: white;
}

.main__gallery-head .main__engineers-childtitle {
  margin-top: 30px;
  margin-bottom: 40px;
}

.gallery-navAndPag {
  display: flex;
  flex-direction: row-reverse;
}

.gallery-pagination {
  display: none !important;
}

.gallery-pagination {
  width: 100% !important;
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  transform: unset !important;
}

/* main-team */

.main__team-btns {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 50px;
}

.main__team-btn {
  display: flex;
  background: #eff8ff;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  padding: 15px;
  max-width: 156px;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #11548d;
  transition: 0.4s;
  cursor: pointer;
}

.main__team-btn.active {
  color: #ffffff;
  background: #11548d;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.main__team-head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.main__team-head .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.main__team-number {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #585858;
  margin-top: 40px;
}

.main__team-number span {
  color: #FF8E3D;
}

.main__team-items {
  display: flex;
  gap: 20px;
  margin-top: 40px;
  width: 100%;
}

.team {
  max-width: 1200px;
  width: 100%;
}

.main__team-item {
  max-width: 275px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.main__team-item-img {
  width: 100%;
  height: 100%;
  height: 250px;
  border-radius: 15px;
}

.main__team-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.main__team-item-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #585858;
}

.main__team-item-info {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #585858;
}

.main__team-item-time {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #FF8E3D;
}

.logo-color-head.active {
  fill: #ff8e3d !important;
}

.under-text-logo-color.active {
  fill: white;
}

.main__team-btn-call {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #ffffff;
  background: #11548d;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  max-width: 250px;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 40px;
  cursor: pointer;
  transition: 0.4s;
}

.main__team-btn-call:hover {
  background-color: #FF8E3D;
}

/* .main__sertificats{
        overflow-x: auto;
        overflow-y: hidden;
} */

.main__team {
  margin-bottom: 60px;
}

/* main info */
.main__info {
  background: #ffffff;
  border-radius: 15px;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  padding-left: 30px;
  display: flex;
}

.main__info-left {
  display: flex;
  flex-direction: column;
  max-width: 560px;
}

.main__info-left .title {
  margin-top: 30px;
}

.main__info-left-childtitle {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #44bcff;
  margin-top: 5px;
}

.main__info-left-call-btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #ffffff;
  background: #44bcff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 230px;
  padding: 16px;
  box-sizing: border-box;
  margin-top: 30px;
  margin-bottom: 30px;
  cursor: pointer;
  transition: 0.4s;
}

.main__info-left-call-btn:hover {
  background-color: #FF8E3D;
}

.main__info-right-o,
.main__info-right-t,
.main__info-right-tr {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  border-radius: 15px;
}

.main__info-right-o {
  background-image: url("/bitrix/templates/eco-spectr/img/motag.webp");
  background-repeat: no-repeat;
}

.main__info-right-t {
  background-image: url("/bitrix/templates/eco-spectr/img/f2.webp");
  background-repeat: no-repeat;
}

.main__info-right-tr {
  background-image: url("/bitrix/templates/eco-spectr/img/f3.webp");
  background-repeat: no-repeat;
}

.main__info-right-o img,
.main__info-right-t img,
.main__info-right-tr img {
  position: absolute;
  height: 100%;
}

.info-swiper-button-prev {
  position: absolute;
  z-index: 10;
  left: -100px;
  top: 50%;
  cursor: pointer;
}

.info-swiper-button-next {
  position: absolute;
  z-index: 10;
  right: -100px;
  top: 50%;
  cursor: pointer;
}

/* .info-swiper-button-next rect {
    color: #FF8E3D;
} */

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  left: 0px !important;
}

.info-swiper-button-next rect,
.info-swiper-button-prev rect {
  stroke: #ff8e3d;
}

.info-swiper-button-next:hover rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.info-swiper-button-next:hover path {
  fill: white;
  stroke: white;
}



.reliabilitity-swiper-button-next:hover rect,.reliabilitity-swiper-button-prev:hover rect {
  fill: #FF8E3D !important;
  stroke: #FF8E3D !important;
}

.info-swiper-button-prev:hover rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.info-swiper-button-prev:hover path {
  fill: white;
  stroke: white;
}

.info-swiper-button-next1:hover rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.info-swiper-button-next1:hover path {
  fill: white;
  stroke: white;
}

.info-swiper-button-prev1:hover rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.info-swiper-button-prev1:hover path {
  fill: white;
  stroke: white;
}

/* main__sertificats */
/* .main__sertificats, .main__sertificat {
  margin-top: 120px;
  margin-bottom: 120px;
} */

.sertificats .swiper-wrapper .swiper-slide {
  cursor: pointer;
  height: unset;
  align-items: center;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.sertificats__btns .sertificats-swiper-button-prev1 svg rect:first-child,
.sertificats__btns .sertificats-swiper-button-next1 svg rect:first-child {
  stroke: #ff8e3d;
}

.sertificat .swiper-wrapper .swiper-slide {
  cursor: pointer;
  justify-content: center;
}

.main__sertificats-childtitle,
.main__sertificat-childtitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #585858;
}

.main__sertificats-head,
.main__sertificat-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.main__sertificats-childtitle,
.main__sertificat-childtitle {
  margin-top: 30px;
}

.main__sertificats-head .title,
.main__sertificat-head .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.sertificats,
.sertificat {
  margin-top: 50px;
}

.sertificats .swiper-wrapper .swiper-slide img {
  max-width: 275px;
  width: 100%;
}
.sertificat .swiper-wrapper .swiper-slide img {
  max-width: 275px;
  width: 100%;
}
.sertificats .swiper-wrapper .swiper-slide {
  display: flex;
}
.sertificat .swiper-wrapper .swiper-slide {
  display: flex;
}
.sertificats-swiper-button-prev {
  position: absolute;
  top: 40%;
  z-index: 10;
  left: -100px;
  cursor: pointer;
}

.sertificats-swiper-button-next {
  position: absolute;
  top: 40%;
  z-index: 10;
  right: -100px;
  cursor: pointer;
}

.fl img {
  border-radius: 15px !important;
}

.sertificat-swiper-button-prev {
  position: absolute;
  top: 40%;
  z-index: 10;
  left: -100px;
  cursor: pointer;
  display: flex !important;
}

.sertificat-swiper-button-next {
  position: absolute;
  top: 40%;
  z-index: 10;
  right: -100px;
  cursor: pointer;
}

.fl {
  display: flex;
  flex-direction: column;
}

.best-title {
  margin-top: 10px;
  text-align: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #585858;
}

.sertificats-swiper-button-next svg rect {
  stroke: #ff8e3d;
}
.sertificat-swiper-button-next svg rect {
  stroke: #ff8e3d;
}
.sertificats-swiper-button-prev:hover rect,
.sertificat-swiper-button-prev:hover rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.sertificats-swiper-button-prev:hover path,
.sertificat-swiper-button-prev:hover path {
  fill: white;
  stroke: white;
}

.sertificats-swiper-button-next:hover rect,
.sertificat-swiper-button-next:hover rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.sertificats-swiper-button-next:hover path,
.sertificat-swiper-button-next:hover path {
  fill: white;
  stroke: white;
}

.sertificats-swiper-button-prev1:hover svg rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.sertificats-swiper-button-prev1:hover svg path {
  fill: white;
  stroke: white;
}

.sertificats-swiper-button-next1:hover svg rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.sertificats-swiper-button-next1:hover svg path {
  fill: white;
  stroke: white;
}

.sertificat-swiper-button-prev1:hover svg rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.sertificat-swiper-button-prev1:hover svg path {
  fill: white;
  stroke: white;
}

.sertificat-swiper-button-next1:hover svg rect {
  fill: #FF8E3D;
  stroke: #FF8E3D;
}

.sertificat-swiper-button-next1:hover svg path {
  fill: white;
  stroke: white;
}

.up-btn svg path{
  stroke: #FF8E3D;
}

.up-btn svg circle {
  stroke: #44BCFF;
}



.title.min {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 24px !important;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.02em;
  margin-top: 40px;
  margin-bottom: 30px;
  color: #585858;
  text-transform: unset !important;
}

/* .......................... */

/* ------------------------------------------- */

.main-doc-item div {
  /* font-family: "Lato"; */
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #585858;
}

.container__balance-tabs-btn,
.container__best-tabs-btn,
.container__prof-tabs-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 185px;
  height: 50px;
  background: #e6f6ff;
  border-radius: 10px;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #44BCFF;
}
.container__balance-tabs-btn2,
.container__best-tabs-btn2,
.container__prof-tabs-btn2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 185px;
  height: 50px;
  background: #e6f6ff;
  border-radius: 10px;
  justify-content: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #44BCFF;
  cursor: pointer;
  text-align: center;
}
.selector2{
  display: none;
}
.selector2.active{
  display: block;
}
.container__balance-tabs-btn2.active,
.container__best-tabs-btn2.active,
.container__prof-tabs-btn2.ative {
  background: #44bcff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #ffffff;
}
.container__balance-tabs-btn.active,
.container__best-tabs-btn.active,
.container__prof-tabs-btn.ative {
  background: #44bcff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #ffffff;
}

.container__balance-content,
.container__best-content,
.container__prof-content {
  /* display: none; */
}

.container__balance-content {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.container__prof-content .d {
  gap: 20px;
}

.main-doc-item a {
  text-decoration: none;
}

.container__balance-content.active,
.container__best-content.active,
.container__prof-content.active {
  display: block;
  height: 480px;
  padding-top: 30px;
}


.sertificats .swiper-slide {
  
background: url(/bitrix/templates/eco-spectr/css/.png), url(/bitrix/templates/eco-spectr/css/image.png);
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}


.container__prof-tabs-btn.active {
  background: #44bcff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #ffffff;
}

.container__best-content.active {
  display: block;
  height: 480px;
  padding-top: 0px;
}

.d .main__sertificats {
  margin-top: 0;
  margin-bottom: 0;
}

.main__best-child {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #585858;
  margin-top: 30px;
  margin-bottom: 30px;
}

.container__balance-nav,
.container__content,
.container__best-nav,
.container__prof-nav {
  display: flex;
  gap: 10px;
}

.container__professional-title-status {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #585858;
}





/* .container__professional {
  max-width: 215px;
} */

.container__professional p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;

  color: #ff8e3d;
}

.container__professional-title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #585858;
  text-align: center;
}

.container__professional img{
  display: block;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.15));
}

.container__professional-title-status {
  margin-bottom: 5px;
}

.container__balance-nav,
.container__best-nav,
.container__prof-nav {
  justify-content: center;
}

.container__balance-wrap {
  padding: 10px 10px 20px 10px;
}

.container__balance-nav,
.container__best-nav {
  display: flex;
  gap: 10px;
}

.container__balance-wrap-title {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  padding-left: 10px;
  margin-top: 10px;
  color: #585858;
}

.container__balance-wrap-title-min {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  padding-left: 10px;

  color: #ff8e3d;
}

.container__balance-wrap {
  max-width: 275px;
  width: 100%;
  min-width: 275px;
  background: #ffffff;
  min-height: 468px;
  box-sizing: border-box;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  height: 100%;
}

.container__balance-wrapper {
  display: flex;
  box-sizing: border-box;
}

.container__balance {
  margin-bottom: 120px;
}

.container__balance-wrapper ul {
  max-width: 240px;
  width: 100%;
  word-break: break-word;
  /* padding-right: 15px; */
  box-sizing: border-box;
  padding-left: 30px;
  margin-top: 10px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #585858;
}

.container__balance-flex {
  display: flex;
}

.d {
  display: flex;
  gap: 18px;
  width: 100%;
  justify-content: center;
}

.last .sertificats-swiper-button-next,
.last .sertificats-swiper-button-prev {
  top: 60%;
}

.last .sertificat-swiper-button-next,
.last .sertificat-swiper-button-prev {
  top: 60%;
}





.main__info-left-call-btn.center {
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 120;
 margin-top: 40px;
}

/*  */
.zaglushka__container {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  margin: 0 auto;
  z-index: 1000;
  padding: 15px;
  border-radius: 15px;
  top: 0px;
}

.zaglushka__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 60px;
}

.zaglushka__title {
  font-weight: 900;
  font-size: 36px;
  line-height: 43px;
  text-transform: uppercase;
  color: #585858;
}

.zaglushka__childtitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #585858;
}

.zaglushka__btn {
  background: #44BCFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #ffffff;
  padding: 15px;
  max-width: 250px;
  width: 100%;
}

.zaglushka__info {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #585858;
}

.zaglushka__number {
  font-weight: 900;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: #44BCFF;
}

.zaglushka__placeholder {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: rgba(35, 38, 55, 0.8);
}

/*modal ok */
.modal-ok {
  width: 100%;
  height: 100%;
  position: fixed;
  align-items: center;
  justify-content: center;
  display: none;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

.modal-ok.active {
  display: flex;
}

.modal-ok-wrapper {
  background-color: white;
  max-width: 300px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 15px;
}

.modal-ok-head {
  width: 100%;
  display: flex;
  justify-content: end;
}

.modal-ok-column {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
}

.modal-ok-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #585858;
}

.modal-ok-childtitle {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #FF8E3D;
}

lottie-player {
  background-color: white;
}

.up-btn {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 10;
}

.modal-btn:hover {
  transition: 0.4s;
  background-color: #FF9623;
  cursor: pointer;
}

.up-btn:hover svg circle {
  fill: #44BCFF;
}

.up-btn:hover svg path {
  fill: white;
  stroke: white;
}

@media (max-width: 600px) {
  .up-btn {
    display: flex;
    width: 50px;
    height: 50px;
  }

  .gallery-navAndPag {
    margin-top: 20px;
  }

  .main__before-btns {
    margin-top: unset;
  }

  #allvids .main__engineers .title {
    gap: 5px !important;
  }
}

.mobile-menu-adress {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 85px;
  gap: 5px;
}

.up-btn {
  cursor: pointer;
}

/* new 22.03.2023 */
.main__infoblock {
  margin-top: 120px;
}

.main__infoblock-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-top: 50px;
  margin-left: 10px;
  margin-right: 10px;
}


.container__content-b {
  overflow-x: auto;
  padding-bottom: 20px;
}



.container__content-b::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(26, 24, 47, 0.15);
    border-radius: 5px;
    height: 10px;
}

.container__content-b::-webkit-scrollbar-thumb {
    background: #FF8E3D;
    border-radius: 5px;
}




.main__infoblock-item {
  width: 50%;
  display: flex;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #585858;
}

.main__infoblock-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  height: 229px;
}

.main__infoblock-item span {
  color: #FF9623;
}

.title-none {
  display: none;
}

.header__info {
  position: absolute;
 
    bottom: 20px;
    right: 0px;

}

@media (max-width: 1900px) {
  .container__balance-content {
    overflow: auto;
    overflow-y: hidden;
  }
}

@media (max-width: 1600px) {

  .sertificat-swiper-button-next,
  .sertificat-swiper-button-prev,
  .sertificats-swiper-button-next,
  .sertificats-swiper-button-prev{
    display: none !important;
  }

}

@media (max-width: 1200px) {
  .d{
    justify-content: start;
  }
  .footer__items-up{
    padding: 0px 20px;
  }
  .main__new-vids-work {
    flex-direction: column;
  }

  .container__best-wrapper .d{
    display: block;
  }

  .container__content-b{
    overflow-x: auto;
    overflow-y: hidden;
}
  
  .cont-bk .main__reliability {
    flex-direction: unset;
  }
  .cont-bk .reliabilitity-swiper-button-next,
  .cont-bk .reliabilitity-swiper-button-prev {
    top: 93%;
  }

  .cont-bk .main__reliability-left {
    background: unset;
  }
  .cont-bk .swiper {
    margin-bottom: 50px;
  }
}

@media (max-width: 1091px) {
  .main__infoblock-item {
    width: 100%;
    display: block;
  }
  .cont-bk .swiper {
    margin-bottom: 30px;
  }

  .d-none {
    position: absolute;
    /* top: 0; */
    /* width: 124%; */
  }

  .main__inf-bl {
    margin-right: 100px;
  }

  .main__infoblock-item-right {
    margin-bottom: 40px;
  }

  .div-b svg {
    margin-top: 0px;
  }

  .main__infoblock-container {
    display: block;
  }
}

@media (max-width: 940px) {
  .cont-main-r {
    background: url("/bitrix/templates/eco-spectr/img/w1.svg");
    
    background-repeat: no-repeat;

    height: 100%;

    /* min-height: 530px; */
    height: 100%;
    max-width: 270px;

    background-position: right;
    background-size: contain;
  }
}

@media (max-width: 900px) {
  .main__infoblock-container {
    flex-direction: column;
    gap: 20px;
  }

  .d-none img {
    height: unset !important;
  }
  .main__infoblock-item {
    width: 100%;
  }


}

@media (max-width: 720px) {
  .header__under-item .item-plus {
    margin-left: 0px;
    margin-right: 1px;
  }
  .header__under-items {

  padding: 0px !important;

}

 .container.main__infoblock {
        margin-top: 120px !important;
      }
.main__infoblock-item-right .main__before-call-btn,.main__infoblock-item-left .main__before-call-btn {
  max-width: 250px !important;
}

.header__under-item .item-plus {
      font-size: 20px;
    margin-left: 0px !important;
    margin-right: 3px !important;
    display: flex;
    margin-top: -8px;
}
  .header__under-item:not(:last-child) {
        border-bottom: none !important;
    }
   
  .main-doc-item div {
    white-space: nowrap;
  }

  .container .main__infoblock {
    padding: 0 20px !important;
  }

  .main__engineers .title {
    white-space: nowrap;
  }

  .title.prof {
    flex-direction: column !important;
  }

  .main__engineers-underline.profess {
    top: 103px !important;
  }

  .o .title {
    font-size: 30px !important;
    font-weight: 900;
    line-height: 36px !important;
  }

  .cont-bk .swiper-pagination-bullet {
    margin-top: 40px !important;
  }
  .reliabilitity-swiper-button-next,
  .reliabilitity-swiper-button-prev {
    margin-top: 30px !important;
  }

  .cont-bk .reliabilitity-swiper-button-next,
  .cont-bk .reliabilitity-swiper-button-prev {
    top: 89.7%;
  }

  .reliability-swiper-pagination {
    margin-top: 54px !important;
  }
  .main__reliability-left .main__before-call-btn {
    margin-top: 40px;
  }
  .main__reliability-left .main__realiability-ul-item {
    font-size: 18px ;
   }
  .main__reliability-ul {
    margin-left: 20px;
  }

  .main__realiability-ul-item {
    max-width: 300px;
    width: 100%;
  }

  .main__reliability-left .main__before-call-btn {
    max-width: 250px;
    width: 100%;
    margin-left: 20px;
  }
  .main__reliability-left title {
    display: none;
  }

  .title-none {
    display: block;
    font-family: 'Inter';
font-style: normal;
font-weight: 900;
font-size: 30px !important;
line-height: 36px !important;
text-transform: uppercase;
  }

  .ct-up div {
    max-width: 320px;
  }



  .main__info-left {
    max-width: 500px;
  }

  .main-doc-item {
    flex-direction: unset;
    margin-top: 30px;
  }
  .ds-fx {
    gap: 30px;
  }

  .reliability-swiper-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .cont-bk .swiper-pagination-bullet-active,
  .cont-bk .swiper-pagination-bullet {
    max-width: 240px !important;
  }

  .main__infoblock {
    margin-top: 40px;
  }

 
  .cont-main-r {
    background: url("/bitrix/templates/eco-spectr/img/w1.svg");
    background-repeat: no-repeat;
    height: 100%;
    min-height: 530px;
    height: 100%;
    max-width: 270px;
    background-position: right;
    background-size: contain;
  }

  .main-doc {
    flex-direction: column;
    width: 100%;
    max-width: unset;
    align-items: unset;
  }

  .main-doc-item {
    display: flex;
    margin-left: 0;
    gap: 30px;
  }

  .main-doc-item div {
    display: flex;
    align-items: center;
  }

  .main__before-call-btn {
    max-width: unset;
  }
}

@media(max-width:719px) {
   .title-none {
    display: block;

  }

  .title.balance {
    flex-direction: column;

  }

  .main__engineers-underline.balance {
    top: 95px;
  }
}



@media(max-width:680px) {
    .header__under-items, .header__under-item {
        flex-direction: column !important;
    }
    
  }




@media (max-width: 650px) {
  .reliability-swiper-pagination
    .swiper-pagination-clickable
    .swiper-pagination-bullets
    .swiper-pagination-horizontal {
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .reliabilitity-swiper-button-next,
  .reliabilitity-swiper-button-prev {
    top: 96% !important;
  }
  .main__infoblock-item-right,
  .main__infoblock-item-left {
    display: flex;
   padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column-reverse;
  }

  .div-b svg {
    margin-top: 10px;
  }

  .div-b:hover svg{
    opacity: 1;
  }

  .d{
    justify-content: initial;
  }



  .header__under-item:not(:last-child) {
    border-bottom: 1px solid #D9D9D9 !important;
}
  .div-b {
    display: flex;
    justify-content: center;
  }
  .d-none img {
    width: unset;
    height: unset;
  }
}

/* new vids */
#new-vids {
  margin-top: 120px;
}

.main__new-vids-work {
  display: flex;
  gap: 22px;
}

.main__new-vids-work-left {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.main__new-vids-work-right {
  width: 100%;
  display: flex;
}

.main__new-vids-work-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

@media (max-width: 600px) {
  .d-none{
    top: 0px;
  }
  .body-configurator__tabs{
    overflow-x: scroll;
    flex-wrap: nowrap !important;
    padding-bottom: 10px;
  }
  .body-configurator__tab{
    min-width: 160px;
  }
  .container {
    padding: 0 10px !important;
  }

  .ds-fx {
    flex-direction: column-reverse;
  }

  .main__engineers-underline.profess {
    top: 75px !important;
  }
  #rt {
    top: 40px !important;
  }
  .cont-main-r {
    background: url("/bitrix/templates/eco-spectr/img/imagee.png");
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;
    max-width: unset !important;
     
  }

  .ct-up div {
    max-width: unset;
  }
  .main__reliability-left .main__before-call-btn {
    max-width: unset !important;
    width: 100%;
  }

  .main__reliability-left .main__before-call-btn {
    margin-left: 0 !important;
  }

  .main__realiability-ul-item {
    max-width: unset !important;
  }

  .main__info {
    flex-direction: unset !important;
  }

  .main__info-right-o,
  .main__info-right-t,
  .main__info-right-tr {
    height: unset !important;
  }

  .main__engineers .title {
    flex-direction: column !important;
  }

  .main__engineers-underline.rt-fr {
    top: 75px !important;
  }
}


@media(max-width:585px) {
  .div-b {
    position: unset;
  }
  .main__infoblock-right-title {
    margin-right: 0;
  }

  .main__infoblock-item-right .main__before-call-btn, .main__infoblock-item-left .main__before-call-btn{
    max-width: unset !important;
  }


  .main__infoblock-item-left .main__before-call-btn{
    max-width: unset !important;
  }

  .main__infoblock-item img {

    object-fit: contain;
  }
  .d.f-center{
    justify-content: start !important;
  }
}



@media (max-width: 500px){
  .tr .title,
  .t .title,
  .o .title{
    font-size: 18px !important;
  }

  .header__info {
    bottom: 100px;
  }

  .main__infoblock-left-title {
    margin-right: 0;
  }

  .main__inf-bl {
    margin-right: 0px;
  }

  .main__header {
    height: 514px !important;
    width: 100%;
    background-image: url("/bitrix/templates/eco-spectr/img/header.png") !important;
    background-size: contain;
    background-repeat: round;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .header-items__mobile {
    margin-right: 10px;
  }

  .header__btn-call {
    margin-top: 0 !important;
    max-width: unset !important;
    width: 100% !important;
    margin-right: 10px !important;
  }
  .header__title {
    gap: 230px !important;
  }

  .header__text {
    padding-top: 96px !important;
    font-weight: 900;
    font-size: 30px !important;
    line-height: 36px !important;
  }

  .header__picture img {
    max-width: 255px !important;
  }
  .cont-main-r{
    background-size: cover;
    overflow: hidden;
    border-radius: 15px;
  }
}

@media (max-width: 472px) {
  .main__engineers-underline.rt-fr {
    top: 95px !important;
  }
  .main-doc-item {
    flex-direction: column !important;
  }

  .main-doc-item div {
    justify-content: center !important;
  }
}

@media (max-width: 470px) {

  .configurator{
    margin-bottom: 70px;
  }

  .o .title,
  .t .title,
  .tr .title {
    max-width: 265px;
  }
  .main__info-left-childtitle {
    max-width: 210px;
  }
  .main__info-right-o,
  .main__info-right-t,
  .main__info-right-tr {
    background-image: none;
    width: 0;
  }

  .o,
  .t,
  .tr {
    max-width: unset;
    width: 100%;
  }

  .o {
    background-image: url("/bitrix/templates/eco-spectr/img/people.png");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .t {
    background-image: url("/bitrix/templates/eco-spectr/img/f2.svg");
    background-repeat: no-repeat;
  }

  .tr {
    background-image: url("/bitrix/templates/eco-spectr/img/f3.svg");
    background-repeat: no-repeat;
  }

  .header__picture {
    right: 70px !important;
    top: 207px !important;
  }
}

.title-none {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #585858;
}
.main__realiability-ul-item {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #585858;
}

@media (max-width: 450px) {
  .header__picture img {
    max-width: 225px !important;
  }
}

@media (max-width: 370px) {

  .title.enginer,
  .title.product,
  .title.balance,
  .title.configurator,
  .title.best,
  .title.prof,
  .title.sertif {
    font-size: 18px !important;
  }
}
@media (max-width: 350px) {
  .title.enginer {
    font-size: 18px !important;
  }

  .container__balance .title {
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;
    font-size: 18px !important;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #585858;
  }

  .ds-fx {
    flex-direction: column-reverse;
  }

  .main__inf-bl {
    margin-right: 0;
  }

  .main_param {
    margin-bottom: 0;
  }


  .main__infoblock-right-title, .main__infoblock-left-title {
    font-size: 22px !important;
  }

  .cont-main-r {
    background: url("/bitrix/templates/eco-spectr/img/imagee.png");
    background-repeat: no-repeat;
    min-height: 170px !important;
    background-size: contain;
    max-width: unset !important;
  }

  .main-doc-item {
    flex-direction: column !important;
  }

  .main-doc-item div {
    justify-content: center !important;
  }
  .header__picture img {
    max-width: 225px !important;
  }
}

@media (max-width: 360px) {
  .header__picture {
    right: 50px !important;
    top: 205px !important;
  }

}

@media (max-width: 1200px) {

  .main__new-vids-work-right {
    height: 400px;
  }

  .main__new-vids-work-left {
    gap: 40px;
    flex-wrap: unset;
  }

  .main__new-vids-work-left .item {
    max-width: unset;
  }
}

.main__new-vids-work-left .item {
  max-width: 275px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #ffffff;
  padding: 15px 20px;
  border-radius: 15px;
  box-sizing: border-box;
  transition: 0.4s;
  width: 100%;
  border: 1px solid #e8e8e8;
  cursor: pointer;
}

.main__new-vids-work-left .item .down {
  display: none;
  flex-direction: column;
}

.main__new-vids-work-left .item.active {
  height: unset;
  border: 1px solid #FF9623;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

.main__new-vids-work-left .item.active .down {
  display: flex;
  font-weight: 700 !important;

  color: #585858;
}

.down > div {
  font-weight: 500 !important;
}

.main__new-vids-work-left .item.active .down div {
  display: flex;
  gap: 5px;
}

.main__new-vids-work-left .item .btn {
  background: #11548d;
  border-radius: 10px;
  color: white;
  max-width: 235px;
  width: 100%;
  height: 52px;
  display: none;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  cursor: pointer;
}

.main__new-vids-work-left .item.active .btn {
  display: flex;
}

.main__new-vids-work-left .item .btn:hover {
  background-color: #FF9623;
}

.main__new-vids-work-left .item .up {
  display: flex;
  gap: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #585858;
  align-items: center;
}

.main__new-vids-work-left .item.active .up svg > path {
  fill: #FF9623;
}

.main__new-vids-work-left .item.active .up svg path {
  stroke: #FF9623;
}

.main__new-vids-work-left .column {
  gap: 10px;
  display: flex;
  flex-direction: column;
}

.btns-container {
  display: flex;
  gap: 16px;
  align-items: center;
}

.configurator {
  margin-bottom: 120px;
}

.btns-container a {
  margin-top: 45px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-decoration-line: underline;
  color: #44BCFF;
}

.title div {
  text-align: center;
}
@media (max-width: 780px) {
  .main__engineers .title{
    flex-wrap: wrap;
  }

}

@media (max-width: 600px) {




  .main__new-vids-work-right {
    display: none;
  }

  .main__new-vids-work-left {
    gap: 10px;
  }

  .main__new-vids-work-left .item {
    height: unset;
  }

  .header__under-item:nth-child(1) {
    gap: unset;
  }
  .main__reliability {
    flex-direction: column !important;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 530px) {
  .main__new-vids-work-left {
    gap: 10px;
    flex-direction: column;
  }

  .main__new-vids-work-left .item {
    max-width: unset;
  }

  .main__new-vids-work-left .item .up div {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #585858;
  }

  .main__new-vids-work-left .item.active .down {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #585858;
  }

  .main__new-vids-work-left .item.active .down div {
    font-weight: 400;
  }

  .main__new-vids-work-left .item.active .btn {
    max-width: unset;
  }

  .main__reliability {
    flex-direction: column !important;
  }
}

.main__new-vids-work-left .item.active .down span {
  color: #FF8E3D !important;
}


@media (max-width: 505px) {

 .title.min{
    font-size: 16px !important;
    line-height: 19px !important;
    letter-spacing: 0.02em !important;
  }

  }



@media(max-width:470px){

.div-b svg {
    height: 95%;
}
.title.enginer, .title.product, .title.balance, .title.configurator, .title.best, .title.prof, .title.sertif,.title.configur {
    font-size: 18px !important;
}

    .main__infoblock-right-title, .main__infoblock-left-title {
    font-size: 22px !important;
    line-height: 27px !important;
  }
}




@media(max-width:420px){
  .header__picture {
        right: 83px !important;
    top: 216px !important;
  }
}



@media (max-width: 391px) {
  #rt {
   
    top: 55px !important;
  }

  .title-mr {
    text-align: center !important;
    margin-right: 35px;
  }
}

@media (max-width: 391px) {

  .main__engineers-underline {
  height: 2px !important;
}
}

@media(max-width:370px) {
  .container__best-nav,.container__balance-nav {
    flex-direction: column;
    align-items: center;
  }
}

@media(max-width:340px) {

.main__engineers .title {
  gap: 0 !important;
}
.ds-fx {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 27px;
}

title.product {
  margin-bottom: 0 !important;
}
  .title {
    line-height: 22px !important;
  }
.main__engineers-underline {
  max-width: 80px;
  width: 100%;
}

.container.main__infoblock {
  margin-top: 70px !important;
}
.main__reliability-ul {
  margin-left: 0;
}

.title-none {
  font-size: 18px !important;
line-height: 22px !important;
}


  #rt {
    top: 50px !important;
  }

.main__reliability {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


.title-none{
  margin-top: 0 !important;
  margin-left: 0 !important;
}

.main__engineers-underline.product {
  top: 50px !important;
}

.main__realiability-ul-item{
  font-weight: 500 !important;
font-size: 14px !important;
line-height: 17px !important;
}

.main-doc-item {
  margin-top: 20px !important;
  gap: 20px !important;
}

.ds-fx .main__before-call-btn  {
  margin-top: 0 !important;
}
.main-doc {
  margin-top: 0;
}

}


@media (max-width: 320px) {



.main__infoblock.wrap{
  padding: 0 !important;
}

.title.product{
  display: block;
  white-space: unset;
}
.reliabilitity-swiper-button-next,.reliabilitity-swiper-button-prev {
  opacity: 0;
  visibility: hidden;
}

#rt {
      top: 50px !important;
    right: 110px;
}

.main__inf-bl {
  margin-bottom: 20px;
}

  .header__picture{right: 50px !important;
    top: 205px !important;
  }
  .d-none {
    height: 205px;
    top: unset;
  }

}

/* ------------------- */

.container__best {
  margin-top: 120px;
}

.main__sertificat .main__sertificat-container .swiper-scrollbar{
  background: #585858;
  bottom: -20px;
  z-index: 1;
}

.main__sertificat .main__sertificat-container .swiper-scrollbar .swiper-scrollbar-drag{
  background: #FF8E3D;
}

.main__sertificats .main__sertificats-container .swiper-scrollbar{
  background: #585858;
  bottom: -20px;
}

.main__sertificats .main__sertificats-container .swiper-scrollbar .swiper-scrollbar-drag{
  background: #FF8E3D;
}

.map-pointer{
  background: rgba(0,0,0,0.5);
  width: 200px;
  padding: 3px;
  position: absolute;
  bottom: 90px;
  left: -85px;
  opacity: 0;
  transition: .4s;
}

.map-pointer.hover{
  opacity: 1;
} 
/* End */


/* Start:/bitrix/templates/eco-spectr/css/header-sp.css?178231714514095*/
* {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
}
/* подключение шрифтов */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap");
/* контейнер */
.main__header .container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  display: flex;
}
/* хедер */

.header-flex.last,.header-flex.ast {
  padding-left: 0 !important;
}
.f-center{
  justify-content: center !important;
}
.max-button {
  position: fixed;
  bottom: 240px;
  right: 40px;
  z-index: 10;
}
.main__header {
  height: 504px;
  width: 100%;
  background-image: url("/bitrix/templates/eco-spectr/img/banner.webp");
  background-size: contain;
  background-repeat: round;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.video-container {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.video-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.header__text {
    max-width: 580px;
    width: 100%;
}

.header__picture {
    position: absolute;
/* width: 442px;
height: 502px; */
right: 64px;
top: 78px;
}

.video-bg {
  background-color: black;
  opacity: 0.7;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video-wrapper video {
  height: 100vh;
}

.header-flex,
.header__under-item,
.header__under-items {

  font-family: 'Lato', sans-serif;
}

.container-geo {
  text-align: center;
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #585858;
}

.container-geo span {
  color: #11548d;
  margin-left: 5px;
}

.container-geo svg {
  margin-right: 5px;
}

@media (max-width: 1900px) {
  .video-wrapper video {
    height: 100%;
  }
}

@media (max-width: 1400px) {
  .container-geo {
    display: none;
  }
}

@media (max-width: 600px) {
  .main__header {
    background-size: cover;
    background-repeat: unset;
  }
  .max-button svg{
    width: 100%;
  }
  .max-button {
    width: 50px;
    height: 50px;
    bottom: 150px;
  }
}
.header__container {
  box-sizing: border-box;
  position: fixed;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  z-index: 55;
}

.header__container.active {
  background-color: white;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 0px 0px 15px 15px;
}

.under-logo-color.active {
  fill: #FF8E3D;
}




.header__items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.header__items-wrapper {
  gap: 64px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #ffffff;
  width: 100%;
}
.btn_block a{
  text-align: center;
  color: var(--white, #FFF);
  text-align: right;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 1.6px;
  margin-bottom: 5px;
}
.btn-call {
  margin: auto;
  background: #44BCFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  max-width: 170px;
  height: 28px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 10px 15px;
  box-sizing: border-box;
  transition: 0.4s;
}
.btn-call:hover {
  background: #FF8E3D;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  color: white !important;
}
.header__title {
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  /* text-align: center; */
  text-transform: uppercase;
  color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  height: 100%;
  justify-content: center;
  gap: 20px;
  position: relative;
  z-index: 2;
}
.header__title span {
  color: #FF8E3D;
}
.main__header .container {
  width: 100%;
  height: 100%;
}
.header__childtitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  text-transform: lowercase;
  color: #ffffff;
  opacity: 1;
  animation: slideUp 2s;
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.btn-call.active {
  color: white;
}
.footer__item-logo svg{
  width: 100%;
  height: 100%;
}
.footer__item-logo{
  width: 112px;
  height: 40px;
}
.mobile-menu__logo svg{
  width: 100%;
  height: 100%;
}
.mobile-menu__logo{
  width: 112px;
  height: 40px;
}
.header__logo svg{
  width: 100%;
  height: 100%;
}
.header__logo {
  cursor: pointer;
  width: 112px;
  height: 40px;
}

.header__logo svg path{
  transition: .4s;
}

.header__logo:hover svg path{
  fill: #FF8E3D;
}

.header__btn-call {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #ffffff;
  max-width: 270px;
  width: 100%;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #44BCFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin-top: 20px;
  transition: 0.4s;
  cursor: pointer;
  opacity: 1;
  animation: slideUp 2s;
}
.header__btn-call:hover {
  background: #FF8E3D;
}
.main__header-under {
  width: 100%;
 
}
.header__under-items {
  display: flex;
  gap: 94px;
  padding: 10px;
  box-sizing: border-box;
}
.header__under-item {
  font-weight: 900;
  font-size: 48px;
  line-height: 58px;
  text-transform: uppercase;
  color: #FF8E3D;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 15px;
}
.header__under-item:nth-child(2) {
  gap: 0px;
}
.header__under-item .item-plus {
  font-size: 20px;
  margin-left: 5px;
  margin-right: 10px;
  display: flex;
  margin-top: -12px;
}
.header__under-item span {
  font-weight: 400;
  width: auto;
  opacity: 1;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #f5f5f5;
  position: relative;
  display: inline-block;
  animation: letter 1s cubic-bezier(0.1, 0.8, 0.5, 1) forwards;
  -webkit-transition: opacity 1.2s linear, transform 1s linear;
  -moz-transition: opacity 1.2s linear, transform 1s linear;
  -ms-transition: opacity 1.2s linear, transform 1s linear;
  -o-transition: opacity 1.2s linear, transform 1s linear;
  transition: opacity 1.2s linear, transform 1s linear;
}

.header__under-item:nth-child(1) span {
  animation-delay: 0s;
}
.header__under-item:nth-child(2) span {
  animation-delay: 1s;
}
.header__under-item:nth-child(3) span {
  animation-delay: 2s;
}
.header__under-item:nth-child(4) span {
  animation-delay: 3s;
}

@keyframes letter {
  0% {
    opacity: 0;
    transform: translateX(-100px);
    color: #f5f5f5;
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
    color: #585858;
  }
}



.header__item a{
  text-decoration: none;
  color: #ffffff;
  transition: .4s;
}

.header__item a.active{
  color: #585858;
}

.header__item a:hover {
  color: #FF8E3D;
}

.header__item {
  transition: 0.4s;
  cursor: pointer;
}
.modal {
  position: fixed;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  align-items: center;
  justify-content: center;
}
.modal.active {
  display: flex;
}
.modal__wrapper {
  background-color: white;
  max-width: 420px;
  padding: 30px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
}
.modal__head {
  display: flex;
  justify-content: space-between;
  font-weight: 900;
  font-size: 24px;
  line-height: 29px;
  color: #585858;
  margin-bottom: 13px;
}
.modal__head span {
  color: #FF8E3D;
}
.modal__head svg {
  cursor: pointer;
}
.modal-input {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #585858;
  gap: 10px;
}
.modal-input input {
  background: #eff8ff;
  border: 1px solid #eff8ff;
  border-radius: 15px;
  outline: none;
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #44BCFF;
}
.modal-input input::placeholder {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #b5b5b5;
}
.modal__inputs {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.modal-btn {
  margin-top: 30px;
  background: #44BCFF;
  border-radius: 15px;
  box-sizing: border-box;
  color: white;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #ffffff;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #585858;
  margin-top: 10px;
}
.modal-placeholder a {
  color: #44BCFF;
  text-decoration: none;
}
.mobile-burger.active {
  fill: #44BCFF;
}
.mobile-phone.active {
  fill: #44BCFF;
}
.header-items__mobile {
  display: none;
  gap: 25px;
  align-items: center;
  justify-content: center;
}
/* responsive header-mobile */
@media (max-width: 1199px) {
  .header-items__mobile {
    display: flex;
  }
  .header__items {
    display: none;
  }
  .header__items-wrapper {
    padding: 0 20px;
    box-sizing: border-box;
    justify-content: space-between;
  }
}
.mobile-menu {
  position: fixed;
  top: 0px;
  transform: translateX(100%);
  right: 0px;
  background: white;
  border-radius: 15px 0px 0px 15px;
  max-width: 300px;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  padding-left: 10px;
  padding-top: 26px;
  padding-right: 10px;
  padding-bottom: 26px;
  box-sizing: border-box;
  transition: 0.4s;
}
.mobile-menu-adress {
  color: black;
}
.bg-modal {
  width: 100%;
  position: fixed;
  height: 100vh;
  top: 0px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
}
.bg-modal.active {
  opacity: 1;
  visibility: visible;
}
.mobile-menu.active {
  transform: translateX(0);
  transform-origin: right;
}
.mobile-menu__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.mobile-menu__item {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #ffffff;
  margin-top: 15px;
  cursor: pointer;
  transition: 0.4s;
}
.mobile-menu__item:hover {
  color: #44BCFF;
}

.mobile-menu__item a,
.mobile-menu__item a:active{
  color: #44BCFF;
  text-decoration: none;
}

.mobile-menu__close {
  cursor: pointer;
}
.mobile-menu__btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16.5px;
  color: #ffffff;
  background: #44BCFF;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  box-sizing: border-box;
  margin-top: 20px;
  cursor: pointer;
  transition: 0.4s;
}
.mobile-menu__btn:hover {
  background: #FF8E3D;
}
.modal__success {
  background: white;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal__success-img {
  margin-top: 30px;
}
.modal__success-close {
  position: absolute;
  right: 20px;
}
.modal__success-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #585858;
  margin-top: 20px;
}
.modal__success-undertext {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #FF8E3D;
}

.header__under-item .header-flex {
  display: flex;
  padding-left: 10px;
  white-space: nowrap;
}
.up-btn {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 10;
  cursor: pointer;
}
.up-btn:hover svg circle {
  fill: #44BCFF;
}
.up-btn:hover svg path {
  fill: white;
  stroke: white;
}

/*modal ok */
.modal-ok {
  width: 100%;
  height: 100%;
  position: fixed;
  align-items: center;
  justify-content: center;
  display: none;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.modal-ok.active {
  display: flex;
}
.modal-ok-wrapper {
  background-color: white;
  max-width: 300px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 15px;
}
.modal-ok-head {
  width: 100%;
  display: flex;
  justify-content: end;
}
.modal-ok-column {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
}
.modal-ok-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #585858;
}
.modal-ok-childtitle {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #FF8E3D;
}
.lottie-player {
  background-color: white;
}
.up-btn {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 10;
}
.modal-btn:hover {
  transition: 0.4s;
  background-color: #FF8E3D;
  cursor: pointer;
}
.up-btn:hover svg circle {
  fill: #FF8E3D;
}
.up-btn:hover svg path {
  fill: white;
  stroke: white;
}
@media (max-width: 600px) {
  .up-btn {
    display: flex;
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 1199px) {
  .title {
    font-size: 30px !important;
    line-height: 36px !important;
  }

  .main__info .title{
    display: flex;
    flex-direction: column;
  }

    .container {
      display: block !important;
  }

  .header__picture{
    right: 0;
  }
  

}
/*  */

@media(max-width:720px) {

  .main__header{
    background-image: url(/bitrix/templates/eco-spectr/img/backroundMobile.png);
  }

  .sertificat .swiper-slide{
    width: 40%;
  }

}


@media(max-width:350px) {


  .header-items__mobile {
    margin-right: 0px;
  }

  .header__logo svg {
    display: flex;
    height: 30px;
    width: 90px;
  }
  .header-item__mobile svg {
    display: flex;
    height: 24px;
  }
}

/* End */


/* Start:/bitrix/templates/eco-spectr/css/footer.css?174755370719560*/
.footer__items-up {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}

footer {
    margin-top: 45px;
}
.tg-button svg{
    width: 100%;
    height: 100%;
}
.tg-button {
    position: fixed;
    bottom: 140px;
    right: 40px;
    z-index: 10;
    width: 75px;
    background: #fff;
    height: 75px;
    border-radius: 50%;
}
.footer__items-down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer__item-up .footer__social-mobile{
    display: none;
}

.footer__item-placeholder {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #757575;
    max-width: 180px;

}

.footer__item-mail {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #585858;
    margin-top: 20px;
}

.footer__item-mail a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #44BCFF;
}

.footer__item-up {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #585858;

}

.footer__item-tel {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #585858;
}

.footer__item-tel a{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #44BCFF;
    text-decoration: none;
    transition: .4s;
    cursor: pointer;
}
.footer__item-tel a:hover{
    color: #FF8E3D;
}
.footer__nav-menu {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #44BCFF;
}

.footer__nav-menu a {
    text-decoration: none;
    color: #44BCFF;

}
.footer__nav-menu a:hover{
    color: #FF8E3D;
}
.footer__nav-menu li {
    list-style-type: none;
    cursor: pointer;
    transition: .4s;
}

.footer__fos-input {
    display: flex;
    gap: 10px;
    color: white;
}

.footer__fos-input input {
    background: #FFFFFF;
    border: 1px solid #D0CECE;
    border-radius: 15px;
    padding-left: 20px;
    box-sizing: border-box;
    width: 336px;
}

.footer__social {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #585858;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__social-list {
    display: flex;
    gap: 20px;
}

.footer__fos-send {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.footer-line {
    width: 100%;
    height: 1px;
    background: rgba(226, 226, 226, 0.8);
}

.footer__down-politic {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(35, 38, 55, 0.8);
    text-decoration: none;
}

.footer__down-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(35, 38, 55, 0.8);
}

.footer__item-mail a {
    text-decoration: none;
    transition: .4s;
}
.footer__item-mail a:hover {
    cursor: pointer;
    color: #FF8E3D;

}
.footer__social-list svg {
    cursor: pointer;
}


.sertificats__btns {
    display: none;
}

.info__swiper-btns {
    display: none;
}

/* responsive footer 1199px */
@media(max-width:1199px) {
    .footer__fos-input {
        display: none;
    }

    .footer__quest {
        display: none;
    }

}

/* responsive footer 720px */
@media(max-width:720px) {

    .footer__items-up{
        padding: 0 20px 35px 20px;
        align-items: start;
    }

    .footer-item-up {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .footer__item-up {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .footer__item-placeholder {
        margin-top: 10px;
        text-align: center;
    }

    .footer__item-tel {
        gap: 5px;
        display: flex;
        flex-direction: column;
    }

    .footer__social {
        justify-content: center;
    }

    .footer__items-down {
        padding: 5px 20px;
        gap: 15px;
    }

    .sertificats-swiper-button-prev-desk {
        display: none !important;
    }

    .sertificats {
        width: 100% !important;
    }

    .sertificats-next {
        position: unset;
    }

    .sertificats-prev {
        position: unset;
    }

    .sertificats__btns {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .sertificats__pagination .swiper-pagination-bullet-active {
        width: 10px !important;
        height: 10px !important;
        border-radius: 50px !important;
    }

    .sertificats__pagination .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        border-radius: 50px !important;
    }

    .sertificats__pagination {
        display: flex;
        align-items: center;
        justify-content: center !important;
    }

    .sertificats .swiper-wrapper .swiper-slide {
        width: 43% !important;
    }

    .main__sertificats-childtitle {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #585858;
    }

    .footer-fos{
        display: none;
    }

    .footer__item-up .footer__item-tel:last-child{
        display: none;
    }

}

/* responsive main__info */

@media(min-width: 1200px) and (max-width: 1439.98px) {
    .main__info-container {
        max-width: 1000px;
        margin: 120px auto;
    }

    .info-swiper-button-next {
        right: -70px;
    }

    .info-swiper-button-prev {
        left: -70px;
    }
}

@media(max-width:1200px) {
    .info-swiper-button-next {
        display: none
    }

    .info-swiper-button-prev {
        display: none;
    }

    .info .swiper-wrapper .swiper-slide {
        overflow: hidden;
        border-radius: 15px;
    }
}

@media(max-width:1000px) {
    .main__info-right img {
        position: unset;
        width: unset;
        height: unset;
    }

    .main__info-right {
        position: absolute;
        justify-content: end;
        align-items: end;
        background-position-x: 358px;
        background-repeat: no-repeat;
    }

    .main__info-left-call-btn {
        position: relative;
        z-index: 1;
    }
}

@media(max-width:900px) {
    .main__info-right {
        right: -120px;
    }
}

@media(max-width:720px) {
    .main__info-right {
        height: 100%;
    }

    .main__info-right img {
        max-width: 350px;
    }

    .main__info-left-childtitle {
        margin-top: 15px;
        font-weight: 600;
font-size: 14px;
line-height: 17px;
color: #44BCFF;

    }
    .main__team-item{
        gap: 5px;
    }
    .main__info-left-call-btn {
        margin-top: 30px;
    }

    .main__info-right {
        right: -40px;
        background-position-x: 220px;
    }

    .info__swiper-btns {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .info__swiper-pagination .swiper-pagination-bullet-active {
        width: 10px !important;
        height: 10px !important;
        border-radius: 50% !important;
    }

    .info__swiper-pagination .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        border-radius: 50% !important;

    }

    .info__swiper-pagination {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    .main__info-left-childtitle {
        position: relative;
        z-index: 1;
    }

}

@media(max-width:600px) {

    .tg-button {
        width: 50px;
        height: 50px;
        bottom: 80px;
    }
    .main__info-right {
        position: unset;
        justify-content: center;
        align-items: center;
        height: 200px;
        background-position: unset;
    }

    .main__info {
        flex-direction: column;
        padding: unset;
    }

    .main__info-right img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        max-width: unset;

    }

    .main__info-left {
        padding: 10px;
        box-sizing: border-box;
    }

    .main__info-left-call-btn {
        max-width: unset;
    }

    .main__info-left .title {
        margin-top: 20px;
    }

    .main__info-left-call-btn {
        margin-bottom: unset;
    }
}

/* responsive team 720 */
@media(max-width:720px) {
    .team .swiper-wrapper .swiper-slide {
        width: 42%;
    }

    .main__team-btns {
        overflow-x: auto;
        width: 100%;
        justify-content: unset;
    }
}

@media(max-width:600px) {
    .main__team-item-name {
        text-align: center;
        font-size: 22px;
    }

    .main__team-item-info {
        font-size: 14px;
    }

    .main__team-item-time {
        font-size: 12px;
    }

    .main__team-number {
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.02em;
        margin-top: 20px;
      
    }
    .main__team-items{
        margin-top: 20px;
    }
    .main__team-btns{
        margin-top: 40px;
    }
    .main__team-head .main__engineers-underline{
        top: 90px;
    }
    
    .footer__item-up .footer__social-mobile{
        display: block;
    }

    .footer__social-list{
        justify-content: center;
    }

    .footer__item-mail a{
        text-align: center;
    }

    .footer__item-up{
        margin-top: 10px;
    }

}
/* responsive main__enginer */
@media(max-width:1200px){
    .main__engineer-item{
        max-width: unset !important;
    }
  
}
@media(max-width:1199px){
    .main__before-left-childtitle{
        margin-top: 20px;
    }
  
}
@media(max-width:600px){
    .main__before-left-childtitle{
        margin-top: 0px;
    }
    .title{
        line-height: 24px;
    }
    .main__before-call-btn{
        margin-top: 20px !important;
    }
    .main__reliability-img{
        height: 300px;
    }
    .main__reliability-img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}
/* responsive before */
@media(max-width:600px){
   .before{
    width: 100% !important;
   }
   
}
/* responsive reliability */
@media(max-width:1199px){
    .main__reliability-ul{
        margin-top: 20px;
    }
    .reliability{
        margin-top: 40px;
    }
    .main__reliability-left{
        position: relative;
        z-index: 1;
        background-color: white;
    }
    .main__realiability-ul-item{
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.02em;
        color: #585858;
   
    }
    .main__realiability-ul-item div svg{
        width: 12px;
        height: 12px;
    }
    .main__reliability{
        flex-direction: column;
    }
    .main__reliability-left{
        width: 100%;
    }
    .main__reliability-img{
        width: 100%;
    }
    .reliability{
        width: 100% !important;
    }
    /* .reliabilitity-swiper-button-prev{
        display: none;
    }
    .reliabilitity-swiper-button-next{
        display: none;
    } */
    .reliability-swiper-pagination{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}
/* responsive main__works-wrapper */
@media(max-width:1200px){
    .main__works-items-info{
        flex-direction: column;
        gap: 26px;
        padding-left: 38px;
    }
    .main__works-item-info-container{
        flex-direction: unset !important;
        width: unset !important;
        gap: 20px !important;
    }
    .main__works-item-info-line{
        width: 16px !important;
        height: 0% !important;
        top: 90px !important;
        left: 30px !important;
        rotate: 90deg;
        transform: scaleX(0);
        transition: 1.5s;
    }

    .main__works-item-info.active .main__works-item-info-line{
        transform: scaleX(1);
        height: 4px !important;
    }
}
@media(max-width:720px){
    .main__works-item-home{
        max-width: unset !important;
    }

    .main__realiability-ul-item {
   
    max-width: 300px !important;
}
}
.main__rekl-call-btn-mobile{
    display: none;
}
/* responsive main__rekl */
@media(max-width:720px){
.main__rekl-call-btn-mobile{
    display: flex !important;
    position: unset !important;
}
.main__rekl-call-btn{
    display: none;
}
}
.main__works-item-info-container lottie-player{
    border: 2px solid white;
    border-radius: 50%;
}
.main__works-item-info-container {
    font-size: 14px !important;
}
/* vids enginer works 600px */
@media(max-width:600px){
    .main__engineer-item{
        padding-top: 20px !important;
        padding-left: 10px !important;
      
    }
   
    .main__engineer-item-info{
        padding-right: 10px;
        box-sizing: border-box;
        height: 110px ;
    }
    /* .main__engineers-underline{
        top: 30px !important;
    }
     */
}


@media(max-width:650px){

.reliability-swiper-pagination {
    display: none !important;
  }
}

/* main before 600 */
@media(max-width:600px){
    .main__before-left .title{
        line-height: 22px !important;
    }
    .main__before-btns{
        flex-direction: column;
    }
    .main__before-call-btn{
        max-width: unset !important;
    }
    .main__before-slider-btns{
        display: flex;
        width: 100%;
        margin-top: 20px;
    }
    .before-swiper-pagination{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .main__before {
        gap: 20px !important;
    }
    .main__before{
        padding-bottom: unset !important;
    }
    .reliability{
        margin-top: 70px !important;
    }
}
/* main works 600 */
@media(max-width:600px){
.main__works-call-btn{
    max-width: unset;
}
}
/* main rekl 600 */
@media(max-width:600px){
    .main__rekl-childtitle{
        font-weight: 900;
    font-size: 14px;
    line-height: 120%;
    }
}
/* .main__engineers  600*/
@media(max-width:600px){
.main__engineers .title{
    margin-bottom: 20px;
}
.main__engineer-items{
    margin-bottom: unset;
}

}
/* main fos 600 */
@media(max-width:600px){
    .main__fos{
        margin-top: 70px;
    }
    .main__fos-wrapper{
        margin-top: 20px;
    }
    .main__fos-parametrs-change-input{
        margin-top: 30px;
    }
    .main__fos-left-tarif-items{
        gap: 12.5px;
    }
    .input-file-row{
        width: 100%;
    }
    .input-file{
        width: 100%;
    }
}
/* all vids 600 */
@media(max-width:600px){
  .all-vids-underline{
    max-width: 80px;
  }
  .main__engineers-childtitle{
    margin-bottom: 40px;
  }
 .main__engineers-childtitle{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;

 }
}
/* gallry 600 */
@media(max-width:600px){
    .main__gallery{
        margin-top: 70px;
      }
      .main__gallery-head .main__engineers-childtitle{
        margin-top: 20px;
        margin-bottom: 20px;
      }
      .main__gallery-head .main__engineers-underline{
        top: 30px !important;
      }
}
/* team 600 */
@media(max-width:600px){
.main__team-head .title{
    line-height: 18px;
}
.main__team-head .main__engineers-underline{
    top: 60px !important;
}
.main__team-item-img{
    height: unset;
}
.main__team-btn-call{
    max-width: unset;
}
.main__team {
    margin-bottom: 70px;
}
}
/* info 600 */
@media(max-width:600px){
.main__info-left .title{
    margin-top: 10px;
    line-height: 22px;
}
.main__info-left-call-btn{
    margin-top: 30px;
}
}
/* sertificats */
@media(max-width:600px){
.main__sertificats{
    margin: 70px auto !important;
}
.main__sertificats-childtitle{
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    margin-top: 40px;
}
.sertificats{
    margin-top: 20px;
}
}
/* gallery video */
.gallery-video{
    width: 100%;
    height: 360px;
}
@media(max-width:600px){
    .gallery-video{
    height: unset;}
}
iframe{
    width: 100%;
    height: 100%;
}
#indx-video{
    width: 100%;
    height: 100%;
}
.header-info{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.02em;
color: #585858;
gap: 5px;
}

.header-info a{
    color: #F8384A;
}
/* header 600 */
@media(max-width:600px){
    .header-info{
        display: none;
    }
    .gallery-navAndPag{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
.gallery .swiper-wrapper .swiper-slide{
    flex-direction: column;
    
}
.swiper-slide{
    transition: .4s;
}
.swiper-slide-next .gallery__text{
   opacity: 0;
   visibility: hidden;

}
.swiper-slide-prev .gallery__text{
    opacity: 0;
    visibility: hidden;
 
}
.gallery .swiper-wrapper .swiper-slide .gallery__img img{
    filter: brightness(100%);
    transition: .4s;
}
.gallery .swiper-wrapper .swiper-slide-next .gallery__img img{
    filter: brightness(40%);
}
.gallery .swiper-wrapper .swiper-slide-prev .gallery__img img{
    filter: brightness(40%);
}
.gallery .swiper-wrapper .swiper-slide-next .gallery-video img{
    filter: brightness(40%);
}
.gallery .swiper-wrapper .swiper-slide-prev .gallery-video img{
    filter: brightness(40%);
}
.gallery-video{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-play{
    position: absolute;
}
.gallery-play:hover path{
    fill: white;
}
.main__before-left{
    justify-content: center;
}
#allvids .main__engineers .main__engineer-items .main__engineer-item .main__engineer-item-btn{
    max-width: 132px;
}
.modal__img{
    background: rgb(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    z-index: 1000;
}
.modal__img.active{
    opacity: 1;
    visibility: visible;
}
.modal__img-wrapper{
    max-width: 600px;
}
.modal__img-wrapper img{
    width: 100%;
}
@media(max-width:600px){
.modal__img-wrapper{
    max-width: 300px;
}

}

/* <div class="header-info">
Наш интернет-магазин теперь доступен по ссылке: <a target="_blank" href="https://market.ecotime-ufa.ru/"> https://market.ecotime-ufa.ru/ </a> 
</div> */
/* End */


/* Start:/bitrix/templates/eco-spectr/css/media-sp.css?174755370713187*/
@media (max-width: 1440px) {

    /*Общий контейнер*/
    .container {
        width: auto;
    }

    /*Хедер*/
    .header__container {
        box-sizing: border-box;
        padding: 10px 15px;
    }

    .header__items-wrapper {
        gap: 36px;
    }

    .header__under-items {
        gap: 75px;
    }

    /*Слайдер работ контейнер*/
    .main__works-items-home {
        gap: 90px !important;
    }

    .main__fos-right-btn {
        width: auto !important;
    }

    .main__sertificats {
        max-width: 1000px;
        margin: 120px auto;
        margin-bottom: 0;
        padding-left: 20px;
    }

    .main__rekl-wrapper {
        overflow: hidden;
    }

    /*Галерея контейнер*/

    .gallery .swiper-wrapper {
        width: 54%;
    }

    .gallery-swiper-button-next {
        right: 17%;
    }

    .gallery-swiper-button-prev {
        left: 17%;
    }

    .main__reliability-img {
        overflow: hidden;
    }

    .reliability {
        width: 80%;
    }

    .reliabilitity-swiper-button-next {
        right: 20px;
    }

    .reliabilitity-swiper-button-prev {
        left: 20px;
    }

    .reliability-swiper-pagination {
        width: 95% !important;
    }
}

@media (max-width: 1260px) {
    .header__under-items {
        gap: 30px;
    }

    .reliability-swiper-pagination {
        width: unset !important;
    }

}

@media (max-width: 1199px) {

    .header__container {
        width: 100vw;
    }

    .header__under-items {
        gap: 2vw;
    }

    .main__reliability-img {
        overflow: hidden;
    }

    .main__rekl-wrapper {
        overflow: hidden;
    }

    .reliability {
        width: 80%;
    }

    .reliabilitity-swiper-button-next {
        right: 20px;
    }

    .reliabilitity-swiper-button-prev {
        left: 20px;
    }



    .sertificats-swiper-button-next {
        right: 20px;
    }

    .sertificats-swiper-button-prev {
        left: 20px;
    }

    .main__team-head .title {
        flex-direction: column;
        text-align: center;
    }



    .main__fos-right-btn {
        width: auto;
    }

    .header__under-item {
        font-size: 4vw;
    }

    /* .header__under-item span{
        font-size: 1.7vw;
    } */

    .main__works-item-home {
        text-align: center;
    }

    .main__before-call-btn {
        text-align: center;
    }

    .main__before-btns {
        gap: 2vw;
    }

    .main__before {
        flex-direction: column;
    }

    .main__before-left {
        width: 100%;
    }


    /*Виды инженерных работ*/
    .main__engineer-items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-gap: 1vw;
    }

    .main__engineer-item:nth-child(1) {
        max-width: 100%;
        grid-area: 1 / 1 / 2 / 4;
    }

    .main__engineer-item {
        overflow: hidden;
        max-width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    /*GallerySlider*/
    .gallery-swiper-button-prev {
        transform: translate(-50%, 60%);
        left: 15%;
    }

    .gallery-swiper-button-next {
        transform: translate(-50%, -50%);
        right: 15%;
    }

    .gallery .swiper-wrapper {
        width: 75%;
    }
}

@media (max-width: 1100px) {

    /*GallerySlider*/
    .gallery-swiper-button-prev {
        left: 12%;
    }

    .gallery-swiper-button-next {
        right: 12%;
    }
}

@media (max-width: 1000px) {
    .header__under-items {
        /* flex-direction: column; */
    }
    .header__text{
        max-width: 400px;
    }
    .main__reliability{
        padding: 0px 20px;
    }
    .header__title{
        padding: 0px 20px;
        box-sizing: border-box;
    }
}


@media (max-width: 800px) {
    .header__under-items {
        /* flex-direction: column; */
    }

    .header__under-item span {
        font-size: 12px;
        line-height: 14px;
    }



}





@media (max-width: 720px) {
.header__title{
    padding: 0;
}
    .main__header-under .container {
        padding: 18.5px 10px !important;
    }

    .container .main__infoblock {
        padding-left: 0 20px !important;
    }

    .sertificats__btns,
    .main__reliability-left .title {
        display: none;
    }

    .title-none {
        display: block;
    }


    /*Виды инженерных работ*/
    .main__engineer-items {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .sertificats {
        padding-left: 20px;
    }

    .header__text {
        padding-top: 145px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 900;
        font-size: 40px;
        line-height: 48px;
        text-transform: uppercase;
        max-width: 390px;
        width: 100%;
    }

    .header__picture img {
        max-width: 385px;
        max-height: 408px;
        height: 100%;
        width: 100%;
    }

    .main__engineer-item {
        max-width: 100%;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .header__picture {
        right: 0;
        top: 78px;
    }

    .configurator__body .body-configurator__chose {
        max-width: 100%;
    }

    .body-configurator__button,
    .configurator__mobile {
        margin-top: 30px;
    }

    .body-configurator__flex-wrap {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
    }

    .main__info-right-tr,
    .main__info-right-t,
    .main__info-right-o {
        position: absolute;
        width: 60%;
        height: calc(100% - 2px);
        right: 1px;
        bottom: 1px;
    }

    .main__works-wrapper {
        padding: 0 10px;
    }

    /* .title{
        font-size: 18px !important;
    } */





    .main__engineer-item-name {
        font-size: 18px !important;
    }

    .main__engineer-item-info-ul {
        font-size: 14px !important;
    }

    .main__works-items-home {
        flex-direction: column;
        gap: 25px !important;

    }

    .main__works-item-home {
        height: 140px;
        font-size: 16px;
        line-height: 19px;
    }

    .main__works-item-home svg {
        width: 50px;
        height: 50px;
    }

    .main__works-title {
        font-size: 16px;
    }

    .header__title {
        font-size: 24px;
        line-height: 29px;
        gap: 10px;

        justify-content: unset;
    }

    .header__items-wrapper {
        padding: 0px;
    }

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

    .header__childtitle {
        font-size: 14px;
        line-height: 24px;
    }

    .header__under-item .item-plus {
        margin-top: -5px !important;
        font-size: 19px;
    }


    .header-flex {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 900;
        font-size: 30px;
        line-height: 36px;
        text-transform: uppercase;
    }




    .header-flex span {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        text-transform: uppercase;
    }

    .header__container {
        box-sizing: border-box;
        padding-top: 17px;
    }

    .header__under-item {
        padding-bottom: 10px;
        /* flex-direction: column; */
        font-size: 32px;
        gap: 0px;
        line-height: 40px;
    }

    .header__under-item span {
        font-size: 12px;
        line-height: 14px;

    }

    .container {
        padding-left: 20px !important;
    }

    .main__fos-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .main__fos-left {
        padding: 20px 10px;
    }

    .main__fos-left-head,
    .main__fos-right-head {
        font-size: 16px;
        line-height: 19px;
    }

    .main__fos-left-tarif {
        font-size: 12px;
        line-height: 15px;
        padding: 16px 8px;
    }

    .main__fos-parametrs-checkbox {
        align-items: center;
    }

    .main__fos-parametrs-checkbox-name {
        font-size: 14px;
        line-height: 17px;
    }

    .main__fos-right-input {
        margin-top: 10px;
    }

    .main__fos-right-head {
        margin-bottom: 20px;
    }

    .main__fos-right-file-title {
        font-size: 16px;
        line-height: 19px;
    }

    .main__fos-right-file-childtitle {
        margin-top: 10px;
    }

    /*ReklBlock*/
    .main__rekl-wrapper {
        padding: 20px 10px;
        flex-direction: column;
    }

    .main__rekl-left {
        width: 100%;
        position: relative;
    }

    .main__rekl-left .title {
        margin-top: 0;
        font-size: 18px;
        line-height: 22px;
    }

    .main__rekl-call-btn {
        max-width: 100%;
        width: 100%;
        position: absolute;
        top: 220px;
    }

    .main__rekl-right,
    .main__rekl-right img {
        width: 100%;
    }

    /*GallerySLider*/
    .gallery-swiper-button-next,
    .gallery-swiper-button-prev {
        position: unset;
        margin-top: unset;
    }

    .gallery-swiper-button-next {
        left: unset;
        transform: translate(-20%, -10%);
    }

    .gallery-swiper-button-prev {
        left: unset;
        transform: translate(-20%, 15%);
    }

    .main__gallary-ajax {
        padding: 0 10px;
    }

    .gallery-pagination {
        display: flex !important;
        justify-content: center !important;
        /* flex-wrap: wrap !important;
        white-space: normal !important; */
    }

    .gallery-pagination .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        border-radius: 50% !important;
    }
}

@media(max-height:650px) {}

@media(max-width:540px) {
    .gallery-pagination.swiper-pagination-bullets {
        display: none !important;
    }

    #new-vids {
        margin-top: 70px !important;
    }
}

@media(max-width:500px) {

    .main__sertificats-head .title {
        display: block;
    }

    .gallery-pagination {
        justify-content: center !important;
    }

    .header__under-item span {
        max-width: 150px;
        text-align: center;
    }

    .footer__down-info,
    .footer__down-politic,
    .reliabilitity-swiper-button-prev,
    .reliabilitity-swiper-button-next {
        display: none !important;
    }

    .container .configurator__tabs {
        margin-top: 20px;
    }

    .main-doc,
    .ds-fx,
    .main__infoblock-container {
        margin: 0;
    }

    .main__engineers .title {
        display: block;

        white-space: initial;
        margin: 0 auto 20px auto;
        line-height: 30px !important;
        text-align: center;
    }

    .main__engineers-underline.sert,
    .main__engineers .main__engineers-underline,
    .main__engineers-underline.config,
    #rt {
        top: 0 !important;
        margin: auto;
        left: 0;
        right: 0;
        position: relative;
        margin-top: 7px;
    }

    .cont-main-r {
        min-height: 170px;
        background-position: center !important;
    }

    .main-doc .main__before-call-btn {
        margin-top: 0 !important;
    }

    .o .title,
    .t .title,
    .tr .title {
        line-height: 22px !important;
    }

    .main__info-container .container .info__swiper-pagination {
        bottom: -20px;
    }

    .body-configurator__flex-wrap {
        flex-direction: column;
    }

    .sertificat .swiper-slide {
        width: 80%;
    }

    .container__best .container {
        padding: 0 !important;
        padding-left: 10px !important;
    }

    .container__prof-nav {
        overflow: auto;
        padding: 10px;
        justify-content: initial;
    }

    .title.min {
        margin-top: 20px;
    }

    #sertificats .container {
        padding: 0 !important;
        padding-left: 10px !important;
    }

    .main__sertificats-head {
        padding-right: 10px;
    }

    .footer__items-up {
        flex-direction: column;
        align-items: center;
    }

    .footer__nav-menu,
    .footer__social,
    .footer__item-tel,
    .footer-item-up {
        align-items: center;
    }

    .footer__item-up p {
        text-align: center;
    }

    .footer__down-logo {
        margin: auto;
        margin-top: 20px;
    }

}



@media(max-width:450px) {
    .header__under-item:not(:last-child) {
        border-bottom: 1px solid #D9D9D9 !important;
    }


}

@media (max-width: 375px) {

}

@media (max-width: 330px) {
    .tr .title, .t .title, .o .title{
        font-size: 16px;
    }
    .main__team-head .title {
        line-height: 17px;
        gap: 5px;
    }
    .title.min a{
        font-size: 14px;
    }
    .container__prof-tabs-btn.active{
        font-size: 13px;
    }
}

.header__under-items,
.header__under-item {
    /* flex-direction: column !important; */
}

.header__under-item {
    gap: 5px;
}

.header__under-item .header-flex:last-child {

    padding-left: 0 !important;
}

/* .header__under-item:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
} */
/* End */


/* Start:/bitrix/templates/eco-spectr/css/fonts.css?1747553707428*/
@font-face {
   font-family: 'LatoF';
   src: url(/bitrix/templates/eco-spectr/css/../fonts/Lato-Regular.woff);
   font-weight: 400;
}

@font-face {
   font-family: 'LatoF';
   src: url(/bitrix/templates/eco-spectr/css/../fonts/Lato-Regular.woff2);
   font-weight: 400;
}

@font-face {
   font-family: 'LatoF';
   src: url(/bitrix/templates/eco-spectr/css/../fonts/Lato-Bold.woff);
   font-weight: 700;
}

@font-face {
   font-family: 'LatoF';
   src: url(/bitrix/templates/eco-spectr/css/../fonts/Lato-Bold.woff2);
   font-weight: 700;
}
/* End */
/* /bitrix/templates/eco-spectr/css/configurator.css?174755370726454 */
/* /bitrix/templates/eco-spectr/css/main-sp.css?176535766874758 */
/* /bitrix/templates/eco-spectr/css/header-sp.css?178231714514095 */
/* /bitrix/templates/eco-spectr/css/footer.css?174755370719560 */
/* /bitrix/templates/eco-spectr/css/media-sp.css?174755370713187 */
/* /bitrix/templates/eco-spectr/css/fonts.css?1747553707428 */