@charset "UTF-8";

.headers,
h1,
h2,
h3,
h4,
h5,
h6,
lead,
blockquote {
  font-family: 'Bebas Neue', sans-serif;
}

.bg-trust {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 50%) 99%), url('../../img/bg_hd.jpg');
  /* Замените на URL вашего фонового изображения */
  background-size: cover;
  /* Масштабирование изображения */
  background-position: center;
  /* Центрирование изображения */
  height: auto;
  /* Высота блока будет автоматически подстраиваться под высоту изображения */
  color: white;
}

.logo-gradient {
  background: radial-gradient(ellipse at 42% 50%, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 0) 75%);
}

.bg-parts {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 75%) 99%), url('../../img/bg-parts_hd.jpg');
  /* Замените на URL вашего фонового изображения */
  background-size: cover;
  /* Масштабирование изображения */
  background-position: center;
  /* Центрирование изображения */
  height: auto;
  /* Высота блока будет автоматически подстраиваться под высоту изображения */
  color: white;
  height: 400px;
}

.bg-service {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 75%) 99%), url('../../img/bg-service_hd.jpg');
  /* Замените на URL вашего фонового изображения */
  background-size: cover;
  /* Масштабирование изображения */
  background-position: center;
  /* Центрирование изображения */
  height: auto;
  /* Высота блока будет автоматически подстраиваться под высоту изображения */
  color: white;
  height: 400px;

}



.bg-manager {

  /* Замените на URL вашего фонового изображения */
  background-size: cover;
  /* Масштабирование изображения */
  background-position: center 25%;
  /* Центрирование изображения */
  height: auto;
  /* Высота блока будет автоматически подстраиваться под высоту изображения */
  color: white;
}


/* Добавляем разрыв перед элементом */
.pb-before {
  page-break-before: always;
}

/* Добавляем разрыв после элемента */
.pb-after {
  page-break-after: always;
}

/* Предотвращаем разрыв внутри элемента */
.pb-inside {
  page-break-inside: avoid;
}

/*
  .rotate {
    transform: rotate(270deg);
    transform-origin: left bottom;  изменить при необходимости 
    white-space: nowrap;  предотвращает перенос текста 
  }  */


.rotated-text {
  display: inline-block;
  overflow: hidden;
  width: 1.5em;
  line-height: 1.5;
}

.rotated-text__inner {
  display: inline-block;
  white-space: nowrap;
  -webkit-transform: translate(0, 100%) rotate(-90deg);
  -moz-transform: translate(0, 100%) rotate(-90deg);
  -ms-transform: translate(0, 100%) rotate(-90deg);
  -o-transform: translate(0, 100%) rotate(-90deg);
  transform: translate(0, 100%) rotate(-90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.rotated-text__inner:before {
  content: "";
  float: left;
  margin-top: 100%;
}


.rotate {
  transform-origin: center;
  transform: rotate(-90deg);
  display: block;
  width: 60px;
}

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }


  .noprint {
    display: none !important;
  }


  body,
  html {
    width: 100%;
    /* Задаем полную ширину */
    margin: 0;
    /* Убираем поля */
    padding: 0;
    /* Убираем отступы */

  }


  @page {
    margin: 2mm;
    /* Установите поля, если это поддерживается вашим браузером */
    width: 100%;
    /* Задаем полную ширину */
  }


}


.row-overflow-x {
  overflow-x: auto;
  flex-wrap: nowrap;
}

.row-overflow-x::-webkit-scrollbar {
  display: none;
  /* Для Chrome, Safari и Opera */
}


.social-buttons {
  position: fixed;
  bottom: 20px;
  /* Расстояние от нижнего края страницы */
  right: 20px;
  /* Расстояние от правого края страницы */
  z-index: 100
    /* Убедитесь, что кнопки выше других элементов */
}

.social-button {
  margin: 5px;
  /* Отступы между кнопками */
}


.square-block {

  overflow: hidden;
  /* Скрываем части изображения, которые выходят заы блока */
  position: relative;
  /* Для абсолютного позиционирования изображения */
}

.square-block img {
  position: absolute;
  /* Позволяет позиционировать изображение */
  top: 50%;
  /* Центрируем по вертикали */
  left: 50%;
  /* Центрируем по горизонтали */
  width: auto;
  /* Автоматическая ширина для изображения */

  min-width: 100%;
  /* Минимальная ширина изображения равна ширине блока */
  transform: translate(-50%, -50%);
  /* Центрируем изображение */
}




.table_col td {
  height: 1px;
  padding: 0px;
}