@charset "UTF-8";
/* ====================
   Подключение шрифтов
   ==================== */
@font-face {
  font-family: "Montserrat";
  src: local("MontserratThin-Regular"), local("Montserrat Thin"), url("../fonts/montserrat-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: local("MontserratThin-Medium"), local("Montserrat Thin"), url("../fonts/montserrat-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: local("MontserratThin-Bold"), local("Montserrat Thin"), url("../fonts/montserrat-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: local("MontserratThin-ExtraBold"), local("Montserrat Thin"), url("../fonts/montserrat-extra-bold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

/* ====================
   Базовые стили
   ==================== */
html {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #616c7d;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  min-width: 320px;
  font: normal normal 400 16px/1.5 Montserrat, Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  background-color: #f3f4f6;
  counter-reset: footnote;
  --scrollbar-width: 17px;
  --outer-width: calc(100vw - var(--scrollbar-width));
  --outer-height: calc(100vh - var(--scrollbar-width));
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  display: inline-block;
  vertical-align: top;
}

textarea {
  resize: vertical;
}

a {
  cursor: pointer;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

a::selection {
  background: transparent;
  text-shadow: none;
}

a[href="#"], a[href^="tel:"] {
  cursor: default;
}

button, [type="button"] {
  border-radius: 0;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

button::selection, [type="button"]::selection {
  background: transparent;
  text-shadow: none;
}

input, button, textarea, select {
  font-family: Arial, Helvetica, sans-serif;
}

[tabindex="0"] {
  outline: none;
}

/* --------------------
   Разбивка страницы
   -------------------- */
.layout_horizontal {
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
  background-color: #f3f4f6;
}

.layout__header {
  z-index: 10;
}

/* ====================
   Стили блоков сайта
   ==================== */
/* --------------------
   Якоря
   -------------------- */
.anchors {
  position: relative;
  box-sizing: border-box;
  white-space: normal;
}

.anchors::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 2px;
  background-color: #d2d5da;
}

.anchors__body {
  position: relative;
  padding: 0;
}

.anchors__intro {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 40px 20px 20px;
  font: 400 26px/1.15384615 Montserrat, Arial, Helvetica, sans-serif;
  color: #616c7d;
}

.anchors__list {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 20px 20px 0;
}

.anchors__item {
  display: block;
  font: 700 12px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #8e96a2;
}

.anchors__item + .anchors__item {
  margin-top: 1.25em;
}

.anchors__link {
  color: inherit;
}

.has-csstransitions .anchors__link {
  transition: .25s ease-out;
  transition-property: color;
}

.anchors__link:hover, .anchors__link:focus {
  outline: none;
  color: #616c7d;
}

.anchors__link:active, .anchors__link.is-active {
  color: #344258;
}

.anchors__buttons {
  position: relative;
  padding: 20px 20px 40px;
  text-align: center;
}

/* --------------------
   Блок
   -------------------- */
.block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 0;
}

.block_text {
  padding: 40px 30px;
}

.block_image {
  padding: 20px;
}

.block[data-href] {
  cursor: pointer;
}

.block[data-href]:hover, .block[data-href]:focus {
  outline: none;
}

.block[data-href]:hover .block__background::after, .block[data-href]:focus .block__background::after {
  background-color: rgba(97, 108, 125, 0.8);
}

.block[data-href]:active .block__background::after, .block[data-href].is-active .block__background::after {
  background-color: rgba(97, 108, 125, 0.9);
}

.block__title {
  position: relative;
  min-height: 3em;
  margin: 0 0 0.6em;
  padding: 0;
  font: 700 20px/1.5 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}

.block__link {
  display: block;
  padding-right: 10px;
  text-decoration: none;
  color: inherit;
}

.block__link::after {
  content: " ";
  right: 0;
  position: absolute;
  top: 15px;
  left: auto;
  display: block;
  width: 16px;
  height: 20px;
  margin: -10px -8px;
  background-image: url("../img/sprite.svg");
  background-position: -288px -146px;
  background-size: 392px 376px;
}

.block__background {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.block__background::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(52, 66, 88, 0.15);
  z-index: 1;
}

.has-csstransitions .block__background::after {
  transition: .25s ease-out;
  transition-property: background-color;
}

.block__background .block__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.block__text {
  font: 400 26px/1.15384615 Montserrat, Arial, Helvetica, sans-serif;
  color: #616c7d;
}

.block_text .block__text {
  width: 60%;
}

/* --------------------
   Кнопки
   -------------------- */
.button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0;
  border: none;
  background-color: transparent;
}

.button_lang {
  width: 50px;
  height: 50px;
  padding: 16px 10px;
  border: 1px solid #344258;
  font-size: 12px;
  line-height: 1.33333333;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #344258;
}

.button_lk {
  width: 50px;
  height: 50px;
  padding: 16px 10px;
  border: 1px solid #344258;
}

.has-csstransitions .button_lk {
  transition: .25s ease-out;
  transition-property: color, border-color;
}

.button_lk::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22px;
  height: 21px;
  margin: -10.5px -11px;
  background-image: url("../img/sprite.svg");
  background-position: -226px -120px;
  background-size: 392px 376px;
}

.header .button_lk {
  margin-left: 15px;
}

.button_feedback {
  width: 100%;
  height: 50px;
  padding: 17px 20px 17px 50px;
  font-size: 12px;
  line-height: 1.33333333;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
  color: #ffffff;
  background-color: #e91b23;
}

.button_feedback::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 25px;
  display: block;
  width: 20px;
  height: 18px;
  margin: -9px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -366px -264px;
  background-size: 392px 376px;
}

.has-csstransitions .button_feedback {
  transition: .25s ease-out;
  transition-property: background-color;
}

.header .button_feedback {
  margin-left: 15px;
}

.button_feedback:hover, .button_feedback:focus {
  outline: none;
  background-color: #b61f2c;
}

.button_feedback:active, .button_feedback.is-active {
  background-color: #972231;
}

.button_menu {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  border-radius: 50%;
}

.button_menu::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 2px;
  margin: -1px -15px;
  background-color: #ffffff;
  box-shadow: 0 -10px 0 #ffffff, 0 10px 0 #ffffff;
}

.header_dark .button_menu::before {
  background-color: #344258;
  box-shadow: 0 -10px 0 #344258, 0 10px 0 #344258;
}

.button_back {
  width: 100%;
  max-width: 210px;
  height: 50px;
  padding-left: 80px;
  text-align: left;
}

.button_back::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #8e96a2;
}

.has-csstransitions .button_back::before {
  transition: .25s ease-out;
  transition-property: background-color;
}

.button_back::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 25px;
  display: block;
  width: 16px;
  height: 20px;
  margin: -10px -8px;
  background-image: url("../img/sprite.svg");
  background-position: -288px -180px;
  background-size: 392px 376px;
}

.button_back span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  color: #8e96a2;
}

.has-csstransitions .button_back span {
  transition: .25s ease-out;
  transition-property: color;
}

.button_back:hover, .button_back:focus {
  outline: none;
}

.button_back:hover::before, .button_back:focus::before {
  background-color: #344258;
}

.button_back:hover span, .button_back:focus span {
  color: #344258;
}

.button_back:active::before, .button_back.is-active::before {
  background-color: #1f2c46;
}

.button_back:active span, .button_back.is-active span {
  color: #1f2c46;
}

.button_up {
  width: 50px;
  height: 50px;
}

.button_up::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #8e96a2;
}

.has-csstransitions .button_up::before {
  transition: .25s ease-out;
  transition-property: background-color;
}

.button_up::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 25px;
  display: block;
  width: 20px;
  height: 16px;
  margin: -8px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -86px -294px;
  background-size: 392px 376px;
}

.button_up span {
  display: none;
}

.has-csstransitions .button_up span {
  transition: .25s ease-out;
  transition-property: color;
}

.button_up:hover, .button_up:focus {
  outline: none;
}

.button_up:hover::before, .button_up:focus::before {
  background-color: #344258;
}

.button_up:hover span, .button_up:focus span {
  color: #344258;
}

.button_up:active::before, .button_up.is-active::before {
  background-color: #1f2c46;
}

.button_up:active span, .button_up.is-active span {
  color: #1f2c46;
}

.button_more {
  width: 100%;
  max-width: 210px;
  height: 50px;
  padding-left: 80px;
  text-align: left;
}

.button_more::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #8e96a2;
}

.has-csstransitions .button_more::before {
  transition: .25s ease-out;
  transition-property: background-color;
}

.button_more::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 25px;
  display: block;
  width: 5px;
  height: 5px;
  margin: -2.5px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: -8px 0 0 #ffffff, 8px 0 0 #ffffff;
}

.button_more span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  color: #8e96a2;
}

.has-csstransitions .button_more span {
  transition: .25s ease-out;
  transition-property: color;
}

.button_more:hover, .button_more:focus {
  outline: none;
}

.button_more:hover::before, .button_more:focus::before {
  background-color: #344258;
}

.button_more:hover span, .button_more:focus span {
  color: #344258;
}

.button_more:active::before, .button_more.is-active::before {
  background-color: #1f2c46;
}

.button_more:active span, .button_more.is-active span {
  color: #1f2c46;
}

.is-dosing .button_more::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 25px;
  display: block;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  margin: -14px;
  padding: 0;
  border: 2px solid rgba(91, 186, 71, 0.2);
  border-radius: 50%;
  background: transparent url("data:image/svg+xml;utf8,%3Csvg%20width%3D'28'%20height%3D'28'%20viewBox%3D'0%200%2028%2028'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%202C7.373%202%202%207.373%202%2014s5.373%2012%2012%2012%2012-5.373%2012-12h2c0%207.732-6.268%2014-14%2014S0%2021.732%200%2014%206.268%200%2014%200v2z'%20fill%3D'%235BBA47'%20fill-rule%3D'nonzero'%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
  box-shadow: none;
  -webkit-animation: rotate 1.1s linear infinite;
  animation: rotate 1.1s linear infinite;
  z-index: 1;
}

.button_contacts {
  width: 100%;
  height: 50px;
  padding: 9px 20px 9px 50px;
  border: 1px solid #8e96a2;
  font-size: 12px;
  line-height: 1.33333333;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  color: #8e96a2;
}

.button_contacts::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 25px;
  display: block;
  width: 16px;
  height: 20px;
  margin: -10px -8px;
  background-image: url("../img/sprite.svg");
  background-position: -202px -113px;
  background-size: 392px 376px;
}

.button_contacts span {
  display: inline-block;
  max-width: 160px;
}

.has-csstransitions .button_contacts {
  transition: .25s ease-out;
  transition-property: background-color;
}

.button_contacts:hover, .button_contacts:focus {
  outline: none;
  background-color: #e8eaec;
}

.button_contacts:active, .button_contacts.is-active {
  background-color: #d2d5da;
}

/* --------------------
   Карьерная таблица
   -------------------- */
.career {
  display: block;
  width: 100%;
}

.career__row {
  display: block;
  padding: 25px 0 0 0;
  border-bottom: 1px dotted #979797;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
}

.career__organization {
  display: block;
  font-size: 16px;
  line-height: 1.5625;
  font-weight: 400;
  color: #344258;
}

.career__experience {
  display: block;
  font-size: 16px;
  line-height: 1.5625;
  font-weight: 700;
  color: #344258;
}

.career__post {
  display: block;
  font-size: 16px;
  line-height: 1.5625;
  font-weight: 400;
  color: #344258;
}

/* --------------------
   Карусель
   -------------------- */
.carousel__container {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.carousel__row {
  display: block;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
}

.carousel__viewport {
  position: relative;
  display: block;
}

.carousel__nav {
  position: relative;
  height: 50px;
  text-align: center;
}

.carousel__button {
  position: absolute;
  top: 50%;
  display: block;
  width: 50px;
  height: 50px;
  margin: -25px 0;
  border: none;
  background-color: #8e96a2;
}

.has-csstransitions .carousel__button {
  transition: .25s ease-out;
  transition-property: background-color;
}

.carousel__button_prev {
  left: 0;
}

.carousel__button_prev::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 20px;
  margin: -10px -8px;
  background-image: url("../img/sprite.svg");
  background-position: -288px -180px;
  background-size: 392px 376px;
}

.carousel__button_next {
  right: 0;
}

.carousel__button_next::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 20px;
  margin: -10px -8px;
  background-image: url("../img/sprite.svg");
  background-position: -288px -146px;
  background-size: 392px 376px;
}

.carousel__button:hover, .carousel__button:focus {
  outline: none;
  background-color: #344258;
}

.carousel__button:active, .carousel__button.is-active {
  background-color: #1f2c46;
}

.carousel__bullets {
  display: none;
}

.carousel__bullet {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin: 18px 3px;
  padding: 0;
  border: none;
  background-color: transparent;
}

.carousel__bullet::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 6px;
  height: 6px;
  margin: -3px;
  border-radius: 50%;
  background-color: #1f2c46;
}

.has-csstransitions .carousel__bullet::before {
  transition: .25s ease-out;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
}

.carousel__bullet:hover, .carousel__bullet:focus {
  outline: none;
}

.carousel__bullet:hover::before, .carousel__bullet:focus::before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.carousel__bullet:active::before, .carousel__bullet.is-active::before {
  background-color: #e91b23;
  -webkit-transform: scale(2.33);
  transform: scale(2.33);
}

.carousel__bullet[aria-pressed="true"]::before {
  background-color: #e91b23;
  -webkit-transform: scale(2.33);
  transform: scale(2.33);
}

.carousel__counter {
  display: inline-block;
  vertical-align: middle;
  margin: 1.07142857em 0;
  font-size: 14px;
  line-height: 1.42857143;
  font-weight: 400;
  color: #8e96a2;
}

/* --------------------
   Вагон детально
   -------------------- */
.carriage {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 30px;
  white-space: normal;
}

.carriage__header {
  position: relative;
  box-sizing: border-box;
  padding: 30px 20px;
  z-index: 1;
}

.carriage__title {
  margin: 0;
  padding: 0;
  font: 700 24px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.carriage__images {
  position: relative;
  height: 0;
  padding-top: 50%;
  display: block;
  width: 100%;
  z-index: 0;
}

.carriage__images::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 33.33333333%;
  height: 100%;
  background-color: #616c7d;
  z-index: 0;
}

.carriage__image {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
}

.carriage__image_1 {
  left: 0;
  bottom: 0;
  width: 16.66666667%;
  height: 75%;
  z-index: 1;
}

.carriage__image_2 {
  right: 33.33333333%;
  top: 0;
  width: 16.66666667%;
  height: 50%;
  z-index: 1;
}

.carriage__image_3 {
  right: 16.66666667%;
  bottom: 0;
  width: 16.66666667%;
  height: 50%;
  z-index: 1;
}

.carriage__image_main {
  left: 0;
  top: 31.25%;
  width: 100%;
  height: 62.5%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
}

.carriage__columns {
  position: relative;
  box-sizing: border-box;
  padding: 50px 20px 0;
  background-color: #616c7d;
  z-index: 1;
}

.carriage__column {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 50px;
}

.carriage__text {
  position: relative;
  padding: 10px 20px;
  font: 400 14px/1.42857143 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
  z-index: 1;
}

/* --------------------
   График
   -------------------- */
.chart {
  margin: 0;
  padding: 0;
}

.txtcoll__chart .chart {
  margin-top: 30px;
}

.chart__view {
  position: relative;
  width: 180px;
  height: 80px;
  margin-bottom: 10px;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
}

.chart__bars {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 60px;
  height: 80px;
}

.chart__bar {
  position: absolute;
  bottom: 0;
  display: inline-block;
  vertical-align: bottom;
  width: 50%;
  height: 100%;
  background-color: #e91b23;
}

.chart__bar_plus {
  left: 50%;
}

.chart__bar_plus::before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 26px;
  height: 8px;
  margin: -4px -13px;
  background-color: #ffffff;
}

.chart__bar_plus::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 8px;
  height: 26px;
  margin: -13px -4px;
  background-color: #ffffff;
}

.chart__value {
  display: inline-block;
  vertical-align: bottom;
  box-sizing: border-box;
  width: 120px;
  padding: 0 0 0 10px;
}

.chart_red .chart__value {
  font: 800 34px/1 Montserrat, Arial, Helvetica, sans-serif;
  color: #e91b23;
}

.chart_white .chart__value {
  font: 800 34px/0.8 Montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.chart__caption {
  display: block;
  margin: 0;
  padding: 0;
}

.chart_red .chart__caption {
  font: 700 12px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #8e96a2;
}

.chart_white .chart__caption {
  font: 400 12px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

/* --------------------
   Компетенции
   -------------------- */
.competencies {
  position: relative;
  padding-top: 40px;
}

.competencies::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  display: block;
  height: 2px;
  background-color: #d2d5da;
}

.competencies__header {
  display: block;
  padding: 0 20px;
}

.competencies__title {
  margin: 0 0 30px;
  padding: 0;
  font: 700 24px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.competencies__list {
  white-space: normal;
}

.competencies__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 0;
  padding-top: 100%;
}

/* --------------------
   Контакты
   -------------------- */
.contacts_screen {
  position: relative;
  margin-top: -170px;
  white-space: normal;
}

.contacts_footer {
  width: 100%;
}

.contacts__map {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-top: 150%;
}

.contacts__map::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 40%;
  background-image: linear-gradient(to bottom, rgba(243, 244, 246, 0.9), rgba(243, 244, 246, 0));
}

