body{
  text-align: center;
  color: #414141;
  font-family: "OpenSans-Regular", sans-serif;
  font-weight: 400;
}

a,
   button,
   input,
   select,
   h1,
   h2,
   h3,
   h4,
   h5,
   * {
       box-sizing: border-box;
       margin: 0;
       padding: 0;
       border: none;
       text-decoration: none;
       background: none;
   
       -webkit-font-smoothing: antialiased;
   }
   
   menu, ol, ul {
       list-style-type: none;
       margin: 0;
       padding: 0;
   }

h2{
  text-align: center;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 50px;
  font-weight: 700;
}

/* .new-btn {
  position: relative;
  align-items: center;
  justify-content: center;
  border: 0px !important;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-family: "OpenSans", sans-serif;
  font-family: "Gilroy-Bold", sans-serif;
  font-weight: 700;
  font-size: 18px;
  background: #FF5050;
  border-radius: 10px !important;
  cursor: pointer;
  outline: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease;
} */


header{
  width: 100%;
  margin-top: 40px;
  padding-bottom: 30px;
  border-bottom: solid 1px #eae8e8;
}

.row{
  width: 1200px;
  max-width: calc(100% - 35px);
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.logo{
  margin-top: 20px;
}

.header-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.phone a,
.phone_mobile a {
  text-decoration: none;
  color: #6F6F6F;
  text-align: left;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding-right: 30px;
}

.phone_mobile {
  display: none;
  border-bottom: solid 1px #eae8e8;
  padding: 30px 0;
}

.phone_mobile a{
  padding-right: 0px;
}


.header-buttons{
  width: 300px;
  display: flex;
  justify-content: space-between;
}

.header-button-1{
  display: flex;
  align-items: center;
  color: #6F6F6F;
  text-align: left;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.header-button-1 a{
  text-decoration: none;
  color: #6F6F6F;
}

.header-button-2{
  background: #ffffff;
  border-radius: 70px;
  border-style: solid;
  border-color: #2186ff;
  border-width: 1px;
  width: 224px;
  height: 54px;
  padding: 15px 0 15px 0;
}

.header-button-2 span{
  color: #0071f6;
  text-align: center;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.header-button-2:hover {
  background: linear-gradient(180deg, rgba(255, 255, 0, 1) 0%, rgba(255, 217, 0, 1) 100%);
  /* box-shadow: 4px 4px 3.7px 0px rgba(0, 0, 0, 0.25); */
  border-color: #ffffff;
}

.header-button-2:hover span{
  font-family: "OpenSans-Bold", sans-serif;
  font-weight: 700;
  color: #0059c2;
}

header .burger{
  display: none;
}

@media (max-width: 900px){
  .phone{
    display: none;
  }

  .phone_mobile{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
  }
}


@media (max-width: 575px){
  .header-buttons {
    width: 60px;
  }
  .header-button-2{
    display: none;
  }
}

/*rtk_network_2*/

.rtk_network_2{
  padding: 40px 10px;
}

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

.rtk_network_2 h2{
  color: #0071f6;
  text-align: left;
  font-family: "Gilroy-ExtraBold", sans-serif;
  font-size: 28px;
  font-weight: 700;
  padding-left: 15px;
}

.prinnet-tariff .new-btn {
  width: 100%;
  margin-top: 35px;
  display: inline-block; /* Убедимся, что кнопка принимает все свойства */
  text-align: center;
}

.rtk_network_2 .new-btn {
  font-size: 20px;
  font-family: "OpenSans-Semibold", sans-serif;
  font-weight: 600;
  color: #0059C2;
  background: linear-gradient(180deg, #FFFF00 0%, #FFD900 100%);
  padding: 20px 30px;
  border-radius: 50px;
  box-shadow: 4px 4px 3.7px rgba(0, 0, 0, 0.25);
  transition: background-color 0.3s, transform 0.3s;
}

.rtk_network_2 .new-btn:hover 
{
  background: #FFFF00;
  color: #0059c2;
}

@media (max-width: 1260px){
  .rtk_network_2 h2{
    padding-left: 0;
  }
  .rtk_network_2 {
    padding: 40px 0 40px 14px;
  }
}

@media (max-width: 768px){
  .rtk_network_2-container{
    flex-direction: column;
    gap: 25px;
  }
  .rtk_network_2 h2 {
    text-align: center;
  }
}

@media (max-width: 575px){
  .rtk_network_2{
    padding: 40px 0px;
  }
  .rtk_network ul {
    gap: 30px;
  }
}

@media (max-width: 414px){
  .rtk_network ul {
    gap: 25px 12px;
  }
}


/*application_areas*/

.application_areas {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #0976F6;
  padding: 116px 0 150px 0;
}

.application_areas > h2 {
  font-size: 50px;
  font-weight: 800;
  font-family: "Gilroy-ExtraBold", "Open Sans", serif;
  color: #ffffff;
  max-width: 900px;
  text-align: center;
}

.application_areas_items {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  margin-top: 90px;
  max-width: 1290px;
  width: 100%;
  justify-content: center;
}

.application_areas_item {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 18px;
  font-family: "Gilroy-Medium", "Open Sans", serif;
  font-weight: 600;
  color: #ffffff;
  width: 210px;
  height: 130px;
  text-align: center;
}

.application_areas_item > img {
  height: 100px;
  position: absolute;
  width: 80px;
}

.application_areas_item > h3 {
  font-size: 18px;
  font-family: "Gilroy-Light", "Open Sans", serif;
  font-weight: 600;
  color: #ffffff;
  margin-top: 100px;
}

@media (max-width: 1200px) {
  .application_areas > h2 {
    font-size: 23px;
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 1200px) and (min-width: 640px){
  .application_areas > h2{
    font-size: 40px;
  }
}

@media (max-width: 680px) {
  .application_areas {
    padding-left: 10px;
    padding-right: 10px;
  }
}






.rtk_network{
  padding: 40px 10px;
}

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

.rtk_network h2{
  color: #0071f6;
  text-align: left;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 28px;
  font-weight: 700;
}

.rtk_network ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  width: 700px;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  border-left: solid 1px #eae8e8;
  border-right: solid 1px #eae8e8;
  text-align: left;
  align-items: center;
}

.rtk_network ul li{
  color: #414141;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.rtk_network ul span{
  color: #0071f6;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 17px;
  font-weight: 700;
}

@media (max-width: 768px){
  .rtk_network-container{
    display: block;
  }
  .rtk_network ul {
    margin-top: 30px;
    border: none;
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start;
    gap: 39px;
  }
}

@media (max-width: 575px){
  .rtk_network{
    padding: 40px 0px;
  }
  .rtk_network ul {
    gap: 30px;
  }
}

@media (max-width: 414px){
  .rtk_network ul {
    gap: 25px 12px;
  }
}


/* rtk_network-top */

.rtk_network-top{
  background-color: #ffffff;
}

.rtk_network-top-container{
  display: flex;
  justify-content: center;
  align-items: center;
}

.rtk_network-top ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 80px;
  max-width: 100%;
  text-align: left;
  align-items: center;
  padding: 60px 45px;
}

.rtk_network-top-container li{
  position: relative;
  color: #414141;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.rtk_network-top-container li:before {
  content: '';
  position: absolute;
  /* top: 10px; */
  left: -40px;
  /* transform: translateX(-50%); */
  width: 30px;
  height: 30px;
  background: url(/local/templates/promo/img/_25916685503200.svg) no-repeat center center / contain;
}

.rtk_network-top ul span{
  color: #0071f6;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 17px;
  font-weight: 700;
}

@media (max-width: 991px){
  .rtk_network-top ul{
  gap: 60px;
  }
}

@media (max-width: 575px){
  .rtk_network-top ul{
    gap: 40px 50px;
    padding-right: 0;
    padding: 60px 40px;
  }
  .rtk_network-top-container li:nth-child(odd) {
    /* padding-right: 57px; */
  }
  .rtk_network-top-container li {
    /* padding-bottom: 40px; */
  }
}

/*map*/


.section_map{
  position: relative;
}

.map_container {
  width: 100%;
  height: 704px;
  background-color: #ffffff;
  position: relative;
}

#map, 
#map1 {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 50px;
}


.coverage_badge {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 298px;
  height: 63px;
  border-radius: 49px;
  font-size: 18px;
  font-family: "OpenSans-Regular", sans-serif;
  color: #6E6E6E;
  box-shadow: 0px 4px 28px 0px rgb(148, 148, 148, 0.25);
  position: absolute;
  bottom: -55px;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}

.coverage_badge > p {
  font-family: "OpenSans-Regular", sans-serif;
}

.coverage_badge > .badge {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: rgb(58, 142, 255);
  background: linear-gradient(180deg, rgba(58, 142, 255, 1) 12%, rgba(79, 192, 255, 1) 100%);
}

.map_bottom-container{
  position: relative;
}

.map_bottom h2{
  color: #0071f6;
  padding-bottom: 50px;
}

.section_map_form{
  width: 1200px;
  max-width: calc(100% - 35px);
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: absolute;
  top: 0;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.map_form{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  max-width: 365px;
  background: #ffffff;
  border-radius: 25px;
  padding: 50px 45px;
  padding-bottom: 30px;
  box-shadow: 0px 4px 129.1px 0px rgba(0, 0, 0, 0.4);
  pointer-events: auto;
}

.map_form div.b24-form .b24-form-header-title {
  color: #6f6f6f;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 25px;
}

.map_form div.b24-form .b24-form-header-description {
  color: #2186ff;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 25px;
  font-weight: 700;
  border-bottom: 1px solid #2186ff;
}

.map_form div.b24-form .b24-form-content .b24-form-control-container input {
  border-radius: 25px;
}

.map_form .b24-form-control-icon-after .b24-form-control-label {
  padding-right: 0;
  text-align: center;
}

.map_form div.b24-form form {
  padding-bottom: 20px;
}

.map_form .b24-form-content.b24-form-padding-side::after {
  content: url('/local/templates/promo/img/group-36380.svg') " Временная акция"; /* Добавляем картинку и текст */
  display: inline-flex; /* Позволяет корректное центрирование */
  align-items: center; /* Выравниваем текст по центру относительно картинки */
  justify-content: center; /* Центрируем содержимое */
  gap: 5px; /* Расстояние между картинкой и текстом */
  color: #BEBEBE;
  font-size: 16px;
  height: 100%;
  width: 100%;
  text-align: center; /* Центрируем текст */
  vertical-align: middle; /* Центрируем текст относительно изображения */
}

@media (max-width: 1200px){
  .section_map_form{
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .map_bottom-container .section_map_form{
    padding-bottom: 50px;
  }

  .map_form{
    position: relative;
    top: auto;
    transform: none;
    margin: auto;
    margin-top: -40px;
  }
}

@media (max-width: 414px){
  .map_form {
    padding: 25px 25px;
  }
}

@media (max-width: 360px){
  .map_form {
    padding: 25px 18px;
  }
}


/* section-trusted */

.trusted{
  margin-top: 100px;
  text-align: center;
}

.trusted h2{
  color: rgba(0, 113, 246, 0.96);
  margin-bottom: 30px;
}

.trusted-container{
  text-align: left;
}

.trusted-container h4{
  color: #414141;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
}

.trusted-block-left{
  position: relative;
  float: left;
  max-width: 590px;
}

.trusted-block-left-this>div{
  position: relative;
  float: left;
  background: #ffffff;
  border-radius: 25px;
  width: 284px;
  height: 282px;
  box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 20px;
}

.trusted-block-left-this>div:nth-child(odd){
  margin-right: 20px;
}

.trusted-block-left-this img{
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 50px;
}

.trusted-block-left-this span{
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 150px;
  color: #414141;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 19px;
  font-weight: 400;
  text-align: center;
  width: 100%;
}

.trusted-block-right {
  float: right;
  max-width: 565px;
}

.trusted-block-right-this>div:nth-child(1){
  color: #0976f6;
  text-align: left;
  font-family: "Gilroy-Black", sans-serif;
  font-size: 120px;
  font-weight: 900;
}

.trusted-block-right-this>div:nth-child(2){
  max-width: 500px;
  color: #414141;
  text-align: left;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.trusted-block-right-this ul{
  display: flex;
  flex-wrap: wrap; /* Позволяет перенос элементов на следующую строку */
  justify-content: space-between; /* Равномерное распределение между элементами */
  align-items: center;
  gap: 10px; /* Расстояние между элементами */
  margin-top: 40px;
  padding: 0;
}

.trusted-block-right-this li {
  width: calc(33.33% - 10px); /* Делает элементы равной ширины, чтобы вмещалось 3 в строке */
  box-sizing: border-box; /* Учитывает padding и border */
  margin: 0; /* Убираем лишние отступы */
  text-align: center; /* Центрируем изображения */
}

.trusted-block-right-this img {
  max-width: 100%; /* Изображение адаптируется под ширину родительского блока */
  height: auto; /* Сохраняет пропорции изображения */
}

@media (max-width: 1320px){
  .trusted-container {
    display: flex;
    flex-direction: column;
  }
  .trusted-block-left,
  .trusted-block-right {
    float: none;
    margin: auto;
  }

}

@media (max-width: 730px){
  /* .trusted h2 {
    font-size: 35px;
  } */
  .trusted-block-left-this>div {
    float: none;
  }
  .trusted-block-right-this>div:nth-child(1) {
    font-size: 70px;
  }
}

@media (max-width: 420px){
  .trusted {
    padding: 10px;
  }
  .trusted-block-right-this>div:nth-child(1) {
    font-size: 50px;
  }
}


/* section-prinnet-tariffs */

.section-prinnet-tariffs {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 108px 0 163px;
  background: #0976f6;
  margin-top: 100px;
}

.container-tariffs {
  display: flex;
  width: 100%;
  justify-content: center;
}

.prinnet-tariffs {
  width: 100%;
  max-width: 1200px;
  text-align: center;
}

.prinnet-tariffs h2 {
  color: #fff;
  margin: 0;
}

.prinnet-tariffs__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px; /* Используем gap вместо отрицательных марджинов */
  padding-top: 48px;
}

.prinnet-tariff {
  position: relative;
  width: calc(25% - 24px);
  min-width: 276px;
  padding: 54px 37px 36px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.discount-tariffs{
  position: absolute;
  top: 15px;
  right: 20px;
  color: #4abbff;
  text-align: left;
  font-family: "OpenSans-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.prinnet-tariff h3 {
  color: #0976f6;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 24px;
  height: 72px; /* Фиксированная высота, равная максимальному содержимому */
  display: flex;
  align-items: center;
  justify-content: center;
}

.prinnet-tariff__info {
  width: 100%;
  max-width: 180px;
  min-height: 137px;
  margin-top: 24px;
  padding: 5px 0;
  border-top: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.prinnet-tariff__info p {
  margin: 0;
  color: #414141;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.prinnet-tariff_free .prinnet-tariff__info p {
  padding-top: 24px;
  position: relative;
}

.prinnet-tariff_free .prinnet-tariff__info p:before {
  content: '';
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  width: 67px;
  height: 67px;
  background: url(/local/templates/promo/img/prinnet-tariff_free.png) no-repeat center center / contain;
}

.prinnet-tariff_free .prinnet-tariff__info p:after {
  content: '(временная акция)';
  font-size: 15px;
  color: #ababab;
  margin-top: 2px;
  display: block;
}

.prinnet-tariff .new-btn {
  width: 100%;
  margin-top: 35px;
  display: inline-block; /* Убедимся, что кнопка принимает все свойства */
  text-align: center;
}

.section-prinnet-tariffs .new-btn {
  font-size: 20px;
  font-family: "OpenSans-Bold", sans-serif;
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(180deg, rgba(79, 194, 255, 1) 0%, rgba(33, 134, 255, 1) 100%);
  padding: 20px;
  border-radius: 50px;
  box-shadow: 4px 4px 3.7px rgba(0, 0, 0, 0.25);
  transition: background-color 0.3s, transform 0.3s;
}

.section-prinnet-tariffs .btn-yellow{
  color: #0059C2;
  background: linear-gradient(180deg, #FFFF00 0%, #FFD900 100%);
}

.section-prinnet-tariffs .new-btn:hover {
  
  /* background: linear-gradient(180deg, rgba(255, 255, 0, 1) 0%, rgba(255, 217, 0, 1) 100%); */
  background: #FFFF00;
  color: #0059c2;
}

@media (max-width: 768px){
  .prinnet-tariffs__items{
    gap: 15px;
  }
}




/* modern-network */

.modern-network {
  margin-top: 100px;
  background-color: #ffffff; /* Белый фон */
}

.modern-network .row {
  width: 1024px;
}

.modern-network h2 {
  text-align: center;
  color: #007bff; /* Ярко-синий цвет */
  /* line-height: 1.4; */
  margin-bottom: 40px;
}

.modern-network-container {
  display: flex;
  justify-content: space-between; /* Размещаем блоки рядом */
  gap: 20px;
}

.modern-network-container-left,
.modern-network-container-right {
  width: calc(50% - 10px); /* Поровну делим ширину */
  min-width: 502px;
  display: flex;
  flex-direction: column;
  gap: 20px; /* Отступ между внутренними блоками */
}

/* Общий стиль для карточек */
.modern-network-container-left > div,
.modern-network-container-right > div {
  background: #ffffff;
  box-shadow: 0px 4px 17.4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 20px; /* Скруглённые углы */
  padding: 50px 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #414141;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  position: relative;
}

.modern-network-container-right > div:nth-last-child(2){
  padding: 50px 70px;
}

.modern-network-container-right > div:nth-last-child(1){
  background: #0071f6;
  flex-direction: row;
  justify-content: space-between;
  gap: 30px;
  padding: 20px 25px;
}

.modern-network-container-right > div:nth-last-child(1) span{
  color: #ffffff;
  text-align: left;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.modern-network-container-left h4 {
  color: #414114;
  text-align: left;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 16px;
}

.modern-network-container-left-top {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* Расстояние между колонками */
}

.modern-network-container-left-top div {
  /*flex: 1; /* Равномерное распределение ширины */
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 80px;
  color: #0071f6;
  text-align: left;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.modern-network-container-left-top ul {
  list-style-type: disc;
  padding-left: 20px;
}

.modern-network-container-left-top li {
  padding-bottom: 20px;
}

.modern-network-container-left-bottom span {
  color: #0071f6;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.modern-network-container-right-top ul {
  color: #414141;
  list-style-type: disc;
  padding-left: 1em;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.modern-network-container-right-top li {
  padding-bottom: 22px;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #414141;
}

.modern-network-container-right-top li span {
  color: #0071f6;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.modern-network-container-right-top-img {
  background: #2186ff;
  border-radius: 20px;
  width: 101.7px;
  height: 101.7px;
  position: absolute;
  top: 40px;
  right: -40px;
  box-shadow: 0px 4px 20.3px 0px rgba(0, 116, 255, 1);
  padding: 20px;
}

.modern-network-container-right-top-img img{
  
}

.modern-network-container-right-bottom {
  display: flex;
  align-items: center;
  gap: 10px; /* Отступ между иконкой и текстом */
}

.modern-network-container-right-bottom img {
  width: 40px;
  height: 40px;
}

.modern-network-container-right-bottom span {
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 16px;
  color: #007bff;
  font-weight: bold;
}

/* Кнопка */
.modern-network .new-btn {
  display: inline-block;
  margin: 40px auto 0;
  text-align: center;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 0, 1) 0%, rgba(255, 217, 0, 1) 100%);
  padding: 20px 50px;
  border-radius: 50px;
  box-shadow: 4px 4px 3.7px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  transition: background-color 0.3s, transform 0.2s;
}

.modern-network .new-btn span{
  color: #0059c2;
  text-align: center;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.modern-network .new-btn:hover {
  background: #FFFF00; /* Более тёмный жёлтый при наведении */
  /* transform: scale(1.05); */
}


@media (max-width: 1200px){
  .modern-network-container {
    flex-direction: column;
  }
  .modern-network-container-left, .modern-network-container-right {
    margin: auto;
  }
}

@media (max-width: 630px) {
  .modern-network-container-left, .modern-network-container-right{
    min-width: 435px;
  }
}

@media (max-width: 575px) {
  .modern-network-container-left, .modern-network-container-right{
    min-width: 350px;
  }
  .modern-network-container-left > div, 
  .modern-network-container-right > div,
  .modern-network-container-right > div:nth-last-child(2) {
    padding: 35px 35px;
  }
}

@media (max-width: 450px) {
  .modern-network-container-left, .modern-network-container-right{
    min-width: 330px;
  }
  .modern-network-container-left-top div {
    flex-direction: column;
    gap: 0;
  }
}

@media (max-width: 410px) {
  .modern-network-container-left, .modern-network-container-right{
    min-width: 290px;
  }
  .modern-network-container-left > div, 
  .modern-network-container-right > div,
  .modern-network-container-right > div:nth-last-child(2) {
    padding: 25px 25px;
  }
}


/*security*/
.security {
  margin-top: 100px;
  background: #0071f6;
}

.security-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background: #0071f6;
}

.security-container-left {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  width: 600px;
  color: #ffffff;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 18px;
  font-weight: 400;
  
}

.security-container-left h3{
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  max-width: 470px;
}

.security-container-left p{
  padding-top: 25px;
  max-width: 470px;
}

.security-container-left p span{
  font-family: "OpenSans-Bold", sans-serif;
  font-weight: 700;
}

.security-container-right {
  position: relative;
  margin-left: 90px;
}

.security-container-right > img{
  margin-top: -25px;
  margin-bottom: -3px;
  max-width: 100%;
}


@media (max-width: 1200px){
  .security-container-left {
    width: auto;
  }

  .security-container-left h3,
  .security-container-left p{
    max-width: 100%;
  }

  .security-container-right {
    margin: auto;
    margin-top: 50px;
  }

  .security-container-right > img{
    margin-top: 0;
  }
  
}

@media (max-width: 991px){
  .security-container{
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    padding-top: 100px;
  }
}

@media (max-width: 768px){
  .security-container-left h3{
    font-size: 35px;
  }
}

@media (max-width: 575px){
  .security-container {
    padding-top: 60px;
  }
  .security-container-left h3{
    font-size: 25px;
  }
}


/*comfortable*/

.comfortable{
  margin-top: 100px;
}

.comfortable h2 {
  color: #0071f6;
  margin-bottom: 50px;
}

.comfortable-container-top{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
}

.comfortable-container-bottom{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid #eae8e8;
  border-radius: 20px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  margin-top: 50px;
}

.comfortable-container-bottom ul{
  width: calc(66% - 24px);
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  /* list-style-type: square; */
  justify-content: space-between;
  text-align: left;
  padding: 60px;
}

.comfortable-container-bottom li{
  width: calc(50% - 5px);
  color: #414141;
  list-style-type: disc;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  line-height: 131.04%;
  font-weight: 400;
}

/* Кнопка */
.comfortable .new-btn {
  display: inline-block;
  margin: auto;
  text-align: center;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 0, 1) 0%, rgba(255, 217, 0, 1) 100%);
  padding: 20px 50px;
  border-radius: 50px;
  box-shadow: 4px 4px 3.7px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  transition: background-color 0.3s, transform 0.2s;
}

.comfortable .new-btn span{
  color: #0059c2;
  text-align: center;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.comfortable .new-btn:hover {
  background: #FFFF00; 
}

@media (max-width: 1200px){
  .comfortable-container-bottom ul{
    padding: 50px 0px 50px 40px;
  }
}

@media (max-width: 1760px){
  .comfortable-container-top{
    overflow: hidden;
  }
}

/* @media (max-width: 1200px){
  .comfortable-container-top {
    flex-wrap: wrap;
    justify-content: center;
  }
} */

@media (max-width: 991px){
  .comfortable-container-bottom ul{
    width: 50%;
    flex-direction: column;
  }

  .comfortable-container-bottom li{
    width: auto;
  }
}

@media (max-width: 768px){
  .comfortable-container-top {
    flex-wrap: wrap;
    justify-content: center;
  }
  .comfortable-container-top div {
    width: 100%; /* Растягиваем контейнер на всю ширину */
    overflow: hidden; /* Обрезаем изображение */
    display: flex; /* Чтобы управлять содержимым */
    justify-content: flex-start; /* Прижимаем изображение к левому краю */
}

.comfortable-container-top div img {
    width: auto; /* Автоматическая ширина */
    max-width: none; /* Сбрасываем ограничение ширины */
    height: 100%; /* Обрезаем изображение по высоте */
    object-fit: cover; /* Обрезка изображения без деформации */
}
  .comfortable-container-bottom {
    flex-direction: column;
    padding: 50px 20px;
  }
  .comfortable-container-bottom ul{
    width: auto;
    margin: auto;
  }
}

@media (max-width: 575px){
  .comfortable-container-bottom {
    flex-direction: column;
    padding: 50px 20px;
  }
  .comfortable-container-bottom ul{
    padding: 10px 0px 50px 25px;
  }
}



/*support*/

.support{
  background: #eaf5ff;
  margin-top: 100px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.support h2{
  color: #0071f6;
  margin-bottom: 50px;
}

.support-container{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 50px;
  align-items: center;
}

.support-container-left img{
  /* max-width: 100%; */
}

.support-container-right{
  display: flex;
  flex-direction: column;
  gap: 30px;
  text-align: left;
}

.support-container-right-top{
  color: #414141;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
}


.support-container-right-bottom {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.support-container-right-bottom li{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 10px;
  color: #0071f6;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.support-container-right-bottom li img{
  margin-right: 20px;
  max-width: 40px;
}

@media (max-width: 1200px) {
 .support-container{
  flex-direction: column;
 }
 .support-container-left img {
  max-width: 100%;
  }
  .support-container-right{
    max-width: 800px;
  }
  .support-container-right-bottom{
    flex-direction: row;
    gap: 100px;
  }
}

@media (max-width: 575px){
  .support-container-right-bottom{
    justify-content: space-between;
    gap: 10px;
  }
  .support-container-right{
    max-width: 100%;
  }

  .support-container-right-bottom li{
    font-size: 18px;
  }
}


/*help*/

.help{
  background: #0071f6;
  padding: 40px 0;
}

.help .row{
  position: relative;
}

.help-img{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.help-container{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.help-item{
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: left;
}

.help-container-left{
  color: #ffffff;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  max-width: 50%;
}

.help-container-right ul{
  color: #ffffff;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding-left: 20px;
}

.help-container-right ul li{
  padding-top: 15px;
  list-style-type: disc;
}


.help .new-btn {
  display: inline-block;
  margin-top: 30px;
  text-align: center;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 18px;
  border: 1px solid #ffffff;
  padding: 20px 50px;
  border-radius: 50px;
  text-decoration: none;
  transition: background-color 0.3s, transform 0.2s;
}

.help .new-btn span{
  color: #ffffff;
  text-align: center;
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.help .new-btn:hover {
  background: linear-gradient(180deg, rgba(255, 255, 0, 1) 0%, rgba(255, 217, 0, 1) 100%);
  box-shadow: 4px 4px 3.7px 0px rgba(0, 0, 0, 0.25);
}

.help .new-btn:hover span{
  color: #0059c2;
}

@media (max-width: 991px){

}

@media (max-width: 768px){
  .help-container{
    position: relative;
  }
  .help-item{
    align-items: flex-start;
    flex-direction: column;
  }
  .help-container-left{
    font-size: 35px;
    max-width: 100%;
  }
  .help-img{
    margin: 50px auto;
  }
  .help-img img{
    max-width: 100%;
  }
}

@media (max-width: 575px){
  .help-container-left{
    font-size: 25px;
  }
}



/* Section-history */

.section-history {
  width: 100%;
  padding-top: 125px;
  padding-bottom: 40px;
  overflow: hidden;
  background-image: url(/local/templates/promo/img/flag2.png);
  background-repeat: no-repeat;
}

.section-history h2{
  color: #0071f6;
  max-width: 730px;
  margin: auto;
}

.section-history h3{
  color: #414141;
  text-align: center;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 25px;
  font-weight: 400;
  max-width: 730px;
  margin: auto;
}


.history-container{
  width: 100%;
  display: flex;
}

.history {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 76px;
}

.history__btn {
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 57px;
  height: 12vw;
  max-height: 250px;
  background: rgba(0, 46, 112, 0.7);
  cursor: pointer;
  z-index: 4;
  overflow: hidden;
  transition: all 0.3s ease;
}

.history__btn img {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 27px;
  max-height: 60px;
  transition: all 0.3s ease;
}

.history__btn:hover {
  background: rgba(0, 46, 112, 0.9);
}

.history.active .history__btn img {
  transform: translate(-50%, -50%) rotate(-180deg);
}


.history-slider {
  display: flex;
  width: 100%;
}

.history-slider__item {
  display: none;
  width: 100%;
  border: 0px !important;
}

.history-slider__item.active {
  display: block;
}

.history-items {
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  flex-wrap: wrap;
  justify-content: left;
  width: 100vw;
  min-width: 100vw;
  /*height: calc(calc(12vw * 2));
  max-height: calc(calc(250px * 2));*/
}

.history-items a {
  display: inline-block;
  width: 20%;
  height: 12vw;
  max-height: 250px;
}

.history-items a img {
  display: block;
  width: 100%;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}


.section-history .controls {
  display: flex;
  width: 100%;
  position: absolute;
  left: 0px;
  padding-left: 58px;
  padding-right: 17px;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  justify-content: space-between;
  pointer-events: none;
}

.section-history .control {
  display: inline-block;
  width: 57px;
  height: 57px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: relative;
  pointer-events: auto;
  cursor: pointer;
  transition: all 0.3s ease;
}

.section-history .control:hover {
  background: #0042A0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0);
}

.section-history .control svg {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.section-history .control_prev svg {
  left: calc(50% - 2px);
}

.section-history .control_next svg {
  left: calc(50% + 2px);
}

.section-history .control svg * {
  transition: all 0.3s ease;
}

.section-history .control:hover svg * {
  fill: #fff;
}


@media (max-width: 1680px) {

  .section-history {
      padding-top: 110px;
      padding-bottom: 30px;
      background-size: 340px;
      background-position-y: 155px;

  }

  /* .history-info h2{
    font-size: 44px;
  } */

  .history {
      margin-top: 56px;
  }

  .section-history .controls {
    padding-left: 46px;
  }

}

@media (max-width: 1380px) {

  .section-history {
      padding-top: 100px;
      padding-bottom: 25px;
      background-size: 300px;
        background-position-y: 0;
  }

  .history-info h2 {
    /* font-size: 42px; */
    max-width: 902px;
  }

  .history {
      margin-top: 48px;
  }

}

@media (max-width: 1200px) {

.history__btn {
  height: 21vw;
  max-height: 230px;
}

.history-items {
  height: auto;
  max-height: none;
}

.history-items a {
  width: calc(100% / 2);
  height: 28vw;
  max-height: 265px;
}

.history-info h2{
  /* font-size: 38px; */
}

}

@media (max-width: 1000px) {

.section-history {
    padding-top: 300px;
    padding-bottom: 20px;
}

.history-info h2 {
  /* font-size: 30px; */
  width: calc(100vw - 40px);
  max-width: 780px;
}

}

@media (max-width: 991px){
  .section-history .controls {
      padding-left: 17px;
  }
}

@media (max-width: 768px) {

.section-history {
    padding-top: 300px;
    padding-bottom: 20px;
}

.history {
    margin-top: 38px;
}

.history-info h2 {
  /* font-size: 25px; */
  line-height: 1.26em;
}

}

@media (max-width: 575px) {

.section-history {
    padding-top: 300px;
    padding-bottom: 15px;
    background-size: 260px;
}

.section-history h3{
  font-size: 20px;
}

.history {
    margin-top: 32px;
}
/*
.history-items {
  height: calc(31vw * 5);
  max-height: calc(252px * 5);
}
*/

.history-items a {
  width: calc(100% / 2);
  height: 31vw;
  max-height: 252px;
}

.history__btn {
  width: 40px;
  height: 31vw;
  max-height: 252px;
}

.history__btn img {
  width: 18px;
  max-height: 50px;
}

.section-history .controls {
  padding-left: 15px;
  padding-right: 15px;
}

.section-history .control {
  width: 46px;
  height: 46px;
}

.section-history .control svg {
  width: 22px;
  height: 22px;
}

.section-history .control_prev svg {
  left: calc(50% - 1px);
}

.section-history .control_next svg {
  left: calc(50% + 1px);
}


}


/*looks*/

.looks{
  background: #eaf5ff;
  padding-top: 100px;
}

.looks h2{
  color: #0071f6;
  margin-bottom: 50px;
}

.looks-container{
  height: 785px;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 70px;
  text-align: left;
}

.looks-container-left-top{
  display: flex;
  gap: 50px;
}

.looks-container-left-top-left,
.looks-container-left-top-rigth{
  max-width: 360px;
}

.looks-container-left-top h3,
.looks-container-center-top h3{
  color: #0071f6;
  text-align: left;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 40px;
  margin-bottom: 30px;
}

.looks-container ul{
  padding-left: 20px;
}

.looks-container ul li{
  list-style-type: disc;
}



.looks-container-rigth{
  display: flex;
  flex-direction: column;
  gap: 50px;
  max-width: 250px;
}

.looks-container-rigth-top{
  margin-top: -40px;
}

.looks-container-rigth-bottom-2{
  display: none;
  max-width: 250px;
}

.looks-container-rigth-top h3,
.looks-container-rigth-bottom h3,
.looks-container-rigth-bottom-2 h3{
  color: #0071F6;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 150px;
  font-weight: 700;
  margin-bottom: -25px;
}

.looks-container-rigth-top span{
  color: #0071F6;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.looks-container-rigth-bottom h3,
.looks-container-rigth-bottom-2 h3{
  margin-top: -20px;
  font-size: 120px;
}

.looks-container-rigth-bottom span,
.looks-container-rigth-bottom-2 span{
  color: #0071F6;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.looks-container-bottom{
  position: absolute;
  bottom: 100px;
}

.looks-container-bottom img{
  max-width: 100%;
}

@media (max-width: 1100px) {
  .looks-container {
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .looks-container-rigth-bottom{
    display: none;
  }

  .looks-container-rigth-bottom-2{
    display: block;
    margin-bottom: 100px;
  }

  .looks-container-bottom{
    position: relative;
    bottom: 30px;
  }
}

@media (max-width: 730px) {
  .looks-container-left-top {
    flex-direction: column;
  }

  .looks-container-rigth,
  .looks-container-rigth-bottom-2 {
    max-width: 360px;
  }
}


/* Section-equipment */
.section-equipment {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 158px;
  padding-bottom: 188px;
}

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

.equipment-title {
  display: inline-block;
  width: 902px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.equipment-title h2{
  color: #0071f6;
}

.equipment-content {
  display: block;
  width: 100%;
  padding-top: 64px;
}

.equipment-part {
  display: block;
  width: 100%;
  margin-bottom: 122px;
}
.equipment-part h4 {
  display: block;
  width: 100%;
  text-align: center;
  font-family: "Gilroy-Bold", sans-serif;
  font-weight: normal;
  /* color: #0071f6; */
  font-size: 25px;
  line-height: 31px;
}
.equipment-part.equipment-part_min .equipment-items {
  width: calc(100% + 25px);
  min-width: calc(100% + 25px);
}
.equipment-part.equipment-part_min .equipment-items__item {
  width: calc(25% - 25px);
  margin-right: 25px;
}
.equipment-part.equipment-part_excavators .equipment-items__item-image {
  height: 179px;
  margin-bottom: -4px;
}
.equipment-part.equipment-part_excavators .equipment-items__item-image img {
  max-height: 288px;
  bottom: -3px;
}
.equipment-part.equipment-part_excavators .equipment-items__item-image:not(.equipment-items__item-image_center) img {
  bottom: 0px;
  left: auto;
  right: -15px;
  transform: translate(0%, 0%);
}
.equipment-part.equipment-part_receivers .equipment-items {
  padding-top: 18px;
}
.equipment-part.equipment-part_receivers .equipment-items__item-image {
  bottom: 20px;
}
.equipment-part.equipment-part_3d .equipment-items__item-image {
  height: 152px;
}
.equipment-part.equipment-part_apache .equipment-items {
  padding-top: 70px;
}
.equipment-part.equipment-part_apache .equipment-items__item-image img {
  left: auto;
  right: -5px;
  transform: translate(0%, 0%);
}

.equipment-items {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 35px);
  min-width: calc(100% + 35px);
  flex-wrap: wrap;
  padding-top: 32px;
}

.equipment-items__item {
  display: inline-block;
  width: calc(33.3333333333% - 35px);
  min-height: 258px;
  margin-right: 35px;
  margin-top: 50px;
  background: #F9F9F9;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 22px;
  padding-bottom: 28px;
  color: #000;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}
.equipment-items__item:hover {
  background: #fff;
  border: 1px solid #0071f6;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0);
}
.equipment-items__item.active {
  pointer-events: none;
  background: #fff;
  border: 1px solid #0071f6;
  box-shadow: none;
}

.equipment-items__item-info {
  display: block;
  position: relative;
  width: 100%;
  max-width: 246px;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 18px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.equipment-items__item-info h6 {
  display: block;
  width: 100%;
  text-align: center;
}
.equipment-items__item-info span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 15px;
  line-height: 18px;
}

.equipment-items__item-image {
  display: block;
  position: relative;
  width: 100%;
  height: 166px;
}
.equipment-items__item-image img {
  display: block;
  max-width: 100%;
  max-height: 277px;
  position: absolute;
  left: 50%;
  bottom: 0px;
  object-fit: contain;
  transform: translate(-50%, 0%);
}
.equipment-items__item-image.equipment-items__item-image_min img {
  width: 346px;
}

.section-equipment_short {
  padding-bottom: 108px;
  background: linear-gradient(295.28deg, #383838 17.07%, #000000 47.92%, #494949 88.58%);
}
.section-equipment_short h2 {
  color: #fff;
}
.section-equipment_short .equipment-items {
  padding-top: 25px;
}
.section-equipment_short .equipment-part h4 {
  display: none;
}
.section-equipment_short .equipment-items__item {
  border: 1px solid transparent;
}
.section-equipment_short .equipment-items__item:hover {
  background: #fff;
  border: 1px solid #0071f6;
  box-shadow: none;
}

@media (max-width: 1680px) {
  .section-equipment {
    padding-top: 105px;
    padding-bottom: 122px;
  }
  .equipment-content {
    padding-top: 42px;
  }
  .equipment-part {
    margin-bottom: 85px;
  }
  .equipment-part.equipment-part_receivers .equipment-items {
    padding-top: 12px;
  }
  .equipment-part.equipment-part_apache .equipment-items {
    padding-top: 55px;
  }
  .equipment-items {
    padding-top: 16px;
  }
  .equipment-items__item-image img {
    max-height: 247px;
  }
  .section-equipment_short {
    padding-bottom: 80px;
  }
  .section-equipment_short .equipment-items {
    padding-top: 6px;
  }
}
@media (max-width: 1320px) {
  .section-equipment {
    padding-bottom: 112px;
  }
  .equipment-part.equipment-part_min .equipment-items {
    width: calc(100% + 25px);
    min-width: calc(100% + 25px);
  }
  .equipment-part.equipment-part_min .equipment-items__item {
    width: calc(25% - 25px);
    margin-right: 25px;
  }
  .equipment-items {
    width: calc(100% + 25px);
    min-width: calc(100% + 25px);
  }
  .equipment-items__item {
    width: calc(33.3333333333% - 25px);
    margin-right: 25px;
  }
  .section-equipment_short {
    padding-bottom: 80px;
  }
}
@media (max-width: 1199px) {
  .section-equipment {
    padding-bottom: 72px;
  }
  .equipment-part.equipment-part_excavators .equipment-items__item-image {
    height: 156px;
  }
  .equipment-part.equipment-part_excavators .equipment-items__item-image img {
    max-height: 238px;
  }
  .equipment-part.equipment-part_3d .equipment-items__item-image {
    height: 152px;
  }
  .equipment-part.equipment-part_receivers .equipment-items__item-image {
    bottom: 10px;
  }
  .equipment-items__item {
    min-height: 238px;
  }
  .equipment-items__item-image {
    height: 146px;
  }
  .equipment-items__item-image img {
    max-height: 226px;
  }
  .section-equipment_short {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .section-equipment {
    padding-bottom: 52px;
  }
  .equipment-items {
    width: 100% !important;
    min-width: 100% !important;
    padding-top: 10px !important;
    flex-direction: column;
  }
  .equipment-items__item {
    min-height: auto !important;
    width: 376px !important;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .equipment-items__item-image {
    height: 146px !important;
    bottom: 0px !important;
  }
  .equipment-items__item-image img {
    max-height: 176px !important;
    right: auto !important;
    left: 50% !important;
    transform: translate(-50%, 0%) !important;
  }
  .section-equipment_short {
    padding-bottom: 64px;
  }
  .section-equipment_short .equipment-items {
    padding-top: 2px !important;
  }
}
@media (max-width: 767px) {
  .section-equipment {
    padding-top: 62px;
    padding-bottom: 38px;
  }
  .equipment-content {
    padding-top: 25px;
  }
  .equipment-part {
    margin-bottom: 45px;
  }
  .equipment-items__item {
    padding-bottom: 21px;
    margin-top: 30px;
  }
  .equipment-items {
    padding-top: 2px !important;
  }
  .equipment-items__item-image {
    height: 126px !important;
    bottom: 0px !important;
  }
  .equipment-items__item-image img {
    max-height: 141px !important;
    right: auto !important;
    left: 50% !important;
    transform: translate(-50%, 0%) !important;
  }
  .equipment-items__item-info {
    padding-top: 15px;
  }
  .equipment-items__item-info h6 {
    font-size: 13px;
    line-height: 16px;
  }
  .equipment-items__item-info span {
    font-size: 13px;
    line-height: 16px;
  }
  .section-equipment_short {
    padding-bottom: 52px;
  }
  .section-equipment_short .equipment-items {
    padding-top: 0px !important;
    margin-top: -10px;
  }
}

/* PARK SECTION */

#park_section_slider > swiper-slide > a {
  transition: all 0.2s ease;
}
#park_section_slider > swiper-slide > a:hover {
  background: linear-gradient(90deg, #2f7cfe, #2eb1fb);
}

#park_section_slider > swiper-slide > a:hover > p {
  color: #ffffff;
}
.park_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 79px;
  padding-bottom: 64px;
  margin-bottom: 50px;
  color: #ffffff;
  background: #001d8f;
  background: linear-gradient(
    45deg,
    rgba(0, 29, 143, 1) 0%,
    rgba(0, 109, 234, 1) 100%
  );
}

.park_section_slider_container {
  width: 100%;
  height: 480px;
}

.park_section_titles {
  text-align: center;
  margin-bottom: 39px;
}

.park_section_titles > h2 {
  font-size: 80px;
  font-weight: 800;
}

.park_section_titles > p {
  font-size: 20px;
  font-weight: 500;
}

.park_section_slider_container {
  position: relative;
}

#park_section_slider {
  width: 100%;
  height: 100%;
}

#park_section_slider > swiper-slide {
  width: 377px;
  height: 365px;
  margin-right: 47px;
  cursor: pointer;
}

#park_section_slider > swiper-slide > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 285px;
  color: #000000;
  background-color: #ffffff;
  margin-top: 97px;
  padding: 28px 49px;
  border-radius: 22px;
  text-align: center;
  text-wrap: balance;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 25%);
}

.park_section_slider_card_text {
  font-size: 18px;
}

.park_section_slider_card_text > span {
  font-weight: 800;
}

#park_section_slider > swiper-slide > a > div > img {
  width: fit-content;
  height: auto;
  max-width: 350px;
}

#park_section_slider > swiper-slide > a > div {
  height: 1px;
  display: flex;
  align-items: flex-end;
  transform: translate(0px, 150px);
}

.park_section_slider_card_active {
  color: #ffffff !important;
  background: #1a84fe;
  background: linear-gradient(45deg, #1a84fe 0%, #0160ce 100%);
}

.park_section_slider_card_active > div {
  /* transform: translate(0px, -120px) !important; */
}

.park_section_slider_card_big > div {
  /* transform: translate(0px, -115px) !important; */
}

.park_section_slider_buttons {
  display: flex;
  gap: 15px;
  position: absolute;
  z-index: 2;
  transform: translate(-50%, -50%);
  bottom: -30px;
  left: 50%;
}

#parkSliderPrevButton,
#parkSliderNextButton {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  width: 66px;
  height: 66px;
  cursor: pointer;
  border-radius: 50%;
}

#parkSliderNextButton {
  transform: rotate(180deg);
}

@media (max-width: 1200px) {
  .park_section {
    padding-bottom: 203px;
  }

  .park_section_titles > h2 {
    font-size: 60px;
    margin-bottom: 25px;
  }

  #park_section_slider > swiper-slide {
    margin-right: 0px;
  }

  #park_section_slider > swiper-slide {
    padding-inline: 20px;
  }

  .park_section_slider_buttons {
    bottom: -70px;
  }
}

@media (max-width: 639px) {
  .park_section_titles > h2 {
    font-size: 35px;
  }

  .park_section_titles > p {
    font-size: 11.5;
  }
}

@media (max-width: 540px) {
  #park_section_slider > swiper-slide > a {
    margin-top: 140px;
  }

  #park_section_slider > swiper-slide > a > div {
    transform: translate(0px, 125px);
  }
}




/* rtk_network-bottom */

.rtk_network-bottom{
  background-color: #0071F6;
}

.rtk_network-bottom-container{
  display: flex;
  justify-content: center;
  align-items: center;
}

.rtk_network-bottom ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 80px;
  max-width: 100%;
  text-align: left;
  align-items: center;
  padding: 60px 45px;
}

.rtk_network-bottom-container li{
  position: relative;
  color: #ffffff;
  font-family: "OpenSans-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.rtk_network-bottom-container li:before {
  content: '';
  position: absolute;
  /* top: 10px; */
  left: -40px;
  /* transform: translateX(-50%); */
  width: 30px;
  height: 30px;
  background: url(/local/templates/promo/img/_25916685503200.svg) no-repeat center center / contain;
}

.rtk_network-bottom ul span{
  /* color: #0071f6; */
  font-family: "OpenSans-Bold", sans-serif;
  font-size: 17px;
  font-weight: 700;
}

@media (max-width: 991px){
  .rtk_network-bottom ul{
  gap: 60px;
  }
}

@media (max-width: 575px){
  .rtk_network-bottom ul{
    gap: 40px 50px;
    padding-right: 0;
    padding: 60px 40px;
  }
  .rtk_network-bottom-container li:nth-child(odd) {
    /* padding-right: 57px; */
  }
  .rtk_network-bottom-container li {
    /* padding-bottom: 40px; */
  }
}

/* Footer-prinnet */


.footer-prinnet {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 55px;
  padding-bottom: 85px;
}

.contacts-prinnet {
  display: block;
  width: 100%;
  padding-left: 42px;
  padding-right: 42px;
  text-align: left;
}

.contacts-prinnet *, .contacts-prinnet p {
  color: #000;
}

.contacts-prinnet__title {
  display: block;
  width: 100%;
}

.contacts-prinnet__title h2 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 35px;
  padding-bottom: 28px;
  margin-bottom: 28px;
  color: #000;
  font-weight: 700;
  text-align: left;
}

.contacts-prinnet__title h2::after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 84px);
  min-width: calc(100% + 84px);
  height: 1px;
  background: #CBCBCB;
}

.contacts-prinnet__title p {
  display: block;
  width: 100%;
}

.contacts-prinnet__info {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-top: 22px;
}

.contacts-prinnet__info-item {
  display: inline-block;
  
  padding-right: 80px;
  margin-top: 32px;
}

.contacts-prinnet__info-item:nth-child(3n - 2) {
  width: 39%;
}

.contacts-prinnet__info-item:nth-child(3n - 1) {
  width: 26.5%;
}

.contacts-prinnet__info-item:nth-child(3n) {
  width: 34.5%;
}

.contacts-prinnet__info-item p {
  display: block;
  max-width: 325px;
  font-size: 18px;
  margin-top: 4px;
}

.contacts-prinnet__info-item p:first-child {
  color: #939393;
}

.contacts-prinnet__info-item p a {
  display: inline;
  font: inherit;
  color: inherit;
  text-decoration: underline;
}

.contacts-prinnet__info-item p a:hover {
  text-decoration: none;
}


@media (max-width: 1680px) {

  .footer-prinnet {
    padding-top: 45px;
    padding-bottom: 68px;
  }

  .contacts-prinnet__info {
    padding-top: 12px;
  }

}

@media (max-width: 1200px) {

  .contacts-prinnet {
    padding-left: 0px;
    padding-right: 0px;
  }

  .contacts-prinnet__title h2::after {
    width: 100%;
    min-width: auto;
  }

  .contacts-prinnet__info-item {
    padding-right: 40px;
  }

}

@media (max-width: 1000px) {

  .footer-prinnet {
    padding-top: 40px;
    padding-bottom: 56px;
  }

  .contacts-prinnet__info {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-top: 22px;
  }

  .contacts-prinnet__info-item {  
    padding-right: 40px;
    margin-top: 25px;
  }

  .contacts-prinnet__info-item:nth-child(3n - 2) {
    width: 50%;
  }

  .contacts-prinnet__info-item:nth-child(3n - 1) {
    width: 50%;
  }

  .contacts-prinnet__info-item:nth-child(3n) {
    width: 50%;
  }

  .contacts-prinnet__info-item:nth-child(2n) {
    padding-right: 0px;
  }


}

@media (max-width: 768px) {

  .contacts-prinnet__info-item {  
    padding-right: 0px;
    margin-top: 20px;
  }

  .contacts-prinnet__info-item:nth-child(3n - 2) {
    width: 100%;
  }

  .contacts-prinnet__info-item:nth-child(3n - 1) {
    width: 100%;
  }

  .contacts-prinnet__info-item:nth-child(3n) {
    width: 100%;
  }

}

@media (max-width: 480px) {

  .footer-prinnet {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .contacts-prinnet__title h2 {
    font-size: 24px;
    padding-bottom: 18px;
    margin-bottom: 18px;
  }

  .contacts-prinnet__title p {
    font-size: 16px;
  }

  .contacts-prinnet__info {
    padding-top: 16px;
  } 

  .contacts-prinnet__info-item {
    margin-top: 15px;
  }

  .contacts-prinnet__info-item p {
    display: block;
    max-width: 325px;
    font-size: 15px;
  }



}


/* Modal */

.body-fixed {
  overflow: hidden;
}

.overlay {
  cursor: pointer;
  left: 0px;
  top: 0px;
  position: fixed;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  z-index: -10;
  pointer-events: none;
  background: rgba(9, 120, 246, 0.8);
  transition: opacity 0.4s ease;
}

.overlay.active {
  pointer-events: auto;
  z-index: 100;
  opacity: 1;
}

.overlay__close {
  display: inline-block;
  position: absolute;
  right: 0px;
  margin-right: -3px;
  top: 3px;
  font-size: 60px;
  line-height: 1em;
  color: red;
  z-index: 30;
  position: fixed;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}

.overlay__close:hover {
  transition: all 0.4s ease-in-out;
}

.modal {
  display: flex;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 30px);
  background: #fff;
  box-shadow: 0px 4px 33px rgba(255, 255, 255, 0.25);
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  z-index: -2;
  transition: opacity 0.4s ease;
}

.modal_application {
  width: 715px;
  border-radius: 0px;
  background: transparent;
  box-shadow: none;
  pointer-events: none !important;
}

.modal_dealer {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 17px;
}

.modal.active {
  opacity: 1;
  z-index: 101;
  pointer-events: auto;
}

.modal_active .service__sidebar-content {
  width: 100% !important;
  position: relative !important;
}

.modal_main {
  width: 432px;
  border: 1px solid #D3D3D3;
  border-radius: 17px;
  box-shadow: none;
}

.main-modal {
  width: 100%;
  display: block;
}

.modal_download {
  width: 864px;
  border-radius: 17px;
  overflow: hidden;
  box-shadow: none;
}

.download-modal {
  display: flex;
  width: 100%;
}

.download-modal__image {
  display: inline-block;
  width: 50%;
  min-height: calc(100% + 1px);
  user-select: none;
  position: relative;
  background: linear-gradient(306.13deg, #050505 17.96%, #585858 57.4%), #092247;
  overflow: hidden;
}
.download-modal__image img {
  display: inline-block;
  position: absolute;
  right: 2px;
  top: calc(50% + 5px);
  transform: translateY(-50%);
  width: 430px;
  min-width: 430px;
}

.download-modal__form {
  display: inline-block;
  width: 50%;
}

.contact-form {
  display: block;
  width: 100%;
  padding: 46px;
  padding-top: 34px;
  padding-bottom: 33px;
}
.contact-form form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.contact-form h4, .contact-form h5 {
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 26px;
}
.contact-form .btn {
  width: 100%;
  min-height: 66px;
  margin-top: 9px;
  border-radius: 12px;
  outline: none !important;
  border: 0px solid transparent !important;
}
.contact-form .btn span {
  font-size: 25px;
  padding-bottom: 1px;
}
.contact-form .privacy-policy {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  color: #CDCDCD;
  margin-top: 8px;
  font-family: "Gilroy-Regular", sans-serif;
}
.contact-form .privacy-policy:hover {
  color: #F47421;
}

@media (max-width: 1680px) {
  .contact-form h4, .contact-form h5 {
    padding-bottom: 14px;
  }
  .contact-form .input, .contact-form .select {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .contact-form .btn {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    min-height: 58px;
  }
}

@media (max-width: 1199px) {
  .download-modal .contact-form {
    padding-left: 46px;
    padding-right: 46px;
  }
  .contact-form {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .modal_download {
    width: 432px;
  }
  .download-modal__image {
    display: none;
  }
  .download-modal__form {
    width: 100%;
  }
  .download-modal__form .contact-form h5 {
    font-size: 21px;
    line-height: 28px;
  }
  .contact-form {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .modal_main {
    width: 400px;
    max-width: calc(100vw - 30px);
  }
  .modal_download {
    width: 400px;
    max-width: calc(100vw - 30px);
  }
  .download-modal__form .contact-form {
    padding-left: 30px;
    padding-right: 30px;
  }
  .download-modal__form .contact-form h5 {
    font-size: 14px;
    line-height: 21px;
  }
  .contact-form {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 24px;
    padding-bottom: 25px;
  }
  .contact-form h4 {
    padding-bottom: 8px;
  }
  .contact-form .btn {
    min-height: 51px;
  }
  .contact-form .btn span {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .overlay__close {
    top: 10px;
    right: 0px;
    font-size: 38px;
  }
  .modal_active {
    width: 100%;
  }
  .modal_active .service__sidebar-item form {
    margin-top: 15px;
  }
}

/* Формы Б24 */

.modal-b24{
  cursor: pointer;
}

.modal-b24 .pattern-form{
  padding: 14px 35px 20px;
}
.modal-b24-2 .pattern-form{
  padding: 14px 20px 20px;
}
.modal-b24-2 .pattern-form{
  text-align: left;
}
div.b24-form-wrapper.b24-form-shadow{
  border-radius: 0;
  box-shadow: none;
}
div.b24-form .b24-form-control-container{
  text-align: left;
}
div.b24-window-scrollable{
  /* overflow: hidden; */
  border-radius: 5px;
  padding: 7px;
}
div.b24-form .b24-form-wrapper, .b24-form-wrapper .b24-form-btn{
  border-radius: 17px;
}
.b24-form-wrapper .b24-form-btn{
  background: linear-gradient(180deg, #50C3FF 0%, #2186FF 100%);
  box-shadow: 4px 4px 3.7px 0px rgba(0, 0, 0, 0.25);
  /* border-radius: 50px; */
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  min-height: 64px;
}
.modal-b24-2 .b24-form-wrapper .b24-form-btn{
  min-height: 60px;
}
.b24-form-wrapper .b24-form-btn:hover{
  color: #0059c2;
  background: #FFFF00;
}

div.b24-form .b24-form-wrapper{
  padding: 10px;
}
div.b24-form .b24-form-wrapper{
  padding: 0;
}
div.b24-form .b24-form-content .b24-form-control-container input, div.b24-form .b24-form-content .b24-form-control-container textarea{
  border: 0.8px solid #D0D0D0;
  border-radius: 17px;
  text-align: center;
  color: #B9B9B9;
  background-color: #fff;
}
.modal-b24-2 div.b24-form .b24-form-content .b24-form-control-container textarea{
  text-align: left;
}
div.b24-form .b24-form-content .b24-form-control-container input:focus, div.b24-form .b24-form-content .b24-form-control-container textarea:focus {
  color: #000000;;
  border-color: #F47421;
  transition: 0.3s ease;
}
div.b24-window-panel.b24-window-panel-pos-center{
    height: 490px;
    top: 50%;
    margin-top: -245px;
}

div.b24-form .b24-form-header-title{
  color: #000000;
  font-family: "Gilroy-Bold", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 25px;
}
div.b24-form .b24-form-header-description{
  color: #000000;
  /*font-family: "OpenSans", sans-serif;*/
  opacity: 1;
  margin-bottom: 10px;
}
div.b24-form .b24-form-dropdown-container{
  height: 170px;
  border-radius: 10px;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
div.b24-form .b24-form-field-datetime .b24-form-dropdown-container{
  height: auto;
}
div.b24-form .vdpCellContent{
  font-size: 1.2em;
  width: 1.657em;
  height: 1.457em;
  line-height: 1.457em;
}
div.b24-form .b24-form-control-list-selector-item-title{
  color: #000000;
}
div.b24-form form{
  display: block;
}
div.b24-form .b24-form-field .b24-form-control-container.b24-form-control-icon-after input{
  padding-right: 10px;
}
div.b24-form .b24-form-state-container .b24-form-success{
  background-color: #ffffff;
}
div.b24-form .b24-form-dropdown-container::-webkit-scrollbar { width: 0; }
div.b24-form .b24-form-padding-side{
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 0;
}
div.b24-form .b24-form-control-alert-message{
  /* display: none; */
}
div.b24-form .b24-form-field {
  margin-bottom: 10px;
}
div.b24-form .b24-form-control-alert {
  margin-bottom: 10px !important;
}
div.b24-form .b24-form-icon-remove{
  display: none;
}
div.b24-form .b24-form-sign{
  display: none;
}
@media screen and (max-width: 575px) {
    div.b24-window-panel.b24-window-panel-pos-center{
    height: 530px;
    max-width: 380px;
    }
    .b24-window .b24-window-panel {
        overflow: revert;
    }
    .b24-form .b24-window-panel>div>.b24-window-scrollable{
        bottom: auto;
    }
    div.b24-form .b24-form-header-title{
      font-size: 22px;
    }
    div.b24-form form{
      max-width: 320px;
    }
    div.b24-form .b24-form-header-description{
      /*display: none;*/

    }
    div.modal-b24 .pattern-form .b24-form-header-title, 
    div.modal-b24-2 .pattern-form .b24-form-header-title{
      font-size: 25px;
      line-height: 25px;
    }
    div.modal-b24 div.b24-form form, 
    div.modal-b24-2 div.b24-form form{
      max-width: 345px;
    }
}
@media (max-width: 512px){
    .b24-form .b24-window .b24-window-scrollable {
    padding-bottom: 20px;
    }
}

/* Section-quiz */
.section-quiz {
  padding-top: 124px;
  padding-bottom: 130px;
}

.section-quiz .container{
  max-width: 1200px;
  margin: auto;
}

.quiz-info {
  width: 100%;
  max-width: 565px;
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.quiz-info h2 {
  display: block;
  width: 100%;
  text-align: center;
  color: #0071F6;
  line-height: 1.2em;
  font-family: "Gilroy-ExtraBold", sans-serif;
}
.quiz-info p {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #343536;
  margin-top: 14px;
}

.quiz {
  display: block;
  width: 100%;
  position: relative;
  margin-top: 61px;
}

.quiz__slide {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  left: -9999px;
  background: #ffffff;
  box-shadow: 2px 2px 9px 1px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding-top: 54px;
  padding-bottom: 84px;
  padding-left: 85px;
  padding-right: 85px;
  transition: opacity 0.3s ease;
}
.quiz__slide.active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
  left: auto;
  transition: opacity 0.3s ease;
}
.quiz__slide h3 {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 1.2em;
  min-height: 72px;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 30px;
  color: #00489D;
}

.quiz__numbers {
  display: inline-block;
  position: absolute;
  left: 56px;
  top: 56px;
  font-size: 20px;
}

.quiz__back {
  display: inline-block;
  position: absolute;
  left: 54px;
  bottom: 34px;
  color: #727272;
  padding-left: 45px;
  cursor: pointer;
  font-size: 20px;
  transition: 0.3s ease;
}
.quiz__back img {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  max-height: 12px;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.quiz__back img.blue {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.quiz__back:hover {
  color: #00489d;
  transition: 0.3s ease;
}
.quiz__back:hover img {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.quiz__back:hover img.blue {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.quiz__slide_final .quiz__back {
  bottom: -52px;
}

.quiz__items {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 34px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1024px;
  padding-top: 33px;
}

.quiz__item {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: calc(25% - 34px);
  min-height: 257px;
  background: #ffffff;
  box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  margin-left: 17px;
  margin-right: 17px;
  margin-top: 34px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 48px;
  padding-bottom: 36px;
  cursor: pointer;
}
.quiz__item p {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 1.2em;
  color: #00489d;
  font-family: "Gilroy-Bold", sans-serif;
  transition: 0.3s ease;
}
.quiz__item img {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  max-width: 90px;
  max-height: 90px;
  opacity: 1;
  position: relative;
  opacity: 1;
  transition: 0.3s ease;
}
.quiz__item img.white {
  position: absolute;
  opacity: 0;
  transition: 0s;
}
.quiz__item::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: linear-gradient(216.21deg, #0075ff 7.63%, #00489d 53.17%), #00489d;
  border-radius: 20px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s ease;
}
.quiz__item:hover::before,
.quiz__item.active::before {
  opacity: 1;
  transition: 0.3s ease;
}
.quiz__item:hover p,
.quiz__item.active p {
  color: #fff;
  transition: 0.3s ease;
}
.quiz__item:hover img,
.quiz__item.active img {
  position: absolute;
  opacity: 0;
  transition: 0s;
}
.quiz__item:hover img.white,
.quiz__item.active img.white {
  position: relative;
  opacity: 1;
  transition: 0.3s ease;
}

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

.product {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: 57%;
  padding-right: 85px;
  padding-top: 26px;
}
.product::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0px;
  top: -54px;
  width: 0.8px;
  background: #d9d9d9;
  height: 607px;
}
.product h3 {
  display: block;
  text-align: center;
  width: 100%;
  margin-left: 0px;
  min-height: auto;
}

.product_item {
  border: 1px solid #FFFFFF;
  border-radius: 17px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
  margin-top: 30px;
  padding: 35px;
}

.product_item h3{
  text-align: center;
  color: #0066FF;
}

.product_item>img{
  margin: 20px;
}

.product_discount {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.product_discount p{
  font-family: 'Gilroy-Bold', sans-serif;
  font-size: 90px;
  color: #0066FF;
}

.time_promotion {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  margin-top: 20px;
  gap: 5px;
}

.product__info {
  display: block;
  height: 100%;
  position: relative;
  background: #ffffff;
  box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.25);
  border-radius: 17px;
  margin-top: 42px;
  width: 100%;
  padding-left: 41px;
  padding-right: 280px;
  padding-top: 40px;
  padding-bottom: 20px;
  cursor: pointer;
  transition: 0.3s ease;
}
.product__info h3 {
  display: block;
  color: #272727;
  /*padding-bottom: 15px;*/
  padding-bottom: 20px;
  transition: 0.3s ease;
}
.product__info p {
  display: block;
  font-size: 18px;
  line-height: 1.2em;
  color: #272727;
  margin-bottom: 20px;
  transition: 0.3s ease;
}
.product__info img {
  display: inline-block;
  position: absolute;
  right: 31px;
  bottom: 0px;
  max-height: 100%;
  max-width: 244px;
}
.product__info:hover {
  background: #00489d;
}
.product__info:hover h3 {
  color: #fff;
}
.product__info:hover p {
  color: #fff;
}

.quiz-action__form {
  display: inline-flex;
  flex-direction: column;
  width: 43%;
  padding-left: 80px;
  margin-top: -5px;
  justify-content: center;
}
.quiz-action__form div.b24-form .b24-form-header-title{
  line-height: 1.2em;
  min-height: 72px;
  font-family: "Gilroy-Bold", sans-serif;
  font-size: 25px;
  color: #00489D;
}
.quiz-action__form p {
  width: 100%;
  display: block;
  font-size: 18px;
  color: #272727;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 20px;
}
.quiz-action__form form {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -2px;
}
.quiz-action__form .btn {
  width: 100%;
  margin-top: 20px;
}

@media (max-width: 1680px) {
  .section-quiz {
    padding-top: 104px;
    padding-bottom: 108px;
  }
  .quiz-info p {
    margin-top: 10px;
  }
  .quiz {
    margin-top: 48px;
  }
  .quiz__slide {
    height: auto;
    padding-top: 44px;
    padding-bottom: 70px;
  }
  .quiz__items {
    padding-top: 15px;
  }
  .product {
    padding-top: 20px;
  }
  .product::after {
    top: -44px;
    height: 550px;
  }
  .product__info {
    margin-top: 35px;
    padding-top: 55px;
  }
  .product__info h3 {
    padding-bottom: 12px;
  }
  .product__info p {
    margin-bottom: 15px;
  }
  .quiz-action__form p {
    margin-bottom: 15px;
  }
  .quiz-action__form .input {
    margin-top: 15px;
  }
  .quiz-action__form .btn {
    margin-top: 15px;
  }
}
@media (max-width: 1320px) {
  .section-quiz {
    padding-top: 84px;
    padding-bottom: 88px;
  }
  .quiz-info {
    max-width: 500px;
  }
  .quiz-info p {
    font-size: 18px;
  }
  .quiz {
    margin-top: 40px;
  }
  .quiz__slide {
    height: auto;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 42px;
    padding-bottom: 52px;
  }
  .quiz__numbers {
    left: 50px;
    top: 44px;
    font-size: 18px;
  }
  .quiz__back {
    font-size: 18px;
    bottom: 26px;
    left: 50px;
  }
  .quiz__slide_final .quiz__back {
    bottom: -46px;
    left: 45px;
  }
  .quiz__items {
    padding-top: 6px;
  }
  .quiz__item p {
    font-size: 18px;
    max-width: 164px;
    margin-left: auto;
    margin-right: auto;
  }
  .product {
    padding-right: 60px;
  }
  .product::after {
    top: -42px;
    height: 526px;
  }
  .quiz-action__form {
    padding-left: 60px;
  }
}
@media (max-width: 1199px) {
  .section-quiz {
    padding-top: 74px;
    padding-bottom: 78px;
  }
  .quiz-info {
    max-width: 500px;
  }
  .quiz-info p {
    font-size: 16px;
  }
  .quiz__slide {
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 42px;
  }
  .quiz__items {
    width: calc(100% + 20px);
    max-width: 884px;
  }
  .quiz__item {
    min-height: 228px;
    padding-top: 38px;
    padding-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 28px;
  }
  .quiz__item p {
    font-size: 16px;
    max-width: 148px;
  }
  .quiz__item img {
    max-width: 75px;
    max-height: 75px;
  }
  .product {
    padding-right: 40px;
  }
  .product::after {
    height: 486px;
  }
  .product h3 {
    max-width: 385px;
  }
  .product__info {
    margin-top: 28px;
    padding-left: 30px;
    padding-right: 265px;
    padding-top: 35px;
  }
  .product__info h3 {
    padding-bottom: 10px;
    max-width: 160px;
  }
  .product__info p {
    max-width: 160px;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .product__info img {
    right: 25px;
    max-width: 224px;
  }
  .quiz-action__form {
    padding-left: 40px;
  }
  .quiz-action__form form {
    max-width: 100%;
    padding-top: 2px;
  }
  .quiz-action__form p {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .quiz-action__form .input {
    margin-top: 12px;
  }
  .quiz-action__form .btn {
    margin-top: 12px;
  }
}
@media (max-width: 991px) {
  .section-quiz {
    padding-top: 82px;
  }
  .quiz-info p {
    margin-top: 16px;
  }
  .quiz__slide {
    height: auto;
    box-shadow: none;
    padding: 0px;
    padding-top: 38px;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
  .quiz__slide h3 {
    min-height: 60px;
    margin-top: 30px;
  }
  .quiz__slide_final {
    padding-top: 0px !important;
  }
  .quiz__numbers {
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    font-size: 20px;
  }
  .quiz__items {
    padding-top: 0px;
    margin-top: 10px;
  }
  .quiz__item {
    width: calc(50% - 20px);
    margin-top: 20px;
    min-height: 210px;
    padding-top: 34px;
    padding-bottom: 30px;
  }
  .quiz__item p {
    max-width: 146px;
  }
  .quiz__back {
    position: relative;
    left: auto !important;
    bottom: auto !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
  }
  .quiz-action {
    flex-wrap: wrap;
  }
  .product {
    width: 100%;
    padding: 0px;
  }
  .product::after {
    display: none;
  }
  .product h3 {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .product__info h3 {
    text-align: left;
  }
  .product__info img {
    max-height: calc(100% - 10px);
  }
  .quiz-action__form {
    padding-top: 28px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin-top: 0px;
  }
  .quiz-action__form form {
    max-width: 100%;
    padding-top: 2px;
  }
  .quiz-action__form p {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .quiz-action__form .input {
    margin-top: 12px;
  }
  .quiz-action__form .btn {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .quiz-info {
    /* max-width: 360px; */
  }
  .quiz {
    margin-top: 34px;
  }
  .quiz__slide {
    padding-top: 36px;
  }
  .quiz__slide h3 {
    min-height: 50px;
  }
  .quiz__items {
    margin-top: 5px;
  }
}
@media (max-width: 575px) {
  .section-quiz {
    padding-top: 76px;
  }
  .quiz-info {
    max-width: 100%;
  }
  .quiz-info p {
    font-size: 15px;
    margin-top: 15px;
  }
  .quiz {
    margin-top: 31px;
    width: 100%;
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
  }
  .quiz__slide {
    padding-top: 33px;
  }
  .quiz__items {
    padding-top: 0px;
    width: calc(100% + 10px);
    max-width: 300px;
  }
  .quiz__item {
    width: calc(50% - 10px);
    margin-top: 12px;
    min-height: 155px;
    padding-top: 29px;
    padding-bottom: 25px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .quiz__item p {
    font-size: 14px;
    max-width: 112px;
  }
  .quiz__item img {
    max-width: 52px;
    max-height: 50px;
    margin-top: 5px;
  }
  .quiz__back {
    margin-top: 15px;
    padding-left: 35px;
    font-size: 15px;
    margin-left: 5px;
  }
  .quiz__back img {
    width: 24px;
    max-height: 10px;
  }
  .quiz__slide_final .quiz__back {
    margin-left: 40px;
  }
  .product__info {
    margin-top: 24px;
    padding-left: 20px;
    padding-right: 132px;
    padding-top: 22px;
    padding-bottom: 16px;
  }
  .product__info h3 {
    padding-bottom: 5px;
    max-width: 100%;
  }
  .product__info p {
    max-width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
  }
  .product__info img {
    right: 13px;
    max-width: 118px;
  }
  .quiz-action__form {
    padding-top: 22px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .quiz-action__form form {
    max-width: 220px;
    padding-top: 2px;
  }
  .quiz-action__form .input {
    margin-top: 10px;
  }
  .quiz-action__form .btn {
    margin-top: 10px;
  }
}




/* media all*/
@media (max-width: 991px){
  body h2{
    font-size: 40px;
  }
}

@media (max-width: 768px){
  body h2{
    font-size: 35px;
  }
}

@media (max-width: 575px){
  body h2,
  .quiz__slide h3{
    font-size: 25px;
  }
}

@media (max-width: 414px){
  body h2,
  .quiz__slide h3,
  .rtk_network_2 h2,
  .application_areas > h2,
  .map_form div.b24-form .b24-form-header-title,
  .map_form div.b24-form .b24-form-header-description,
  .security-container-left h3,
  .help-container-left,
  .looks-container-left-top h3, 
  .looks-container-center-top h3,
  .contacts-prinnet__title h2,
  .equipment-part h4{
    font-size: 21px;
    border: none;
  }

  body .new-btn span,
  .trusted-container h4,
  .application_areas_item > h3,
  .trusted-block-right-this>div:nth-child(2),
  .modern-network-container-left h4,
  .modern-network-container-left-top div,
  .modern-network-container-left-bottom span,
  .modern-network-container-left > div, 
  .modern-network-container-right > div,
  .modern-network-container-right-top li,
  .modern-network-container-right > div:nth-last-child(1) span,
  .security-container-left,
  .comfortable-container-bottom li,
  .support-container-right-top,
  .help-container-right ul,
  .section-history h3,
  .looks-container-left-top li {
    font-size: 16px !important;
  }

  .trusted-block-left-this span{
    font-size: 14px;
  }

  .prinnet-tariff h3{
    font-size: 25px;
    margin: 0 0 10px
  }

  .prinnet-tariff__info{
    min-height: 100px;
  }

  .modern-network-container-left-top li {
    padding-bottom: 10px;
  }

  .modern-network-container-right-top li {
    padding-bottom: 10px;
  }

  .looks-container-rigth-top h3, 
  .looks-container-rigth-bottom h3, 
  .looks-container-rigth-bottom-2 h3{
    font-size: 110px;
  }
}