.contacts__params {
  display: block;
  box-sizing: border-box;
  padding: 30px 20px 0;
  background-color: #616c7d;
}

.contacts__param {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 30px;
  -webkit-column-break-inside: avoid;
  break-inside: avoid-column;
}

.contacts_footer .contacts__param {
  max-width: 210px;
  padding-right: 30px;
}

.contacts__title {
  margin: 0 0 0.75em;
  padding: 0;
  font-size: 12px;
  line-height: 1.33333333;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
}

.contacts_screen .contacts__title {
  color: #ffffff;
}

.contacts_footer .contacts__title {
  color: #8e96a2;
}

.contacts__value {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5625;
  font-weight: 400;
  text-align: left;
}

.contacts_screen .contacts__value {
  color: #ffffff;
}

.contacts_footer .contacts__value {
  color: #8e96a2;
}

.contacts__value a {
  color: inherit;
  text-decoration: none;
}

.contacts__value a:not([href^="tel:"]):hover, .contacts__value a:not([href^="tel:"]):focus {
  outline: none;
  text-decoration: underline;
}

/* --------------------
   Копирайт
   -------------------- */
.copyrights {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: left;
}

.copyrights__logo {
  display: block;
  margin-bottom: 40px;
}

.copyrights__text {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.42857143;
  font-weight: 400;
  color: #8e96a2;
}

/* --------------------
   Департамент
   -------------------- */
.department {
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
  padding-bottom: 40px;
}

.department::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 2px;
  background-color: #d2d5da;
}

.department:last-of-type {
  margin-right: 0;
  padding-bottom: 0;
}

.department:last-of-type .department__picture {
  width: 25%;
}

.department:last-of-type::after {
  display: none;
}

.department__header {
  position: relative;
  white-space: normal;
  width: 100%;
  padding-top: 40px;
  z-index: 1;
}

.department__title {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 20px 30px;
  font: 700 24px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.department__persons {
  position: relative;
  display: block;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
}

.department__persons::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

.department__picture {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 12.5%;
  height: 0;
  margin-top: 37.5%;
  padding-top: 187.5%;
}

.department__img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.department__person {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 75%;
  white-space: normal;
}

.department__person .person {
  margin-top: 50%;
  margin-bottom: -50%;
  padding-top: 300%;
}

.department__person:nth-of-type(2n-2) .person {
  margin-top: 100%;
  margin-bottom: -100%;
}

.department__person:nth-of-type(3n-4) .person {
  margin-top: 0;
  margin-bottom: 0;
}

/* --------------------
   Ссылка на разработчика
   -------------------- */
.footer .designdepot {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: left;
}

.designdepot__text {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #8e96a2;
}

.designdepot__link {
  display: block;
  text-decoration: none;
}

.designdepot__link:hover, .designdepot__link:focus {
  outline: none;
}

.designdepot__link:hover .designdepot__logo::before, .designdepot__link:focus .designdepot__logo::before {
  opacity: 1;
  visibility: visible;
}

.designdepot__link:active .designdepot__logo, .designdepot__link.is-active .designdepot__logo {
  width: 120px;
  height: 26px;
  background-image: url("../img/sprite.svg");
  background-position: -2px -32px;
  background-size: 392px 376px;
}

.designdepot__link:active .designdepot__logo::before, .designdepot__link.is-active .designdepot__logo::before {
  opacity: 0;
  visibility: hidden;
}

.designdepot__logo {
  position: relative;
  display: block;
  vertical-align: top;
  width: 120px;
  height: 26px;
  background-image: url("../img/sprite.svg");
  background-position: -2px -62px;
  background-size: 392px 376px;
}

.designdepot__logo::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 120px;
  height: 26px;
  margin: -13px -60px;
  background-image: url("../img/sprite.svg");
  background-position: -2px -2px;
  background-size: 392px 376px;
  opacity: 0;
  visibility: hidden;
}

.has-csstransitions .designdepot__logo::before {
  transition: .25s ease-out;
  transition-property: opacity, visibility;
}

/* --------------------
   Дозатор
   -------------------- */
.dispenser__target {
  display: inline-block;
  vertical-align: top;
  padding-top: 60px;
}

.dispenser__more {
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px 30px;
  text-align: left;
}

/* --------------------
   Пончик
   -------------------- */
.doughnut {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

.doughnut_park {
  width: 100%;
}

.doughnut__viewport {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

.doughnut_park .doughnut__viewport {
  width: 100%;
  height: 0;
  padding-top: 100%;
}

.doughnut_table .doughnut__viewport {
  width: 100vw;
  height: 100vw;
  margin-bottom: 30px;
}

@supports (--css: variables) {
  .doughnut_table .doughnut__viewport {
    width: var(--outer-width);
  }
}

.doughnut_table .doughnut__viewport::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #e8eaec;
}

.doughnut__viewport svg {
  overflow: visible;
  position: absolute;
}

.doughnut_park .doughnut__viewport svg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.doughnut_table .doughnut__viewport svg {
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
}

.doughnut__viewport path {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.doughnut__viewport path::selection {
  background: transparent;
  text-shadow: none;
}

.doughnut_park .doughnut__caption {
  position: absolute;
  top: 20%;
  left: 20%;
  box-sizing: border-box;
  width: 60%;
  height: 60%;
  border-radius: 50%;
  overflow: hidden;
  white-space: normal;
}

.doughnut_table .doughnut__caption {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  white-space: normal;
  width: 100%;
}

.doughnut__caption table {
  border-collapse: collapse;
  width: calc(100% - 40px);
  margin: 0 20px;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  vertical-align: bottom;
  white-space: normal;
  color: #344258;
}

.doughnut__caption table th {
  vertical-align: bottom;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  color: #8e96a2;
}

.doughnut__caption table td {
  vertical-align: bottom;
  padding-top: 30px;
}

.doughnut__caption table td:first-child {
  padding-right: 10px;
}

.doughnut__caption table td + td {
  padding-right: 40px;
  border-bottom: 1px dashed #d2d5da;
}

.doughnut__caption table td + td:last-child {
  padding-right: 0;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.doughnut__caption table tbody tr {
  color: #616c7d;
  cursor: pointer;
}

.has-csstransitions .doughnut__caption table tbody tr {
  transition: .25s ease-out;
  transition-property: color;
}

.doughnut__caption table tbody tr:hover, .doughnut__caption table tbody tr:focus, .doughnut__caption table tbody tr:active, .doughnut__caption table tbody tr.is-active {
  outline: none;
  color: #1f2c46;
}

.doughnut__point {
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 15%;
  box-sizing: border-box;
  border-radius: 50%;
}

.doughnut__point_default {
  font: 400 14px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #344258;
}

.doughnut__point_active {
  font: 400 14px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #344258;
  background-color: #ffffff;
  visibility: hidden;
  opacity: 0;
}

.has-csstransitions .doughnut__point_active {
  transition: .25s ease-out .25s;
  transition-property: opacity, visibility;
}

.doughnut__point_active[aria-hidden="false"] {
  visibility: visible;
  opacity: 1;
  transition-delay: 0ms;
}

.doughnut__point_active:first-of-type {
  visibility: visible;
  opacity: .8;
}

.doughnut__total {
  display: block;
  margin: 0;
  padding: 0;
  font: 800 34px/1 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #e91b23;
}

.doughnut__color {
  display: block;
  width: 20px;
  height: 20px;
}

/* --------------------
   Стили текста из WYSIWYG
   -------------------- */
.editable {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px 30px;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  white-space: normal;
  color: #344258;
}

@supports (--css: variables) {
  .editable {
    width: var(--outer-width);
  }
}

.is-editable h2 {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-size: 1.5em;
  line-height: 1.25em;
}

.is-editable h2 + p {
  margin-top: 1em;
}

.is-editable h3 {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.is-editable h4 {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.is-editable h5 {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.is-editable h6 {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

.is-editable p {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.is-editable p + p {
  margin-top: 1em;
}

.is-editable p + ul,
.is-editable p + ol {
  margin-top: .5em;
}

.is-editable ul {
  display: block;
  box-sizing: border-box;
  margin: 0 0 1em;
  padding: 0;
}

.is-editable ul > li {
  position: relative;
  display: block;
  padding: 0 0 0 30px;
  margin: 0;
}

.is-editable ul > li::before {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  text-align: center;
}

.is-editable ul > li + li {
  margin-top: .5em;
}

.is-editable:last-child {
  margin-bottom: 0;
}

.is-editable ol {
  display: block;
  box-sizing: border-box;
  margin: 0 0 1em;
  padding: 0;
}

.is-editable ol > li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}

.is-editable ol > li + li {
  margin-top: .5em;
}

.is-editable ol:last-child {
  margin-bottom: 0;
}

.is-editable table {
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

.is-editable table thead {
  vertical-align: top;
}

.is-editable table thead th {
  text-align: left;
  font-size: 75%;
  text-transform: uppercase;
  opacity: .5;
}

.is-editable table thead th + th {
  text-align: center;
}

.is-editable table thead td {
  text-align: center;
}

.is-editable table tbody {
  vertical-align: bottom;
}

.is-editable table tbody th {
  padding-top: 1em;
  font-weight: lighter;
  text-align: left;
  border-bottom: 1px dashed #d2d5da;
}

.is-editable table tbody th + td {
  font-weight: bolder;
  text-align: center;
}

.is-editable table tbody td {
  padding-top: 1em;
  font-weight: lighter;
  text-align: left;
  border-bottom: 1px dashed #d2d5da;
}

.is-editable table tbody td + td {
  font-weight: bolder;
  text-align: center;
}

.is-editable table th + td {
  padding-left: 10px;
  padding-right: 10px;
}

.is-editable table td + td {
  padding-left: 10px;
  padding-right: 10px;
}

.is-editable table p {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}

.is-editable table img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}

.is-editable table.is-flip td {
  padding-left: 0;
  padding-right: 0;
}

.is-editable table.is-flip thead,
.is-editable table.is-flip > tr:first-child {
  display: none;
}

.is-editable table.is-flip tbody td:first-child,
.is-editable table.is-flip tbody th:first-child,
.is-editable table.is-flip > tr:nth-child(n+2) th:first-child,
.is-editable table.is-flip > tr:nth-child(n+2) td:first-child {
  display: block;
  width: 100%;
  padding-top: 36px;
  overflow: hidden;
}

.is-editable table.is-flip tbody td:nth-child(n+2),
.is-editable table.is-flip > tr:nth-child(n+2) td:nth-child(n+2) {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: left;
}

.is-editable table.is-flip tbody td:nth-child(n+2) > div,
.is-editable table.is-flip > tr:nth-child(n+2) td:nth-child(n+2) > div {
  display: inline-block;
  vertical-align: bottom;
  width: 50%;
  text-align: center;
}

.is-editable table.is-flip tbody td:nth-child(n+2)::before,
.is-editable table.is-flip > tr:nth-child(n+2) td:nth-child(n+2)::before {
  content: attr(data-label);
  display: inline-block;
  vertical-align: bottom;
  box-sizing: border-box;
  width: 50%;
  font-size: 75%;
  text-transform: uppercase;
  opacity: .5;
}

.is-editable table + p {
  margin-top: 1em;
}

.is-editable table + table {
  margin-top: 60px;
}

.is-editable a {
  color: inherit;
  text-decoration: underline;
}

.has-csstransitions .is-editable a {
  transition: .25s ease-out;
  transition-property: color;
}

.is-editable a:visited {
  color: #616c7d;
}

.is-editable a:hover, .is-editable a:focus {
  outline: none;
  color: #e91b23;
}

.is-editable .editable-footnote {
  position: relative;
  padding-left: 10px;
  max-width: 300px;
  counter-increment: footnote;
  opacity: .5;
}

.is-editable .editable-footnote::before {
  content: "*";
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: baseline;
}

.is-editable small {
  font-size: 80%;
  opacity: .5;
}

/* --------------------
   Образование
   -------------------- */
.education__title {
  margin: 0 0 1.58333333em;
  padding: 0;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
  color: #8e96a2;
}

.education__place {
  margin: 0 0 .5em;
  padding: 0;
  font-size: 16px;
  line-height: 1.5625;
  font-weight: 400;
  color: #344258;
}

/* --------------------
   Факт
   -------------------- */
.fact__value {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 54px;
  line-height: 1.22222222;
  font-weight: 800;
  color: #e91b23;
}

.fact__label {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
  color: #8e96a2;
}

/* --------------------
   Обратная связь
   -------------------- */
.feedback {
  position: relative;
  box-sizing: border-box;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
  white-space: normal;
}

.feedback::after {
  content: " ";
  display: block;
  width: 100%;
  height: 170px;
  background: url("../img/feedback-bg-layer-2.svg") 75% 5px no-repeat, url("../img/feedback-bg-layer-1.svg") 0 0 repeat-x;
  z-index: 0;
}

.feedback__header {
  position: relative;
  padding: 140px 20px 0;
  z-index: 1;
}

.feedback__title {
  margin: 0 0 0.375em;
  padding: 0;
  font: 800 30px/1.04166667 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.feedback__hint {
  margin: 0;
  padding: 0;
  font: 400 14px/1.42857143 Montserrat, Arial, Helvetica, sans-serif;
  color: #8e96a2;
}

.feedback__form {
  position: relative;
  display: block;
  padding: 40px 20px;
}

/* --------------------
   Поле
   -------------------- */
.field {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
}

.field:hover, .field:focus, .field:focus-within {
  outline: none;
}

.field:hover .field__element, .field:focus .field__element, .field:focus-within .field__element {
  border-color: #344258;
}

.field.is-busy .field__element {
  color: #344258;
}

.field.is-busy .field__hint {
  color: transparent;
}

.field.is-invalid .field__element {
  border-color: rgba(233, 27, 35, 0.2);
  color: #e91b23;
  background-color: rgba(233, 27, 35, 0.03);
}

.field__element {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: transparent;
  outline: none;
  z-index: 0;
}

.field__element_multiline {
  min-height: 180px;
}

.has-csstransitions .field__element {
  transition: .15s ease-out;
  transition-property: color, background-color, border-color;
}

.form_default .field__element {
  border: 1px solid #d2d5da;
  padding: 16px 19px 17px;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
  background-color: #ffffff;
}

.form_default .field_icon .field__element {
  padding-left: 59px;
}

.field_checkbox .field__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.field_checkbox .field__element:checked + .field__label::after {
  opacity: 1;
}

.field_checkbox .field__element:focus + .field__label::before {
  border-color: #344258;
}

.field_checkbox .field__label {
  position: relative;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: rgba(52, 66, 88, 0.4);
  cursor: pointer;
}

.field_checkbox .field__label::before {
  content: " ";
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(52, 66, 88, 0.4);
  margin-right: 6px;
  transition: .25s ease-out;
  transition-property: border-color;
}

.field_checkbox .field__label::after {
  content: " ";
  position: absolute;
  top: -3px;
  left: 0;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background-image: url("../img/sprite.svg");
  background-position: -362px -195px;
  background-size: 392px 376px;
  opacity: 0;
  transition: .25s ease-out;
  transition-property: opacity;
}

.field_checkbox .field__label a {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.field_checkbox .field__label a:hover, .field_checkbox .field__label a:focus {
  outline: none;
  text-decoration: none;
}

.field_checkbox .field__label:hover, .field_checkbox .field__label:focus {
  outline: none;
}

.field_checkbox .field__label:hover::before, .field_checkbox .field__label:focus::before {
  border-color: #344258;
}

.field__hint {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: text;
  pointer-events: none;
  z-index: 1;
}

.has-csstransitions .field__hint {
  transition: .15s ease-out;
  transition-property: color;
}

.form_default .field__hint {
  padding: 17px 20px 18px;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: rgba(52, 66, 88, 0.4);
}

.form_default .field_icon .field__hint {
  padding-left: 60px;
}

.field_icon-mail .field__hint::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 30px;
  display: block;
  width: 20px;
  height: 15px;
  margin: -7.5px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -276px -120px;
  background-size: 392px 376px;
}

.field_icon-message .field__hint::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 30px;
  display: block;
  width: 20px;
  height: 18px;
  margin: -9px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -342px -264px;
  background-size: 392px 376px;
}

.field_icon-phone .field__hint::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 30px;
  display: block;
  width: 16px;
  height: 20px;
  margin: -10px -8px;
  background-image: url("../img/sprite.svg");
  background-position: -202px -113px;
  background-size: 392px 376px;
}

.field_icon-portfolio .field__hint::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 30px;
  display: block;
  width: 20px;
  height: 17px;
  margin: -8.5px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -202px -92px;
  background-size: 392px 376px;
}

.field_icon-question .field__hint::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 30px;
  display: block;
  width: 20px;
  height: 20px;
  margin: -10px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -194px -56px;
  background-size: 392px 376px;
}

.field_icon-user .field__hint::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 30px;
  display: block;
  width: 20px;
  height: 19px;
  margin: -9.5px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -287px -314px;
  background-size: 392px 376px;
}

.field__error {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
}

.has-csstransitions .field__error {
  transition: .25s ease-out .5s;
  transition-property: visibility, opacity;
}

.field__button {
  position: absolute;
  top: 21px;
  right: 1px;
  display: block;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  z-index: 2;
}

/* --------------------
    Подвал
   -------------------- */
.footer {
  position: relative;
  width: 100%;
  white-space: normal;
  background-color: #e8eaec;
  overflow: hidden;
}

.footer__nav {
  display: block;
  margin-top: 30px;
  padding: 0 20px;
  box-sizing: border-box;
}

.footer__back {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1;
}

.footer__buttons {
  text-align: center;
}

.footer__body {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  margin: 40px 0 20px;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
}

.footer__contacts {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 30px;
}

.footer__copyrights {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 30px;
}

.footer__legal {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  vertical-align: top;
  box-sizing: border-box;
  gap: 10px;
  width: 100%;
  margin-bottom: 30px;
}

.footer__vendor {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 30px;
}

.footer__link {
  display: inline-block;
  font-size: 12px;
  line-height: 25px;
  font-weight: 400;
  text-decoration: underline;
  color: #344258;
}

/* --------------------
   Форма
   -------------------- */
.form {
  position: relative;
}

.has-csstransitions .form {
  transition: .15s ease-out;
  transition-property: opacity;
}

.form.is-processing {
  opacity: .5;
}

.form.is-processing::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: progress;
  z-index: 10;
}

.form.is-processing::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  margin: -14px;
  padding: 0;
  border: 2px solid rgba(91, 186, 71, 0.2);
  border-radius: 50%;
  background: transparent url("data:image/svg+xml;utf8,%3Csvg%20width%3D'28'%20height%3D'28'%20viewBox%3D'0%200%2028%2028'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%202C7.373%202%202%207.373%202%2014s5.373%2012%2012%2012%2012-5.373%2012-12h2c0%207.732-6.268%2014-14%2014S0%2021.732%200%2014%206.268%200%2014%200v2z'%20fill%3D'%235BBA47'%20fill-rule%3D'nonzero'%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
  box-shadow: none;
  -webkit-animation: rotate 1.1s linear infinite;
  animation: rotate 1.1s linear infinite;
  z-index: 1;
}

.has-csstransitions .form__body {
  transition: .15s ease-out;
  transition-property: opacity, visibility;
}

.form__body[aria-hidden="true"] {
  opacity: 0;
  visibility: hidden;
}

.form__column {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
}

.form__label {
  display: block;
}

.form_default .form__label {
  margin-bottom: 16px;
  font: 700 12px/1.33333333 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #8e96a2;
}

.form__field {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
}

.form__field_login {
  position: fixed;
  bottom: 100%;
  right: 100%;
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.form__field[hidden] {
  display: none;
}

.form_default .form__field {
  margin-bottom: 28px;
}

.form__legend {
  display: block;
  margin: 0;
  padding: 0;
}

.form__error {
  display: none;
}

.is-invalid .form__error {
  display: block;
}

.form__disclaimer {
  font: 400 14px/1.42857143 Montserrat, Arial, Helvetica, sans-serif;
  color: #8e96a2;
}

.form__buttons {
  margin-top: 30px;
  display: block;
  text-align: center;
}

.form__submit {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 17px 20px;
  border: none;
  font-size: 12px;
  line-height: 1.33333333;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  background-color: #e91b23;
}

.has-csstransitions .form__submit {
  transition: .25s ease-out;
  transition-property: background-color;
}

.form__submit:hover, .form__submit:focus {
  outline: none;
  background-color: #b61f2c;
}

.form__submit:active, .form__submit.is-active {
  background-color: #972231;
}

.form__submit:disabled, .form__submit.is-disabled {
  background-color: #d2d5da;
}

.is-processing .form__submit {
  color: transparent;
}

.is-processing .form__submit::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  margin: -14px;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background: transparent url("data:image/svg+xml;utf8,%3Csvg%20width%3D'28'%20height%3D'28'%20viewBox%3D'0%200%2028%2028'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%202C7.373%202%202%207.373%202%2014s5.373%2012%2012%2012%2012-5.373%2012-12h2c0%207.732-6.268%2014-14%2014S0%2021.732%200%2014%206.268%200%2014%200v2z'%20fill%3D'%23FFFFFF'%20fill-rule%3D'nonzero'%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
  box-shadow: none;
  -webkit-animation: rotate 1.1s linear infinite;
  animation: rotate 1.1s linear infinite;
  z-index: 1;
}

.form__message {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 30;
}

.has-csstransitions .form__message {
  transition: .25s ease-out;
  transition-property: opacity, visibility;
}

.form__message[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/* --------------------
   Тест сетки
   -------------------- */
.grid {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 9999;
}

.grid::after {
  content: " ";
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 2px 5px;
  font-size: 14px;
  color: #ffffff;
  background-color: #931680;
  pointer-events: none;
  z-index: 1;
}

.grid__container {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

.grid__row {
  display: block;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  height: 100%;
  white-space: nowrap;
}

.grid__column {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 25%;
  max-width: 25%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  height: 100%;
  overflow: hidden;
}

.grid__column::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 64, 108, 0.01);
  outline: 1px solid rgba(232, 64, 108, 0.1);
  outline-offset: -1px;
  z-index: 1;
}

.grid__column::after {
  content: " ";
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(147, 22, 128, 0.01);
  outline: 1px solid rgba(147, 22, 128, 0.1);
  outline-offset: -1px;
  z-index: 2;
}

.grid__column:nth-child(n+5) {
  display: none;
}

/* --------------------
    Шапка
   -------------------- */
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  white-space: normal;
  margin-bottom: -100px;
  background-color: inherit;
  z-index: 20;
}

.layout_vertical .header_dark {
  margin-bottom: 0;
  background-color: #f3f4f6;
  z-index: 10;
}

.header__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 0;
}

.header__logo {
  box-sizing: border-box;
  width: 41.66666667%;
  padding-left: 20px;
}

.header__menu {
  display: none;
}

.header__buttons {
  box-sizing: border-box;
  width: 58.33333333%;
  padding-right: 10px;
  text-align: right;
}

/* --------------------
   История
   -------------------- */
.history {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  white-space: nowrap;
}

.history__header {
  white-space: normal;
}

.history__title {
  margin: 0 0 30px;
  padding: 40px 20px 0;
  font: 700 24px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.history__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 20px 30px;
  white-space: normal;
}

.history__milestone {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 75%;
  white-space: normal;
}

.history__milestone:nth-child(even) {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

/* --------------------
   Страница ошибки
   -------------------- */
.http {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100vh;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
}

.http_404::after {
  content: " ";
  position: absolute;
  top: 75%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/http-bg-404.png");
  background-repeat: no-repeat;
  background-size: 200px 64px;
  background-position: 50% 50%;
  z-index: 0;
}

.http_offline::after {
  content: " ";
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/http-bg-offline.png");
  background-repeat: no-repeat;
  background-size: 136px 351px;
  background-position: 90% 0;
  z-index: 0;
}

.http__container {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  z-index: 1;
}

.http__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.http__body {
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  margin: auto 0;
  white-space: normal;
}

.http__code {
  margin: 0 0 0.58823529em;
  font: 700 34px/1.23529412 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #e91b23;
}

.http__name {
  margin: 0 0 0.70833333em;
  font-size: 28px;
  line-height: 1.04166667;
  font-weight: 700;
  color: #344258;
}

.http__message {
  margin: 0 0 1.875em;
  font-size: 16px;
  line-height: 1.5625;
  font-weight: 400;
  color: #344258;
}

/* --------------------
   Логотип
   -------------------- */
.logo {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
}

.logo__link {
  position: relative;
  display: block;
  text-decoration: none;
}

.header .logo__link::before {
  content: " ";
  display: block;
  width: 96px;
  height: 50px;
  background-image: url("../img/sprite.svg");
  background-position: -126px -2px;
  background-size: 392px 376px;
  visibility: visible;
  opacity: 1;
}

.has-csstransitions .header .logo__link::before {
  transition: .25s ease-out;
  transition-property: opacity, visibility;
}

.header .logo__link::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 96px;
  height: 50px;
  background-image: url("../img/sprite.svg");
  background-position: -102px -92px;
  background-size: 392px 376px;
  visibility: hidden;
  opacity: 0;
}

.has-csstransitions .header .logo__link::after {
  transition: .25s ease-out;
  transition-property: opacity, visibility;
}

.header_dark .logo__link::before {
  visibility: hidden;
  opacity: 0;
}

.header_dark .logo__link::after {
  visibility: visible;
  opacity: 1;
}

.popup_menu .logo__link::before {
  content: " ";
  display: block;
  width: 96px;
  height: 50px;
  background-image: url("../img/sprite.svg");
  background-position: -126px -2px;
  background-size: 392px 376px;
}

.copyrights .logo__link::before {
  content: " ";
  display: block;
  width: 96px;
  height: 50px;
  background-image: url("../img/sprite.svg");
  background-position: -2px -92px;
  background-size: 392px 376px;
}

/* --------------------
   Главный экран
   -------------------- */
.main {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  white-space: normal;
}

.main__header {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-color: rgba(97, 108, 125, 0.9);
  z-index: 1;
}

.main__slogan {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px 30px;
  margin: 0;
  font: 700 26px/1.04166667 Montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.main__slideshow {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-top: 100%;
  z-index: 0;
}

.main__news {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 40px 20px;
}

/* --------------------
   Менеджмент
   -------------------- */
.management {
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
  width: 100%;
  padding-top: 60px;
}

.management__persons {
  position: relative;
  display: block;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
}

.management__persons::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

.management__person {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 75%;
  margin-left: 20px;
  white-space: normal;
}

.management__person .person {
  padding-top: 200%;
}

/* --------------------
   Карта
   -------------------- */
.map {
  position: relative;
  width: 100%;
  height: 100%;
}

.map_contacts {
  position: absolute;
  top: 0;
  left: 0;
}

.map__canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.map_contacts .map__canvas {
  background-color: rgba(133, 177, 217, 0.05);
}

.map_contacts.is-processing .map__canvas::after {
  content: " ";
  position: absolute;
  top: 65%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  margin: -14px;
  padding: 0;
  border: 2px solid rgba(91, 186, 71, 0.2);
  border-radius: 50%;
  background: transparent url("data:image/svg+xml;utf8,%3Csvg%20width%3D'28'%20height%3D'28'%20viewBox%3D'0%200%2028%2028'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%202C7.373%202%202%207.373%202%2014s5.373%2012%2012%2012%2012-5.373%2012-12h2c0%207.732-6.268%2014-14%2014S0%2021.732%200%2014%206.268%200%2014%200v2z'%20fill%3D'%235BBA47'%20fill-rule%3D'nonzero'%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
  box-shadow: none;
  -webkit-animation: rotate 1.1s linear infinite;
  animation: rotate 1.1s linear infinite;
  z-index: 1;
}

.map__canvas [class$="-inner-panes"]::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(133, 177, 217, 0.05);
  z-index: 502;
}

.map__canvas [class$="-ground-pane"] {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.is-error .map__canvas::before {
  content: "×";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px;
  font-size: 40px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  color: red;
}

/* --------------------
    Меню
   -------------------- */
.header .menu {
  display: none;
}

.service .menu {
  display: block;
  padding: 30px 20px 50px;
}

.menu__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
}

.header .menu__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 12px;
}

.header .menu__item {
  display: inline-block;
  vertical-align: middle;
}

.service .menu__item {
  display: block;
}

.popup_menu .menu__item {
  display: block;
}

.service .menu__item + .menu__item {
  margin-top: 30px;
}

.popup_menu .menu__item + .menu__item {
  margin-top: 35px;
}

.menu__link {
  text-decoration: none;
}

.header .menu__link,
.popup_menu .menu__link {
  font-size: 14px;
  line-height: 1.78571429;
  font-weight: 700;
  color: #ffffff;
}

.header_dark .menu__link {
  color: #344258;
}

.service .menu__link {
  position: relative;
  margin-right: 28px;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
}

.service .menu__link::after {
  content: " ";
  position: absolute;
  bottom: 0.16666667em;
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 12px;
  margin-left: 1.41666667em;
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D'11'%20height%3D'12'%20viewBox%3D'0%200%2011%2012'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M7.73451361%206.73333036H0v-1.5h7.73720435L3.80795268%201.30552192%204.868418.24466694l5.7387609%205.73665299-5.73856611%205.74067387-1.06085491-1.0604654%203.92675573-3.92819804z'%20fill%3D'%23FFF'%20fill-rule%3D'nonzero'%2F%3E%3C%2Fsvg%3E") 100% 50% no-repeat;
}

.has-csstransitions .menu__link {
  transition: .25s ease-out;
  transition-property: color;
}

.menu__link:hover, .menu__link:focus, .menu__link:active, .menu__link.is-active {
  outline: none;
}

.header .menu__link:hover,
.popup_menu .menu__link:hover, .header .menu__link:focus,
.popup_menu .menu__link:focus, .header .menu__link:active,
.popup_menu .menu__link:active, .header .menu__link.is-active,
.popup_menu .menu__link.is-active {
  color: #e91b23;
}

.popup_menu .menu__logo {
  display: block;
  padding: 15px 0;
  margin-bottom: 35px;
}

.popup_menu .menu__buttons {
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px 20px;
}

/* --------------------
   Сообщение
   -------------------- */
.message {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(97, 108, 125, 0.9);
}

.message::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.message__body {
  position: relative;
  text-align: left;
}

.form_default .message__body {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 66.66666667%;
  padding: 40px;
  background-color: #f3f4f6;
}

.message__body[data-autohide]::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #e91b23;
  -webkit-animation-name: autohide;
  animation-name: autohide;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: var(--autohide-delay);
  animation-duration: var(--autohide-delay);
}

.message__close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  border: none;
  background-color: transparent;
}

.message__close::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 2px;
  margin: -1px -10px;
  background-color: #616c7d;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.has-csstransitions .message__close::before {
  transition: .25s ease-out;
  transition-property: background-color;
}

.message__close::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 2px;
  margin: -1px -10px;
  background-color: #616c7d;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.has-csstransitions .message__close::after {
  transition: .25s ease-out;
  transition-property: background-color;
}

.message__close:hover, .message__close:focus {
  outline: none;
}

.message__close:hover::before, .message__close:hover::after, .message__close:focus::before, .message__close:focus::after {
  background-color: #344258;
}

.message__close:active::before, .message__close:active::after, .message__close.is-active::before, .message__close.is-active::after {
  background-color: #1f2c46;
}

.message__title {
  margin: 0 0 1.25em;
  padding: 0;
  font: 700 24px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

[data-success] .message__title::before {
  content: " ";
  display: block;
  margin-bottom: 0.41666667em;
}

[data-success="true"] .message__title::before {
  width: 48px;
  height: 45px;
  background-image: url("../img/sprite.svg");
  background-position: -310px -170px;
  background-size: 392px 376px;
}

[data-success="false"] .message__title::before {
  width: 30px;
  height: 30px;
  background-image: url("../img/sprite.svg");
  background-position: -254px -146px;
  background-size: 392px 376px;
}

.message__text {
  margin: 0 0 2.5em;
  padding: 0;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.message__footer {
  display: block;
}

@-webkit-keyframes autohide {
  to {
    width: 0;
  }
}

@keyframes autohide {
  to {
    width: 0;
  }
}

/* --------------------
   Веха
   -------------------- */

.milestone__year {
  margin: 0 0 30px;
  padding: 0;
  font: 800 54px/1 Montserrat, Arial, Helvetica, sans-serif;
  color: #e91b23;
}

.milestone__text {
  padding: 0 30px 30px 0;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

/* --------------------
   Навигатор
   -------------------- */
.nav {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  white-space: normal;
}

.nav_offer {
  width: 100%;
  margin-top: 40px;
}

.nav_news {
  width: 100%;
  margin-top: 40px;
}

.nav_back {
  vertical-align: bottom;
}

.nav_forward {
  vertical-align: top;
}

.nav.nav_offer.nav_back {
  display: none;
}

.nav.nav_offer.nav_back::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 100%;
  display: block;
  width: calc(2 / 6 * 100vw);
  height: 12.5vh;
  background-color: rgba(243, 244, 246, 0.9);
}

.nav.nav_offer.nav_forward::after {
  content: " ";
}

.nav__action {
  box-sizing: border-box;
  width: 100%;
  min-height: 250px;
  padding: 20px;
  white-space: normal;
  background-color: #616c7d;
  z-index: 0;
}

.has-csstransitions .nav__action {
  transition: .25s ease-out;
  transition-property: background-color;
}

.nav_back .nav__action {
  left: 0;
}

.nav_forward .nav__action {
  right: 0;
}

.nav__action[data-href] {
  cursor: pointer;
}

.nav__action[data-href]:hover, .nav__action[data-href]:focus {
  outline: none;
  background-color: #344258;
}

.nav__action[data-href]:active, .nav__action[data-href].is-active {
  background-color: #1f2c46;
}

.nav__icon {
  position: absolute;
  bottom: 0;
  right: 20px;
  display: block;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.nav__icon_type-1::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -86px -146px;
  background-size: 392px 376px;
}

.nav__icon_type-2::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -2px -230px;
  background-size: 392px 376px;
}

.nav__icon_type-3::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -310px -86px;
  background-size: 392px 376px;
}

.nav__icon_type-4::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -310px -2px;
  background-size: 392px 376px;
}

.nav__icon_type-5::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -170px -146px;
  background-size: 392px 376px;
}

.nav__icon_type-6::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -226px -2px;
  background-size: 392px 376px;
}

.nav__icon_type-7::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -2px -146px;
  background-size: 392px 376px;
}

.nav__title {
  margin: 0;
  padding: 0;
  font: 700 20px/1.5 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}

.nav__link {
  display: block;
  width: 50%;
  padding-right: 10px;
  text-decoration: none;
  color: inherit;
}

.nav__link::after {
  content: " ";
}

.nav_back .nav__link::after {
  position: absolute;
  top: auto;
  left: 30px;
  display: block;
  width: 16px;
  height: 20px;
  margin: -10px -8px;
  background-image: url("../img/sprite.svg");
  background-position: -288px -180px;
  background-size: 392px 376px;
}

.nav_forward .nav__link::after {
  right: 30px;
  position: absolute;
  top: 30px;
  left: auto;
  display: block;
  width: 16px;
  height: 20px;
  margin: -10px -8px;
  background-image: url("../img/sprite.svg");
  background-position: -288px -146px;
  background-size: 392px 376px;
}

.nav__image {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
}

.nav_back .nav__image_tall {
  right: 0;
  bottom: 0;
  width: calc(1 / 6 * 100vw);
  height: 50vh;
}

.nav_back .nav__image_sq {
  left: calc(1 / 6 * 100vw);
  bottom: 0;
  width: calc(2 / 6 * 100vw);
  height: 50vh;
}

.nav_forward .nav__image_long {
  top: 0;
  left: 0;
  width: calc(2 / 6 * 100vw);
  height: 25vh;
}

/* --------------------
   Новости
   -------------------- */
.news {
  position: relative;
  white-space: normal;
}

.news_list {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-bottom: 60px;
}

.news_list::after {
  content: " ";
  position: absolute;
  bottom: 30px;
  left: 20px;
  right: 20px;
  height: 2px;
  background-color: #d2d5da;
}

.news_article {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  white-space: normal;
  margin-bottom: 30px;
}

.news__header {
  display: block;
}

.news_article .news__header {
  position: relative;
  box-sizing: border-box;
  padding: 140px 20px 0;
  z-index: 1;
}

.news_preview .news__title {
  position: relative;
  margin: 0;
  padding: 0 0 20px 0;
  font: 700 24px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.news_list .news__title {
  margin: 0 0 1.08333333em;
  padding: 0;
  font: 700 24px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.news_article .news__title {
  margin: 0 0 0.20833333em;
  padding: 0;
  font: 800 30px/1.04166667 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.news_article .news__body {
  position: relative;
  display: inline-block;
  padding: 40px 0 0;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
}

.news_article .news__back {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  margin-bottom: 40px;
}

.news__pubdate {
  display: block;
  margin: 0;
  padding: 0;
  font: 400 14px/1.42857143 Montserrat, Arial, Helvetica, sans-serif;
  color: #8e96a2;
}

.news_list .news__pubdate {
  margin-bottom: 0.71428571em;
}

.news_preview .news__pubdate {
  margin-bottom: 0.5em;
}

.news_article .news__pubdate {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
}

.news_list .news__picture {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 25px;
}

.news_article .news__picture {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-top: 30px;
}

.news_list .news__image {
  width: 100%;
  height: auto;
}

.news_article .news__image {
  width: 100%;
  height: auto;
  max-height: 56.25vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.news__doughnut {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-top: 30px;
}

.news_list .news__text {
  display: block;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}

.news_article .news__text {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

.news_list .news__more {
  display: block;
  box-sizing: border-box;
  height: 50px;
  margin-top: 20px;
  padding: 17px 20px;
  border: 1px solid #8e96a2;
  font-size: 12px;
  line-height: 1.33333333;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #8e96a2;
}

.has-csstransitions .news_list .news__more {
  transition: .25s ease-out;
  transition-property: background-color;
}

.news_list .news__more:hover, .news_list .news__more:focus {
  outline: none;
  background-color: #e8eaec;
}

.news_list .news__more:active, .news_list .news__more.is-active {
  background-color: #d2d5da;
}

.news_preview .news__more {
  text-decoration: none;
  color: inherit;
}

.news_preview .news__more:hover, .news_preview .news__more:focus {
  outline: none;
  text-decoration: underline;
}

.news_preview .news__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.news_preview .news__block {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 27px;
  overflow: hidden;
}

.news__block[data-href] {
  cursor: pointer;
}

.news__block[data-href]:hover, .news__block[data-href]:focus {
  outline: none;
}

.news__block[data-href]:hover .news__headline, .news__block[data-href]:focus .news__headline {
  text-decoration: underline;
}

.news__lead {
  position: relative;
  margin: 0;
  padding: 0;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.news_preview .news__lead {
  display: -webkit-box;
  max-height: 6.25em;
  overflow: hidden;
  -webkit-line-clamp: 4;
}

.news_preview .news__link {
  color: inherit;
  text-decoration: none;
}

/* --------------------
   Предупреждение для старых браузеров
   -------------------- */
.notification {
  position: relative;
  color: #000000;
  border: 1px solid #000000;
  background-color: #e6353c;
  z-index: 1;
}

.notification__container {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.notification__row {
  display: block;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
}

.notification__text {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.notification p {
  margin: 0;
  padding: .6em 0;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
}

.notification a {
  color: inherit;
  text-decoration: underline;
}

.notification a:hover, .notification a:focus {
  outline: none;
  text-decoration: none;
}

/* --------------------
   Предложение
   -------------------- */
.offer {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  white-space: normal;
  background-color: #616c7d;
}

.offer__header {
  position: relative;
  box-sizing: border-box;
  padding: 140px 20px 0;
  z-index: 1;
}

.offer__title {
  margin: 0 0 0.20833333em;
  padding: 0;
  font: 800 30px/1.04166667 Montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.offer__back {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  margin: 30px 0;
  padding-left: 20px;
}

.offer__body {
  position: relative;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
  padding-bottom: 30px;
}

/* --------------------
   Страница
   -------------------- */
.page {
  position: relative;
  width: 100%;
}

.page__header {
  position: relative;
  box-sizing: border-box;
  padding: 140px 20px 0;
  z-index: 1;
}

.page__title {
  margin: 0;
  padding: 0;
  font: 700 30px/1.04166667 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.page__body {
  position: relative;
  padding: 0;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
}

/* --------------------
   Параметр
   -------------------- */
.param__name {
  display: block;
  margin: 0 0 0.5em;
  padding: 0;
  font: 700 12px/1.33333333 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}

.param__value {
  display: block;
  margin: 0 0 0.05555556em;
  padding: 0;
  font: 800 54px/1.22222222 Montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.param__unit {
  display: block;
  margin: 0;
  padding: 0;
  font: 700 12px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  color: #8e96a2;
}

/* --------------------
   Параметры
   -------------------- */
.params {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  white-space: normal;
}

.params__param {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 30px;
}

.params__text {
  padding: 0;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

/* --------------------
   Парк
   -------------------- */
.park {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
}

.park__doughnut {
  position: relative;
  display: block;
  padding: 60px 35px;
  margin: 0;
}

.park__legend {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  white-space: normal;
}

.park__point {
  display: block;
  padding-left: 20px;
  margin-bottom: 60px;
}

/* --------------------
   Персона
   -------------------- */
.person_block {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
  height: 0;
}

.person_block[data-href] {
  cursor: pointer;
}

.person_block[data-href]::before {
  content: " ";
  position: absolute;
  bottom: 25px;
  right: 25px;
  display: block;
  width: 20px;
  height: 2px;
  margin: -1px -10px;
  background-color: #ffffff;
  z-index: 1;
}

.person_block[data-href]::after {
  content: " ";
  position: absolute;
  bottom: 25px;
  right: 25px;
  display: block;
  width: 2px;
  height: 20px;
  margin: -10px -1px;
  background-color: #ffffff;
  z-index: 1;
}

.person_block[data-href]:hover, .person_block[data-href]:focus, .person_block[data-href]:focus-within {
  outline: none;
}

.person_block[data-href]:hover .person__info, .person_block[data-href]:focus .person__info, .person_block[data-href]:focus-within .person__info {
  background-color: #344258;
}

.person_block[data-href]:active .person__info, .person_block[data-href].is-active .person__info {
  background-color: #1f2c46;
}

.person_card {
  margin-bottom: 30px;
}

.person_card::after {
  content: " ";
  display: block;
  clear: both;
}

.person_block .person__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 100%;
}

.persons .person_block .person__photo + .person__info,
.department .person_block .person__photo + .person__info {
  top: 33.33333333%;
}

.management .person_block .person__photo + .person__info {
  top: 50%;
}

.person_card .person__photo {
  width: 66.66666667%;
  margin-bottom: 30px;
}

.person_block .person__img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 0%;
  object-position: 50% 0%;
}

.person_card .person__img {
  width: 100%;
  height: auto;
}

.person_block .person__info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  box-sizing: border-box;
  padding: 18px 15px 18px 20px;
  background-color: #616c7d;
}

.has-csstransitions .person_block .person__info {
  transition: .25s ease-out;
  transition-property: background-color;
}

.person_card .person__info {
  box-sizing: border-box;
}

.person_block .person__name {
  display: block;
  margin: 0 0 0.5em;
  padding: 0;
  font: 700 20px/1.5 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}

.management .person_block .person__name {
  min-height: 4.5em;
}

.person_card .person__name {
  margin: 0 0 1.25em;
  padding: 0;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  color: #344258;
}

.person_block .person__email {
  display: inline-block;
  width: 100%;
  margin: 0 0 2.14285714em;
  font: 400 14px/1.42857143 Montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
}

.person_block .person__tel {
  font: 400 14px/1.42857143 Montserrat, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #ffffff;
}

.person_block .person__tel span {
  font: 700 20px/1.5 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.person_block .person__post {
  margin: 0;
  padding: 0;
  font: 400 14px/1.42857143 Montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.person_block .person__link {
  color: inherit;
  text-decoration: none;
}

.person__education {
  display: block;
  margin-top: 30px;
}

.person__fact {
  display: block;
  margin-top: 30px;
}

.person__career {
  display: block;
  clear: both;
  margin-top: 30px;
}

/* --------------------
   Персоны
   -------------------- */
.persons {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  word-spacing: 0;
  margin-top: 60px;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
}

.persons__list {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.persons__list::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

.persons__picture {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 12.5%;
  height: 100%;
  margin-top: 37.5%;
  padding-top: 187.5%;
}

.persons__img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.persons__person {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 75%;
  white-space: normal;
}

.persons__person .person {
  margin-top: 50%;
  margin-bottom: -50%;
  padding-top: 300%;
}

.persons__person:nth-of-type(2n-2) .person {
  margin-top: 100%;
  margin-bottom: -100%;
}

.persons__person:nth-of-type(3n-4) .person {
  margin-top: 0;
  margin-bottom: 0;
}

/* --------------------
   Закреплённые блоки
   -------------------- */
.pinned {
  position: relative;
  display: block;
  padding-top: 60px;
}

.pinned::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  display: block;
  height: 2px;
  background-color: #d2d5da;
}

.pinned__header {
  position: relative;
  padding: 0 30px;
}

.pinned__title {
  margin: 0;
  padding: 0;
  font: 700 48px/1.04166667 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.pinned__list {
  position: relative;
  width: 100%;
  padding: 0;
}

.pinned__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 0;
  padding-top: 100%;
  white-space: normal;
}

/* --------------------
   Точка
   -------------------- */
.point {
  display: block;
}

.point[data-href] {
  cursor: pointer;
}

.point[data-href]:hover, .point[data-href]:focus, .point[data-href]:focus-within {
  outline: none;
}

.point[data-href]:hover .point__value, .point[data-href]:focus .point__value, .point[data-href]:focus-within .point__value {
  color: #1f2c46;
}

.point[data-href]:hover .point__link, .point[data-href]:focus .point__link, .point[data-href]:focus-within .point__link {
  color: #1f2c46;
}

.point[data-href]:hover .point__link::before, .point[data-href]:focus .point__link::before, .point[data-href]:focus-within .point__link::before {
  opacity: 0;
  visibility: hidden;
}

.point[data-href]:hover .point__link::after, .point[data-href]:focus .point__link::after, .point[data-href]:focus-within .point__link::after {
  opacity: 1;
  visibility: visible;
}

.is-active .point[data-href] .point__value {
  color: #1f2c46;
}

.is-active .point[data-href] .point__link {
  color: #1f2c46;
}

.is-active .point[data-href] .point__link::before {
  opacity: 0;
  visibility: hidden;
}

.is-active .point[data-href] .point__link::after {
  opacity: 1;
  visibility: visible;
}

.point__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 20px;
}

.point__icon {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

.point__icon_type-1::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px -15px;
  background-image: url("../img/sprite.svg");
  background-position: -160px -56px;
  background-size: 392px 376px;
}

.point__icon_type-2::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px -15px;
  background-image: url("../img/sprite.svg");
  background-position: -342px -230px;
  background-size: 392px 376px;
}

.point__icon_type-3::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px -15px;
  background-image: url("../img/sprite.svg");
  background-position: -226px -86px;
  background-size: 392px 376px;
}

.point__icon_type-4::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px -15px;
  background-image: url("../img/sprite.svg");
  background-position: -253px -314px;
  background-size: 392px 376px;
}

.point__icon_type-5::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px -15px;
  background-image: url("../img/sprite.svg");
  background-position: -126px -56px;
  background-size: 392px 376px;
}

.point__icon_type-6::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px -15px;
  background-image: url("../img/sprite.svg");
  background-position: -254px -180px;
  background-size: 392px 376px;
}

.point__icon_type-7::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px -15px;
  background-image: url("../img/sprite.svg");
  background-position: -260px -86px;
  background-size: 392px 376px;
}

.point__value_abs {
  display: block;
  margin: 0.29411765em auto 0.41176471em;
  font: 800 34px/0.8 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #e91b23;
}

.point__value_rel {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 14px;
  font: 700 18px/1.11111111 Montserrat, Arial, Helvetica, sans-serif;
  color: #8e96a2;
}

.has-csstransitions .point__value {
  transition: .25s ease-out;
  transition-property: color;
}

.point__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px;
  padding: 0;
}

.point__color {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

.point__link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-right: 30px;
  font: 700 12px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #616c7d;
  outline: none;
}

.has-csstransitions .point__link {
  transition: .25s ease-out;
  transition-property: color;
}

.point__link::before {
  content: " ";
  right: 15px;
  position: absolute;
  top: 50%;
  left: auto;
  display: block;
  width: 11px;
  height: 12px;
  margin: -6px -5.5px;
  background-image: url("../img/sprite.svg");
  background-position: -294px -102px;
  background-size: 392px 376px;
  opacity: 1;
  visibility: visible;
}

.has-csstransitions .point__link::before {
  transition: .25s ease-out;
  transition-property: opacity, visibility;
}

.point__link::after {
  content: " ";
  right: 15px;
  position: absolute;
  top: 50%;
  left: auto;
  display: block;
  width: 11px;
  height: 12px;
  margin: -6px -5.5px;
  background-image: url("../img/sprite.svg");
  background-position: -294px -86px;
  background-size: 392px 376px;
  opacity: 0;
  visibility: hidden;
}

.has-csstransitions .point__link::after {
  transition: .25s ease-out;
  transition-property: opacity, visibility;
}

.point__image {
  display: block;
  width: auto;
  height: 65px;
}

.point + .point {
  margin-top: 30px;
}

/* --------------------
   Попап
   -------------------- */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 320px;
  font-size: 0;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 30;
}

.has-csstransitions .popup {
  transition: .25s ease-out;
  transition-property: opacity, visibility;
}

.has-no-js .popup:target, .popup.is-visible {
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}

.popup_menu {
  background-color: #616c7d;
}

.popup_persons {
  background-color: rgba(97, 108, 125, 0.9);
}

.popup_cookie {
  top: auto;
  bottom: 0;
  height: auto;
  background-color: #f3f4f6;
}

.popup_menu .popup__body {
  position: relative;
  box-sizing: border-box;
  padding: 0 20px 90px;
  min-height: 100%;
}

.popup_persons .popup__body {
  position: relative;
  box-sizing: border-box;
  max-width: 960px;
  padding: 20px;
  margin: 20px;
  background-color: #f3f4f6;
}

.popup_cookie .popup__body {
  display: block;
  padding: 20px 50px 20px 20px;
  box-sizing: border-box;
}

.popup__close {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  border: none;
  text-decoration: none;
  background-color: transparent;
  z-index: 10;
}

.popup_menu .popup__close {
  top: 15px;
  right: 10px;
}

.popup_cookie .popup__close,
.popup_persons .popup__close {
  top: 0;
  right: 0;
}

.popup__close::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 28px;
  height: 2px;
  margin: -1px -14px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.popup_menu .popup__close::before {
  background-color: #ffffff;
}

.popup_cookie .popup__close::before,
.popup_persons .popup__close::before {
  background-color: #1f2c46;
}

.popup__close::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 28px;
  height: 2px;
  margin: -1px -14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popup_menu .popup__close::after {
  background-color: #ffffff;
}

.popup_cookie .popup__close::after,
.popup_persons .popup__close::after {
  background-color: #1f2c46;
}

.popup__text {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #344258;
}

.popup__text p {
  margin: 0.5em 0;
}

.popup__text p:first-child {
  margin-top: 0;
}

.popup__text p:last-child {
  margin-bottom: 0;
}

.popup__text a {
  color: inherit;
  text-decoration: underline;
}

.popup__text a:hover, .popup__text a:focus {
  outline: none;
  text-decoration: none;
}

/* --------------------
   Селект
   -------------------- */
.select {
  position: relative;
  display: inline-table;
  vertical-align: top;
  box-sizing: border-box;
  table-layout: fixed;
  width: 100%;
  text-align: left;
}

.select:hover, .select:focus, .select:focus-within {
  outline: none;
}

.select:hover .select__value, .select:focus .select__value, .select:focus-within .select__value {
  border-color: #344258;
}

.select.is-busy .select__value {
  color: #344258;
}

.select.is-invalid .select__value {
  color: rgba(233, 27, 35, 0.2);
  background-color: rgba(233, 27, 35, 0.03);
}

.select__element {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  opacity: 0;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  z-index: 2;
}

.select__value {
  position: relative;
  display: table-cell;
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  z-index: 1;
}

.has-csstransitions .select__value {
  transition: .15s ease-out;
  transition-property: color;
}

.form_default .select__value {
  border: 1px solid #d2d5da;
  padding: 16px 59px 17px 19px;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #8e96a2;
  background-color: #ffffff;
}

.form_default .select__value::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: auto;
  display: block;
  width: 12px;
  height: 8px;
  margin: -4px -6px;
  background-image: url("../img/sprite.svg");
  background-position: -254px -214px;
  background-size: 392px 376px;
  right: 30px;
}

.form_default .select_icon .select__value {
  padding-left: 59px;
}

.select_icon-mail .select__value::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 29px;
  display: block;
  width: 20px;
  height: 15px;
  margin: -7.5px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -276px -120px;
  background-size: 392px 376px;
}

.select_icon-message .select__value::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 29px;
  display: block;
  width: 20px;
  height: 18px;
  margin: -9px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -342px -264px;
  background-size: 392px 376px;
}

.select_icon-phone .select__value::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 29px;
  display: block;
  width: 16px;
  height: 20px;
  margin: -10px -8px;
  background-image: url("../img/sprite.svg");
  background-position: -202px -113px;
  background-size: 392px 376px;
}

.select_icon-portfolio .select__value::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 29px;
  display: block;
  width: 20px;
  height: 17px;
  margin: -8.5px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -202px -92px;
  background-size: 392px 376px;
}

.select_icon-question .select__value::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 29px;
  display: block;
  width: 20px;
  height: 20px;
  margin: -10px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -194px -56px;
  background-size: 392px 376px;
}

.select_icon-user .select__value::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 29px;
  display: block;
  width: 20px;
  height: 19px;
  margin: -9.5px -10px;
  background-image: url("../img/sprite.svg");
  background-position: -287px -314px;
  background-size: 392px 376px;
}

.select__value[aria-disabled="true"] {
  cursor: not-allowed;
  pointer-events: none;
}

.select__dropdown {
  position: absolute;
  top: 100%;
  left: 10px;
  right: 10px;
  display: block;
  box-sizing: border-box;
  margin: -10px 0 0;
  padding: 0;
  border: none;
  background-color: #ffffff;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  pointer-events: none;
}

.form_default .select__dropdown {
  padding: 25px 0 16px;
  box-shadow: 0 5px 15px 0 rgba(31, 44, 70, 0.2);
}

.select__dropdown[aria-hidden="false"] {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}

.select__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.select__item {
  position: relative;
  display: block;
  background-color: transparent;
  cursor: pointer;
}

.has-csstransitions .select__item {
  transition: .25s ease-out;
  transition-property: background-color;
}

.form_default .select__item {
  padding: 10px 36px 10px 20px;
  font: 400 14px/1.42857143 Montserrat, Arial, Helvetica, sans-serif;
  color: #616c7d;
}

.select__item:hover, .select__item:focus {
  outline: none;
}

.form_default .select__item:hover, .form_default .select__item:focus {
  background-color: #f3f4f6;
}

.form_default .select__item[aria-selected="true"] {
  background-color: rgba(243, 244, 246, 0.5);
}

.select__item[aria-disabled="true"] {
  color: #8e96a2;
  cursor: default;
}

.select__error {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
}

.has-csstransitions .select__error {
  transition: .25s ease-out .5s;
  transition-property: visibility, opacity;
}

/* --------------------
   Услуги
   -------------------- */
.service_screen {
  position: relative;
  padding-bottom: 60px;
}

.service_screen + .service_screen::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  display: block;
  height: 2px;
  background-color: #d2d5da;
  z-index: 2;
}

.service_screen:last-child {
  padding-bottom: 0;
}

.service__header {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  white-space: normal;
  background-color: #f3f4f6;
  z-index: 1;
}

.service__title {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 30px;
  padding: 60px 20px 0;
  font: 700 24px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.service__text {
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.service_2 .service__text {
  padding: 0 20px 40px;
}

.service_3 .service__text {
  padding: 0 20px 40px;
}

.service_4 .service__text {
  padding: 0 20px 40px;
}

.service__images {
  position: relative;
}

.service_1 .service__images {
  width: 100%;
  height: 0;
  padding-top: 50%;
}

.service_2 .service__images {
  width: 100%;
  height: 0;
  padding-top: 50%;
}

.service_3 .service__images {
  width: 100%;
  height: 0;
  padding-top: 50%;
}

.service_4 .service__images {
  height: 0;
  width: 100%;
  padding-top: 100%;
}

.service__image {
  position: absolute;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.service_1 .service__image_1 {
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}

.service_2 .service__image_1 {
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}

.service_3 .service__image_1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.service_4 .service__image_1 {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.service_1 .service__image_2 {
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
}

.service_2 .service__image_2 {
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
}

.service_1 .service__image_3 {
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.service_3 .service__image_3 {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.service__overlay {
  position: absolute;
}

.service_3 .service__overlay_1 {
  top: 0;
}

.service__menu {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  white-space: normal;
  background-color: #616c7d;
}

.service_1 .service__menu {
  width: 100%;
  padding-bottom: 100%;
}

.service_2 .service__menu {
  width: 100%;
}

.service_3 .service__menu {
  width: 100%;
  padding-bottom: 100%;
}

.service__icon {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.service__icon_type-1::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px -30px;
  background-image: url("../img/sprite.svg");
  background-position: -214px -230px;
  background-size: 392px 376px;
}

.service__icon_type-2::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px -30px;
  background-image: url("../img/sprite.svg");
  background-position: -125px -314px;
  background-size: 392px 376px;
}

.service__icon_type-3::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px -30px;
  background-image: url("../img/sprite.svg");
  background-position: -189px -314px;
  background-size: 392px 376px;
}

.service__icon_type-4::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px -30px;
  background-image: url("../img/sprite.svg");
  background-position: -2px -314px;
  background-size: 392px 376px;
}

.service__icon_type-5::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px -30px;
  background-image: url("../img/sprite.svg");
  background-position: -150px -230px;
  background-size: 392px 376px;
}

.service__icon_type-6::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px -30px;
  background-image: url("../img/sprite.svg");
  background-position: -278px -230px;
  background-size: 392px 376px;
}

.service__icon_type-7::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px -30px;
  background-image: url("../img/sprite.svg");
  background-position: -86px -230px;
  background-size: 392px 376px;
}

.service__type {
  margin: 0;
  padding: 0;
  font: 700 12px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.wagons .service__type {
  margin-bottom: 1.16666667em;
}

.next .service__type {
  margin-bottom: 1.16666667em;
}

.service__cargo {
  margin: 0;
  padding: 0;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
}

/* --------------------
   Слайд
   -------------------- */
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.slide::before {
  content: " ";
  display: none;
}

.slide__background {
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: block;
  width: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}

.slide__foreground {
  position: absolute;
  bottom: 50%;
  left: 50%;
  display: block;
  width: 50%;
  height: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}

.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 50% 20px 30px;
  color: #ffffff;
  background-color: #616c7d;
  z-index: 1;
}

.has-csstransitions .slide__content {
  transition: .25s ease-out;
  transition-property: background-color;
}

.slide__content[data-href] {
  cursor: pointer;
}

.slide__content[data-href]:hover, .slide__content[data-href]:focus {
  outline: none;
  background-color: #344258;
}

.slide__content[data-href]:active, .slide__content[data-href].is-active {
  background-color: #1f2c46;
}

.slide__icon {
  position: absolute;
  top: 25%;
  left: 25%;
  display: block;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  margin-bottom: 20px;
}

.slide__icon_type-1::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -86px -146px;
  background-size: 392px 376px;
}

.slide__icon_type-2::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -2px -230px;
  background-size: 392px 376px;
}

.slide__icon_type-3::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -310px -86px;
  background-size: 392px 376px;
}

.slide__icon_type-4::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -310px -2px;
  background-size: 392px 376px;
}

.slide__icon_type-5::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -170px -146px;
  background-size: 392px 376px;
}

.slide__icon_type-6::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -226px -2px;
  background-size: 392px 376px;
}

.slide__icon_type-7::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px;
  background-image: url("../img/sprite.svg");
  background-position: -2px -146px;
  background-size: 392px 376px;
}

.slide__title {
  margin: 0;
  padding: 0;
  font: 700 20px/1.5 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}

.slide__link {
  color: inherit;
  text-decoration: none;
}

/* --------------------
   Слайдшоу
   -------------------- */
.slideshow_services {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.slideshow__list {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.slideshow__slide {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
}

.has-csstransitions .slideshow__slide {
  transition: .5s ease-out .5s;
  transition-property: opacity, visibility;
}

.slideshow__slide + .slideshow__slide {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}

.slideshow__slide[aria-hidden="true"] {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}

.slideshow__slide:active, .slideshow__slide.is-active {
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.slideshow__nav {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

.slideshow__nav[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
}

.has-csstransitions .slideshow__nav[aria-hidden="false"] {
  transition: .25s ease-out;
  transition-property: opacity, visibility;
}

.slideshow__bullets {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  padding: 20px;
  margin: 0;
  pointer-events: all;
  text-align: left;
}

.slideshow__toggle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  width: 26px;
  height: 26px;
  margin: 0 10px 0 0;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  pointer-events: all;
  cursor: pointer;
  z-index: 2;
}

.slideshow__toggle::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 0;
  height: 14px;
  margin: -7px 0 -7px -5px;
  border: 7px solid transparent;
  border-left: 10px solid rgba(31, 44, 70, 0.7);
  pointer-events: none;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.has-csstransitions .slideshow__toggle::before {
  transition: .3s ease-out;
  transition-property: border, -webkit-transform;
  transition-property: transform, border;
  transition-property: transform, border, -webkit-transform;
}

.slideshow__toggle::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 14px;
  margin: -7px -5px;
  border-color: transparent;
  border-left: 3px solid rgba(31, 44, 70, 0.7);
  border-right: 3px solid rgba(31, 44, 70, 0.7);
  pointer-events: none;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.has-csstransitions .slideshow__toggle::after {
  transition: .3s ease-out;
  transition-property: border, -webkit-transform;
  transition-property: transform, border;
  transition-property: transform, border, -webkit-transform;
}

.slideshow__toggle:hover, .slideshow__toggle:focus {
  outline: none;
}

.slideshow__toggle:hover::before, .slideshow__toggle:focus::before {
  border-left-color: #1f2c46;
}

.slideshow__toggle:hover::after, .slideshow__toggle:focus::after {
  border-left-color: #1f2c46;
  border-right-color: #1f2c46;
}

.slideshow__toggle[aria-pressed="true"]::before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.slideshow__toggle[aria-pressed="true"]::after {
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

.slideshow__bullet {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  width: 18px;
  height: 18px;
  margin: -9px 4px;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  pointer-events: initial;
  cursor: pointer;
  z-index: 2;
}

.has-csstransitions .slideshow__bullet {
  transition: .25s ease-out;
}

.slideshow__bullet::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  margin: -7px;
  border: 4px solid rgba(182, 31, 44, 0.3);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
  z-index: 0;
}

.has-csstransitions .slideshow__bullet::before {
  transition: .25s ease-out;
  transition-property: visibility, opacity, -webkit-transform;
  transition-property: transform, visibility, opacity;
  transition-property: transform, visibility, opacity, -webkit-transform;
}

.slideshow__bullet::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  margin: -3px;
  border-radius: 50%;
  background-color: #1f2c46;
  pointer-events: none;
  z-index: 0;
}

.slideshow__bullet svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin: -7px;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  z-index: 1;
}

.has-csstransitions .slideshow__bullet svg {
  transition: .25s ease-out;
  transition-property: visibility, opacity, -webkit-transform;
  transition-property: transform, visibility, opacity;
  transition-property: transform, visibility, opacity, -webkit-transform;
}

.slideshow__bullet circle {
  fill: none;
  stroke: rgba(182, 31, 44, 0.7);
  stroke-width: 4px;
  stroke-dasharray: 31.41592;
  stroke-dashoffset: -31.41592;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  will-change: stroke-dashoffset;
}

.slideshow__bullet:hover, .slideshow__bullet:focus {
  outline: none;
}

.slideshow__bullet:hover::before, .slideshow__bullet:focus::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.slideshow__bullet[aria-pressed="true"]::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.slideshow__bullet[aria-pressed="true"]::after {
  background-color: #b61f2c;
}

.slideshow__bullet[aria-pressed="true"] svg {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* --------------------
   Таблица
   -------------------- */
.table {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  white-space: normal;
  width: 100%;
}

.table_four {
  width: 100%;
  margin-left: 0;
}

.table__header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  box-sizing: border-box;
  padding: 0 20px;
  z-index: 1;
}

.table__title {
  margin: 0 0 1.25em;
  padding: 0;
  font: 700 24px/1.25 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.table__text {
  padding: 0 20px;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.table + .txtcoll,
.table + .table {
  margin-top: 40px;
}

/* --------------------
   Текст с картинкой
   -------------------- */
.txtcoll {
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  white-space: normal;
  width: 100%;
}

.offer__body .txtcoll {
  margin-left: 0;
}

.txtcoll__image {
  display: none;
}

.txtcoll__text {
  position: relative;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.offer__body .txtcoll__text {
  color: #ffffff;
}

.txtcoll_one .txtcoll__text {
  padding-left: 20px;
  padding-right: 20px;
}

.txtcoll_two .txtcoll__text {
  padding-left: 20px;
  padding-right: 20px;
}

.txtcoll_three .txtcoll__text {
  padding-left: 20px;
  padding-right: 20px;
}

.txtcoll__buttons {
  position: relative;
  padding-top: 50px;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.txtcoll_one .txtcoll__buttons {
  padding-left: 20px;
  padding-right: 20px;
}

.txtcoll_two .txtcoll__buttons {
  padding-left: 20px;
  padding-right: 20px;
}

.txtcoll_three .txtcoll__buttons {
  padding-left: 20px;
  padding-right: 20px;
}

.txtcoll__chart {
  box-sizing: border-box;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.txtcoll_one .txtcoll__chart {
  padding-left: 20px;
  padding-right: 20px;
}

.txtcoll_two .txtcoll__chart {
  padding-left: 20px;
  padding-right: 20px;
}

.txtcoll_three .txtcoll__chart {
  padding-left: 20px;
  padding-right: 20px;
}

.txtcoll + .table,
.txtcoll + .txtcoll {
  margin-top: 40px;
}

/* --------------------
   Блок вагона
   -------------------- */
.wagon_next {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 30px;
  white-space: normal;
}

.wagon[data-href] {
  cursor: pointer;
}

.wagon[data-href]:hover, .wagon[data-href]:focus, .wagon[data-href]:focus-within {
  outline: none;
}

.wagon[data-href]:hover .wagon__body, .wagon[data-href]:focus .wagon__body, .wagon[data-href]:focus-within .wagon__body {
  background-color: #344258;
}

.wagon[data-href]:active .wagon__body, .wagon[data-href].is-active .wagon__body {
  background-color: #1f2c46;
}

.wagons .wagon:first-child .wagon__body {
  padding-top: 50%;
}

.wagon__figure {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-top: 50%;
}

.wagon__figure_default {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.wagon__figure_image {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wagon__number {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  white-space: nowrap;
}

.wagon__figure_default .wagon__number {
  height: auto;
}

.wagon__abs {
  margin: 0;
  padding: 0;
}

.wagon__figure_default .wagon__abs {
  display: block;
  font: 700 110px/0.7 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.wagon__figure_image .wagon__abs {
  display: inline-block;
  vertical-align: bottom;
  font: 800 50px/0.7 Montserrat, Arial, Helvetica, sans-serif;
  color: #e91b23;
}

.wagon__rel {
  margin: 0;
  padding: 0;
}

.wagon__figure_image .wagon__rel {
  display: inline-block;
  vertical-align: top;
  font: 400 18px/0.7 Montserrat, Arial, Helvetica, sans-serif;
  color: #616c7d;
}

.wagon__image {
  position: absolute;
  top: 375%;
  left: 2.5%;
  display: block;
  width: 95%;
  height: 50%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}

.wagon__body {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-top: 150%;
  background-color: #616c7d;
}

.has-csstransitions .wagon__body {
  transition: .25s ease-out;
  transition-property: background-color;
}

.wagon__title {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  min-height: 3em;
  width: 100%;
  height: 33.33333333%;
  margin: 0;
  padding: 20px 30px 0;
  font: 700 20px/1.5 Montserrat, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}

.wagon__link {
  position: relative;
  display: block;
  padding-right: 10px;
  text-decoration: none;
  color: inherit;
}

.wagon__link::after {
  content: " ";
  right: 0;
  position: absolute;
  top: 15px;
  left: auto;
  display: block;
  width: 16px;
  height: 20px;
  margin: -10px -8px;
  background-image: url("../img/sprite.svg");
  background-position: -288px -146px;
  background-size: 392px 376px;
}

.wagon__info {
  position: absolute;
  top: 33.33333333%;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 16.66666667%;
  margin: 0;
  padding: 13px 0 0 30px;
  font: 400 16px/1.5625 Montserrat, Arial, Helvetica, sans-serif;
  color: #ffffff;
  z-index: 1;
}

.wagon__info::before {
  content: " ";
  position: absolute;
  left: 0;
  top: -5px;
  width: 55px;
  height: 60px;
  background-image: url("../img/sprite.svg");
  background-position: -66px -314px;
  background-size: 392px 376px;
  z-index: -1;
}

.wagon__service {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  box-sizing: border-box;
  height: 50%;
  padding-top: 30px;
  color: #ffffff;
}

/* --------------------
   Вагоны
   -------------------- */
.wagons {
  position: relative;
  padding-top: 60px;
  padding-bottom: 12.5%;
}

.wagons::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  display: block;
  height: 2px;
  background-color: #d2d5da;
}

.wagons__header {
  position: relative;
  padding: 0 20px;
}

.wagons__title {
  margin: 0;
  padding: 0;
  font: 700 26px/1.04166667 Montserrat, Arial, Helvetica, sans-serif;
  color: #344258;
}

.wagons__list {
  position: relative;
  padding: 0;
}

.wagons__wagon {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  white-space: normal;
}

/* ====================
   Классы модификаторы
   ==================== */
.is-hidden,
[hidden] {
  display: none !important;
  visibility: hidden !important;
}

.is-cropped {
  overflow: hidden !important;
}

.clearfix::after {
  content: " ";
  display: block;
  clear: both;
}

/* ====================
   CSS3 анимации
   ==================== */
@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}

@keyframes bounce {
  from {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}

@-webkit-keyframes circle {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

/* ====================
   Медиа-запросы
   ==================== */

@media (min-width: 0px) {
  .carousel__container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .carousel__row {
    margin-left: 0;
    margin-right: 0;
  }
  .grid::after {
    content: "smart";
  }
  .grid__container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .grid__row {
    margin-left: 0;
    margin-right: 0;
  }
  .http__container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .notification__container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .notification__row {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 480px) {
  .button_up {
    width: 100%;
    padding-left: 80px;
    text-align: left;
  }
  .button_up span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 50px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    color: #8e96a2;
  }
  .button_contacts {
    max-width: 210px;
  }
  .carriage__column {
    width: 50%;
  }
  .contacts_footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .doughnut__point_default {
    font-size: 16px;
  }
  .doughnut__point_active {
    font-size: 16px;
  }
  .footer__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 120px;
  }
  .footer__back {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: left;
    width: 50%;
  }
  .footer__body {
    margin-top: 120px;
    margin-bottom: 100px;
  }
  .footer__contacts {
    width: 50%;
    margin-bottom: 0;
  }
  .footer__copyrights {
    width: 50%;
    padding-left: 46px;
    margin-bottom: 0;
  }
  .footer__legal {
    width: 50%;
    margin-bottom: 0;
  }
  .footer__vendor {
    width: 50%;
    padding-left: 46px;
    margin-bottom: 0;
  }
  .grid::after {
    content: "smart-x";
  }
  .http_404::after {
    background-size: 400px 128px;
  }
  .popup_menu .menu__list {
    width: 210px;
    margin: 0 auto;
  }
  .popup_menu .menu__buttons {
    position: relative;
    width: 210px;
    margin: 30px auto 0;
    padding: 0;
  }
  .params__param {
    width: 50%;
  }
  .popup_cookie .popup__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .wagon__body {
    padding-top: 80%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .block_image {
    padding: 30px;
  }
  .wagon_next .service__icon,
  .wagons .service__icon {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .wagons .service__type {
    margin-bottom: 2.5em;
  }
  .slide::before {
    position: absolute;
    top: 0;
    left: 33.333333%;
    display: block;
    width: 66.666666%;
    height: 50%;
    background-color: rgba(97, 108, 125, 0.9);
    z-index: 2;
  }
}

@media (min-width: 768px) {
  .anchors::after {
    left: 30px;
    right: 30px;
  }
  .anchors__intro {
    width: 33.33333333%;
    padding: 60px 30px 30px;
  }
  .anchors__list {
    width: 33.33333333%;
    padding-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }
  .anchors__buttons {
    padding: 40px 0 60px 33.33333333%;
    text-align: left;
  }
  .block__link {
    max-width: 33.33333333%;
  }
  .button_feedback {
    max-width: 210px;
  }
  .button_up {
    max-width: 210px;
  }
  .career__organization {
    display: inline-block;
    vertical-align: bottom;
    width: 25%;
  }
  .career__experience {
    display: inline-block;
    vertical-align: bottom;
    width: 25%;
    text-align: center;
  }
  .career__post {
    display: inline-block;
    vertical-align: bottom;
    width: 50%;
  }
  .carousel__viewport {
    min-height: calc(100vh - 260px);
  }
  .carousel__bullets {
    display: inline-block;
    vertical-align: middle;
  }
  .carousel__counter {
    display: none;
  }
  .carriage {
    padding-top: 50%;
  }
  .carriage__header {
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 25%;
    padding: 0 0 0 30px;
  }
  .carriage__images {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding-top: 0;
  }
  .carriage__columns {
    position: absolute;
    top: 40%;
    left: 15%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 70%;
    height: 50%;
    padding: 0;
    background-color: transparent;
  }
  .carriage__column {
    width: 33.33333333%;
    margin-bottom: 0;
  }
  .carriage__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    margin-left: 25%;
    padding: 0;
    color: #8e96a2;
  }
  .competencies {
    padding-top: 60px;
  }
  .competencies__header {
    padding-left: 30px;
    padding-right: 30px;
  }
  .competencies__title {
    margin-bottom: 60px;
  }
  .competencies__item {
    padding-top: 33.33333333%;
  }
  .contacts_screen {
    margin-top: -210px;
  }
  .contacts__map {
    padding-top: 80%;
  }
  .contacts__params {
    padding-left: 30px;
    padding-right: 30px;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
  .department {
    padding-bottom: 0;
  }
  .department::after {
    display: none;
  }
  .department:last-of-type .department__picture {
    width: 66.66666667%;
  }
  .department__header {
    height: 0;
    padding-top: 33.33333333%;
  }
  .department__title {
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 66.66666667%;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 0;
  }
  .department__picture {
    width: 16.66666667%;
    margin-top: 33.33333333%;
    padding-top: 66.66666667%;
  }
  .department__person {
    width: 33.33333333%;
  }
  .dispenser__more {
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
  }
  .doughnut_table .doughnut__viewport {
    width: calc(2 / 3 * 100vw);
    height: calc(2 / 3 * 100vw);
  }
  @supports (--css: variables) {
    .doughnut_table .doughnut__viewport {
      width: calc(2 / 3 * var(--outer-width));
      height: calc(2 / 3 * var(--outer-width));
    }
  }
  .doughnut_table .doughnut__caption {
    width: calc(2 / 3 * 100vw);
  }
  .doughnut__caption table {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
  }
  .doughnut__total {
    font-size: 54px;
  }
  .feedback__header {
    padding-top: 160px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .feedback__title {
    font-size: 48px;
  }
  .feedback__form {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .footer__nav {
    width: 66.66666667%;
    margin-left: 16.66666667%;
    margin-right: 16.66666667%;
    padding-left: 0;
    padding-right: 0;
  }
  .footer__buttons {
    width: 50%;
    text-align: right;
  }
  .form__column {
    width: 50%;
    padding-right: 15px;
  }
  .form__column + .form__column {
    padding-right: 0;
    padding-left: 15px;
  }
  .form__submit {
    max-width: 210px;
  }
  .grid::after {
    content: "tablet";
  }
  .grid__column:nth-child(n+5) {
    display: inline-block;
  }
  .header__row {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .header__logo {
    padding-left: 25px;
  }
  .header__buttons {
    padding-right: 25px;
  }
  .history__title {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .history__list {
    padding-left: 30px;
    padding-right: 30px;
  }
  .history__milestone {
    width: 50%;
  }
  .http_offline::after {
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    background-size: 272px 703px;
    background-position: 50% 0;
  }
  .http__body {
    width: calc(4 / 6 * 100vw);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  .http__name {
    font-size: 48px;
  }
  .main__header {
    padding-top: 50%;
  }
  .main__slogan {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 48px;
  }
  .main__slideshow {
    padding-top: 50%;
  }
  .main__news {
    padding-left: 30px;
    padding-right: 30px;
  }
  .management__person {
    width: 33.33333333%;
    margin-left: 8.33333333%;
  }
  .service .menu {
    padding: 30px;
  }
  .nav_offer {
    padding-top: 33.33333333%;
  }
  .nav_news {
    padding-top: 33.33333333%;
  }
  .nav__action {
    position: absolute;
    bottom: 0;
    height: 100%;
    min-height: 0;
  }
  .news_list::after {
    left: 30px;
    right: 30px;
  }
  .news_article .news__header {
    padding-top: 160px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .news_article .news__title {
    font-size: 48px;
  }
  .news_article .news__back {
    width: 33.33333333%;
    padding-left: 30px;
    margin-bottom: 0;
  }
  .news_list .news__pubdate {
    margin-bottom: 2.14285714em;
  }
  .news_article .news__pubdate {
    width: 33.33333333%;
    padding-left: 0;
    padding-right: 0;
  }
  .news_list .news__picture {
    display: inline-block;
    vertical-align: top;
    width: 66.66666667%;
    padding-right: 30px;
    margin-bottom: 0;
  }
  .news_article .news__picture {
    width: 66.66666667%;
    margin-left: 16.66666667%;
  }
  .news__doughnut {
    margin-left: 16.66666667%;
  }
  .news_list .news__text {
    display: inline-block;
    vertical-align: top;
    width: 33.33333333%;
    padding-left: 0;
    padding-right: 30px;
  }
  .news_list .news__more {
    display: inline-block;
    vertical-align: top;
    max-width: 210px;
    text-align: left;
  }
  .news_preview .news__block {
    width: 50%;
  }
  .offer__header {
    padding: 160px 30px 40px;
  }
  .offer__title {
    font-size: 48px;
  }
  .offer__back {
    width: 33.33333333%;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .page__header {
    padding-top: 160px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .page__title {
    font-size: 48px;
  }
  .params {
    width: 66.66666667%;
    padding: 18px 30px 0 0;
  }
  .park__doughnut {
    width: 66.66666667%;
    margin-left: 16.66666667%;
    padding-left: 0;
    padding-right: 0;
  }
  .park__legend {
    width: 50%;
  }
  .park__point {
    padding-left: 30px;
  }
  .person_card .person__photo {
    float: right;
    width: 50%;
  }
  .person_card .person__info {
    width: 50%;
    padding-top: 20px;
    padding-right: 20px;
  }
  .persons__picture {
    width: 16.66666667%;
    margin-top: 33.33333333%;
    padding-top: 66.66666667%;
  }
  .persons__person {
    width: 33.33333333%;
  }
  .pinned__item {
    padding-top: 33.33333333%;
  }
  .popup_persons .popup__body {
    margin: 30px;
    padding: 70px 70px 50px;
  }
  .popup_cookie .popup__body {
    padding-left: 30px;
    padding-bottom: 30px;
  }
  .service_screen {
    padding-bottom: 0;
  }
  .service_screen + .service_screen::before {
    display: none;
  }
  .service_1 .service__header {
    width: 66.66666667%;
    padding-top: 33.33333333%;
  }
  .service_2 .service__header {
    width: 66.66666667%;
    height: 0;
    padding-top: 66.66666667%;
  }
  .service_3 .service__header {
    width: 66.66666667%;
    height: 0;
    padding-top: 66.66666667%;
  }
  .service_4 .service__header {
    width: 66.66666667%;
    height: 0;
    padding-top: 66.66666667%;
  }
  .service__title {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
  .service_2 .service__text {
    position: absolute;
    top: 33.33333333%;
    width: 50%;
    padding: 0 30px;
  }
  .service_3 .service__text {
    position: absolute;
    top: 33.33333333%;
    width: 50%;
    padding: 0 30px;
  }
  .service_4 .service__text {
    position: absolute;
    top: 33.33333333%;
    width: 50%;
    padding: 0 30px;
  }
  .service_1 .service__images {
    width: 66.66666667%;
    padding-top: 66.66666667%;
  }
  .service_2 .service__images {
    height: 0;
    width: 66.66666667%;
    padding-top: 66.66666667%;
  }
  .service_3 .service__images {
    width: 66.66666667%;
    padding-top: 66.66666667%;
  }
  .service_4 .service__images {
    padding-top: 66.66666667%;
  }
  .service_1 .service__image_1 {
    width: 100%;
  }
  .service_2 .service__image_1 {
    width: 100%;
  }
  .service_3 .service__image_1 {
    top: -50%;
    left: 100%;
    width: 50%;
    height: 50%;
  }
  .service_1 .service__image_2 {
    height: 50%;
  }
  .service_2 .service__image_2 {
    top: auto;
    left: auto;
    bottom: 100%;
    right: -50%;
    width: 50%;
    height: 50%;
  }
  .service_1 .service__image_3 {
    left: auto;
    bottom: 100%;
    right: 0;
  }
  .service_2 .service__overlay_1 {
    top: 0;
    right: 0;
    width: 50%;
    height: 50%;
    background-color: rgba(97, 108, 125, 0.85);
  }
  .service_4 .service__overlay_1 {
    bottom: 0;
    right: 0;
    width: 33.33333333%;
    height: 100%;
    background-color: rgba(97, 108, 125, 0.85);
  }
  .service_1 .service__overlay_2 {
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    background-color: rgba(97, 108, 125, 0.85);
  }
  .service_4 .service__overlay_2 {
    bottom: 100%;
    right: 0;
    width: 33.33333333%;
    height: 50%;
    background-color: #616c7d;
  }
  .service_3 .service__overlay_3 {
    right: 0;
    bottom: 0;
    width: 33.33333333%;
    height: 100%;
    background-color: rgba(97, 108, 125, 0.85);
  }
  .service_1 .service__menu {
    position: absolute;
    top: 33.33333333%;
    right: 0;
    width: 33.33333333%;
    height: 66.66666667%;
    padding-bottom: 0;
  }
  .service_2 .service__menu {
    position: absolute;
    top: 50%;
    right: 0;
    width: 33.33333333%;
    height: 50%;
  }
  .service_3 .service__menu {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 66.66666667%;
    padding-bottom: 0;
  }
  .slide__background {
    left: 33.33333333%;
    bottom: 0;
    width: 66.66666667%;
  }
  .slide__foreground {
    left: 33.33333333%;
    bottom: 0;
    width: 33.33333333%;
  }
  .slide__content {
    width: 33.33333333%;
    padding-top: 30px;
    z-index: 3;
  }
  .slide__icon {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 0;
    margin-left: 0;
  }
  .slideshow__nav {
    width: 33.33333333%;
  }
  .table {
    width: 66.66666667%;
    margin-left: 16.66666667%;
  }
  .table__header {
    padding-left: 30px;
    padding-right: 30px;
  }
  .table__text {
    padding-left: 30px;
    padding-right: 30px;
  }
  .txtcoll {
    width: 66.66666667%;
    margin-left: 16.66666667%;
  }
  .txtcoll_one .txtcoll__text {
    padding-left: 30px;
    padding-right: 30px;
  }
  .txtcoll_two .txtcoll__text {
    padding-left: 30px;
    padding-right: 30px;
  }
  .txtcoll_three .txtcoll__text {
    padding-left: 30px;
    padding-right: 30px;
  }
  .txtcoll_one .txtcoll__buttons {
    padding-left: 30px;
    padding-right: 30px;
  }
  .txtcoll_two .txtcoll__buttons {
    padding-left: 30px;
    padding-right: 30px;
  }
  .txtcoll_three .txtcoll__buttons {
    padding-left: 30px;
    padding-right: 30px;
  }
  .txtcoll_one .txtcoll__chart {
    padding-left: 30px;
    padding-right: 30px;
  }
  .txtcoll_two .txtcoll__chart {
    padding-left: 30px;
    padding-right: 30px;
  }
  .txtcoll_three .txtcoll__chart {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wagons .wagon:first-child .wagon__body {
    padding-top: 33.33333333%;
  }
  .wagon__figure {
    padding-top: 33.33333333%;
  }
  .wagon__number {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wagon__image {
    top: 175%;
    left: 16.66666667%;
    width: 66.66666667%;
    height: 50%;
  }
  .wagon__body {
    padding-top: 33.33333333%;
  }
  .wagon__title {
    height: 25%;
  }
  .wagon__info {
    top: 25%;
    width: 50%;
    height: 25%;
  }
  .wagon__service {
    top: 0;
    left: 50%;
    height: 100%;
  }
  .wagons::before {
    left: 30px;
    right: 30px;
  }
  .wagons__header {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wagons__title {
    font-size: 48px;
  }
}

@media (min-width: 1024px) and (max-height: 760px) {
  .feedback::after {
    display: none;
  }
}

@media (min-width: 1024px) {
  body.is-horizontal {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .layout_horizontal {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
  }
  .layout__row {
    display: inline-block;
    vertical-align: top;
  }
  .layout_horizontal .layout__body {
    display: inline-block;
    vertical-align: top;
    height: 100%;
  }
  .layout__footer {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
  }
  .anchors {
    display: inline-block;
    vertical-align: top;
    height: 75vh;
    margin-top: 25vh;
  }
  .anchors::after {
    display: none;
  }
  .anchors_one {
    width: calc(2 / 6 * 100vw);
  }
  .anchors_two {
    width: calc(3.5 / 6 * 100vw);
  }
  .anchors_three {
    width: calc(5 / 6 * 100vw);
  }
  .anchors__body {
    padding-top: 30px;
  }
  .anchors_one .anchors__body {
    padding-left: 25%;
    padding-right: 25%;
  }
  .anchors_two .anchors__body {
    padding-left: 14.28571429%;
    padding-right: 14.28571429%;
  }
  .anchors_three .anchors__body {
    padding-left: 10%;
    padding-right: 10%;
  }
  .anchors__intro {
    display: block;
    width: auto;
    margin-bottom: 1.53846154em;
    padding: 0 30px 0 0;
  }
  .anchors__list {
    display: block;
    width: auto;
    padding-top: 0;
    padding-right: 30px;
  }
  .anchors__buttons {
    padding: 50px 30px 0 0;
  }
  .block {
    position: relative;
  }
  .block_text {
    padding: 30px 30px 30px 0;
  }
  .block__link {
    max-width: calc(1 / 6 * 100vw);
  }
  .block_text .block__text {
    width: auto;
  }
  .button_lang {
    border-color: #8e96a2;
    color: #8e96a2;
  }
  .has-csstransitions .button_lang {
    transition: .25s ease-out;
    transition-property: color, border-color;
  }
  .button_lang:hover, .button_lang:focus, .button_lang:active, .button_lang.is-active {
    outline: none;
    border-color: #344258;
    color: #344258;
  }
  .button_lk {
    border-color: #8e96a2;
  }
  .button_lk::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 22px;
    height: 21px;
    margin: -10.5px -11px;
    background-image: url("../img/sprite.svg");
    background-position: -362px -170px;
    background-size: 392px 376px;
    opacity: 1;
    visibility: visible;
  }
  .has-csstransitions .button_lk::before {
    transition: .25s ease-out;
    transition-property: opacity, visibility;
  }
  .button_lk::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 22px;
    height: 21px;
    margin: -10.5px -11px;
    background-image: url("../img/sprite.svg");
    background-position: -226px -120px;
    background-size: 392px 376px;
    opacity: 0;
    visibility: hidden;
  }
  .has-csstransitions .button_lk::after {
    transition: .25s ease-out;
    transition-property: opacity, visibility;
  }
  .button_lk:hover, .button_lk:focus, .button_lk:active, .button_lk.is-active {
    outline: none;
    border-color: #344258;
  }
  .button_lk:hover::before, .button_lk:focus::before, .button_lk:active::before, .button_lk.is-active::before {
    opacity: 0;
    visibility: hidden;
  }
  .button_lk:hover::after, .button_lk:focus::after, .button_lk:active::after, .button_lk.is-active::after {
    opacity: 1;
    visibility: visible;
  }
  .header .button_menu {
    display: none;
  }
  .button_up::after {
    position: absolute;
    top: 50%;
    left: 25px;
    display: block;
    width: 16px;
    height: 20px;
    margin: -10px -8px;
    background-image: url("../img/sprite.svg");
    background-position: -288px -180px;
    background-size: 392px 376px;
  }
  .carousel__viewport {
    min-height: calc(100vh - 310px);
  }
  .carriage {
    width: calc(6 / 6 * 100vw);
    height: 100vh;
    margin-left: calc(-1 / 6 * 100vw);
    margin-bottom: 0;
    padding-top: 0;
  }
  .carriage__header {
    position: relative;
    -ms-flex-align: end;
    align-items: flex-end;
    width: calc(3 / 6 * 100vw);
    height: 31.25vh;
    padding-left: 20.83333333%;
  }
  .carriage__title {
    margin-bottom: 0.41666667em;
  }
  .carriage__images::before {
    width: calc(2 / 6 * 100vw);
  }
  .carriage__image_1 {
    width: calc(1 / 6 * 100vw);
    height: 75vh;
  }
  .carriage__image_2 {
    right: calc(2 / 6 * 100vw);
    width: calc(1 / 6 * 100vw);
    height: 50vh;
  }
  .carriage__image_3 {
    right: calc(1 / 6 * 100vw);
    width: calc(1 / 6 * 100vw);
    height: 50vh;
  }
  .carriage__image_main {
    left: calc(-.25 / 6 * 100vw);
    top: 31.25vh;
    width: calc(6 / 6 * 100vw);
    height: 62.5vh;
  }
  .carriage__columns {
    position: relative;
    top: auto;
    left: auto;
    width: calc(3 / 6 * 100vw);
    height: 56.25vh;
    margin-left: 20.83333333%;
    padding-top: 20vh;
    padding-bottom: 5vh;
  }
  .carriage__text {
    width: calc(3 / 6 * 100vw);
    height: 12.5vh;
    margin-left: 20.83333333%;
  }
  .txtcoll__chart .chart {
    margin-top: -50px;
  }
  .chart__view {
    height: 100px;
    margin-bottom: 20px;
  }
  .chart__bars {
    height: 100px;
  }
  .chart_white .chart__value {
    font-size: 54px;
  }
  .chart_white .chart__caption {
    font-size: 16px;
  }
  .competencies {
    display: inline-block;
    vertical-align: top;
    height: 75vh;
    padding-top: 0;
  }
  .competencies::before {
    display: none;
  }
  .competencies__header {
    width: calc(1 / 6 * 100vw);
    height: 25vh;
    padding-left: 0;
    padding-right: 0;
    white-space: normal;
  }
  .competencies__title {
    margin-bottom: 30px;
    padding-top: 60px;
  }
  .competencies__list {
    height: 50vh;
    white-space: nowrap;
  }
  .competencies__item {
    height: 50vh;
    padding-top: 0;
    white-space: normal;
  }
  .competencies__item_one {
    width: calc(1 / 6 * 100vw);
  }
  .competencies__item_two {
    width: calc(2 / 6 * 100vw);
  }
  .competencies__item_three {
    width: calc(3 / 6 * 100vw);
  }
  .competencies__item:nth-child(even) {
    margin-top: -25vh;
  }
  .contacts_screen {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: calc(4 / 6 * 100vw);
    height: 75vh;
    margin-top: 0;
  }
  .contacts_footer {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 180px;
  }
  .contacts__map {
    width: calc(3.5 / 6 * 100vw);
    height: 75vh;
    padding-top: 0;
  }
  .contacts__map::after {
    display: none;
  }
  .contacts__params {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(2 / 6 * 100vw);
    height: 62.5vh;
    max-height: none;
    padding: 50px calc(.5 / 6 * 100vw) 20px;
    -webkit-column-count: auto;
    column-count: auto;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
  .contacts_footer .contacts__param {
    width: 33.33333333%;
    max-width: none;
  }
  .contacts_footer .contacts__param:first-child {
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
  .department {
    display: inline-block;
    vertical-align: top;
    height: 75vh;
    margin-top: 25vh;
    margin-right: calc(1 / 6 * 100vw);
  }
  .department:last-of-type .department__picture {
    width: calc(1 / 6 * 100vw);
  }
  .department__header {
    display: inline-block;
    vertical-align: top;
    height: 75vh;
    width: calc(1 / 6 * 100vw);
    padding-top: 0;
  }
  .department__title {
    bottom: 50vh;
    display: block;
    width: 100%;
    padding-bottom: 30px;
    padding-left: 0;
  }
  .department__persons {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding-left: 0;
    overflow: visible;
  }
  .department__picture {
    width: calc(1 / 6 * 100vw);
    height: 50vh;
    margin-top: 25vh;
    padding-top: 0;
    margin-left: calc(-1 / 6 * 100vw);
  }
  .department__person {
    width: calc(1 / 6 * 100vw);
    height: 62.5vh;
    margin-top: 12.5vh;
  }
  .department__person .person {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }
  .department__person:nth-of-type(2n-2) {
    height: 50vh;
    margin-top: 25vh;
  }
  .department__person:nth-of-type(2n-2) .person {
    margin-top: 0;
    margin-bottom: 0;
  }
  .department__person:nth-of-type(3n-4) {
    height: 75vh;
    margin-top: 0;
  }
  .dispenser__target {
    padding-top: 0;
  }
  .dispenser__more {
    text-align: left;
    width: calc(1 / 6 * 100vw);
    padding-right: 0;
    padding-bottom: 0;
  }
  .doughnut_table {
    white-space: nowrap;
  }
  .doughnut_table .doughnut__viewport {
    width: calc(2 / 6 * 100vw);
    height: calc(2 / 6 * 100vw - 30px);
    max-height: 56.25vh;
    padding-right: 30px;
    margin-bottom: 0;
  }
  @supports (--css: variables) {
    .doughnut_table .doughnut__viewport {
      width: calc(2 / 6 * var(--outer-width));
      height: calc(2 / 6 * var(--outer-width) - 30px);
    }
  }
  .doughnut_table .doughnut__viewport::before {
    right: 30px;
  }
  .doughnut_table .doughnut__viewport svg {
    margin-left: -15px;
  }
  .doughnut_table .doughnut__caption {
    width: calc(2 / 6 * 100vw);
    margin-top: -6.25vh;
  }
  .doughnut__caption table {
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
  }
  .doughnut__point_default {
    font-size: 1.11111111vw;
  }
  .doughnut__point_active {
    font-size: 1.11111111vw;
  }
  .doughnut__total {
    font-size: 3.75vw;
  }
  .editable {
    padding-left: calc(.5 / 6 * 100vw);
    padding-right: calc(.5 / 6 * 100vw);
  }
  .feedback {
    display: inline-block;
    vertical-align: top;
    width: calc(6 / 6 * 100vw);
    height: 100vh;
  }
  .feedback::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10vh;
  }
  .feedback__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    box-sizing: border-box;
    width: calc(4 / 6 * 100vw);
    height: 25vh;
    padding-left: calc(.5 / 6 * 100vw);
  }
  .feedback__title {
    padding-bottom: 40px;
    padding-left: calc(.5 / 6 * 100vw);
  }
  .feedback__hint {
    padding-left: calc(.5 / 6 * 100vw);
  }
  .feedback__form {
    width: calc(4 / 6 * 100vw);
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0;
  }
  .footer {
    width: calc(100vw - 17px);
    height: 100vh;
  }
  @supports (--css: variables) {
    .footer {
      width: var(--outer-width);
    }
  }
  .footer__nav {
    width: 83.33333333%;
    height: 25vh;
    margin-top: 0;
    margin-left: 8.33333333%;
    margin-right: 8.33333333%;
  }
  .footer__back {
    width: 20%;
    text-align: right;
  }
  .footer__buttons {
    width: 20%;
    text-align: left;
  }
  .footer__body {
    width: 83.33333333%;
    height: 50vh;
    margin-top: 0;
    margin-left: 16.66666667%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .footer__body::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
  }
  .footer__contacts {
    vertical-align: middle;
    width: 60%;
  }
  .footer__copyrights {
    vertical-align: middle;
    width: 20%;
    text-align: right;
    padding-left: 0;
    margin-left: 10%;
  }
  .footer__legal {
    vertical-align: middle;
    width: 60%;
  }
  .footer__vendor {
    vertical-align: middle;
    width: 20%;
    text-align: right;
    padding-left: 0;
    margin-left: 10%;
  }
  .form__column {
    padding-right: 30px;
  }
  .form__column + .form__column {
    padding-left: 0;
    padding-right: 30px;
  }
  .grid::after {
    content: "laptop";
  }
  .grid__column {
    width: 16.66666667%;
    max-width: 16.66666667%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .header {
    position: fixed;
    width: 100vw;
    margin-bottom: -110px;
  }
  @supports (--css: variables) {
    .header {
      width: var(--outer-width);
    }
  }
  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .header {
      position: -webkit-sticky;
      position: sticky;
    }
  }
  .header__row {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .header__logo {
    width: 16.66666667%;
    padding-left: 30px;
  }
  .header__menu {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
    text-align: center;
  }
  .header__buttons {
    width: 16.66666667%;
  }
  .history {
    width: auto;
    height: 75vh;
  }
  .history__header {
    display: inline-block;
    vertical-align: top;
    width: calc(1 / 6 * 100vw);
    height: 75vh;
  }
  .history__title {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
    text-align: right;
  }
  .history__list {
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    padding-right: calc(.5 / 6 * 100vw);
    padding-bottom: 0;
    white-space: nowrap;
  }
  .history__milestone {
    vertical-align: top;
    width: calc(1 / 6 * 100vw);
    height: 75vh;
  }
  .http {
    width: calc(6 / 6 * 100vw);
    height: 100vh;
    padding-top: 0;
  }
  .http_404::after {
    top: 30%;
    bottom: 30%;
    left: 66.66666667%;
  }
  .http_offline::after {
    top: 30%;
    left: 66.66666667%;
  }
  .http__body {
    width: calc(2.5 / 6 * 100vw);
    margin-left: calc(1 / 6 * 100vw);
  }
  .main {
    width: calc(100vw - 17px);
    height: 100vh;
  }
  @supports (--css: variables) {
    .main {
      width: var(--outer-width);
    }
  }
  .main__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 66.66666667%;
    height: 50%;
    padding-top: 0;
  }
  .main__slogan {
    width: 75%;
    padding-right: 80px;
    padding-left: 0;
    padding-bottom: 40px;
  }
  .main__slideshow {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 75%;
    padding-top: 0;
  }
  .main__news {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 83.33333333%;
    height: 25%;
    padding: 0 0 0 16.66666667%;
  }
  .management {
    display: inline-block;
    vertical-align: top;
    height: 75vh;
    padding-top: 0;
    margin-left: calc(.5 / 6 * 100vw);
  }
  .management__persons {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding-left: 0;
    overflow: visible;
  }
  .management__person {
    width: calc(1 / 6 * 100vw);
    height: 75vh;
    margin-left: 0;
    margin-right: calc(.5 / 6 * 100vw);
  }
  .management__person .person {
    padding-top: 0;
  }
  .map_contacts {
    position: relative;
  }
  .map_contacts.is-processing .map__canvas::after {
    top: 50%;
    left: 71.428571%;
  }
  .header .menu {
    display: block;
  }
  .header .menu__list {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }
  .header .menu__item + .menu__item {
    margin-left: 32px;
  }
  .form_default .message__body {
    width: calc(2 / 6 * 100vw);
  }
  .milestone__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .history__milestone:nth-child(odd) .milestone__header {
    -ms-flex-align: end;
    align-items: flex-end;
    height: 25vh;
  }
  .milestone__year {
    padding-top: 60px;
  }
  .nav_offer {
    width: calc(2 / 6 * 100vw);
    margin-top: 0;
    padding-top: 0;
  }
  .nav_news {
    width: calc(1 / 6 * 100vw);
    margin-top: 0;
    padding-top: 0;
  }
  .nav_back {
    height: 56.25vh;
  }
  .nav_forward {
    height: 100vh;
  }
  .nav.nav_offer.nav_back {
    display: inline-block;
  }
  .nav.nav_offer.nav_forward::after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: calc(1 / 6 * 100vw);
    height: 25vh;
    background-color: rgba(232, 234, 236, 0.9);
  }
  .nav__action {
    width: calc(1 / 6 * 100vw);
    height: 50vh;
  }
  .nav__icon {
    position: relative;
    bottom: auto;
    right: auto;
  }
  .nav__link {
    max-width: calc(1 / 6 * 100vw);
  }
  .nav__link::after {
    bottom: 30px;
  }
  .nav_forward .nav__link::after {
    top: auto;
  }
  .news_list {
    width: calc(3 / 6 * 100vw);
    padding-bottom: 0;
  }
  .news_list::after {
    display: none;
  }
  .news_article {
    margin-bottom: 0;
  }
  .news_article .news__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: calc(2.5 / 6 * 100vw);
    height: 31.25vh;
    padding-top: 0;
    padding-left: calc(.5 / 6 * 100vw);
    padding-right: 0;
  }
  .news_preview .news__title {
    padding-top: 16px;
  }
  .news_article .news__title {
    font-size: 4.6875vh;
  }
  .news_article .news__body {
    height: 56.25vh;
    padding-top: 0;
  }
  .news_article .news__back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    width: calc(1.5 / 6 * 100vw);
    height: 12.5vh;
    padding-left: calc(.5 / 6 * 100vw);
  }
  .news_article .news__pubdate {
    position: absolute;
    top: 0;
    left: calc(1.5 / 6 * 100vw);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    width: calc(1 / 6 * 100vw);
    height: 12.5vh;
  }
  .news_list .news__picture {
    width: calc(2 / 6 * 100vw);
  }
  .news_article .news__picture {
    width: calc(2 / 6 * 100vw);
    height: 50vh;
    margin-left: calc(.5 / 6 * 100vw);
    padding-right: 30px;
    padding-top: 0;
  }
  .news__doughnut {
    height: 50vh;
    margin-left: calc(.5 / 6 * 100vw);
    padding-top: 0;
  }
  .news_list .news__text {
    width: calc(1 / 6 * 100vw);
  }
  .news_preview .news__block {
    width: 25%;
    padding-bottom: 0;
  }
  .offer {
    width: auto;
    height: 100vh;
  }
  .offer__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: calc(4 / 6 * 100vw);
    height: 31.25vh;
    padding: 0 calc(1 / 6 * 100vw) 0 calc(.5 / 6 * 100vw);
  }
  .offer__title {
    font-size: 4.6875vh;
  }
  .offer__back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    width: calc(1.5 / 6 * 100vw);
    height: 12.5vh;
    padding-left: calc(.5 / 6 * 100vw);
  }
  .offer__body {
    height: 50vh;
  }
  .page {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: auto;
  }
  .page__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    min-height: 25vh;
    padding: 110px 0 0 0;
  }
  .page__title {
    padding-bottom: 40px;
    padding-left: calc(.5 / 6 * 100vw);
  }
  .page__body {
    white-space: nowrap;
  }
  .params {
    width: calc(3 / 6 * 100vw);
    height: 56.25vh;
    padding: 0 0 0 calc(1 / 6 * 100vw);
  }
  .params__text {
    padding-right: calc(.5 / 6 * 100vw);
  }
  .park {
    width: calc(6 / 6 * 100vw);
    height: 75vh;
  }
  .park__doughnut {
    position: absolute;
    top: 0;
    left: calc(2 / 6 * 100vw);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(2 / 6 * 100vw);
    height: 75vh;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .park__legend {
    position: absolute;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    box-sizing: border-box;
    width: calc(2 / 6 * 100vw);
    height: 75vh;
  }
  .park__legend_left {
    left: 0;
    padding: 0 calc(.2 / 6 * 100vw) 0 calc(.5 / 6 * 100vw);
  }
  .park__legend_right {
    right: 0;
    padding: 0 calc(.5 / 6 * 100vw) 0 calc(.2 / 6 * 100vw);
  }
  .park__point {
    padding-left: 0;
    margin-bottom: 0;
  }
  .person_block {
    height: 100%;
  }
  .person_block[data-href]::before {
    display: none;
  }
  .person_block[data-href]::after {
    display: none;
  }
  .person_block .person__photo {
    height: 25vh;
    padding-top: 0;
  }
  .persons .person_block .person__photo + .person__info,
  .department .person_block .person__photo + .person__info {
    top: 25vh;
  }
  .management .person_block .person__photo + .person__info {
    top: 25vh;
  }
  .persons {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 75vh;
    margin-top: 25vh;
    overflow: visible;
  }
  .persons__list {
    width: auto;
    padding-left: 0;
  }
  .persons__picture {
    position: absolute;
    left: 100%;
    top: -25vh;
    width: calc(2 / 6 * 100vw);
    height: 25vh;
    margin-top: 0;
    padding-top: 0;
  }
  .persons__person {
    width: calc(1 / 6 * 100vw);
    height: 62.5vh;
    margin-top: 12.5vh;
  }
  .persons__person .person {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }
  .persons__person:nth-of-type(2n-2) {
    height: 50vh;
    margin-top: 25vh;
  }
  .persons__person:nth-of-type(2n-2) .person {
    margin-top: 0;
    margin-bottom: 0;
  }
  .persons__person:nth-of-type(3n-4) {
    height: 75vh;
    margin-top: 0;
  }
  .pinned {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    padding-top: 0;
  }
  .pinned::before {
    display: none;
  }
  .pinned__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    height: 25vh;
    padding-left: 0;
    padding-right: 0;
  }
  .pinned__title {
    padding-left: calc(.5 / 6 * 100vw);
    padding-bottom: 40px;
  }
  .pinned__list {
    width: auto;
    padding-right: calc(1 / 6 * 100vw);
    white-space: nowrap;
  }
  .pinned__item {
    height: 50vh;
    padding-top: 0;
  }
  .pinned__item_one {
    width: calc(1 / 6 * 100vw);
  }
  .pinned__item_two {
    width: calc(2 / 6 * 100vw);
  }
  .pinned__item_three {
    width: calc(3 / 6 * 100vw);
  }
  .pinned__item:nth-child(odd) {
    margin-top: 25vh;
  }
  .popup_persons .popup__body {
    margin-left: auto;
    margin-right: auto;
    padding-top: 120px;
    padding-left: 120px;
    padding-right: 120px;
  }
  .popup_cookie .popup__body {
    width: 66.66666667%;
    margin-left: 16.66666667%;
    margin-right: 16.66666667%;
    padding: 50px 0;
  }
  .has-js .select__value {
    z-index: 2;
  }
  .service_screen {
    display: inline-block;
    vertical-align: top;
    height: 75vh;
    white-space: nowrap;
  }
  .service_1 .service__header {
    width: calc(1.25 / 6 * 100vw);
    height: 25vh;
    margin-left: calc(1 / 6 * 100vw);
    padding-top: 0;
  }
  .service_2 .service__header {
    width: calc(1.25 / 6 * 100vw);
    height: 50vh;
    margin-left: calc(1 / 6 * 100vw);
    padding-top: 0;
  }
  .service_3 .service__header {
    width: calc(1.25 / 6 * 100vw);
    height: 50vh;
    margin-left: calc(1 / 6 * 100vw);
    padding-top: 0;
  }
  .service_4 .service__header {
    width: calc(3 / 6 * 100vw);
    height: 50vh;
    margin-left: calc(1 / 6 * 100vw);
    padding-top: 0;
  }
  .service__title {
    position: relative;
    top: auto;
    left: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .service_2 .service__text {
    position: static;
    top: auto;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .service_3 .service__text {
    position: static;
    top: auto;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .service_4 .service__text {
    position: static;
    top: auto;
    width: auto;
    padding-left: 0;
    padding-right: calc(0.25 / 6 * 100vw);
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: calc(0.25 / 6 * 100vw);
    column-gap: calc(0.25 / 6 * 100vw);
  }
  .service__images {
    display: inline-block;
    vertical-align: top;
    margin-left: calc(1 / 6 * 100vw);
  }
  .service_1 .service__images {
    height: 50vh;
    width: calc(3 / 6 * 100vw);
    padding-top: 0;
  }
  .service_2 .service__images {
    height: 25vh;
    width: calc(3 / 6 * 100vw);
    padding-top: 0;
  }
  .service_3 .service__images {
    height: 25vh;
    width: calc(2 / 6 * 100vw);
    padding-top: 0;
  }
  .service_4 .service__images {
    height: 25vh;
    width: calc(5 / 6 * 100vw);
    padding-top: 0;
  }
  .service_3 .service__image_1 {
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
  }
  .service_4 .service__image_1 {
    height: 200%;
  }
  .service_1 .service__image_2 {
    left: 33.33333333%;
    width: 33.33333333%;
    height: 50%;
  }
  .service_2 .service__image_2 {
    right: 0;
    width: 33.33333333%;
    height: 200%;
  }
  .service_1 .service__image_3 {
    width: 50%;
    height: 50%;
  }
  .service_1 .service__overlay_1 {
    top: -50%;
    right: 0;
    width: 33.33333333%;
    height: 100%;
    background-color: #f3f4f6;
  }
  .service_2 .service__overlay_1 {
    top: auto;
    bottom: 0;
    width: 33.33333333%;
    height: 100%;
  }
  .service_3 .service__overlay_1 {
    left: 50%;
    width: 50%;
    height: 100%;
    background-color: #616c7d;
  }
  .service_4 .service__overlay_1 {
    width: 20%;
    height: 200%;
  }
  .service_1 .service__overlay_2 {
    width: 33.33333333%;
    height: 50%;
  }
  .service_4 .service__overlay_2 {
    bottom: 200%;
    width: 20%;
    height: 100%;
  }
  .service_1 .service__overlay_3 {
    bottom: 100%;
    left: 0;
    width: 50%;
    height: 50%;
    background-color: #616c7d;
  }
  .service_3 .service__overlay_3 {
    right: auto;
    left: 0;
    height: 33.33333333%;
  }
  .service_1 .service__menu {
    position: relative;
    top: auto;
    right: auto;
    width: calc(2 / 6 * 100vw);
    height: 50vh;
  }
  .service_2 .service__menu {
    position: relative;
    top: auto;
    right: auto;
    width: calc(2 / 6 * 100vw);
    height: 50vh;
    margin-top: -25vh;
  }
  .service_3 .service__menu {
    position: relative;
    top: auto;
    left: auto;
    width: calc(3 / 6 * 100vw);
    height: 75vh;
    margin-top: -50vh;
    padding-top: 0;
  }
  .slide__background {
    left: 0;
    width: 100%;
  }
  .slide__foreground {
    left: 0;
    height: 33.33333333%;
  }
  .slide__content {
    right: 0;
    left: auto;
    top: 66.66666667%;
    height: 66.66666667%;
  }
  .slide__icon {
    margin-bottom: 35px;
  }
  .slideshow_services {
    position: relative;
  }
  .slideshow__nav {
    top: 100%;
    right: 0;
    left: auto;
    height: 25vh;
  }
  .table {
    min-height: 50vh;
    margin-top: 37.5vh;
    margin-left: 0;
  }
  .table_two {
    width: calc(3 / 6 * 100vw);
  }
  .table_three {
    width: calc(4 / 6 * 100vw);
  }
  .table_four {
    width: calc(5 / 6 * 100vw);
  }
  .table_captioned {
    margin-top: 0;
  }
  .table__header {
    width: calc(3 / 6 * 100vw);
    height: 31.25vh;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 6.25vh;
  }
  .table__title {
    margin-bottom: 0.41666667em;
    padding-left: calc(.5 / 6 * 100vw);
    padding-right: calc(.5 / 6 * 100vw);
  }
  .table__text {
    padding-left: calc(.5 / 6 * 100vw);
    padding-right: calc(.5 / 6 * 100vw);
  }
  .table + .txtcoll,
  .table + .table {
    margin-top: 37.5vh;
  }
  .txtcoll {
    height: 50vh;
    margin-top: 37.5vh;
    margin-left: 0;
  }
  .txtcoll_one {
    width: calc(2 / 6 * 100vw);
  }
  .txtcoll_two {
    width: calc(3.5 / 6 * 100vw);
  }
  .txtcoll_three {
    width: calc(5 / 6 * 100vw);
  }
  .offer__body .txtcoll {
    margin-top: -6.25vh;
  }
  .txtcoll__image {
    position: absolute;
    bottom: -12.5vh;
    left: 0;
    width: calc(1 / 6 * 100vw);
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
  }
  .txtcoll__image_sq {
    height: 25vh;
  }
  .txtcoll__image_tall {
    height: 50vh;
  }
  .txtcoll_one .txtcoll__text {
    padding-left: 25%;
    padding-right: 12.5%;
  }
  .txtcoll_two .txtcoll__text {
    padding-left: 14.28571429%;
    padding-right: 7.14285714%;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 7.14285714%;
    column-gap: 7.14285714%;
  }
  .txtcoll_three .txtcoll__text {
    padding-left: 10%;
    padding-right: 5%;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 5%;
    column-gap: 5%;
  }
  .txtcoll_one .txtcoll__buttons {
    padding-left: 25%;
    padding-right: 12.5%;
  }
  .txtcoll_two .txtcoll__buttons {
    padding-left: 14.28571429%;
    padding-right: 7.14285714%;
  }
  .txtcoll_three .txtcoll__buttons {
    padding-left: 10%;
    padding-right: 5%;
  }
  .txtcoll__chart {
    position: absolute;
    left: 0;
    bottom: -12.5vh;
    width: calc(2 / 6 * 100vw);
    height: 12.5vh;
  }
  .txtcoll_one .txtcoll__chart {
    padding-left: 25%;
    padding-right: 12.5%;
  }
  .txtcoll_two .txtcoll__chart {
    padding-left: 14.28571429%;
    padding-right: 7.14285714%;
  }
  .txtcoll_three .txtcoll__chart {
    padding-left: 10%;
    padding-right: 5%;
  }
  .txtcoll + .table,
  .txtcoll + .txtcoll {
    margin-top: 37.5vh;
  }
  .wagon_next {
    width: calc(1 / 6 * 100vw);
    height: 50vh;
    margin-top: 50vh;
  }
  .wagons .wagon:first-child .wagon__body {
    padding-top: 20px;
  }
  .wagon__figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    height: 25vh;
    padding-top: 0;
    padding-bottom: 40px;
  }
  .wagon__number {
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }
  .wagon__figure_image .wagon__number {
    height: 50%;
  }
  .wagon__figure_default .wagon__abs {
    font-size: 130px;
    line-height: .85;
  }
  .wagon__figure_image .wagon__abs {
    display: block;
    line-height: 1;
  }
  .wagon__figure_image .wagon__rel {
    display: block;
    line-height: 1.2;
  }
  .wagon__image {
    position: relative;
    top: auto;
    left: auto;
    width: 150%;
    height: 50%;
  }
  .wagon__body {
    height: 50vh;
    padding: 20px;
  }
  .wagon__title {
    position: relative;
    height: auto;
    padding: 0;
    margin-bottom: 0.6em;
  }
  .wagon__info {
    position: relative;
    top: auto;
    width: 80%;
    height: auto;
    padding-left: 0;
    padding-top: 0;
  }
  .wagon__info::before {
    left: -20px;
  }
  .wagon__service {
    top: auto;
    left: 20px;
    bottom: 20px;
    height: auto;
    padding-top: 0;
  }
  .wagons {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
  .wagons::before {
    display: none;
  }
  .wagons__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 25vh;
    padding: 0;
  }
  .wagons__title {
    padding-left: calc(.5 / 6 * 100vw);
    padding-bottom: 40px;
  }
  .wagons__list {
    padding-right: 25px;
    padding-left: calc(1 / 6 * 100vw);
    white-space: nowrap;
  }
  .wagons__wagon {
    width: calc(1 / 6 * 100vw);
    height: 75vh;
  }
  .wagons__wagon + .wagons__wagon {
    margin-left: calc(1 / 6 * 100vw);
  }
}

@media (min-width: 1280px) {
  .grid::after {
    content: "desktop";
  }
  .header__menu {
    width: 58.33333333%;
    text-align: left;
  }
  .header__buttons {
    width: 25%;
    padding-right: 30px;
  }
  .header .menu__item + .menu__item {
    margin-left: 42px;
  }
}

@media (min-width: 1440px) {
  .grid::after {
    content: "wide";
  }
  .park__doughnut {
    left: calc(2 / 6 * 100vw);
    width: calc(2 / 6 * 100vw);
  }
  .park__legend {
    width: calc(1.8 / 6 * 100vw);
  }
}

@media (min-width: 1680px) {
  .grid::after {
    content: "wide-x";
  }
}

@media tableb {
  .competencies::before {
    left: 30px;
    right: 30px;
  }
}

@media (max-width: 1279px) {
  .header .button_feedback {
    width: 50px;
    padding: 0;
    border-radius: 50%;
    font-size: 0;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .http_404::after {
    background-image: url("../img/http-bg-404@2x.png");
  }
  .http_offline::after {
    background-image: url("../img/http-bg-offline@2x.png");
  }
}

@media (max-width: 1023px) {
  .offer + .table,
  .offer + .txtcoll {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .service_3 .service__overlay_1 {
    left: 50%;
    width: 50%;
    height: 100%;
    background-color: rgba(97, 108, 125, 0.85);
  }
  .service_1 .service__overlay_3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
/*# sourceMappingURL=global.css.map */