@charset "UTF-8";
/**
 * Подключает шрифт с именем $name, который находятся по пути $path с жирностью $weight
 * со стилем $style и в пути к файлу имеет расширения $exts

 */
/*--------------Шрифты start-------------*/
@font-face {
  font-family: "FontSiteFamily";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.eot?") format("eot");
}
@font-face {
  font-family: "FontSiteFamily";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.eot?") format("eot");
}
@font-face {
  font-family: "FontSiteFamily";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto-Medium.eot?") format("eot");
}
@font-face {
  font-family: "FontSiteFamily";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.eot?") format("eot");
}
/*--------------Шрифты end-------------*/
/*--------------Переменные start-------------*/
/*--------------Переменные end-------------*/
/*--------------Функции start-------------*/
/*
  * Функция для перевода px в rem
  *
  * $pixels - размер шрифта в px
*/
/*--------------Функции end-------------*/
/*--------------Миксины start-------------*/
/*
  * Миксин для стандартного текста
  *
  * $color - цвет текста
  * $lineheight - расстояние между строк относительно его размера (1 - 1.3 ...)
  * $size - размер текста
  * $weight - ширина текста (400, 500, 700)
*/
/*
  * Миксин для текста со всеми заглавными символами
  *
  * $color - цвет текста
  * $lineheight - расстояние между строк относительно его размера (1 - 1.3 ...)
  * $size - размер текста
  * $weight - ширина текста (400, 500, 700)
*/
/*
  * Миксин для ссылок со стрелочками
  *
  * $urlIcon - ссылка на иконку
  * $width - ширина иконки
  * $height - высота иконки
*/
/*
  * Миксин для счетчика списка над заголовком
  *
  * $margin - отступ от заголовка
  * $color - цвет счетчика
  * $lineheight - расстояние между строк относительно его размера (1 - 1.3 ...)
  * $size - размер счетчика
  * $weight - ширина счетчика (400, 500, 700)
*/
/*
  * Миксин для счетчика списка слева от заголовком
  *
  * $margin - отступ от заголовка
  * $color - цвет счетчика
  * $lineheight - расстояние между строк относительно его размера (1 - 1.3 ...)
  * $size - размер счетчика (px)
  * $weight - ширина счетчика (400, 500, 700)
*/
/*--------------Миксины end-------------*/
/*--------------Общие стили start-------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  * {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: thin;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .scroll-style::-webkit-scrollbar {
    width: 8px;
    background-color: #BEBEBE;
  }
  .scroll-style::-webkit-scrollbar-thumb {
    background-color: #8A8B94;
  }
  .scroll-style::-webkit-scrollbar-thumb:hover {
    background-color: #9CB9FD;
  }
  .scroll-style *::-webkit-scrollbar {
    width: 8px;
    background-color: #BEBEBE;
  }
  .scroll-style *::-webkit-scrollbar-thumb {
    background-color: #8A8B94;
  }
  .scroll-style *::-webkit-scrollbar-thumb:hover {
    background-color: #9CB9FD;
  }
}
html {
  font-size: 16px;
}

body {
  margin: 0;
  overflow-x: hidden;
  font-family: FontSiteFamily, arial;
}

html, body {
  width: 100%;
  min-height: 100vh;
  background-color: #F8F8F8;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
ol:not([class]) li, ul:not([class]) li {
  margin-bottom: 11px;
  line-height: 1.2;
}

h1 {
  color: #4A494A;
  line-height: 1.1;
  font-size: 5rem;
  font-weight: 400;
}
h1.title-line:before {
  height: 2px;
  width: 30px;
}
@media (max-width: 1439px) {
  h1 {
    font-size: 4.6875rem;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 3.0625rem;
  }
}
h1.small {
  font-size: 3.125rem;
}
/*@media (max-width: 1439px) and (min-width: 1200px) {*/
@media screen and (min-width: 1200px) and (max-width: 1699.98px) {
  h1.small {
    /*font-size: 2.8125rem;*/
	font-size: 2.75rem;
  }
}
@media (max-width: 767px) {
  h1.small {
    font-size: 1.875rem;
  }
}

h2 {
  color: #4A494A;
  line-height: 1.13;
  font-size: 3.125rem;
  font-weight: 400;
}
h2.title-line:before {
  height: 2px;
  width: 30px;
}
@media (max-width: 1439px) and (min-width: 1200px) {
  h2 {
    font-size: 2.8125rem;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 2.25rem;
  }
}
h2.small {
  font-size: 2rem;
  /* letter-spacing: 0.01em; */
}
@media (max-width: 1439px) and (min-width: 1200px) {
  h2.small {
    font-size: 1.6875rem;
  }
}
@media (max-width: 767px) {
  h2.small {
    font-size: 1.5625rem;
  }
}

h3 {
  color: #4A494A;
  line-height: 1.1;
  font-size: 2rem;
  font-weight: 400;
}
h3.title-line:before {
  height: 2px;
  width: 30px;
}
@media (max-width: 1439px) and (min-width: 1200px) {
  h3 {
    font-size: 1.6875rem;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 1.5625rem;
  }
}

.nowrap {
  white-space: nowrap;
}

.list-item-title {
  color: #4A494A;
  line-height: 1.2;
  font-size: 1.25rem;
  font-weight: 500;
}

.disableClick {
  pointer-events: none;
}

.youtube-wrap {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.youtube-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.img-wrap {
  display: block;
}
.img-wrap img {
  height: auto;
  width: 100%;
}

.img-person {
  width: 50px;
  position: relative;
  margin-bottom: 20px;
}
.img-person:before {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  background-image: url("/assets/images/icon/circle.svg");
  position: absolute;
  left: 50%;
  z-index: 2;
}
.img-person img {
  z-index: 3;
  width: 100%;
  position: relative;
}

.sticky-block {
  position: sticky;
  top: 0;
}

.separator {
  width: 100%;
  height: 1px;
  background-color: #D7D7D7;
}

a {
  outline: none;
  text-decoration: none;
  color: #4479F3;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 500;
}
a:hover {
  text-decoration: none;
  color: #4479F3;
}

a.hidden-border,
span.hidden-border {
  position: relative;
  max-width: max-content;
  white-space: nowrap;
}
a.hidden-border:before,
span.hidden-border:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #2F6AF2;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}
a.hidden-border:hover:before,
span.hidden-border:hover:before {
  transform: scaleX(1);
  transform-origin: left;
}
a.link-arrow-right,
span.link-arrow-right {
  margin: 0 -2px;
  padding: 2px 2px 0;
  color: #2F6AF2;
  line-height: 1;
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  width: max-content;
  cursor: pointer;
  white-space: nowrap;
  transition: box-shadow 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
a.link-arrow-right svg,
span.link-arrow-right svg {
  width: 11px;
  height: 11px;
}
a.link-arrow-right svg.doc-icon,
span.link-arrow-right svg.doc-icon {
  margin: 3px 13px 3px 2px;
  min-width: 28px;
  min-height: 28px;
}
a.link-arrow-right svg.arrow,
span.link-arrow-right svg.arrow {
  margin-left: 4px;
  margin-bottom: 2px;
}
a.link-arrow-right svg path,
span.link-arrow-right svg path {
  transition: fill 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
a.link-arrow-right svg.arrow,
span.link-arrow-right svg.arrow {
  width: 11px;
  height: 11px;
}
a.link-arrow-right svg path,
span.link-arrow-right svg path {
  fill: #2F6AF2;
}
a.link-arrow-right.white,
span.link-arrow-right.white {
  color: #F8F8F8;
}
a.link-arrow-right.white svg path,
span.link-arrow-right.white svg path {
  fill: #F8F8F8;
}
a.link-arrow-right:hover, a.link-arrow-right:focus,
span.link-arrow-right:hover,
span.link-arrow-right:focus {
  box-shadow: inset 0 -1.25em 0 0 #2F6AF2;
  color: #F8F8F8;
}
a.link-arrow-right:hover svg path, a.link-arrow-right:focus svg path,
span.link-arrow-right:hover svg path,
span.link-arrow-right:focus svg path {
  fill: #F8F8F8;
}
a.link-arrow-right:hover.white, a.link-arrow-right:focus.white,
span.link-arrow-right:hover.white,
span.link-arrow-right:focus.white {
  box-shadow: inset 0 -1.25em 0 0 #F8F8F8;
  color: #2F6AF2;
}
a.link-arrow-right:hover.white svg path, a.link-arrow-right:focus.white svg path,
span.link-arrow-right:hover.white svg path,
span.link-arrow-right:focus.white svg path {
  fill: #2F6AF2;
}
a.link-arrow-right-top,
span.link-arrow-right-top {
  margin: -1px -2px;
  padding: 1px 2px;
  color: #2F6AF2;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  width: max-content;
  cursor: pointer;
  white-space: nowrap;
  transition: box-shadow 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  position: relative;
  white-space: nowrap;
}
a.link-arrow-right-top svg,
span.link-arrow-right-top svg {
  width: 8px;
  height: 8px;
}
a.link-arrow-right-top svg.doc-icon,
span.link-arrow-right-top svg.doc-icon {
  margin: 3px 13px 3px 2px;
  min-width: 28px;
  min-height: 28px;
}
a.link-arrow-right-top svg.arrow,
span.link-arrow-right-top svg.arrow {
  margin-left: 4px;
  margin-bottom: 2px;
}
a.link-arrow-right-top svg path,
span.link-arrow-right-top svg path {
  transition: fill 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
a.link-arrow-right-top svg path,
span.link-arrow-right-top svg path {
  fill: #2F6AF2;
  transition: fill 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
a.link-arrow-right-top:hover, a.link-arrow-right-top:focus,
span.link-arrow-right-top:hover,
span.link-arrow-right-top:focus {
  box-shadow: inset 0 -1.25em 0 0 #2F6AF2;
  color: #F8F8F8;
}
a.link-arrow-right-top:hover svg path, a.link-arrow-right-top:focus svg path,
span.link-arrow-right-top:hover svg path,
span.link-arrow-right-top:focus svg path {
  fill: #F8F8F8;
}
a.link-arrow-bottom,
span.link-arrow-bottom {
  margin: 0 -2px;
  padding: 0 2px;
  color: #2F6AF2;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: max-content;
  cursor: pointer;
  white-space: nowrap;
  transition: box-shadow 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
a.link-arrow-bottom svg,
span.link-arrow-bottom svg {
  width: 10px;
  height: 10px;
}
a.link-arrow-bottom svg.doc-icon,
span.link-arrow-bottom svg.doc-icon {
  margin: 3px 13px 3px 2px;
  min-width: 28px;
  min-height: 28px;
}
a.link-arrow-bottom svg.arrow,
span.link-arrow-bottom svg.arrow {
  margin-left: 4px;
  margin-bottom: 2px;
}
a.link-arrow-bottom svg path,
span.link-arrow-bottom svg path {
  transition: fill 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
a.link-arrow-bottom svg path,
span.link-arrow-bottom svg path {
  fill: #2F6AF2;
}
a.link-arrow-bottom .download-icon,
span.link-arrow-bottom .download-icon {
  width: 22px;
  height: 21px;
  margin-right: 5px;
}
a.link-arrow-bottom:hover, a.link-arrow-bottom:focus,
span.link-arrow-bottom:hover,
span.link-arrow-bottom:focus {
  box-shadow: inset 0 -1.25em 0 0 #2F6AF2;
  color: #F8F8F8;
}
a.link-arrow-bottom:hover svg path, a.link-arrow-bottom:focus svg path,
span.link-arrow-bottom:hover svg path,
span.link-arrow-bottom:focus svg path {
  fill: #F8F8F8;
}
a.doc-link,
span.doc-link {
  width: auto;
  white-space: normal;
}
a.doc-link:hover, a.doc-link:focus,
span.doc-link:hover,
span.doc-link:focus {
  box-shadow: inset 0 -3.25em 0 0 #2F6AF2;
  color: #F8F8F8;
}
a.doc-link:hover svg path, a.doc-link:focus svg path,
span.doc-link:hover svg path,
span.doc-link:focus svg path {
  fill: #F8F8F8;
}
a.privacy-policy,
span.privacy-policy {
  color: #8A8B94;
  line-height: 1;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  white-space: nowrap;
}
a.privacy-policy:before,
span.privacy-policy:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #8A8B94;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}
a.privacy-policy:hover:before,
span.privacy-policy:hover:before {
  transform: scaleX(0);
  transform-origin: right;
}
a.link-contact,
span.link-contact {
  margin: 0 -2px;
  padding: 0 2px;
  transition: box-shadow 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
a.link-contact:hover, a.link-contact:focus,
span.link-contact:hover,
span.link-contact:focus {
  box-shadow: inset 0 -1.25em 0 0 #2F6AF2;
  color: #F8F8F8;
}

.lowercase {
  text-transform: lowercase;
}

.base-btn {
  cursor: pointer;
  position: relative;
  width: max-content;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  border: 1px solid #2F6AF2;
  border-radius: 6px;
  background-color: #2F6AF2;
  color: #F8F8F8;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 500;
  transition: color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.base-btn:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #F8F8F8;
  transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.6s cubic-bezier(0.27, 0, 0.66, 0.99);
  border-radius: 4px;
  opacity: 0;
}
.base-btn span {
  display: flex;
  align-items: center;
  width: max-content;
  z-index: 2;
}
.base-btn svg {
  margin-left: 5px;
  margin-top: 1px;
}
.base-btn svg path {
  fill: #F8F8F8;
  transition: fill 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.base-btn:hover {
  color: #2F6AF2;
}
.base-btn:hover:after {
  width: 100%;
  opacity: 1;
  transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.2s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.base-btn:hover svg path {
  fill: #2F6AF2;
}
.base-btn.reverse {
  border-color: #B6C9F5;
  background-color: #F8F8F8;
  color: #2F6AF2;
}
.base-btn.reverse svg path {
  fill: #2F6AF2;
}
.base-btn.reverse:after {
  background-color: #2F6AF2;
}
.base-btn.reverse:hover {
  color: #F8F8F8;
}
.base-btn.reverse:hover svg path {
  fill: #F8F8F8;
}
.base-btn.border-only {
  border-color: #D7D7D7;
  background-color: transparent;
}
.base-btn.border-only svg path {
  fill: #D7D7D7;
}
.base-btn.border-only:after {
  background-color: #F8F8F8;
}
.base-btn.border-only:hover {
  color: #2F6AF2;
}
.base-btn.bold-blue {
  background-color: #124FDC;
  border-color: #F8F8F8;
}
.base-btn.bold-blue:after {
  background-color: #F8F8F8;
}
.base-btn.bold-blue:hover {
  color: #124FDC;
}
.base-btn.bold-blue:hover svg path {
  fill: #124FDC;
}
.base-btn.disable {
  background-color: #BEBEBE;
  border-color: #BEBEBE;
  color: #fff;
  pointer-events: none;
}

.title-line:before {
  content: "";
  display: block;
  height: 1px;
  width: 18px;
  margin-bottom: 25px;
  background-color: #2F6AF2;
}

ol {
  counter-reset: num;
}
ol.numbered-list li {
  margin-bottom: 13px;
}
ol > li {
  counter-increment: num;
}
ol .counter:before {
  content: "— " counter(num);
  display: block;
}
ol .counter:nth-child(-n+9):before {
  content: "— 0" counter(num);
}
ol.counter-top .counter:before {
  margin-bottom: 8px;
  color: #2F6AF2;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 400;
}
ol.counter-left .counter {
  display: flex;
  align-items: baseline;
}
ol.counter-left .counter:before {
  margin-right: 18px;
  min-width: max-content;
  color: #2F6AF2;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 400;
}
ol.list-square li {
  height: 165px;
}
ol.list-square li .counter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  border: 1px solid #2F6AF2;
  padding: 13px 15px 11px;
  color: #2F6AF2;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 400;
  text-align: right;
}
ol.list-square li .counter:before {
  margin-right: auto;
  color: #2F6AF2;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 400;
}
ol.list-square li.disable .counter {
  border-color: #BEBEBE;
  color: #BEBEBE;
}
ol.list-square li.disable .counter:before {
  color: #BEBEBE;
}
@media (max-width: 767px) {
  ol.list-square li {
    height: 114px;
  }
}

ul {
  /*------------БЛОК С КВАДРАТНЫМ СПИСКОМ СО ССЫЛКОЙ "ПОДРОБНЕЕ" (START)------------*/
  /*------------БЛОК С КВАДРАТНЫМ СПИСКОМ СО ССЫЛКОЙ "ПОДРОБНЕЕ" (END)--------------*/
}
ul.marker-line li {
  margin-bottom: 13px;
  display: flex;
  align-items: baseline;
  color: #4A494A;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
}
ul.marker-line li:before {
  content: "—";
  display: block;
  margin-right: 8px;
  min-width: max-content;
  color: #4A494A;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
}
ul.square-list-with-details {
  margin: 0 -5px;
}
ul.square-list-with-details li {
  /* padding: 5px 15px 5px 5px; */
  padding: 5px 25px 5px 5px;
}
ul.square-list-with-details li .square-element {
  border: 1px solid #4A494A;
  background-color: transparent;
  padding: 13px 15px 11px;
  height: 165px;
  display: flex;
  flex-direction: column;
  transition: background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
ul.square-list-with-details li .square-element .element-name {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}
ul.square-list-with-details li .square-element a, ul.square-list-with-details li .square-element span {
  margin-top: auto;
  margin-left: auto;
  font-weight: 500;
}
ul.square-list-with-details li .square-element span {
  display: flex;
  align-items: center;
}
ul.square-list-with-details li .square-element svg {
  margin-left: 4px;
}
ul.square-list-with-details li .square-element svg path {
  transition: fill 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
ul.square-list-with-details li .square-element:hover, ul.square-list-with-details li .square-element:focus {
  background-color: #4A494A;
}
ul.square-list-with-details li .square-element:hover .element-name, ul.square-list-with-details li .square-element:focus .element-name {
  color: #BEBEBE;
}
ul.square-list-with-details li .square-element:hover a, ul.square-list-with-details li .square-element:hover span, ul.square-list-with-details li .square-element:focus a, ul.square-list-with-details li .square-element:focus span {
  color: #fff;
}
ul.square-list-with-details li .square-element:hover a svg path, ul.square-list-with-details li .square-element:hover span svg path, ul.square-list-with-details li .square-element:focus a svg path, ul.square-list-with-details li .square-element:focus span svg path {
  fill: #fff;
}

.tabs .tabs-body {
  position: relative;
}
.tabs .tabs-body .tab-content {
  display: block;
  opacity: 0;
  position: absolute;
  transition: opacity 0.6s ease-in-out;
  height: 0;
  overflow: hidden;
  width: 100%;
  top: 0;
}
.tabs .tabs-body .tab-content.selected {
  opacity: 1;
  z-index: 3;
  position: relative;
  height: auto;
}

ul.list-simple-line li {
  margin-bottom: 11px;
  padding-left: 20px;
  position: relative;
}
ul.list-simple-line li:before {
  position: absolute;
  content: "—";
  display: inline-block;
  left: 0;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  padding: 15px 30px;
  overflow: hidden;
}
.breadcrumbs .item-breadcrumbs {
  display: flex;
  align-items: center;
  /*min-width: max-content;*/
  min-width: auto;
}
.breadcrumbs .item-breadcrumbs a {
  padding-right: 8px;
  color: #4A494A;
  line-height: 1;
  font-size: 0.75rem;
  font-weight: 500;
}
.breadcrumbs .item-breadcrumbs:not(:first-child):before {
  content: "";
  display: block;
  background-image: url("../images/icon/breadcrumbs-arrow-black.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 10px;
  height: 5px;
  margin-right: 8px;
}
.breadcrumbs .item-breadcrumbs:last-child {
  pointer-events: none;
}
.breadcrumbs .item-breadcrumbs:last-child a {
  color: #BEBEBE;
}
.breadcrumbs .item-breadcrumbs:last-child:before {
  background-image: url("../images/icon/breadcrumbs-arrow-gray.svg");
}
@media (max-width: 767px) {
  .breadcrumbs {
    padding: 15px;
  }
}

/*--------------Общие стили end-------------*/
/*------------Градиентные круги (START)------------*/
.gradient-circles g ellipse {
  transform-origin: center center;
  transition: transform 0.8s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.gradient-circles g.view-1 {
  opacity: 0.4;
  transition: opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.gradient-circles g.view-2 {
  opacity: 0.4;
  transition: opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.gradient-circles g.view-3 {
  opacity: 0.4;
  transition: opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.gradient-circles.open-circles {
  opacity: 1;
}
.gradient-circles.open-circles g.view-1 {
  opacity: 1;
}
.gradient-circles.open-circles g.view-1 ellipse:nth-child(1) {
  transform: translateY(-20px) translateX(10px) rotate(40deg);
}
.gradient-circles.open-circles g.view-1 ellipse:nth-child(2) {
  transform: translateY(-13px) translateX(10px) rotate(30deg);
}
.gradient-circles.open-circles g.view-1 ellipse:nth-child(3) {
  transform: translateY(-6px) translateX(10px) rotate(20deg);
}
.gradient-circles.open-circles g.view-1 ellipse:nth-child(4) {
  transform: translateY(1px) translateX(10px) rotate(10deg);
}
.gradient-circles.open-circles g.view-1 ellipse:nth-child(5) {
  transform: translateY(20px) translateX(-10px) rotate(40deg);
}
.gradient-circles.open-circles g.view-1 ellipse:nth-child(6) {
  transform: translateY(13px) translateX(-10px) rotate(30deg);
}
.gradient-circles.open-circles g.view-1 ellipse:nth-child(7) {
  transform: translateY(6px) translateX(-10px) rotate(20deg);
}
.gradient-circles.open-circles g.view-1 ellipse:nth-child(8) {
  transform: translateY(-1px) translateX(-10px) rotate(10deg);
}
.gradient-circles.open-circles g.view-2 {
  opacity: 1;
}
.gradient-circles.open-circles g.view-2 ellipse:nth-child(1) {
  transform: translateY(3px) rotate(-90deg);
}
.gradient-circles.open-circles g.view-2 ellipse:nth-child(2) {
  transform: translateY(18px) rotate(-90deg);
}
.gradient-circles.open-circles g.view-2 ellipse:nth-child(3) {
  transform: translateY(-18px) rotate(-90deg);
}
.gradient-circles.open-circles g.view-2 ellipse:nth-child(4) {
  transform: translateY(-3px) rotate(-90deg);
}
.gradient-circles.open-circles g.view-2 ellipse:nth-child(5) {
  transform: translateX(6px) rotate(90deg);
}
.gradient-circles.open-circles g.view-2 ellipse:nth-child(6) {
  transform: translateX(18px) rotate(-90deg);
}
.gradient-circles.open-circles g.view-2 ellipse:nth-child(7) {
  transform: translateX(-6px) rotate(-90deg);
}
.gradient-circles.open-circles g.view-2 ellipse:nth-child(8) {
  transform: translateX(-18px) rotate(90deg);
}
.gradient-circles.open-circles g.view-3 {
  opacity: 1;
}
.gradient-circles.open-circles g.view-3 ellipse:nth-child(1) {
  transform: translateX(20px) rotate(90deg);
}
.gradient-circles.open-circles g.view-3 ellipse:nth-child(2) {
  transform: translateX(15px) translateY(11px) rotate(90deg);
}
.gradient-circles.open-circles g.view-3 ellipse:nth-child(3) {
  transform: translateX(1px) translateY(18px) rotate(90deg);
}
.gradient-circles.open-circles g.view-3 ellipse:nth-child(4) {
  transform: translateX(-13px) translateY(12px) rotate(90deg);
}
.gradient-circles.open-circles g.view-3 ellipse:nth-child(5) {
  transform: translateX(-17px) rotate(90deg);
}
.gradient-circles.open-circles g.view-3 ellipse:nth-child(6) {
  transform: translateX(-13px) translateY(-12px) rotate(90deg);
}
.gradient-circles.open-circles g.view-3 ellipse:nth-child(7) {
  transform: translateX(1px) translateY(-17px) rotate(90deg);
}
.gradient-circles.open-circles g.view-3 ellipse:nth-child(8) {
  transform: translateX(15px) translateY(-12px) rotate(90deg);
}

.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(1) {
  transform: translateY(-20px) translateX(10px) rotate(400deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(2) {
  transform: translateY(-13px) translateX(10px) rotate(390deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(3) {
  transform: translateY(-6px) translateX(10px) rotate(380deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(4) {
  transform: translateY(1px) translateX(10px) rotate(370deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(5) {
  transform: translateY(20px) translateX(-10px) rotate(400deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(6) {
  transform: translateY(13px) translateX(-10px) rotate(390deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(7) {
  transform: translateY(6px) translateX(-10px) rotate(380deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-1 ellipse:nth-child(8) {
  transform: translateY(-1px) translateX(-10px) rotate(370deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(1) {
  transform: translateY(3px) rotate(-450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(2) {
  transform: translateY(18px) rotate(-450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(3) {
  transform: translateY(-18px) rotate(-450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(4) {
  transform: translateY(-3px) rotate(-450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(5) {
  transform: translateX(6px) rotate(450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(6) {
  transform: translateX(18px) rotate(-450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(7) {
  transform: translateX(-6px) rotate(-450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-2 ellipse:nth-child(8) {
  transform: translateX(-18px) rotate(450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(1) {
  transform: translateX(20px) rotate(450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(2) {
  transform: translateX(15px) translateY(11px) rotate(450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(3) {
  transform: translateX(1px) translateY(18px) rotate(450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(4) {
  transform: translateX(-13px) translateY(12px) rotate(450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(5) {
  transform: translateX(-17px) rotate(450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(6) {
  transform: translateX(-13px) translateY(-12px) rotate(450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(7) {
  transform: translateX(1px) translateY(-17px) rotate(450deg);
}
.hover-gradient-circles:hover .gradient-circles.open-circles g.view-3 ellipse:nth-child(8) {
  transform: translateX(15px) translateY(-12px) rotate(450deg);
}

/*------------Градиентные круги (END)------------*/
/*------------ФОРМА (START)------------*/
.form form {
  border: 1px solid #D7D7D7;
  border-radius: 5px;
  padding: 9px 15px 8px;
  display: flex;
}
.form form button {
  border: none;
  background-color: transparent;
  padding: 0;
  color: #2F6AF2;
  line-height: 1;
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  width: max-content;
  cursor: pointer;
  white-space: nowrap;
  transition: box-shadow 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.form form button svg {
  width: 11px;
  height: 11px;
}
.form form button svg.doc-icon {
  margin: 3px 13px 3px 2px;
  min-width: 28px;
  min-height: 28px;
}
.form form button svg.arrow {
  margin-left: 4px;
  margin-bottom: 2px;
}
.form form button svg path {
  transition: fill 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.form form input {
  flex-grow: 2;
  background-color: transparent;
  border: none;
  width: 140px;
  color: #8A8B94;
  line-height: 1;
  font-size: 1rem;
  font-weight: 400;
}
.form form input:focus, .form form input:active {
  border: none;
  outline: none;
}

.agreement-text {
  padding-bottom: 1px;
  color: #8A8B94;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 400;
}
.agreement-text a.privacy-policy {
  color: #8A8B94;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 400;
}
.modal-main__text {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  flex-direction: column;
  justify-content: center;
}
.modal-main__text .modal-header h5 {
  font-size: 2.5rem;
  font-weight: 400;
  color: #4A494A;
}
.modal-main__text .modal-body p {
  font-size: 1.2rem;
  color: #4A494A;
}

/*------------ФОРМА (END)------------*/
/*------------НОВОСТЬ В СПИСКЕ (START)------------*/
.news-list-item {
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.news-list-item .preview-picture {
  margin-bottom: 35px;
}
.news-list-item .preview-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-list-item .name {
  margin-bottom: 20px;
  /* letter-spacing: 0.02em; */
  color: #4A494A;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
}
.news-list-item .preview-text {
  margin-bottom: 30px;
  color: #4A494A;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
  text-transform: lowercase;
}
.news-list-item .bottom-block {
  display: flex;
  margin-top: auto;
  justify-content: space-between;
  /*align-items: end;*/
  align-items: start;
  row-gap: 12px;
  flex-direction: column;
}
/*.news-list-item .bottom-block div .base-btn:not(:last-child) {*/
/*  margin-bottom: 12px;*/
/*}*/
.news-list-item-child {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.news-list-item-child a:first-child {
  margin-right: 10px;
}
.news-list-item .date {
  color: #BEBEBE;
  line-height: 1;
  /* font-size: 0.875rem; */
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 30px;
}
.news-list-item.blue .name,
.news-list-item.blue .preview-text,
.news-list-item.blue .date {
  color: #fff;
}
@media (max-width: 767px) {
  .news-list-item {
    padding: 30px 15px;
  }
}

/*------------НОВОСТЬ В СПИСКЕ (END)------------*/
/*------------МОДАЛКА (START)------------*/
.modal {
  position: fixed;
  transform: translateX(101%);
  width: 100vw;
  height: 100vh;
  padding: 20px 15px;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: #4A494A00;
}
.modal .modal-content {
  width: 50%;
  height: 100%;
  max-width: 840px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  overflow: auto;
  background-color: #F8F8F8;
  padding: 30px 0;
}
.modal .modal-content .cross-modal {
  text-align: right;
  margin-bottom: 8px;
  cursor: pointer;
  padding: 0 30px;
}
@media (max-width: 1199px) {
  .modal .modal-content {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .modal .modal-content {
    width: 100%;
  }
  .modal .modal-content .form-callback .title-block {
    padding: 0 15px;
    margin: 0 auto 60px;
  }
  .modal .modal-content .form-callback .title-block .title-form {
    font-size: 2.25rem;
  }
  .modal .modal-content .form-callback form {
    padding: 60px 15px 30px;
  }
  .modal .modal-content .form-callback form .fields-container {
    margin: 0 auto 60px;
  }
}
.modal.filter-modal {
  overflow: auto;
}
.modal.filter-modal.bg-bold-blue {
  background-color: #124FDC;
}
.modal.filter-modal .cross-modal {
  text-align: right;
  margin-bottom: 46px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .modal.filter-modal {
    position: static;
    transform: translateX(0);
    width: auto;
    height: auto;
    z-index: 1;
    padding: 0;
  }
}
.modal.active {
  transform: translateX(0);
}
.modal.active:not(.filter-modal) {
  background-color: #4A494A85;
  transition: background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.modal.active.filter-modal {
  transform: translateX(0);
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.modal.active .modal-content {
  transform: translateX(0);
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.modal.close:not(.filter-modal) {
  background-color: #4A494A00;
  transition: background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  transform: translateX(0);
}
.modal.close.filter-modal {
  transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.modal.close .modal-content {
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}

/*------------МОДАЛКА (END)------------*/
/*------------БЛОК С ФИЛЬТРАМИ НА СТР ПРОЕКТЫ, НОВОСТИ, СТАТЬИ, ВЕБИНАРЫ (START)------------*/
.filter-container {
  background-color: #124FDC;
  padding: 30px 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 585px;
}
.filter-container .title-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.filter-container .title-block h1 {
  color: #F8F8F8;
  padding-right: 30px;
  margin-bottom: 10px;
}
.filter-container .title-block p {
  color: #9CB9FD;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  max-width: 290px;
  margin-top: 24px;
}
.filter-container .filter-block > div:first-child {
  margin-bottom: 50px;
}
.filter-container .filter-block > div p {
  color: #9CB9FD;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.filter-container .filter-block > div .filters-list {
  display: flex;
  flex-wrap: wrap;
}
.filter-container .filter-block > div .filters-list .base-btn {
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #7099F9;
  border: none;
}
.filter-container .filter-block > div .filters-list .base-btn:after {
  left: 0;
  top: 0;
  height: 100%;
}
.filter-container .filter-block > div .filters-list .base-btn:hover:after {
  width: 100%;
}
.filter-container .filter-block > div .filters-list .base-btn.selected {
  background-color: #F8F8F8;
  color: #2F6AF2;
}
.filter-container .filter-block > div .filters-list .base-btn.selected:after {
  display: none;
}
@media (max-width: 1199px) {
  .filter-container {
    min-height: 710px;
  }
  .filter-container .title-block {
    margin-bottom: 225px;
  }
}
@media (max-width: 767px) {
  .filter-container {
    padding: 0;
    min-height: 525px;
  }
  .filter-container .title-block {
    flex-direction: column;
    justify-content: flex-start;
    padding: 15px 15px 0;
    margin-bottom: 70px;
  }
  .filter-container .title-block h1 {
    margin-bottom: 72px;
  }
  .filter-container .title-block p {
    margin-top: 0;
    max-width: max-content;
  }
  .filter-container .btn-modal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-top: 1px solid #2F6AF2;
  }
  .filter-container .btn-modal .logo-filter {
    display: flex;
    align-items: center;
  }
  .filter-container .btn-modal .logo-filter img {
    margin-right: 10px;
  }
  .filter-container .btn-modal .logo-filter p {
    color: #F8F8F8;
    line-height: 1.1;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
  }
  .filter-container .filter-block > div:first-child {
    margin-bottom: 90px;
  }
  .filter-container .filter-block > div p {
    margin-bottom: 35px;
  }
}

/*------------БЛОК С ФИЛЬТРАМИ НА СТР ПРОЕКТЫ, НОВОСТИ, СТАТЬИ, ВЕБИНАРЫ (END)------------*/
/*------------Страница компонентов (START)------------*/
.page {
  padding-top: 15px;
}

.components > div {
  margin: 40px 0;
}

/*------------Страница компонентов (END)------------*/
/*------Баннерный блок для страницы Каталог и О нас (START)---------*/
.banner-block .element {
  display: flex;
  flex-wrap: wrap;
}
.banner-block .element .text {
  padding: 34px 30px;
  background-color: #124FDC;
  color: #fff;
  line-height: 1.4;
  font-size: 1.125rem;
  font-weight: 400;
}
.banner-block .element .text .title {
  color: #fff;
  margin-bottom: 55px;
  line-height: 1.05;
}
.banner-block .element .text .text-block {
  margin-bottom: 50px;
}
.banner-block .element .text p {
  margin-bottom: 20px;
  max-width: 420px;
}
.banner-block .element .text .base-btn:after {
  background-color: #124FDC;
}
.banner-block .element .image {
  padding: 30px;
  border-top: 1px solid #D7D7D7;
}
.banner-block .element .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991px) and (min-width: 768px) {
  .banner-block .element .text {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .banner-block .element .text .title {
    width: 66.666667%;
  }
  .banner-block .element .text .text-block {
    width: 66.666667%;
  }
  .banner-block .element .image {
    order: -1;
  }
  .banner-block .element .link {
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .banner-block .element .text {
    padding: 46px 15px 30px;
  }
  .banner-block .element .text .text-block {
    margin-bottom: 60px;
  }
  .banner-block .element .image {
    order: -1;
    padding: 30px 15px;
  }
  .banner-block .element .link {
    margin-bottom: 80px;
  }
}
/*------Баннерный блок для страницы Каталог и О нас (END)-----------*/
[show-scroll],
[show-noscroll] {
  opacity: 0;
}

.opacity-animation {
  opacity: 1;
  transition: opacity 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
}

[show-scroll=show-separator] {
  width: 0;
  opacity: 1;
}
[show-scroll=show-separator].show-separator {
  opacity: 1;
  width: 100%;
  transition: width 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
}

[show-scroll=show-text],
[show-noscroll=show-text] {
  position: relative;
  overflow: hidden;
  display: block;
  max-width: max-content;
  transform: translateY(15px);
  transition: transform 0.9s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.6s cubic-bezier(0.27, 0, 0.66, 0.99), color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-text] .gradient-screen,
[show-noscroll=show-text] .gradient-screen {
  width: 150%;
  position: absolute;
  background: #F8F8F8;
  background: linear-gradient(90deg, #F8F8F800 0%, #F8F8F8 30%, #F8F8F8 100%);
  transition: transform 0.9s cubic-bezier(0.27, 0, 0.66, 0.99), background 0.9s cubic-bezier(0.27, 0, 0.66, 0.99);
  left: -50%;
}
[show-scroll=show-text].vertical-grad,
[show-noscroll=show-text].vertical-grad {
  display: inline;
}
@media (min-width: 767px) {
  [show-scroll=show-text].vertical-grad .gradient-screen,
[show-noscroll=show-text].vertical-grad .gradient-screen {
    height: 150% !important;
    transform: translateY(-30%);
  }
}
[show-scroll=show-text].no-gradient .gradient-screen,
[show-noscroll=show-text].no-gradient .gradient-screen {
  display: none;
}
[show-scroll=show-text].bg-bold-blue .gradient-screen,
[show-noscroll=show-text].bg-bold-blue .gradient-screen {
  background: #124FDC;
  background: linear-gradient(to right, rgba(18, 79, 220, 0), #124FDC 30%, #124FDC 100%);
  background: -webkit-linear-gradient(to right, rgba(18, 79, 220, 0), #124FDC 30%, #124FDC 100%);
}
[show-scroll=show-text].show-text,
[show-noscroll=show-text].show-text {
  opacity: 1;
  transform: translateY(0);
}
[show-scroll=show-text].show-text .gradient-screen,
[show-noscroll=show-text].show-text .gradient-screen {
  transform: translateX(100%);
}
@media (min-width: 767px) {
  [show-scroll=show-text].show-text.vertical-grad .gradient-screen,
[show-noscroll=show-text].show-text.vertical-grad .gradient-screen {
    transform: translateY(100%);
  }
}

[show-noscroll=show-text] {
  transform: translateY(0px);
}

.level-number [show-noscroll=show-text] {
  display: inline;
}

@keyframes animation-arrow-bottom-right {
  0% {
    transform: translateX(0) translateY(0);
  }
  25% {
    transform: translateX(5px) translateY(5px);
  }
  50% {
    transform: translateX(0) translateY(0);
  }
  75% {
    transform: translateX(5px) translateY(5px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes animation-arrow-bottom-left {
  0% {
    transform: translateX(0) translateY(0);
  }
  25% {
    transform: translateX(-5px) translateY(5px);
  }
  50% {
    transform: translateX(0) translateY(0);
  }
  75% {
    transform: translateX(-5px) translateY(5px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
[show-scroll=show-arrow],
[show-noscroll=show-arrow] {
  position: relative;
  opacity: 1;
  overflow: hidden;
  cursor: pointer;
}
[show-scroll=show-arrow].bg-white:before,
[show-noscroll=show-arrow].bg-white:before {
  background-color: #F8F8F8;
}
[show-scroll=show-arrow].bg-bold-blue:before,
[show-noscroll=show-arrow].bg-bold-blue:before {
  background-color: #124FDC;
}
[show-scroll=show-arrow]:before,
[show-noscroll=show-arrow]:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 1.1s cubic-bezier(0.27, 0, 0.66, 0.99), height 1.1s cubic-bezier(0.27, 0, 0.66, 0.99), top 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-arrow].right,
[show-noscroll=show-arrow].right {
  transition: transform 0.3s cubic-bezier(0.27, 0, 0.66, 0.99);
  transform-origin: center;
}
[show-scroll=show-arrow].right:before,
[show-noscroll=show-arrow].right:before {
  width: 22px;
  height: 22px;
  transform: rotateZ(45deg);
  top: 1px;
}
[show-scroll=show-arrow].right:hover,
[show-noscroll=show-arrow].right:hover {
  transform: rotateZ(-45deg);
}
[show-scroll=show-arrow].right-bottom:hover,
[show-noscroll=show-arrow].right-bottom:hover {
  animation: animation-arrow-bottom-right 0.9s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-arrow].left-bottom:hover,
[show-noscroll=show-arrow].left-bottom:hover {
  animation: animation-arrow-bottom-left 0.9s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-arrow].show-arrow.right-bottom:before,
[show-noscroll=show-arrow].show-arrow.right-bottom:before {
  transform: translateX(100%) translateY(100%);
}
[show-scroll=show-arrow].show-arrow.right:before,
[show-noscroll=show-arrow].show-arrow.right:before {
  transform: translateX(100%) translateY(-13%) rotateZ(45deg);
}
[show-scroll=show-arrow].show-arrow.left-bottom:before,
[show-noscroll=show-arrow].show-arrow.left-bottom:before {
  transform: translateX(-100%) translateY(100%);
}
[show-scroll=show-arrow].show-arrow.right-top:before,
[show-noscroll=show-arrow].show-arrow.right-top:before {
  transform: translateX(100%) translateY(-100%);
}

[show-scroll=show-accordeon] {
  opacity: 1;
  position: relative;
}
[show-scroll=show-accordeon]:before {
  content: "";
  display: block;
  background-color: #0A42C3;
  width: 0;
  left: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  transition: left 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-accordeon] .accordeon > div {
  transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), left 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-accordeon] .accordeon > div.active {
  opacity: 0;
}
[show-scroll=show-accordeon] .accordeon > div:not(.active) {
  opacity: 0;
  left: 110%;
}
[show-scroll=show-accordeon].show-accordeon .accordeon > div.active {
  opacity: 1;
  width: 60%;
}
[show-scroll=show-accordeon].show-accordeon .accordeon > div.active .content-container {
  width: 100%;
}
[show-scroll=show-accordeon].show-accordeon .accordeon > div.active .list,
[show-scroll=show-accordeon].show-accordeon .accordeon > div.active .steps {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-accordeon].show-accordeon .accordeon > div.active .level-number .rotate-level {
  transform: rotate(0) translateX(12px) translateY(-6px) !important;
}
[show-scroll=show-accordeon].show-accordeon .accordeon > div.active .bookmark:after {
  transform: scale(0);
  transition: translate 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-accordeon].show-accordeon .accordeon > div.level-2 {
  pointer-events: none;
  opacity: 1;
  transition-delay: 0.9s;
  width: 40%;
  left: 60%;
}
[show-scroll=show-accordeon].show-accordeon .accordeon > div.level-3 {
  opacity: 1;
  pointer-events: none;
  transition-delay: 1.2s;
  width: 20%;
  left: 80%;
}
[show-scroll=show-accordeon].show-accordeon:before {
  width: 100%;
  left: 0;
  transition: width 1.1s cubic-bezier(0.27, 0, 0.66, 0.99), left 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
}

@media (max-width: 767px) {
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon]:before {
    width: 100%;
    left: 0;
    height: 0;
    top: 0;
    transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon] .accordeon > div {
    width: 100%;
    transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon] .accordeon > div.level-2 {
    opacity: 0;
    transition-delay: 1.5s;
    transform: translateY(150%);
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon] .accordeon > div.level-3 {
    opacity: 0;
    transition-delay: 1.8s;
    transform: translateY(170%);
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon].show-accordeon:before {
    opacity: 1;
    height: 100%;
    transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon].show-accordeon .accordeon > div .level-number {
    overflow: hidden;
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon].show-accordeon .accordeon > div.level-2 {
    opacity: 1;
    transform: translateY(0);
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon].show-accordeon .accordeon > div.level-2:not(.active):after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    background-color: #295CD2;
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon].show-accordeon .accordeon > div.level-3 {
    opacity: 1;
    transform: translateY(0);
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon].accordeon-animate .accordeon > div {
    transition-delay: 0.2s;
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon].accordeon-animate .accordeon > div.level-2 {
    opacity: 1;
    transform: translateY(0);
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon].accordeon-animate .accordeon > div.level-3 {
    opacity: 1;
    transform: translateY(0);
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon].accordeon-animate .accordeon > div.active {
    transition-delay: 0.5s;
  }
  .accordeon-block:not(.fixed) [show-scroll=show-accordeon].accordeon-animate .accordeon > div.active-leave {
    transition-delay: 0s;
  }
}
@media (max-width: 767px) {
  .accordeon-block.fixed [show-scroll=show-accordeon]:before {
    opacity: 1;
    width: 100%;
    height: 0;
    top: 0;
    transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .accordeon-block.fixed [show-scroll=show-accordeon] .accordeon > div {
    transition: none;
    opacity: 0;
  }
  .accordeon-block.fixed [show-scroll=show-accordeon] .accordeon > div.level-2 {
    opacity: 0;
    height: 100%;
    width: 0;
    overflow: hidden;
    transform: translateY(0);
    left: 110%;
    transition-delay: 1.7s;
  }
  .accordeon-block.fixed [show-scroll=show-accordeon] .accordeon > div.level-3 {
    opacity: 0;
    overflow: hidden;
    height: 100%;
    transform: translate(0);
    left: 110%;
    width: 0;
    transition-delay: 2s;
  }
  .accordeon-block.fixed [show-scroll=show-accordeon].accordeon-animate:before {
    height: 100%;
    opacity: 1;
  }
  .accordeon-block.fixed [show-scroll=show-accordeon].accordeon-animate .accordeon > div {
    opacity: 1;
  }
  .accordeon-block.fixed [show-scroll=show-accordeon].accordeon-animate .accordeon > div.level-1 {
    transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), left 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .accordeon-block.fixed [show-scroll=show-accordeon].accordeon-animate .accordeon > div.level-2 {
    transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), left 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
    opacity: 1;
    left: 60%;
    width: 40%;
  }
  .accordeon-block.fixed [show-scroll=show-accordeon].accordeon-animate .accordeon > div.level-3 {
    opacity: 1;
    transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), left 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
    left: 80%;
    width: 20%;
  }
  .accordeon-block.fixed [show-scroll=show-accordeon].show-accordeon:before {
    height: 100%;
    transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .accordeon-block.fixed [show-scroll=show-accordeon].show-accordeon .accordeon > div.level-1 {
    opacity: 1;
    transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), left 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .accordeon-block.fixed [show-scroll=show-accordeon].show-accordeon .accordeon > div.level-2 {
    opacity: 1;
    transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), left 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
    transition-delay: 1.7s;
    left: 60%;
    width: 40%;
  }
  .accordeon-block.fixed [show-scroll=show-accordeon].show-accordeon .accordeon > div.level-3 {
    opacity: 1;
    transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), left 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
    transition-delay: 2s;
    left: 80%;
    width: 20%;
  }
}

[show-scroll=show-img],
[show-noscroll=show-img] {
  opacity: 1;
  position: relative;
  overflow: hidden;
}
[show-scroll=show-img].bg-white:after,
[show-noscroll=show-img].bg-white:after {
  background-color: #F8F8F8;
}
[show-scroll=show-img].bg-bold-blue:after,
[show-noscroll=show-img].bg-bold-blue:after {
  background-color: #124FDC;
}
[show-scroll=show-img]:after,
[show-noscroll=show-img]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 101%;
  z-index: 5;
  transition: transform 1s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-img].border-tab:before,
[show-noscroll=show-img].border-tab:before {
  width: 0 !important;
}
[show-scroll=show-img].show-img:after,
[show-noscroll=show-img].show-img:after {
  transition: transform 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-img].show-img.img-transform-left:after,
[show-noscroll=show-img].show-img.img-transform-left:after {
  transform: translateX(-100%);
}
[show-scroll=show-img].show-img.img-transform-right:after,
[show-noscroll=show-img].show-img.img-transform-right:after {
  transform: translateX(100%);
}
[show-scroll=show-img].show-img.border-tab:before,
[show-noscroll=show-img].show-img.border-tab:before {
  width: 100% !important;
}

@media (min-width: 767px) {
  .accordeon .active [show-scroll=show-text].vertical-grad .gradient-screen,
.accordeon .active [show-noscroll=show-text].vertical-grad .gradient-screen {
    height: 150% !important;
    transform: translateX(-30%);
  }
}

.accordeon-block .level-1 [show-noscroll=show-text] .gradient-screen,
.accordeon-block .level-1 [show-scroll=show-text] .gradient-screen {
  background: #124FDC;
  background: linear-gradient(to right, rgba(10, 66, 195, 0), #0A42C3 30%, #0A42C3 100%);
  background: -webkit-linear-gradient(to right, rgba(10, 66, 195, 0), #0A42C3 30%, #0A42C3 100%);
}
@media (min-width: 767px) {
  .accordeon-block .level-1 [show-noscroll=show-text].vertical-grad .gradient-screen,
.accordeon-block .level-1 [show-scroll=show-text].vertical-grad .gradient-screen {
    background: #124FDC;
    background: linear-gradient(to right, rgba(10, 66, 195, 0), #0A42C3 30%, #0A42C3 100%);
    background: -webkit-linear-gradient(to right, rgba(10, 66, 195, 0), #0A42C3 30%, #0A42C3 100%);
  }
}
.accordeon-block .level-1:not(.active) [show-noscroll=show-text].level-number .gradient-screen,
.accordeon-block .level-1:not(.active) [show-scroll=show-text].level-number .gradient-screen {
  top: -50%;
  background: linear-gradient(to bottom, rgba(10, 66, 195, 0), #0A42C3 30%, #0A42C3 100%);
  background: -webkit-linear-gradient(to bottom, rgba(10, 66, 195, 0), #0A42C3 30%, #0A42C3 100%);
}
.accordeon-block .level-1:not(.active) [show-noscroll=show-text].show-text.level-number .gradient-screen,
.accordeon-block .level-1:not(.active) [show-scroll=show-text].show-text.level-number .gradient-screen {
  transform: translateY(100%);
}
.accordeon-block .level-1 [show-scroll=show-img]:after,
.accordeon-block .level-1 [show-noscroll=show-img]:after {
  background-color: #0A42C3;
}
.accordeon-block .level-2 [show-noscroll=show-text] .gradient-screen,
.accordeon-block .level-2 [show-scroll=show-text] .gradient-screen {
  background: #295CD2;
  background: linear-gradient(to right, rgba(41, 92, 210, 0), #295CD2 30%, #295CD2 100%);
  background: -webkit-linear-gradient(to right, rgba(41, 92, 210, 0), #295CD2 30%, #295CD2 100%);
}
@media (min-width: 767px) {
  .accordeon-block .level-2 [show-noscroll=show-text].vertical-grad .gradient-screen,
.accordeon-block .level-2 [show-scroll=show-text].vertical-grad .gradient-screen {
    background: #295CD2;
    background: linear-gradient(to bottom, rgba(41, 92, 210, 0), #295cd2 30%, #295cd2 100%);
    background: -webkit-linear-gradient(to bottom, rgba(41, 92, 210, 0), #295cd2 30%, #295cd2 100%);
  }
}
.accordeon-block .level-2:not(.active) [show-noscroll=show-text].level-number .gradient-screen,
.accordeon-block .level-2:not(.active) [show-scroll=show-text].level-number .gradient-screen {
  top: -50%;
  background: linear-gradient(to bottom, rgba(41, 92, 210, 0), #295CD2 30%, #295CD2 100%);
  background: -webkit-linear-gradient(to bottom, rgba(41, 92, 210, 0), #295CD2 30%, #295CD2 100%);
}
.accordeon-block .level-2:not(.active) [show-noscroll=show-text].show-text.level-number .gradient-screen,
.accordeon-block .level-2:not(.active) [show-scroll=show-text].show-text.level-number .gradient-screen {
  transform: translateY(100%);
}
.accordeon-block .level-2 [show-scroll=show-img]:after,
.accordeon-block .level-2 [show-noscroll=show-img]:after {
  background-color: #295CD2;
}
.accordeon-block .level-3 [show-noscroll=show-text] .gradient-screen,
.accordeon-block .level-3 [show-scroll=show-text] .gradient-screen {
  background: #3266DE;
  background: linear-gradient(to right, rgba(50, 102, 222, 0), #3266DE 30%, #3266DE 100%);
  background: -webkit-linear-gradient(to right, rgba(50, 102, 222, 0), #3266DE 30%, #3266DE 100%);
}
@media (min-width: 767px) {
  .accordeon-block .level-3 [show-noscroll=show-text].vertical-grad .gradient-screen,
.accordeon-block .level-3 [show-scroll=show-text].vertical-grad .gradient-screen {
    background: #3266DE;
    background: linear-gradient(to bottom, rgba(50, 102, 222, 0), #3266DE 30%, #3266DE 100%);
    background: -webkit-linear-gradient(to bottom, rgba(50, 102, 222, 0), #3266DE 30%, #3266DE 100%);
  }
}
.accordeon-block .level-3:not(.active) [show-noscroll=show-text].level-number .gradient-screen,
.accordeon-block .level-3:not(.active) [show-scroll=show-text].level-number .gradient-screen {
  top: -50%;
  background: linear-gradient(to bottom, rgba(50, 102, 222, 0), #3266DE 30%, #3266DE 100%);
  background: -webkit-linear-gradient(to bottom, rgba(50, 102, 222, 0), #3266DE 30%, #3266DE 100%);
}
.accordeon-block .level-3:not(.active) [show-noscroll=show-text].show-text.level-number .gradient-screen,
.accordeon-block .level-3:not(.active) [show-scroll=show-text].show-text.level-number .gradient-screen {
  transform: translateY(100%);
}
.accordeon-block .level-3 [show-scroll=show-img]:after,
.accordeon-block .level-3 [show-noscroll=show-img]:after {
  background-color: #3266DE;
}

[show-scroll=show-btn]:not(.no-gradient) span {
  position: relative;
  overflow: hidden;
  opacity: 0;
}
[show-scroll=show-btn]:not(.no-gradient) span:before {
  content: "";
  display: block;
  height: 100%;
  width: 150%;
  position: absolute;
  background: #F8F8F8;
  background: linear-gradient(90deg, #F8F8F800 0%, #F8F8F8 30%, #F8F8F8 100%);
  transition: transform 1.1s cubic-bezier(0.25, 0.1, 0.25, 1), background 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
  left: -50%;
  top: 0;
}
[show-scroll=show-btn]:not(.no-gradient) span.bg-bold-blue:before {
  background: #124FDC;
  background: linear-gradient(to right, rgba(18, 79, 220, 0), #124FDC 30%, #124FDC 100%);
  background: -webkit-linear-gradient(to right, rgba(18, 79, 220, 0), #124FDC 30%, #124FDC 100%);
}
[show-scroll=show-btn]:not(.no-gradient) span.bg-medium-blue:before {
  background: #2F6AF2;
  background: linear-gradient(to right, rgba(47, 106, 242, 0), #2F6AF2 30%, #2F6AF2 100%);
  background: -webkit-linear-gradient(to right, rgba(47, 106, 242, 0), #2F6AF2 30%, #2F6AF2 100%);
}
[show-scroll=show-btn]:not(.no-gradient) span.bg-regular-blue:before {
  background: #7099F9;
  background: linear-gradient(to right, rgba(112, 153, 249, 0), #7099F9 30%, #7099F9 100%);
  background: -webkit-linear-gradient(to right, rgba(112, 153, 249, 0), #7099F9 30%, #7099F9 100%);
}
[show-scroll=show-btn].show-btn {
  opacity: 1;
}
[show-scroll=show-btn].show-btn span {
  opacity: 1;
  transition: opacity 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-btn].show-btn span:before {
  transform: translateX(100%);
}

[show-scroll=show-img-circle]:before {
  left: 0;
}
[show-scroll=show-img-circle].show-img-circle {
  opacity: 1;
  transition: opacity 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
}
[show-scroll=show-img-circle].show-img-circle:before {
  left: 50%;
  transition: left 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
  transition-delay: 0.2s;
}

[border] {
  border-color: #F8F8F8 !important;
}

[border=bold-blue] {
  border-color: #124FDC !important;
}

.border-element {
  position: absolute;
  z-index: 4;
  background-color: #F8F8F8;
}
.border-element.border-vertical {
  width: 1px;
}
.border-element.border-horizon {
  height: 1px;
}
.border-element.bold-blue {
  background-color: #124FDC;
}
.border-element.overhead {
  z-index: 11;
}

body {
  display: flex;
  flex-direction: column;
}
body.freeze {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
body.freeze header {
  position: fixed;
  transition: top 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}

img, svg {
  display: inline-block;
}

/*---------HEADER (START)--------*/
header {
  height: 85px;
  border-bottom: 1px solid #D7D7D7;
  position: sticky;
  z-index: 10;
  top: 0;
  width: 100%;
  background-color: #F8F8F8;
}
header .header-content {
  display: flex;
  height: 100%;
}
header .csd-logo {
  align-self: stretch;
  display: flex;
  align-items: center;
  border-right: 1px solid #D7D7D7;
  padding: 14px 15px 14px 30px;
}


/*header .csd-logo::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 125px;*/
/*    top: 0px;*/
/*    width: 50px;*/
/*    height: 42px;*/
/*    background-image: url(/local/templates/digitaldev/assets/images/logo/santa_hat_csd.png);*/
/*    background-size: 100%;*/
/*    background-repeat: no-repeat;*/
/*}*/
header .csd-logo svg {
  width: 100%;
  max-width: 219px;
  height: auto;
}
header .desc-menu {
  /*-ms-flex: 0 0 calc(66.666667% + 90px + 1px);*/
  /*flex: 0 0 calc(66.666667% + 90px + 1px);*/
  /*max-width: calc(66.666667% + 90px + 1px);*/
  /* -ms-flex: 0 0 calc(78.4444% + 90px + 1px); */
  /* flex: 0 0 calc(78.4444% + 90px + 1px); */
  /* max-width: calc(78.4444% + 90px + 1px); */
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  max-width: 100%;
  padding-right: 90px;
  height: 100%;
  position: relative;
  display: flex;
}
header .desc-menu .menu-items {
  display: flex;
  justify-content: center;
  align-items: stretch;
  border-right: 1px solid #D7D7D7;
  height: 100%;
  width: 100%;
}
header .desc-menu .menu-items.cuted {
  width: calc(100% - 60px);
}
header .desc-menu .menu-items a, header .desc-menu .menu-items span {
  transition: color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  color: #4A494A;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 100%;
}

header .desc-menu .menu-items > div {
  padding: 0 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
}
header .desc-menu .menu-items > div.level-1 > div > span {
  display: flex;
  align-items: center;
}
header .desc-menu .menu-items > div.level-1 .plus {
  width: 8px;
  height: 2px;
  margin-left: 4px;
  background-color: #2F6AF2;
  margin-top: 2px;
  transform: rotate(0deg);
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .desc-menu .menu-items > div.level-1 .plus:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 2px;
  transform-origin: center;
  transform: rotate(90deg);
  background-color: #2F6AF2;
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .desc-menu .menu-items > div.level-1:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  background-color: #124FDC;
  top: 100%;
  transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), top 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .desc-menu .menu-items > div.level-1.open:before {
  top: 0;
  height: 100%;
}
header .desc-menu .menu-items > div.level-1.open span {
  color: #F8F8F8;
}
header .desc-menu .menu-items > div.level-1.open .plus {
  background-color: #F8F8F8;
}
header .desc-menu .menu-items > div.level-1.open .plus:after {
  background-color: #F8F8F8;
  transform: rotate(180deg);
}
header .desc-menu .menu-items > div > div {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
header .desc-menu .menu-items > div > div:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  left: 0;
  bottom: 0;
  height: 2px;
  background-color: #124FDC;
  transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .desc-menu .menu-items > div:hover > div:after {
  width: 100%;
}
header .desc-menu .menu-items > div:hover.level-1 .plus {
  transform: rotate(180deg);
}
header .desc-menu .menu-items > div.active:after {
  width: 100%;
}
header .autodesc-block {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 30px;
  padding-left: 15px;
  flex: 1;
}
header .autodesc-block .autodesc-logo {
  padding-top: 14px;
  padding-bottom: 14px;
}
header .autodesc-block .autodesc-logo img {
  max-width: 140px;
  width: 100%;
  height: auto;
}
header .search-block {
  border-right: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  height: calc(100% + 1px);
  overflow: hidden;
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  background-color: #2F6AF2;
  transition: width 0.7s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.7s cubic-bezier(0.27, 0, 0.66, 0.99), border-bottom-color 0.7s cubic-bezier(0.27, 0, 0.66, 0.99), border-right-color 0.7s cubic-bezier(0.27, 0, 0.66, 0.99);
  width: 90px;
  z-index: 2;
}
header .search-block .search-icon {
  width: 90px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #F8F8F8;
  transition: background-color 0.3s 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .search-block .search-icon svg path {
  fill: #2F6AF2;
  transition: fill 0.3s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .search-block .search-icon:hover {
  background-color: #2F6AF2;
  border-left-color: transparent;
  transition: background-color 0.3s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .search-block .search-icon:hover svg path {
  fill: #F8F8F8;
  transition: fill 0.3s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .search-block .search-panel {
  overflow: hidden;
  width: 0;
  transition: width 0.7s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .search-block .search-panel .search-form {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .search-block .search-panel .search-form input {
  background: transparent;
  border: none;
  outline: none;
  color: #F8F8F8;
  flex: 1;
  color: #fff;
  line-height: 1.05;
  font-size: 1.75rem;
  font-weight: 500;
  /* letter-spacing: -0.01em; */
}
header .search-block .search-panel .search-form input::-moz-placeholder {
  color: #8FAFF8;
}
header .search-block .search-panel .search-form input::-webkit-input-placeholder {
  color: #8FAFF8;
}
header .search-block .search-panel .search-form input:-ms-input-placeholder {
  color: #8FAFF8;
}
header .search-block .search-panel .search-form input::-ms-input-placeholder {
  color: #8FAFF8;
}
header .search-block .search-panel .search-form input::placeholder {
  color: #8FAFF8;
}
header .search-block .search-panel .search-form button {
  padding: 8px 15px;
  border: 1px solid #8FAFF8;
  border-radius: 6px;
  margin-right: 38px;
  background: transparent;
  color: #fff;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 500;
  /* letter-spacing: 0.02em; */
  text-transform: lowercase;
  margin-left: 20px;
}
header .search-block .search-panel .search-form button:hover {
  color: #2F6AF2;
}
header .search-block .search-panel .search-form .close-find {
  height: 100%;
  width: 90px;
  border-left: 1px solid #7099F9;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
header .hamburger-block {
  display: none;
  align-items: center;
  justify-content: center;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  max-width: 60px;
  border-right: 1px solid #D7D7D7;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
header .hamburger-block .hamburger span {
  width: 29px;
  height: 3px;
  display: block;
  position: relative;
  background-color: #4A494A;
  border-radius: 100px;
}
header .hamburger-block .hamburger span:before, header .hamburger-block .hamburger span:after {
  content: "";
  width: 29px;
  height: 3px;
  display: block;
  position: absolute;
  background-color: #4A494A;
  border-radius: 100px;
  opacity: 1;
}
header .hamburger-block .hamburger span:after {
  bottom: -6px;
  transition: bottom 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .hamburger-block .hamburger span:before {
  top: -6px;
  transition: top 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header .hamburger-block.open .hamburger span:after {
  bottom: 0;
  opacity: 0;
}
header .hamburger-block.open .hamburger span:before {
  top: 0px;
  opacity: 0;
}
header.open-search .search-block {
  width: calc(100% + 1px);
  transition: width 0.7s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.7s cubic-bezier(0.27, 0, 0.66, 0.99), border-bottom-color 0.7s cubic-bezier(0.27, 0, 0.66, 0.99), border-right-color 0.7s cubic-bezier(0.27, 0, 0.66, 0.99);
  border-bottom-color: #2F6AF2;
  border-right-color: #2F6AF2;
}
header.open-search .search-block .search-icon {
  background-color: #2F6AF2;
  transition: background-color 0.3s 0.3s cubic-bezier(0.27, 0, 0.66, 0.99);
}
header.open-search .search-block .search-icon svg path {
  fill: #F8F8F8;
}
header.open-search .search-block .search-panel {
  width: calc(100% - 90px);
  transition: width 0.7s cubic-bezier(0.27, 0, 0.66, 0.99);
}

#desc-second-level-menu {
  position: fixed;
  top: 85px;
  width: 100%;
  background-color: #124FDC;
  z-index: 10;
  margin-top: -1px;
  overflow: hidden;
  transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  height: 0;
  box-shadow: 0px 4px 10px rgba(3, 36, 112, 0.2);
}
#desc-second-level-menu .submenu-container {
  padding: 30px 15px 45px;
}
#desc-second-level-menu .submenu-container > div {
  overflow: hidden;
  transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
#desc-second-level-menu .submenu-container .submenu-blocks {
  display: flex;
  flex-wrap: wrap;
}
#desc-second-level-menu .submenu-container .submenu-blocks a {
  margin: 15px;
  padding: 20px 30px 20px 20px;
  border: 2px solid #7099F9;
  width: calc(25% - 30px);
  display: flex;
  background-color: transparent;
  transition: background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
#desc-second-level-menu .submenu-container .submenu-blocks a .info {
  width: calc(50% - 10px);
  margin-left: 20px;
  display: flex;
  flex-direction: column;
}
#desc-second-level-menu .submenu-container .submenu-blocks a .info .name {
  color: #F8F8F8;
  line-height: 1.05;
  font-size: 1.125rem;
  font-weight: 500;
  /* letter-spacing: -0.01em; */
  font-variant: small-caps;
}
#desc-second-level-menu .submenu-container .submenu-blocks a .info .arrow-el {
  align-self: flex-end;
  margin-top: auto;
  transform: rotate(0);
  transform-origin: center;
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
#desc-second-level-menu .submenu-container .submenu-blocks a .info .arrow-el svg {
  width: 15px;
  height: 15px;
}
#desc-second-level-menu .submenu-container .submenu-blocks a .info .arrow-el svg path {
  fill: #F8F8F8;
}
#desc-second-level-menu .submenu-container .submenu-blocks a .image {
  width: calc(50% - 10px);
}
#desc-second-level-menu .submenu-container .submenu-blocks a .image img {
  display: inline-block;
}
#desc-second-level-menu .submenu-container .submenu-blocks a:hover {
  background-color: #7099F9;
}
#desc-second-level-menu .submenu-container .submenu-blocks a:hover .info .arrow-el {
  transform: rotate(45deg);
}

.freeze #desc-second-level-menu {
  top: 85px !important;
}

#mobile-menu {
  position: fixed;
  top: 85px;
  left: 0;
  width: 100%;
  background-color: #F8F8F8;
  z-index: 10;
  overflow: hidden;
  height: 0;
  transition: height 0.35s cubic-bezier(0.27, 0, 0.66, 0.99), top 0.35s linear;
}
#mobile-menu > div {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: scroll;
}
#mobile-menu .search-block {
  height: 60px;
  margin-bottom: 140px;
  display: flex;
  background-color: #2F6AF2;
  transition: width 0.7s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.7s cubic-bezier(0.27, 0, 0.66, 0.99);
  width: 100%;
}
#mobile-menu .search-block .search-icon {
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2F6AF2;
  padding: 0 30px;
}
#mobile-menu .search-block .search-icon svg path {
  fill: #F8F8F8;
  transition: fill 0.3s cubic-bezier(0.27, 0, 0.66, 0.99);
}
#mobile-menu .search-block .search-panel {
  width: 100%;
}
#mobile-menu .search-block .search-panel .search-form {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mobile-menu .search-block .search-panel .search-form input {
  background: transparent;
  border: none;
  outline: none;
  color: #F8F8F8;
  flex: 1;
  color: #fff;
  line-height: 1.05;
  font-size: 1.75rem;
  font-weight: 500;
  /* letter-spacing: -0.01em; */
}
#mobile-menu .search-block .search-panel .search-form input::-moz-placeholder {
  color: #8FAFF8;
}
#mobile-menu .search-block .search-panel .search-form input::-webkit-input-placeholder {
  color: #8FAFF8;
}
#mobile-menu .search-block .search-panel .search-form input:-ms-input-placeholder {
  color: #8FAFF8;
}
#mobile-menu .search-block .search-panel .search-form input::-ms-input-placeholder {
  color: #8FAFF8;
}
#mobile-menu .search-block .search-panel .search-form input::placeholder {
  color: #8FAFF8;
}
#mobile-menu .search-block .search-panel .search-form button {
  padding: 8px 15px;
  border: 1px solid #8FAFF8;
  border-radius: 6px;
  margin-right: 29px;
  background: transparent;
  color: #fff;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 500;
  /* letter-spacing: 0.02em; */
  text-transform: lowercase;
  margin-left: 20px;
}
#mobile-menu .search-block .search-panel .search-form button:hover {
  color: #2F6AF2;
}
#mobile-menu .menu-items {
  padding: 0 85px;
  width: 100%;
}
#mobile-menu .menu-items > ul > li {
  margin-bottom: 23px;
}
#mobile-menu .menu-items > ul > li > a, #mobile-menu .menu-items > ul > li > div {
  color: #4A494A;
  line-height: 1.05;
  font-size: 2rem;
  font-weight: 400;
  /* letter-spacing: 0.01em; */
  cursor: pointer;
  transition: color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
#mobile-menu .menu-items > ul > li > a:hover, #mobile-menu .menu-items > ul > li > div:hover {
  color: #BEBEBE;
}
#mobile-menu .menu-items > ul > li > a.selected, #mobile-menu .menu-items > ul > li > div.selected {
  color: #BEBEBE;
}
#mobile-menu .menu-items > ul > li.level-1 .name {
  display: flex;
  align-items: center;
}
#mobile-menu .menu-items > ul > li .plus {
  width: 10px;
  height: 2px;
  margin-left: 8px;
  background-color: #2F6AF2;
  margin-top: 2px;
  transform: rotate(0deg);
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
#mobile-menu .menu-items > ul > li .plus:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  transform-origin: center;
  transform: rotate(90deg);
  background-color: #2F6AF2;
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
#mobile-menu .menu-items > ul > li .submenu {
  padding-left: 30px;
  overflow: hidden;
  height: 0;
  transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
#mobile-menu .menu-items > ul > li .submenu ul {
  padding-top: 25px;
  padding-bottom: 1px;
}
#mobile-menu .menu-items > ul > li .submenu ul > li {
  margin-bottom: 19px;
  color: #4A494A;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}
#mobile-menu .menu-items > ul > li .submenu ul > li a {
  color: #4A494A;
  transition: color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
#mobile-menu .menu-items > ul > li .submenu ul > li a:hover {
  color: #BEBEBE;
}
#mobile-menu .menu-items > ul > li .submenu ul > li a.selected {
  color: #BEBEBE;
}
#mobile-menu .menu-items > ul > li .submenu > div {
  overflow: hidden;
  height: 0;
  transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
#mobile-menu .menu-items > ul > li.open .plus:after {
  transform: rotate(180deg);
}
#mobile-menu .wrap-contacts-company {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 36px 30px 12px;
  border-top: 1px solid #D7D7D7;
  margin-top: 220px;
  width: 100%;
  align-self: end;
}
#mobile-menu .wrap-contacts-company .address {
  line-height: 1.4;
}
#mobile-menu .wrap-contacts-company .link-contact {
  line-height: 1.2;
  margin-bottom: 1px;
  display: block;
  width: max-content;
}
#mobile-menu .wrap-contacts-company .social-link {
  margin-right: -5px;
  margin-left: -5px;
}
#mobile-menu .wrap-contacts-company .social-link a {
  padding: 0 5px;
}

.freeze #mobile-menu {
  top: 85px !important;
  height: calc(100vh - 85px);
  height: calc(var(--vh, 1vh) * 100 - 85px);
}

@media (max-width: 1650px) {
  #desc-second-level-menu .submenu-container .submenu-blocks a {
    padding: 15px 20px 15px 15px;
    width: calc(33% - 30px);
  }
  #desc-second-level-menu .submenu-container .submenu-blocks a .info .name {
    font-size: 1rem;
  }
}
@media (max-width: 1439px) {
  header .desc-menu {
    /* -ms-flex: 0 0 calc(63.666667% + 90px + 1px); */
    /* flex: 0 0 calc(63.666667% + 90px + 1px); */
    /* max-width: calc(63.666667% + 90px + 1px); */
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 100%;
  }
  header .desc-menu .menu-items > div > div {
    /*margin: 0 15px;
    padding: 0 15px;*/
  }
}
@media (max-width: 1300px) {
  header .search-block .search-panel .search-form input {
    font-size: 1.1875rem;
  }
}
@media (max-width: 1199px) {
  #desc-second-level-menu .submenu-container .submenu-blocks a {
    width: calc(50% - 30px);
  }
}
@media (max-width: 991px) {
  #desc-second-level-menu {
    height: 0 !important;
  }

  header {
    height: 60px;
  }
  header .desc-menu {
    /* -ms-flex: 0 0 16.666667%; */
    /* flex: 0 0 16.666667%; */
    /* max-width: 16.666667%; */
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 100%;
    padding-right: 0;
    order: 3;
  }
  header .desc-menu .menu-items {
    display: none;
  }
  header .search-block {
    display: none;
  }
  header .autodesc-block {
    padding-right: 22px;
  }
  header .autodesc-block .autodesc-logo img {
    max-width: 100px;
  }
  header .hamburger-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30px;
    border-right: none;
    border-left: 1px solid #D7D7D7;
    /* -ms-flex: 0 0 100%; */
    /* flex: 0 0 100%; */
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
  }
  header .csd-logo svg {
    max-width: 150px;
  }

  .freeze #mobile-menu {
    top: 60px !important;
    height: calc(100vh - 60px);
    height: calc(var(--vh, 1vh) * 100 - 60px);
  }

  #mobile-menu {
    top: 60px;
  }
}
@media (max-width: 767px) {
  header .autodesc-block {
    padding-right: 22px;
  }
  header .csd-logo {
    padding-left: 15px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: auto;
    border-right: none;
  }
  header .csd-logo svg .text-in-logo {
    display: none;
  }
  header .desc-menu {
    /* -ms-flex: 0 0 auto; */
    /* flex: 0 0 auto; */
    /* max-width: auto; */
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 100%;
  }
  header .desc-menu .hamburger-block {
    padding: 0 15px;
  }
  header .search-block {
    width: 100%;
    transition: width 0.7s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.7s cubic-bezier(0.27, 0, 0.66, 0.99);
    border: none;
  }
  header .search-block .search-icon {
    background-color: #2F6AF2;
  }
  header .search-block .search-icon svg path {
    fill: #F8F8F8;
  }
  header .search-block .search-panel {
    width: calc(100% - 90px);
    transition: width 0.7s cubic-bezier(0.27, 0, 0.66, 0.99);
  }

  #mobile-menu .search-block {
    margin-bottom: 90px;
  }
  #mobile-menu .search-block .search-icon {
    padding: 0 15px;
  }
  #mobile-menu .search-block .search-icon svg {
    width: 18px;
  }
  #mobile-menu .search-block .search-panel .search-form button {
    margin-right: 14px;
  }
  #mobile-menu .search-block .search-panel .search-form input {
    min-width: 160px;
    font-size: 1.375rem;
    font-weight: 400;
    width: 100%;
  }
  #mobile-menu .menu-items {
    padding: 0 45px;
  }
  #mobile-menu .menu-items > ul > li {
    margin-bottom: 20px;
  }
  #mobile-menu .menu-items > ul > li > a, #mobile-menu .menu-items > ul > li > div {
    font-size: 1.5625rem;
  }
  #mobile-menu .menu-items > ul > li .submenu ul {
    padding-top: 23px;
  }
  #mobile-menu .menu-items > ul > li .submenu ul > li {
    font-size: 0.875rem;
  }
  #mobile-menu .wrap-contacts-company {
    margin-top: 112px;
    padding: 28px 15px 32px;
  }
  #mobile-menu .wrap-contacts-company .address {
    display: none;
  }
}
@media (max-width: 375px) {
  #mobile-menu .menu-items {
    padding: 0 15px;
  }
}
/*---------HEADER (END)--------*/
/*---------FOOTER (START)--------*/
footer {
  margin-top: auto;
  background-color: #F8F8F8;
}
footer .footer-bar {
  margin: 0;
}
footer .footer-bar .col-menu {
  border-right: 1px solid #D7D7D7;
  border-top: 1px solid #D7D7D7;
  padding: 85px 30px 0;
}
footer .footer-bar .col-menu .logo-footer {
  display: flex;
  align-items: center;
  margin-bottom: 90px;
}
footer .footer-bar .col-menu .logo-footer > :first-child {
  padding-right: 55px;
  margin-right: 55px;
  /* border-right: 1px solid #D7D7D7; */
}
footer .footer-bar .col-menu .menu-footer {
  margin-bottom: 205px;
}
footer .footer-bar .col-menu .menu-footer .title-menu {
  color: #4A494A;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 23px;
  display: block;
  max-width: 200px;
  transition: color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
footer .footer-bar .col-menu .menu-footer .title-menu:hover {
  color: #9DA2AE;
}
footer .footer-bar .col-menu .menu-footer ul {
  margin-top: 15px;
  margin-bottom: 60px;
  display: inline-block;
}
footer .footer-bar .col-menu .menu-footer ul li {
  margin-bottom: 7px;
}
footer .footer-bar .col-menu .menu-footer ul li a {
  transition: color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  color: #4A494A;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
}
footer .footer-bar .col-menu .menu-footer ul li a:hover {
  color: #9DA2AE;
}
footer .footer-bar .col-contact {
  padding: 0;
  border-top: 1px solid #D7D7D7;
}
footer .footer-bar .col-contact .contact-cell {
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .footer-bar .col-contact .contact-cell > div {
  max-width: 420px;
  width: 100%;
  padding: 0 30px;
  margin-left: 15px;
  margin-bottom: 15px;
}
footer .footer-bar .col-contact .contact-cell:first-child {
  border-bottom: 1px solid #D7D7D7;
}
footer .footer-bar .col-contact .contact-cell.form .title-form {
  color: #4A494A;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 45px;
}
footer .footer-bar .col-contact .contact-cell.form form {
  margin-bottom: 15px;
}
footer .footer-bar .col-contact .contact-cell.contacts .title-contacts {
  color: #4A494A;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 36px;
}
footer .footer-bar .col-contact .contact-cell.contacts .address {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  max-width: 190px;
  margin-bottom: 25px;
}
footer .footer-bar .col-contact .contact-cell.contacts .link-contact {
  display: block;
  margin-bottom: 7px;
  width: max-content;
}
footer .footer-bar .col-contact .contact-cell.contacts .social-link {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-right: -5px;
  margin-left: -5px;
}
footer .footer-bar .col-contact .contact-cell.contacts .social-link a {
  padding: 0 5px;
  transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}
footer .footer-bar .col-contact .contact-cell.contacts .social-link a:hover {
  opacity: 0.6;
}
footer .footer-bar .bottom-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-right: 1px solid #D7D7D7;
  padding: 0 30px 10px;
  overflow: hidden;
}
footer .footer-bar .bottom-info .privacy-policy-wrap .privacy-policy {
  color: #9DA2AE;
}
footer .footer-bar .bottom-info .copyright {
  color: #9DA2AE;
  line-height: 1;
  font-size: 1rem;
  font-weight: 400;
}
footer .footer-bar .bottom-info .sagirov {
  color: #9DA2AE;
  line-height: 1;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  align-items: flex-end;
}
footer .footer-bar .bottom-info .sagirov img {
  margin-left: 6px;
  margin-bottom: 2px;
}

/*---------FOOTER (END)--------*/
/*---------MEDIA FOOTER (START)--------*/
@media (max-width: 1199px) {
  footer .footer-bar .col-menu {
    /* border-right: none; */
    padding: 80px 30px 0;
  }
  footer .footer-bar .col-menu .logo-footer > :first-child {
    padding-right: 30px;
    margin-right: 30px;
  }
  footer .footer-bar .col-menu .menu-footer {
    margin-bottom: 60px;
  }
  footer .footer-bar .col-menu .menu-footer ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* footer .footer-bar .col-menu .menu-footer .service-col {
    display: flex;
  }
  footer .footer-bar .col-menu .menu-footer .service-col > div {
    width: 50%;
  }
  footer .footer-bar .col-menu .menu-footer .service-col > div:last-child {
    padding-left: 15px;
  } */
  footer .footer-bar .col-menu .menu-footer .catalog-col ul {
    margin-bottom: 50px;
  }
  footer .footer-bar .col-menu .menu-footer > div:not(:last-child) {
    /* margin-bottom: 80px; */
    margin-bottom: 30px;
  }
  footer .footer-bar .col-menu .menu-footer .title-menu:last-child {
    margin-bottom: 7px;
  }
  /* footer .footer-bar .col-contact {
    margin-bottom: 100px;
  } */
  footer .footer-bar .col-contact .contact-cell {
    height: auto;
    padding: 60px 30px 90px;
    display: block;
  }
  footer .footer-bar .col-contact .contact-cell > div {
    padding: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
  footer .footer-bar .col-contact .contact-cell.contacts .title-contacts {
    margin-bottom: 30px;
  }
  footer .footer-bar .col-contact .contact-cell.contacts > div {
    max-width: 100%;
  }
  /* footer .footer-bar .col-contact .contact-cell.contacts .wrap-contacts-company {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  } 
  footer .footer-bar .col-contact .contact-cell.contacts .address {
    margin-bottom: 0;
  }
  footer .footer-bar .col-contact .contact-cell.contacts .social-link {
    margin-top: 0;
  } */
  footer .footer-bar .bottom-info {
    align-items: flex-end;
    flex-wrap: wrap;
  }
  footer .footer-bar .bottom-info .privacy-policy-wrap {
    max-width: 100%;
    width: 100%;
    margin-bottom: 6px;
  }
}
@media (max-width: 767px) {
  footer .footer-bar .col-menu {
    padding: 55px 0 0;
  }
  footer .footer-bar .col-menu .logo-footer {
    padding: 0 15px;
    margin-bottom: 64px;
  }
  footer .footer-bar .col-menu .logo-footer > :first-child {
    height: 40px;
    padding-right: 0;
    border-right: none;
  }
  footer .footer-bar .col-menu .logo-footer > :first-child img {
    height: 100%;
  }
  footer .footer-bar .col-menu .logo-footer .autodesc-logo {
    height: 25px;
  }
  footer .footer-bar .col-menu .menu-footer {
    margin-right: 0;
    margin-left: 0;
  }
  footer .footer-bar .col-menu .menu-footer .catalog-col {
    display: flex;
    padding: 0;
  }
  footer .footer-bar .col-menu .menu-footer .catalog-col > div {
    width: 50%;
    padding: 0 15px;
  }
  footer .footer-bar .col-menu .menu-footer .development-col ul {
    display: flex;
    flex-wrap: wrap;
  }
  footer .footer-bar .col-menu .menu-footer .development-col ul > div {
    width: 50%;
  }
  footer .footer-bar .col-menu .menu-footer .development-col ul > div:last-child {
    padding-left: 15px;
  }
  footer .footer-bar .col-menu .menu-footer ul li {
    max-width: 155px;
  }
  footer .footer-bar .col-contact {
    margin-bottom: 60px;
  }
  footer .footer-bar .col-contact .contact-cell {
    padding: 60px 15px 60px;
  }
  footer .footer-bar .col-contact .contact-cell.contacts .wrap-contacts-company {
    display: block;
  }
  footer .footer-bar .col-contact .contact-cell.contacts .address {
    margin-bottom: 20px;
  }
  footer .footer-bar .col-contact .contact-cell.contacts .social-link {
    margin-top: 35px;
  }
  footer .footer-bar .bottom-info {
    padding: 0 15px 10px;
    border: none;
  }
  footer .footer-bar .bottom-info .sagirov {
    width: 100%;
    margin-top: 25px;
  }
}
@media (max-width: 374px) {
  footer .footer-bar .col-menu .logo-footer > :first-child {
    padding-right: 10px;
    margin-right: 10px;
  }
  footer .footer-bar .col-menu .menu-footer .catalog-col {
    display: block;
  }
  footer .footer-bar .col-menu .menu-footer .catalog-col > div {
    width: 100%;
  }
  footer .footer-bar .col-menu .menu-footer .development-col ul {
    display: block;
  }
  footer .footer-bar .col-menu .menu-footer .development-col ul > div {
    width: 100%;
  }
  footer .footer-bar .col-menu .menu-footer .development-col ul > div:last-child {
    padding-left: 0;
  }
  footer .footer-bar .col-menu .menu-footer .service-col {
    display: block;
  }
  footer .footer-bar .col-menu .menu-footer .service-col > div {
    width: 100%;
  }
  footer .footer-bar .col-menu .menu-footer .service-col > div:last-child {
    padding-left: 0;
    margin-top: 80px;
  }
  footer .footer-bar .col-menu .menu-footer ul li {
    max-width: max-content;
  }
}
/*---------MEDIA FOOTER (END)--------*/
/*----------ФОРМА ОБРАТНОЙ СВЯЗИ В МОДАЛКЕ (START)------------*/
.modal .form-callback .title-block {
  max-width: 420px;
  width: 100%;
  margin: 0 auto 90px;
  padding: 0 30px;
}
.modal .form-callback .title-block .title-form {
  color: #4A494A;
  line-height: 1.1;
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 34px;
}
.modal .form-callback .title-block span {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 400;
}
.modal .form-callback form {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #D7D7D7;
  padding: 90px 30px 30px;
}
.modal .form-callback form .fields-container {
  max-width: 420px;
  width: 100%;
  margin: 0 auto 90px;
  display: flex;
  flex-direction: column;
}
.modal .form-callback form .text-field {
  color: #9DA2AE;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 40px;
}
.modal .form-callback form .field {
  position: relative;
  border: 1px solid #D7D7D7;
  border-radius: 5px;
  padding: 6px 15px 7px;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: inherit;
}

.modal .form-callback form .field.empty {
 width: auto;
 height: auto;
}
.modal .form-callback form .field.empty label {
  display: block;
  top: 10px;
}
.modal .form-callback form .field.error {
  border-color: #F92525;

}
.modal .form-callback form .field.error label {
  color: #F92525;
}
.modal .form-callback form .field label {
  margin: 0;
  color: #8A8B94;
  line-height: 1;
  font-size: 1rem;
  font-weight: 400;
  position: absolute;
  left: 15px;
  top: -10px;
  /*display: none;*/
  background-color: #F8F8F8;
  cursor: text;
}
.modal .form-callback form .field.focus {
  border: 1px solid #2F6AF2;
}

.modal .form-callback form .field:focus-visible {
  border: 1px solid #2F6AF2;
}

.modal .form-callback form .field.empty input:focus  + label.placeholder {
  top: -10px !important;
}
.modal .form-callback form .field label span {
  display: inline-block;
  margin-left: 3px;
  color: #2F6AF2;
}
.modal .form-callback form .field input,
.modal .form-callback form .field textarea {
  width: 100%;
  resize: none;
  background-color: #F8F8F8;
  border: none;
  padding: 0;
  color: #8A8B94;
  line-height: 1;
  font-size: 1rem;
  font-weight: 400;
  outline: none !important;
}
.modal .form-callback form .field textarea {
  height: 122px;
}

.modal .form-callback form .field textarea::placeholder {
  color: #8A8B94;
}
.modal .form-callback form .field input:-webkit-autofill,
.modal .form-callback form .field input:-webkit-autofill:hover,
.modal .form-callback form .field input:-webkit-autofill:focus {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 30px #F8F8F8 inset !important;
}
.modal .form-callback form .field.textarea {
  padding-top: 10px;
}
.modal .form-callback form .agreement-text {
  margin-bottom: 38px;
}
.modal .form-callback form .agreement-text,
.modal .form-callback form .agreement-text a {
   font-size: 12px !important;
}
.modal .form-callback form label.base-btn {
  margin-bottom: 0;
  margin-left: auto;
}
.modal .form-callback form label.base-btn input {
  display: none;
}
label.error {
  opacity: 0;
  font-size: 1px;
}

/*----------ФОРМА ОБРАТНОЙ СВЯЗИ В МОДАЛКЕ (END)------------*/
/*---------ГЛАВНАЯ СТРАНИЦА (START)----------*/
/*-----------1 ЭКРАН (START)----------*/
.first-screen {
  margin: 0;
}
.first-screen .title-block {
  width: 39%;
  border-right: 1px solid #D7D7D7;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  padding: 15px 20px 20px 30px;
}
.first-screen .title-block .subtitle {
  width: 70%;
  margin-bottom: 50px;
  color: #545454;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 400;
}
.first-screen .title-block .bottom-text {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.first-screen .title-block .bottom-text span {
  width: 40%;
  color: #545454;
  line-height: 1.1;
  font-size: 0.9375rem;
  font-weight: 400;
}
.first-screen .title-model-blocks {
  display: flex;
  flex-wrap: wrap;
}
.first-screen .model-block {
  width: 61%;
  padding: 27px 30px 17px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.first-screen .model-block .model-title {
  display: flex;
  justify-content: space-between;
}
.first-screen .model-block .model-title span {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}
.first-screen .model-block .model-title a {
  font-weight: 500;
}
.first-screen .model-block .model-angle {
  margin-top: auto;
  text-align: right;
  color: #8A8B94;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 500;
}
.first-screen .model-block #model-3d-container {
  position: relative;
  text-align: center;
  height: 100%;
}
.first-screen .model-block #model-3d {
  width: auto;
  max-height: 77vh;
  position: relative;
}
.first-screen .model-block #arch,
.first-screen .model-block #arch-pointer {
  position: absolute;
  bottom: 0px;
  left: 0;
}
.first-screen .model-block #arch-dash {
  width: 90.63%;
  position: absolute;
  bottom: 35px;
  left: 4.685%;
}
.first-screen h1 {
  font-size: 3.125rem;
  margin-bottom: 80px;
}
.first-screen h1 span {
  display: block;
  color: #2F6AF2;
}
.first-screen .main-info-blocks {
  border-left: 1px solid #D7D7D7;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.first-screen .main-info-blocks > div {
  height: 33.3333333333%;
  padding: 25px 30px 10px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.first-screen .main-info-blocks > div:not(:nth-child(3)) {
  border-bottom: 1px solid #D7D7D7;
}
.first-screen .main-info-blocks .title {
  color: #4A494A;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 2px;
}
.first-screen .main-info-blocks .info {
  color: #545454;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 15px;
  text-align: right;
}
.first-screen .main-info-blocks .date {
  color: #2F6AF2;
  line-height: 1;
  font-size: 1rem;
  font-weight: 700;
  /* letter-spacing: 0.02em; */
}
.first-screen .main-info-blocks .icon {
  margin-right: auto;
  margin-top: auto;
  width: 82px;
}
.first-screen .main-info-blocks .icon svg {
  width: 100%;
  height: auto;
}

/*-----------MEDIA 1 ЭКРАН (START)----------*/
@media (min-height: 800px) and (min-width: 1440px) {
  .first-screen {
    height: calc(100vh - 85px);
  }
}
@media (min-width: 1440px) {
  .first-screen {
    min-height: 800px;
  }
}
@media (max-width: 1439px) {
  .first-screen h1 {
    font-size: 2.8125rem;
    /* letter-spacing: 0.01em; */
  }
  .first-screen .title-model-blocks {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .first-screen .main-info-blocks {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: row;
    border-top: 1px solid #D7D7D7;
    border-left: none;
  }
  .first-screen .main-info-blocks > div {
    width: 33.33333%;
    padding: 20px 30px 25px;
    min-height: 300px;
    align-items: flex-start;
  }
  .first-screen .main-info-blocks > div:not(:nth-child(3)) {
    border-bottom: none;
    border-right: 1px solid #D7D7D7;
  }
  .first-screen .main-info-blocks .info {
    text-align: left;
  }
  .first-screen .main-info-blocks .title {
    margin-bottom: 4px;
  }
  .first-screen .main-info-blocks .icon svg {
    width: 68px;
    height: 68px;
  }
}
@media (max-width: 992px) {
  .first-screen .model-block {
    width: 100%;
    padding: 20px 30px 14px;
  }
  .first-screen .title-block {
    width: 100%;
    border-top: 1px solid #D7D7D7;
    border-right: none;
    padding: 27px 30px 59px;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .first-screen .title-block h1 {
    margin-bottom: 57px;
  }
  .first-screen .title-block h1 br {
    display: none;
  }
  .first-screen .title-block .bottom-text {
    display: none;
  }
  .first-screen .title-block .subtitle {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .first-screen .title-block {
    padding: 20px 15px 95px;
  }
  .first-screen .title-block h1 {
    font-size: 2.0625rem;
    margin-bottom: 14px;
    line-height: 0.94;
  }
  .first-screen .title-block .subtitle {
    width: 100%;
    margin-bottom: 40px;
  }
  .first-screen .model-block {
    padding: 25px 15px 27px;
  }
  .first-screen .model-block .model-title {
    justify-content: flex-end;
  }
  .first-screen .model-block .model-title span {
    display: none;
  }
  .first-screen .model-block .model-angle {
    position: absolute;
    top: 25px;
    left: 15px;
  }
  .first-screen .main-info-blocks {
    flex-wrap: wrap;
    border-top: none;
  }
  .first-screen .main-info-blocks > div {
    width: 100%;
    border-top: 1px solid #D7D7D7;
    position: relative;
    padding: 25px 15px 29px;
    min-height: 165px;
    height: auto;
  }
  .first-screen .main-info-blocks > div:nth-child(2n+1) {
    align-items: flex-end;
    padding-left: 130px;
  }
  .first-screen .main-info-blocks > div:nth-child(2n+1) .icon {
    position: absolute;
    top: 25px;
    left: 15px;
  }
  .first-screen .main-info-blocks > div:nth-child(2n+1) .info {
    text-align: right;
  }
  .first-screen .main-info-blocks > div:nth-child(2n) {
    padding-right: 130px;
  }
  .first-screen .main-info-blocks > div:nth-child(2n) .icon {
    position: absolute;
    top: 25px;
    right: 15px;
  }
  .first-screen .main-info-blocks > div:not(:nth-child(3)) {
    border-right: none;
  }
  .first-screen .main-info-blocks .icon svg {
    width: 50px;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .first-screen .model-block #model-3d {
    max-height: 77vh;
    width: auto;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  .first-screen .model-block #model-3d {
    width: 100%;
    max-height: 100%;
  }
}
/*-----------MEDIA 1 ЭКРАН (END)----------*/
/*-----------1 ЭКРАН (END)----------*/
/*-----------2 УРОВЕНЬ BIM (START)--------------*/
.bim-level-screen {
  display: flex;
  min-height: 100vh;
}
.bim-level-screen .accordeon-block {
  padding: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
}
.bim-level-screen .accordeon-block .title {
  padding: 37px 60px 45px;
  border-right: 1px solid #D7D7D7;
  border-top: 1px solid #D7D7D7;
}
.bim-level-screen .accordeon-block .title h2 {
  color: #2F6AF2;
  line-height: 1.05;
}
.bim-level-screen .accordeon-block .accordeon-container {
  height: 100%;
}
.bim-level-screen .accordeon-block .accordeon {
  width: 100%;
  height: 100%;
  position: relative;
}
.bim-level-screen .accordeon-block .accordeon > div {
  width: 20%;
  height: 100%;
  position: absolute;
  padding: 35px 0 45px;
  top: 0;
  justify-content: center;
}
.bim-level-screen .accordeon-block .accordeon > div ol li,
.bim-level-screen .accordeon-block .accordeon > div ul li {
  color: #F8F8F8;
  line-height: 1.2;
}
.bim-level-screen .accordeon-block .accordeon > div ol li .counter:before,
.bim-level-screen .accordeon-block .accordeon > div ul li .counter:before {
  color: #709BFF;
}
.bim-level-screen .accordeon-block .accordeon > div ul li {
  margin-left: -20px;
}
.bim-level-screen .accordeon-block .accordeon > div .list {
  margin-bottom: 80px;
}
.bim-level-screen .accordeon-block .accordeon > div .step-title {
  color: #F8F8F8;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 35px;
}
.bim-level-screen .accordeon-block .accordeon > div .level-number {
  position: relative;
  margin-bottom: 40px;
  z-index: 4;
  color: #F8F8F8;
  line-height: 1;
  font-size: 3.25rem;
  font-weight: 700;
  transition: padding-left 0.3s cubic-bezier(0.27, 0, 0.66, 0.99), width 0.3s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.bim-level-screen .accordeon-block .accordeon > div .level-number .rotate-level {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  color: #F8F8F8;
  line-height: 1;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  transform-origin: center;
  transform: rotate(90deg) translateX(60px) translateY(52px) !important;
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.bim-level-screen .accordeon-block .accordeon > div .content-container {
  overflow: hidden;
  width: 0;
  transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.bim-level-screen .accordeon-block .accordeon > div .content {
  padding-right: 48px;
  padding-left: 68px;
}
.bim-level-screen .accordeon-block .accordeon > div .bookmark {
  top: 0;
  position: absolute;
  left: -15px;
  height: 100%;
  display: flex;
  align-items: center;
}
.bim-level-screen .accordeon-block .accordeon > div .bookmark:before, .bim-level-screen .accordeon-block .accordeon > div .bookmark:after {
  content: "";
  position: absolute;
  background-color: #D7D7D7;
  display: inline-block;
}
.bim-level-screen .accordeon-block .accordeon > div .bookmark:before {
  width: 10px;
  height: 2px;
  left: 10px;
}
.bim-level-screen .accordeon-block .accordeon > div .bookmark:after {
  width: 2px;
  height: 10px;
  left: 14px;
  transform: rotate(0deg);
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.bim-level-screen .accordeon-block .accordeon .level-1 {
  background-color: #0A42C3;
  z-index: 1;
}
.bim-level-screen .accordeon-block .accordeon .level-2 {
  background-color: #295CD2;
  z-index: 2;
}
.bim-level-screen .accordeon-block .accordeon .level-2 .bookmark svg {
  fill: #295CD2;
}
.bim-level-screen .accordeon-block .accordeon .level-3 {
  background-color: #3266DE;
  z-index: 3;
}
.bim-level-screen .accordeon-block .accordeon .level-3 .bookmark svg {
  fill: #3266DE;
}
.bim-level-screen .accordeon-block .accordeon-animate:before {
  width: 100%;
  left: 0;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div {
  opacity: 1;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div.active {
  width: 60%;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div.active .content-container {
  width: 100%;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div.active .list,
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div.active .steps {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div.active .level-number .rotate-level {
  transform: rotate(0) translateX(12px) translateY(-6px) !important;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div.active .bookmark:after {
  transform: rotate(90deg);
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div[level=l1] {
  width: 20%;
  left: 0;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div[level=l1].active {
  width: 60%;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div[level=l2] {
  width: 40%;
  left: 60%;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div[level=l2].active-leave {
  left: 20%;
  width: 20%;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div[level=l2].active {
  left: 20%;
  width: 60%;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div[level=l1].active-leave + [level=l2]:not(.active) {
  left: 20%;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div[level=l1].active + [level=l2].active-leave {
  left: 60%;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div[level=l1].active + [level=l2]:not(.active-leave) {
  left: 60%;
  width: 20%;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div[level=l3] {
  width: 20%;
  left: 80%;
}
.bim-level-screen .accordeon-block .accordeon-animate .accordeon > div[level=l3].active {
  left: 40%;
  width: 60%;
}
.bim-level-screen .level-content {
  padding: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
  display: flex;
  flex-wrap: wrap;
  background-color: #F8F8F8;
  position: relative;
  z-index: 1;
}
.bim-level-screen .level-content > div {
  border-right: 1px solid #D7D7D7;
  border-top: 1px solid #D7D7D7;
  padding: 48px 27px;
  overflow: hidden;
}
.bim-level-screen .level-content > div:nth-child(3n) {
  border-right: none;
}
.bim-level-screen .level-content > div li {
  line-height: 1.2;
  color: #4A494A;
}
.bim-level-screen .level-content > div li a {
  color: #2F6AF2;
}
.bim-level-screen .level-content > div li:not(.active) {
  color: #BEBEBE;
  transition: color 0.3s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.bim-level-screen .level-content > div li:not(.active) a {
  color: #9CB9FD;
}
.bim-level-screen .level-content > div li:not(.active) svg path {
  fill: #9CB9FD;
}
.bim-level-screen .level-content > div li:hover a, .bim-level-screen .level-content > div li:focus a {
  color: #F8F8F8;
}
.bim-level-screen .level-content > div li:hover:not(.active) a, .bim-level-screen .level-content > div li:focus:not(.active) a {
  color: #9CB9FD;
}
.bim-level-screen .level-content .title-line {
  color: #4A494A;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 35px;
  min-height: 66px;
}

@media (max-width: 1439px) {
  .bim-level-screen .accordeon-block,
.bim-level-screen .level-content {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bim-level-screen .accordeon-block .title {
    padding: 27px 30px 35px;
  }
  .bim-level-screen .accordeon-block .accordeon > div .content {
    padding: 0 30px 0 50px;
  }
  .bim-level-screen .accordeon-block .accordeon > div .list {
    margin-bottom: 70px;
  }
  .bim-level-screen .level-content > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 40px 27px;
  }
  .bim-level-screen .level-content > div:nth-child(2n) {
    border-right: none;
  }
  .bim-level-screen .level-content > div:nth-child(2n+1) {
    border-right: 1px solid #D7D7D7;
  }
}
@media (max-width: 1199px) {
  .bim-level-screen {
    margin-bottom: 100px;
    border-bottom: 1px solid #D7D7D7;
  }
}
@media (max-width: 991px) {
  .bim-level-screen {
    flex-wrap: wrap;
    min-height: auto;
  }
  .bim-level-screen .accordeon-block {
    z-index: 9;
  }
  .bim-level-screen .accordeon-block.fixed {
    z-index: 9;
    overflow: hidden;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon-container {
    min-height: auto !important;
    max-height: 125px;
    position: fixed;
    left: 0;
    right: 0;
    top: 40px;
    z-index: 9;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon-container .content-container {
    display: none;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div .bookmark {
    height: 100%;
    transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div .bookmark svg {
    height: 100%;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div .level-number {
    overflow: hidden;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div .level-number .rotate-level {
    transform: rotate(0) translateX(12px) translateY(-6px) !important;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div .level-number .rotate-level .gradient-screen {
    transform: translateX(0);
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div.active .level-number .rotate-level .gradient-screen {
    transform: translateX(100%);
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon-container {
    top: 0 !important;
  }
  .bim-level-screen .accordeon-block .accordeon > div .level-number {
    margin-bottom: 35px;
  }
  .bim-level-screen .accordeon-block .accordeon > div .list {
    margin-bottom: 76px;
  }
  .bim-level-screen .accordeon-block,
.bim-level-screen .level-content {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bim-level-screen .accordeon-block:not(.fixed) + .level-content {
    z-index: 9;
  }
  .bim-level-screen .level-content > div {
    padding: 48px 30px 60px;
  }
  .bim-level-screen .accordeon-block .title {
    padding: 83px 30px;
    border-right: none;
  }
  .bim-level-screen .accordeon-block .accordeon > div .content {
    padding: 0 48px 0 59px;
  }
  .bim-level-screen .accordeon-block .accordeon > div:not(.active) .level-number {
    position: sticky;
    top: 95px;
  }
}
@media (max-width: 767px) {
  .bim-level-screen {
    margin-bottom: 60px;
  }
  .bim-level-screen .accordeon-block .title {
    padding: 60px 15px;
  }
  .bim-level-screen .accordeon-block .title h2 {
    font-size: 1.625rem;
  }
  .bim-level-screen .accordeon-block .accordeon > div .content-container {
    width: 100%;
    height: 0;
    transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .bim-level-screen .accordeon-block .accordeon > div.active .level-number .rotate-level {
    transform: rotate(0) translateX(12px) translateY(-2px) !important;
  }
  .bim-level-screen .accordeon-block .accordeon > div .level-number .rotate-level {
    transform: rotate(0) translateX(12px) translateY(-2px) !important;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon-container {
    height: auto;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div {
    width: 100%;
    height: auto;
    left: 0;
    position: relative;
    padding: 0;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div .content {
    padding: 0 15px 90px 34px;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div[level=l1].active {
    width: 100%;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div[level=l1].active + [level=l2]:not(.active-leave) {
    width: 100%;
    left: 0;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div[level=l2], .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div[level=l3] {
    width: 100%;
    left: 0;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div .level-number {
    position: relative;
    top: 0;
    padding: 30px 15px 34px 24px;
    margin-bottom: 0;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div .level-number .rotate-level {
    position: relative;
    transform: rotate(0) translateX(12px) translateY(-2px) !important;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div .bookmark {
    transform-origin: center;
    transform: rotate(90deg);
    top: -71px;
    height: auto;
    left: 50%;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div .bookmark:after {
    transform: none;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div .bookmark:before {
    transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon > div.active .bookmark:before {
    transform: scale(0);
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate:before {
    height: 100%;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l1].active + [level=l2]:not(.active-leave), .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l1].active-leave + [level=l2]:not(.active), .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l1].active + [level=l2].active-leave {
    width: 100%;
    left: 0;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l1], .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l2], .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l3] {
    width: 100%;
    left: 0;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l1].active, .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l1].active-leave, .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l2].active, .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l2].active-leave, .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l3].active, .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div[level=l3].active-leave {
    width: 100%;
    left: 0;
  }
  .bim-level-screen .accordeon-block:not(.fixed) .accordeon-animate .accordeon > div.active .bookmark:after {
    transform: none;
  }
  .bim-level-screen .accordeon-block.down .accordeon-container {
    position: absolute;
  }
  .bim-level-screen .accordeon-block.down .accordeon > div.active {
    animation-delay: 0.5s;
  }
  .bim-level-screen .accordeon-block.down .accordeon > div.active-leave {
    animation-delay: 0s;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon-container {
    max-height: 71px;
    height: 71px;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div {
    padding: 20px 15px 22px 28px;
    height: 100% !important;
    /*&.level-2,
    &.level-3{
      opacity: 0;
      left: 110%;
    }*/
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div .level-number {
    font-size: 1.875rem;
    position: relative;
    top: 0;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div .level-number .rotate-level {
    transform: rotate(0) translateX(12px) translateY(-2px) !important;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div .bookmark {
    display: none;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon > div.active {
    padding-left: 15px;
  }
  .bim-level-screen .accordeon-block.fixed .accordeon-animate .accordeon > div.active .level-number .rotate-level {
    transform: rotate(0) translateX(12px) translateY(-2px) !important;
  }
  .bim-level-screen .level-content > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 48px 19px 59px;
  }
  .bim-level-screen .level-content > div:nth-child(2n+1) {
    border-right: none;
  }
  .bim-level-screen .level-content .title-line {
    min-height: auto;
    margin-bottom: 37px;
  }
}
@media (max-width: 375px) {
  .bim-level-screen .accordeon-block.fixed .accordeon > div {
    padding: 20px 15px 22px;
  }
}
/*-----------2 УРОВЕНЬ BIM (END)--------------*/
/*-----------3 НАШИ ИННОВАЦИИ (START)----------*/
.innovation-screen {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #D7D7D7;
}
.innovation-screen .title-block {
  margin-bottom: 70px;
}
.innovation-screen .title-block h2 {
  margin-bottom: 30px;
}
.innovation-screen .title-block p {
  max-width: 300px;
  color: #8A8B94;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}
.innovation-screen .left-side {
  padding: 60px 5.2% 20px 5.2%;
  display: flex;
  flex-direction: column;
}
.innovation-screen .left-side .list-innovation.tabs-head {
  margin: 0 -10px 70px;
}
.innovation-screen .left-side .list-innovation.tabs-head li {
  padding: 0 10px;
  cursor: pointer;
}
.innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap {
  margin-bottom: 25px;
  /* opacity: 0.8; */
  filter: grayscale(100%);
  position: relative;
  /* transition: opacity 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), border 0.5s cubic-bezier(0.27, 0, 0.66, 0.99); */
  transition: filter 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), border 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  padding-bottom: 4px;
}
.innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap.border-tab:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  content: "";
  position: absolute;
  background: #2F6AF2;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), width 1.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap:after {
  height: calc(101% - 4px);
}
.innovation-screen .left-side .list-innovation.tabs-head li a .counter {
  color: #8A8B94;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 500;
  transition: color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), transform 1.1s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.55s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.innovation-screen .left-side .list-innovation.tabs-head li a.selected .img-wrap, .innovation-screen .left-side .list-innovation.tabs-head li a:hover .img-wrap {
  border-color: #2F6AF2;
  /* opacity: 1; */
  filter: grayscale(0);
}
.innovation-screen .left-side .list-innovation.tabs-head li a.selected .img-wrap.border-tab:before, .innovation-screen .left-side .list-innovation.tabs-head li a:hover .img-wrap.border-tab:before {
  transform: scaleX(1);
  transform-origin: left;
}
.innovation-screen .left-side .list-innovation.tabs-head li a.selected .counter, .innovation-screen .left-side .list-innovation.tabs-head li a:hover .counter {
  color: #4A494A;
}
.innovation-screen .left-side .tabs-body {
  margin-top: 30px;
  margin-bottom: 70px;
}
.innovation-screen .left-side .tabs-body.numbered-list li p {
  margin-bottom: 25px;
  color: #4A494A;
  line-height: 1.1;
  font-size: 1.25rem;
  font-weight: 500;
}
.innovation-screen .left-side .tabs-body.numbered-list li span {
  display: block;
  max-width: 350px;
  color: #545454;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
}
.innovation-screen .left-side .bottom-text {
  margin-top: auto;
  display: flex;
  align-items: flex-end;
}
.innovation-screen .left-side .bottom-text .right-bottom {
  margin-bottom: 3px;
}
.innovation-screen .left-side .bottom-text span {
  display: inline-block;
  margin-left: 28px;
  color: #4A494A;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 400;
}
.innovation-screen .right-side {
  padding: 0;
}
.innovation-screen .right-side div {
  height: 100%;
}
.innovation-screen .right-side .tab-content.selected {
  height: 100%;
}
/*.innovation-screen .right-side .img-wrap img {
  height: 100%;
  object-fit: cover;
}*/
.innovation-screen .right-side video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/*-----------3 НАШИ ИННОВАЦИИ (END)----------*/
/*-----------MEDIA НАШИ ИННОВАЦИИ (START)----------*/
@media (min-height: 950px) {
  .innovation-screen {
    height: 100vh;
  }
  .innovation-screen .right-side {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .innovation-screen .left-side {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .innovation-screen .right-side {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1440px) {
  .innovation-screen .left-side {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .innovation-screen .right-side {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
}
@media (max-width: 1500px) {
  .innovation-screen .left-side {
    padding: 60px 30px 20px 30px;
  }
  .innovation-screen .left-side .list-innovation.tabs-head {
    margin: 0 -5px 80px;
  }
  .innovation-screen .left-side .list-innovation.tabs-head li {
    padding: 0 5px;
  }
}
@media (max-width: 1199px) {
  .innovation-screen {
    height: auto;
    /* padding: 0 30px; */
    padding: 80px 30px 0;
    margin-bottom: 100px;
  }
  .innovation-screen .title-block {
    margin-bottom: 100px;
  }
  .innovation-screen .title-block h2 {
    margin-bottom: 25px;
  }
  .innovation-screen .right-side {
    height: 65vw;
    margin-bottom: 58px;
  }
  .innovation-screen .left-side {
    padding: 0;
  }
  .innovation-screen .left-side .list-innovation.tabs-head {
    margin: 0 -25px 35px;
  }
  .innovation-screen .left-side .list-innovation.tabs-head li {
    padding: 0 25px;
  }
  .innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap {
    height: 14vw;
  }
  .innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap img {
    object-position: center;
    object-fit: cover;
    height: 100%;
  }
  .innovation-screen .left-side .tabs-body {
    margin-top: 35px;
    margin-bottom: 0;
  }
  .innovation-screen .left-side .tabs-body.numbered-list li p {
    margin-bottom: 45px;
  }
  .innovation-screen .left-side .bottom-text {
    display: none;
  }
}
@media (max-width: 767px) {
  .innovation-screen {
    /* padding: 0 15px; */
    padding: 80px 15px 0;
    margin-bottom: 70px;
  }
  .innovation-screen .title-block {
    margin-bottom: 60px;
  }
  .innovation-screen .right-side {
    height: 85vw;
    margin-bottom: 25px;
  }
  .innovation-screen .left-side {
    padding: 0;
  }
  .innovation-screen .left-side .list-innovation.tabs-head {
    margin: 0 -15px 35px;
  }
  .innovation-screen .left-side .list-innovation.tabs-head li {
    padding: 0 15px;
  }
  .innovation-screen .left-side .list-innovation.tabs-head li .counter {
    display: none;
  }
  .innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap {
    margin-bottom: 0;
    padding-bottom: 2px;
  }
  .innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap:after {
    height: calc(101% - 2px);
  }
  .innovation-screen .left-side .list-innovation.tabs-head li a .img-wrap.border-tab:before {
    height: 2px;
  }
  .innovation-screen .left-side .tabs-body {
    margin-top: 30px;
  }
  .innovation-screen .left-side .tabs-body.numbered-list li p {
    margin-bottom: 25px;
  }
}
@media (max-width: 374px) {
  .innovation-screen .left-side .list-innovation.tabs-head {
    margin: 0 -5px 35px;
  }
  .innovation-screen .left-side .list-innovation.tabs-head li {
    padding: 0 5px;
  }
}
/*-----------MEDIA НАШИ ИННОВАЦИИ (END)----------*/
/*-----------4 ПРОЕКТЫ НА ГЛАВНОЙ (START)----------*/
.projects-screen {
  background-color: #124FDC;
}
.projects-screen > .row {
  height: 100%;
  margin: 0;
}
.projects-screen .cell-project {
  padding: 30px 30px 40px;
  border-right: 1px solid #2F6AF2;
  border-bottom: 1px solid #2F6AF2;
  display: flex;
  flex-direction: column;
}
.projects-screen .cell-project .img-wrap {
  margin-bottom: 35px;
  height: 12vw;
}
.projects-screen .cell-project .img-wrap img {
  height: 100%;
  object-fit: cover;
}
.projects-screen .cell-project .name-project {
  color: #F8F8F8;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 78px;
}
.projects-screen .cell-project .filters-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
}
.projects-screen .cell-project .filters-bottom .filter-btn {
  cursor: pointer;
  background-color: #124FDC;
  border: 1px solid #D0DCF8;
  color: #D0DCF8;
  width: max-content;
  margin-bottom: 12px;
  transition: color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 1.1s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.projects-screen .cell-project .filters-bottom .filter-btn:hover {
  color: #124FDC;
}
.projects-screen .cell-project .filters-bottom .filter-btn:last-child {
  margin-bottom: 0;
}
.projects-screen .cell-project .filters-bottom .filter-btn:after {
  background-color: #D0DCF8;
}
.projects-screen .cell-project .filters-bottom .right {
  margin-bottom: 6px;
}
.projects-screen .cell-project.title-block h2 {
  color: #F8F8F8;
  margin-bottom: 45px;
  margin-top: 10px;
}
.projects-screen .cell-project.title-block p {
  color: #9CB9FD;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 75px;
  max-width: 320px;
}

/*-----------4 ПРОЕКТЫ НА ГЛАВНОЙ (END)----------*/
/*-----------MEDIA ПРОЕКТЫ НА ГЛАВНОЙ (START)----------*/
@media (min-height: 1055px) {
  .projects-screen {
   /* min-height: 100vh;*/
  }
  .projects-screen > .row {
    /*min-height: 100vh;*/
  }
}
@media (max-width: 1199px) {
  .projects-screen {
    margin-bottom: 105px;
    height: auto;
  }
  .projects-screen .cell-project.title-block {
    margin-top: 30px;
    padding-bottom: 90px;
    border-right: none;
  }
  .projects-screen .cell-project.title-block h2 {
    margin-bottom: 45px;
    margin-top: 0;
  }
  .projects-screen .cell-project.title-block .subtitle-text {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .projects-screen .cell-project.title-block p {
    margin-bottom: 0;
  }
  .projects-screen .cell-project .img-wrap {
    height: 23vw;
  }
}
@media (max-width: 767px) {
  .projects-screen {
    margin-bottom: 60px;
  }
  .projects-screen .cell-project {
    padding: 30px 15px 40px;
    border-right: none;
  }
  .projects-screen .cell-project.title-block {
    margin-top: 30px;
    padding-bottom: 80px;
    border-right: none;
  }
  .projects-screen .cell-project.title-block h2 {
    margin-bottom: 45px;
    margin-top: 0;
  }
  .projects-screen .cell-project.title-block .subtitle-text {
    display: block;
  }
  .projects-screen .cell-project.title-block p {
    margin-bottom: 44px;
  }
  .projects-screen .cell-project .img-wrap {
    height: 48vw;
  }
  .projects-screen .mobile-btn-projects {
    height: 194px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/*-----------MEDIA ПРОЕКТЫ НА ГЛАВНОЙ (END)----------*/
/*-----------5 О НАС НА ГЛАВНОЙ (START)----------*/
.about-us-screen {
  margin: 0;
}
.about-us-screen .title-block {
  padding: 50px 30px 0;
  border-right: 1px solid #D7D7D7;
  border-top: 1px solid #D7D7D7;
}
.about-us-screen .title-block h2 {
  margin-bottom: 80px;
}
.about-us-screen .title-block p {
  margin-bottom: 30px;
  color: #4A494A;
  line-height: 1;
  /* font-size: 1.125rem; */
  font-size: 1.25rem;
  font-weight: 500;
  /* max-width: 250px; */
  max-width: 300px;
}
.about-us-screen .title-block span {
  color: #545454;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
  display: block;
  margin-bottom: 50px;
  max-width: 370px;
}
.about-us-screen .info-block {
  padding: 0;
  margin: 0;
}
.about-us-screen .info-block > div {
  display: flex;
  flex-direction: column;
  padding: 60px 30px 30px;
  border-top: 1px solid #D7D7D7;
}
.about-us-screen .info-block > div:nth-child(3n+1), .about-us-screen .info-block > div:nth-child(3n+2) {
  border-right: 1px solid #D7D7D7;
}
.about-us-screen .info-block > div .title-cell {
  /* margin-bottom: 80px; */
  margin-bottom: 40px;
}
.about-us-screen .info-block > div .title-cell .title-line {
  color: #4A494A;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 23px;
}
.about-us-screen .info-block > div .title-cell span {
  color: #545454;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
}
.about-us-screen .info-block > div svg {
  margin-top: auto;
}
.about-us-screen .info-block > div .bottom-text {
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.about-us-screen .info-block > div .bottom-text span {
  margin-left: 15px;
  margin-bottom: 0;
  color: #4A494A;
  line-height: 1.1;
  font-size: 0.9375rem;
  font-weight: 400;
}

/*-----------5 О НАС НА ГЛАВНОЙ (END)----------*/
/*-----------MEDIA О НАС НА ГЛАВНОЙ (START)----------*/
@media (min-height: 850px) {
  .about-us-screen {
    height: 100vh;
  }
}
@media (max-width: 1199px) {
  .about-us-screen {
    height: auto;
  }
  .about-us-screen .title-block {
    padding: 0 30px 0;
    border-right: none;
    border-top: none;
    margin-bottom: 105px;
  }
  .about-us-screen .title-block .row {
    align-items: baseline;
  }
  .about-us-screen .title-block h2 {
    margin-bottom: 44px;
  }
  .about-us-screen .title-block span {
    margin-bottom: 0;
  }
  .about-us-screen .title-block .link a {
    margin-left: auto;
  }
  .about-us-screen .info-block > div {
    /* height: 440px; */
    height: 380px;
    padding: 30px 30px 35px;
  }
  .about-us-screen .info-block > div:nth-child(even) {
    border-right: none;
  }
  .about-us-screen .info-block > div:nth-child(odd) {
    border-right: 1px solid #D7D7D7;
  }
  .about-us-screen .info-block > div .bottom-text {
    display: none;
  }
}
@media (max-width: 767px) {
  .about-us-screen .title-block {
    padding: 0 15px;
    margin-bottom: 65px;
  }
  .about-us-screen .title-block h2 {
    margin-bottom: 60px;
  }
  .about-us-screen .title-block p {
    margin-bottom: 20px;
    /* font-size: 1rem; */
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .about-us-screen .title-block .subtitle-text {
    display: block;
  }
  .about-us-screen .info-block > div:not(.blue-cell) {
    height: auto;
    padding: 30px 15px 60px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .about-us-screen .info-block > div:not(.blue-cell) .title-cell {
    margin-bottom: 0;
  }
  .about-us-screen .info-block > div:not(.blue-cell) svg {
    margin-top: 0;
    min-width: 60px;
    height: 60px;
    margin-left: 40px;
  }
  .about-us-screen .info-block > div:not(.blue-cell):nth-child(2n+1) {
    border-right: none;
  }
  .about-us-screen .info-block > div:not(.blue-cell):last-child, .about-us-screen .info-block > div:not(.blue-cell).show-news {
    display: none;
    border-right: none;
    border-top: none;
  }
}
/*-----------MEDIA О НАС НА ГЛАВНОЙ (END)----------*/
/*-----------6 НОВОСТИ НА ГЛАВНОЙ (START)----------*/
.news-screen {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.news-screen > div:not(:first-child) {
  border-top: 1px solid #D7D7D7;
}
.news-screen .main-article {
  position: relative;
  padding: 0;
  flex-basis: 100%;
  width: 41.666667%;
}
.news-screen .main-article .img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-screen .main-article .img-wrap img {
  height: 100%;
  object-fit: cover;
}
.news-screen .main-article:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.5;
}
.news-screen .main-article .content {
  position: relative;
  z-index: 2;
  padding: 50px 30px;
}
.news-screen .main-article .content .top-block .title {
  color: #F8F8F8;
  line-height: 1.2;
  font-size: 1.5625rem;
  font-weight: 500;
}
.news-screen .main-article .top-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}
.news-screen .main-article .top-block .title {
  width: 60%;
}
.news-screen .main-article .top-block .more {
  margin-top: 10px;
}
.news-screen .main-article .preview-text {
  width: 60%;
  color: #F8F8F8;
  line-height: 1.4;
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 25px;
}
.news-screen .main-article .date {
  color: #F8F8F8;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 45px;
  opacity: 0.3;
}
.news-screen .main-article .show-btn {
  margin-bottom: 10px;
}
.news-screen .all-news {
  height: 43%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-screen .news-list-item {
  height: 57%;
}
.news-screen .news-list-item .preview-picture {
  height: 36.96%;
  overflow: hidden;
}
.news-screen .news-list-item.order-lg-2 {
  border-right: 1px solid #D7D7D7;
}
.news-screen .form {
  padding: 49px 30px;
  height: 43%;
  border-right: 1px solid #D7D7D7;
}
.news-screen .form h2 {
  margin-bottom: 75px;
  line-height: 1.05;
}
.news-screen .form .all-news-mobile {
  display: none;
}
.news-screen .form .subscribe-title {
  margin-bottom: 11px;
  color: #4A494A;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
  /* letter-spacing: 0.02em; */
}
.news-screen .form .subscribe-text {
  margin-bottom: 75px;
  color: #8A8B94;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 400;
}
.news-screen .form .subscribe-text a {
  position: relative;
  display: inline-block;
  color: #8A8B94;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 400;
}
.news-screen .form .subscribe-text a:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #8A8B94;
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.news-screen .form .subscribe-text a:hover:before {
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}

/*-----------MEDIA НОВОСТИ (START)----------*/
@media (min-height: 950px) and (min-width: 992px) {
  .news-screen {
    height: 100vh;
  }
  .news-screen > div:not(:first-child) {
    border-top: 1px solid #D7D7D7;
    width: 29.1666665%;
  }
}
@media (max-width: 1440px) {
  .news-screen .main-article .content .top-block .title {
    font-size: 1.25rem;
  }
  .news-screen .main-article .preview-text {
    font-size: 1rem;
  }
  .news-screen .form {
    padding: 30px 20px;
  }
  .news-screen .form .subscribe-title {
    font-size: 1.25rem;
  }
  .news-screen .form .subscribe-text {
    margin-bottom: 60px;
  }
  /* .news-screen .form button span {
    display: none;
  } */
  .news-screen .news-list-item {
    padding: 20px;
  }
  .news-screen .news-list-item .name {
    font-size: 1.25rem;
  }
}
@media (max-height: 949px) and (min-width: 992px) {
  .news-screen {
    display: grid;
    grid-template-columns: 41.666667% 1fr 1fr;
  }
  .news-screen .main-article {
    width: 100%;
    grid-row-start: 1;
    grid-row-end: 3;
    height: auto;
  }
  .news-screen > div:not(:first-child) {
    width: 100%;
    height: auto;
  }
  .news-screen .form {
    height: auto;
  }
  .news-screen .all-news {
    grid-column-start: 3;
    grid-row-start: 1;
  }
  .news-screen .news-list-item {
    grid-row-start: 2;
    grid-column-start: 3;
    /* max-height: 600px; */
    max-height: 700px;
    min-height: 450px;
  }
  .news-screen .news-list-item.order-lg-2 {
    grid-column-start: 2;
  }
  .news-screen .news-list-item .preview-picture {
    height: calc((29.1666665vw - 40px) * 231 / 625);
  }
}
@media (min-height: 950px) and (min-width: 992px) {
  .catalog-news .news-screen {
    display: grid;
    grid-template-columns: 41.666667% 1fr 1fr;
  }
  .catalog-news .news-screen .main-article {
    width: 100%;
    grid-row-start: 1;
    grid-row-end: 3;
    height: auto;
  }
  .catalog-news .news-screen > div:not(:first-child) {
    width: 100%;
    height: auto;
  }
  .catalog-news .news-screen .news-list-item {
    max-height: 700px;
    min-height: 450px;
  }
  .catalog-news .news-screen .news-list-item .preview-picture {
    height: calc((29.1666665vw - 40px) * 231 / 625);
  }
  .catalog-news .news-screen {
    min-height: 100vh;
    height: auto;
  }
}
@media (max-width: 991px) {
  .news-screen {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .news-screen .main-article {
    height: 707px;
  }
  .news-screen .main-article .content .top-block .title {
    font-size: 1.5625rem;
  }
  .news-screen .main-article .preview-text {
    font-size: 1.125rem;
  }
  .news-screen .main-article .date {
    margin-bottom: 60px;
  }
  .news-screen .news-list-item {
    width: 50%;
    /* height: 550px; */
    height: 800px;
    padding: 30px;
  }
  .news-screen .form {
    padding: 103px 30px 40px;
    border-right: 0;
    width: 75%;
    margin-bottom: 63px;
  }
  .news-screen .form h2 {
    margin-bottom: 50px;
  }
  .news-screen .form button span {
    display: inline-block;
  }
  .news-screen .form .subscribe-text {
    margin-bottom: 45px;
  }
  .news-screen .all-news {
    width: 25%;
    padding: 112px 30px 40px;
    align-items: flex-start;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .news-screen {
    align-items: flex-start;
  }
  .news-screen .main-article {
    height: auto;
    padding: 30px 15px 30px;
    border-top: 1px solid #D7D7D7;
    display: flex;
    flex-wrap: wrap;
  }
  .news-screen .main-article:after {
    display: none;
  }
  .news-screen .main-article .img-wrap {
    position: static;
    height: calc(178 * (100vw - 30px) / 345);
    margin-bottom: 35px;
  }
  .news-screen .main-article .content {
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .news-screen .main-article .content .top-block {
    margin-bottom: 20px;
  }
  .news-screen .main-article .content .top-block .title {
    width: 100%;
    color: #4A494A;
    line-height: 1;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .news-screen .main-article .content .top-block .more {
    position: absolute;
    bottom: 7px;
    right: 0px;
    color: #2F6AF2;
  }
  .news-screen .main-article .content .top-block .more span span {
    display: none;
  }
  .news-screen .main-article .content .top-block .more svg {
    width: 17px;
    height: 18px;
  }
  .news-screen .main-article .content .top-block .more svg path {
    fill: #2F6AF2;
  }
  .news-screen .main-article .content .top-block .more:after {
    width: 18px;
    height: 18px;
    background: url("../images/icon/arrow-small-right.svg") no-repeat;
    background-size: cover;
  }
  .news-screen .main-article .content .base-btn {
    margin-top: auto;
    color: #2F6AF2;
    border-color: #2F6AF2;
  }
  .news-screen .main-article .preview-text {
    width: 100%;
    color: #4A494A;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 30px;
  }
  .news-screen .main-article .date {
    color: #BEBEBE;
    opacity: 1;
    width: 100%;
  }
  .news-screen .form {
    width: 100%;
    margin-bottom: 0px;
    border-top: none;
    padding: 50px 15px 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .news-screen .form h2 {
    margin-bottom: 25px;
  }
  .news-screen .form .all-news-mobile {
    display: block;
    margin-bottom: 0px;
    margin-top: 7px;
  }
  .news-screen .form .subscribe-title {
    margin-top: 65px;
  }
  .news-screen .form .subscribe-text {
    margin-bottom: 30px;
  }
  .news-screen .form .form-container {
    width: 100%;
  }
  .news-screen .all-news {
    order: 5;
    width: 100%;
    justify-content: center;
    padding: 80px 15px;
  }
  .news-screen .news-list-item {
    width: 100%;
    height: auto;
    padding: 30px 15px 30px;
  }
  .news-screen .news-list-item.order-lg-2 {
    border-right: none;
  }
  .news-screen .news-list-item .preview-picture {
    height: calc(178 * (100vw - 30px) / 345);
  }
  .news-screen .news-list-item .date {
    margin-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .news-screen .main-article {
    height: auto;
  }
}
/*-----------MEDIA НОВОСТИ (END)----------*/
/*-----------6 НОВОСТИ НА ГЛАВНОЙ (END)----------*/
/*---------ГЛАВНАЯ СТРАНИЦА (END)----------*/
/*---------СТРАНИЦА ПРОЕКТОВ, СТРАНИЦА НОВОСТИ, СТРАНИЦА СТАТЬИ (START)----------*/
.projects-page .breadcrumbs {
  border-bottom: 1px solid #D7D7D7;
}

.items-list {
  margin: -1px -1px -1px 0;
}
.items-list .cell-item {
  padding: 30px 30px 40px;
  border-bottom: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
}
.items-list .cell-item .img-wrap {
  margin-bottom: 35px;
  height: 12vw;
}
.items-list .cell-item .img-wrap img {
  height: 100%;
  object-fit: cover;
}
.items-list .cell-item .project-info {
  display: flex;
  flex-direction: column;
  height: calc(100% - 12vw - 35px);
  /* блок с текстом должен занимать всю оставшуюся высоту (12vw - высота изображения, 35px - отступ от изображения ) */
}
.items-list .cell-item .project-info .name-project {
  color: #4A494A;
  line-height: 1.1;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 78px;
}
.items-list .cell-item .project-info .filters-bottom {
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.items-list .cell-item .project-info .filters-bottom .right {
  margin-bottom: 6px;
}
.items-list .cell-item .project-info .filters-bottom .base-btn:not(:last-child) {
  margin-bottom: 12px;
}
.items-list .cell-item.vertical-cell {
  display: flex;
  padding-bottom: 30px;
}
.items-list .cell-item.vertical-cell .img-wrap {
  width: 50%;
  margin-bottom: 0;
  height: 100%;
}
.items-list .cell-item.vertical-cell .project-info {
  width: 50%;
  height: 100%;
  padding-left: 30px;
}
.items-list .cell-item.vertical-cell .project-info .name-project {
  color: #4A494A;
  line-height: 1.1;
  font-size: 2rem;
  font-weight: 500;
}

.news-page .breadcrumbs {
  border-bottom: 1px solid #D7D7D7;
}
.news-page .items-list .cell-item {
  padding-bottom: 30px;
}
.news-page .items-list .cell-item.vertical-cell .project-info .title-block .name-project {
  margin-bottom: 30px;
}
.news-page .items-list .cell-item.vertical-cell .project-info .title-block .preview-text {
  margin-bottom: 25px;
  font-size: 1.125rem;
}
.news-page .items-list .cell-item .project-info .title-block {
  margin-bottom: 60px;
}
.news-page .items-list .cell-item .project-info .title-block .name-project {
  margin-bottom: 20px;
}
.news-page .items-list .cell-item .project-info .title-block .preview-text {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 30px;
}
.news-page .items-list .cell-item .project-info .title-block .date {
  color: #BEBEBE;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 500;
}

/*---------СТРАНИЦА ПРОЕКТОВ, СТРАНИЦА НОВОСТИ, СТРАНИЦА СТАТЬИ (END)----------*/
/*-----------MEDIA СТРАНИЦА ПРОЕКТОВ, СТРАНИЦА НОВОСТИ, СТРАНИЦА СТАТЬИ (START)----------*/
@media (max-width: 1439px) {
  .items-list .cell-item.vertical-cell {
    display: block;
  }
  .items-list .cell-item.vertical-cell .img-wrap {
    width: 100%;
    margin-bottom: 30px;
    height: 23vw;
  }
  .items-list .cell-item.vertical-cell .project-info {
    width: 100%;
    padding-left: 0;
    height: calc(100% - 23vw - 30px);
  }
  .items-list .cell-item.vertical-cell.col-md-6 .img-wrap {
    margin-bottom: 35px;
  }
  .items-list .cell-item.vertical-cell.col-md-6 .project-info {
    height: calc(100% - 23vw - 35px);
  }
  .items-list .cell-item.vertical-cell.col-md-6 .project-info .title-block .name-project {
    font-size: 1.25rem;
  }
  .items-list .cell-item.vertical-cell.col-md-6 .project-info .title-block .preview-text {
    font-size: 1rem;
  }

  .news-page .items-list .cell-item.vertical-cell {
    padding-bottom: 30px;
  }
  .news-page .items-list .cell-item.vertical-cell.col-md-6 .title-block {
    display: block;
  }
  .news-page .items-list .cell-item.vertical-cell.col-md-6 .title-block .name-project {
    margin-bottom: 20px;
  }
  .news-page .items-list .cell-item.vertical-cell.col-md-6 .title-block .preview-text {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .items-list .cell-item .img-wrap {
    height: 23vw;
  }
  .items-list .cell-item .project-info {
    height: calc(100% - 23vw - 35px);
  }
  .items-list .cell-item.vertical-cell {
    padding-bottom: 40px;
  }
  .items-list .cell-item.vertical-cell .img-wrap {
    height: 50vw;
  }
  .items-list .cell-item.vertical-cell .project-info {
    width: 100%;
    padding-left: 0;
    height: auto;
  }
  .items-list .cell-item.vertical-cell.col-md-6 .img-wrap {
    height: 23vw;
    margin-bottom: 35px;
  }

  .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block {
    margin-bottom: 100px;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
  }
  .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block .name-project {
    margin-bottom: 0;
  }
  .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block > * {
    width: 50%;
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .projects-page .breadcrumbs {
    border-bottom: none;
  }

  .items-list {
    margin: 0;
  }
  .items-list .cell-item {
    padding: 30px 15px 40px;
    border-right: none;
  }
  .items-list .cell-item .img-wrap {
    height: 50vw;
  }
  .items-list .cell-item .project-info {
    height: auto;
  }
  .items-list .cell-item.vertical-cell .project-info {
    height: auto;
  }
  .items-list .cell-item.vertical-cell .project-info .name-project {
    font-size: 1.25rem;
  }
  .items-list .cell-item.vertical-cell.col-md-6 .img-wrap {
    height: 50vw;
  }
  .items-list .cell-item.vertical-cell.col-md-6 .project-info {
    height: auto;
  }
  .items-list .cell-item:last-child {
    border-bottom: none;
  }

  .news-page .breadcrumbs {
    border-bottom: none;
  }
  .news-page .items-list .cell-item.vertical-cell.col-xl-6 .img-wrap {
    margin-bottom: 35px;
  }
  .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block {
    margin-bottom: 60px;
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block .name-project {
    margin-bottom: 20px;
  }
  .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block .preview-text {
    margin-bottom: 30px;
  }
  .news-page .items-list .cell-item.vertical-cell.col-xl-6 .project-info .title-block > * {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 320px) {
  .items-list .filter-container .title-block {
    margin-bottom: 105px;
  }
}
/*-----------MEDIA СТРАНИЦА ПРОЕКТОВ, СТРАНИЦА НОВОСТИ, СТРАНИЦА СТАТЬИ (END)----------*/
/*-----------СТРАНИЦА ВЕБИНАРЫ (START)----------*/
.webinars-page .wrap-title {
  margin: 0;
}
.webinars-page .wrap-title .subtitle-webinar {
  border-top: 1px solid #D7D7D7;
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  padding: 52px 0 30px;
}
.webinars-page .wrap-title .subtitle-webinar p {
  max-width: 450px;
}
.webinars-page .list-webinars {
  border-top: 1px solid #D7D7D7;
  padding: 25px 30px 0;
  margin-bottom: 250px;
}
.webinars-page .list-webinars .title-list {
  display: flex;
  margin-bottom: 156px;
}
.webinars-page .list-webinars .title-list .icon {
  margin-right: 96px;
}
.webinars-page .list-webinars .title-list .icon svg {
  width: 60px;
  height: 60px;
}
.webinars-page .list-webinars .title-list h2 {
  margin-bottom: 45px;
  margin-top: 15px;
}
.webinars-page .list-webinars .title-list p {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  max-width: 450px;
}
.webinars-page .list-webinars .webinar-element {
  min-height: 500px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 30px;
}
.webinars-page .list-webinars .webinar-element .img-wrap {
  padding: 30px;
  border-top: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
}
.webinars-page .list-webinars .webinar-element .img-wrap img {
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1300px) and (max-width: 1539.98px) {
	.webinars-page .list-webinars .webinar-element .img-wrap img {
		object-fit: contain;
		margin: auto;
	}
	.webinars-page .list-webinars .webinar-element .img-wrap {
		display: flex;
	}
}
.webinars-page .list-webinars .webinar-element .preview-info {
  border: 2px solid #4A494A;
  padding: 24px 15px 20px;
  margin: 0;
}
.webinars-page .list-webinars .webinar-element .preview-info .title-webinar {
  color: #4A494A;
  line-height: 1.1;
  /* font-size: 2.8125rem; */
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.webinars-page .list-webinars .webinar-element .preview-info .preview-text {
  margin-top: auto;
}
.webinars-page .list-webinars .webinar-element .preview-info .preview-text p {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  max-width: 450px;
}
.webinars-page .list-webinars .webinar-element .preview-info .detail-link {
  margin-top: auto;
}
.webinars-page .list-webinars .webinar-element .preview-info .detail-link .link-arrow-right {
  margin-left: auto;
}
.webinars-page .list-webinars .webinar-element .time-start {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.webinars-page .list-webinars .webinar-element .time-start p {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.webinars-page .list-webinars .webinar-element .time-start span {
  color: #4A494A;
  line-height: 1;
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
}
.webinars-page .list-webinars .webinar-element .time-start span i {
  font-style: normal;
  padding: 0 10px;
}

/*-----------СТРАНИЦА ВЕБИНАРЫ (END)----------*/
/*-----------MEDIA СТРАНИЦА ВЕБИНАРЫ (START)----------*/
@media (max-width: 1439px) {
  .webinars-page .list-webinars .webinar-element .preview-info .title-webinar {
    /* font-size: 1.5625rem; */
    font-size: 1.875rem;
  }
}
@media (max-width: 1199px) {
  .webinars-page .list-webinars {
    padding: 30px 30px 0;
    margin-bottom: 150px;
  }
  .webinars-page .list-webinars .title-list {
    margin-bottom: 134px;
  }
  .webinars-page .list-webinars .title-list .icon {
    margin-right: 65px;
  }
  .webinars-page .list-webinars .webinar-element {
    min-height: 420px;
  }
  .webinars-page .list-webinars .webinar-element .img-wrap {
    border-color: #4A494A;
    border-width: 2px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .webinars-page .list-webinars .webinar-element .img-wrap img {
    height: auto;
  }
  .webinars-page .list-webinars .webinar-element .preview-info {
    border-left: none;
    padding-bottom: 30px;
  }
  .webinars-page .list-webinars .webinar-element .preview-info .title-webinar {
    font-size: 1.875rem;
  }
  .webinars-page .list-webinars .webinar-element .preview-info .detail-link {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .webinars-page .list-webinars .webinar-element .preview-info .detail-link .link-arrow-right {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .webinars-page .list-webinars {
    padding: 35px 15px 0;
    margin-bottom: 125px;
  }
  .webinars-page .list-webinars .title-list {
    margin-bottom: 100px;
  }
  .webinars-page .list-webinars .title-list .icon {
    margin-right: 24px;
  }
  .webinars-page .list-webinars .title-list .icon svg {
    width: 40px;
    height: 40px;
  }
  .webinars-page .list-webinars .title-list h2 {
    margin-top: 7px;
    margin-bottom: 25px;
  }
  .webinars-page .list-webinars .webinar-element {
    min-height: auto;
    margin-bottom: 25px;
  }
  .webinars-page .list-webinars .webinar-element .img-wrap {
    padding: 25px 15px 15px;
    display: block;
    border-right: 2px solid #4A494A;
    border-bottom: none;
  }
  .webinars-page .list-webinars .webinar-element .preview-info {
    border-left: 2px solid #4A494A;
    border-top: none;
    flex-direction: row;
    padding: 0 0 25px;
    align-items: flex-end;
    justify-content: space-between;
  }
  .webinars-page .list-webinars .webinar-element .preview-info .title-webinar {
    font-size: 1.375rem;
    margin-bottom: 30px;
  }
  .webinars-page .list-webinars .webinar-element .preview-info .detail-link {
    margin-bottom: 4px;
  }
  .webinars-page .list-webinars .webinar-element .preview-info .preview-text {
    margin-top: 38px;
  }
}
@media (max-width: 413px) {
  .webinars-page .list-webinars .webinar-element .time-start span i {
    padding: 0 6px;
  }
}
/*-----------MEDIA СТРАНИЦА ВЕБИНАРЫ (END)----------*/
/*-----------ДЕТАЛЬНАЯ СТРАНИЦА ПРОЕКТА (START)----------*/
.detail-project-page .main-screen {
  border-top: 1px solid #D7D7D7;
  margin: 0;
}
.detail-project-page .main-screen .img-project {
  padding: 30px 30px 0;
  margin-bottom: 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.detail-project-page .main-screen .img-project .img-wrap {
  margin-bottom: 10px;
}
.detail-project-page .main-screen .img-project .img-text {
  max-width: 290px;
  color: #A2A3AB;
  line-height: 1.1;
  font-size: 0.9375rem;
  font-weight: 400;
}
.detail-project-page .main-screen .img-project .img-text p {
  margin-bottom: 10px;
}
.detail-project-page .main-screen .left-col-screen {
  padding: 15px 30px 60px;
  border-right: 1px solid #D7D7D7;
}
.detail-project-page .main-screen .left-col-screen .title-block {
  margin-bottom: 180px;
}
.detail-project-page .main-screen .left-col-screen .title-block h1 {
  margin-bottom: 45px;
}
.detail-project-page .main-screen .left-col-screen .title-block .base-btn {
  margin-bottom: 10px;
}
.detail-project-page .main-screen .left-col-screen .projects-company .title-block-company {
  margin-bottom: 33px;
}
.detail-project-page .main-screen .left-col-screen .projects-company .title-block-company .img-wrap {
  width: 40px;
  margin-bottom: 20px;
}
.detail-project-page .main-screen .left-col-screen .projects-company .title-block-company .name-company {
  margin-bottom: 6px;
  color: #4A494A;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
}
.detail-project-page .main-screen .left-col-screen .projects-company .title-block-company .subtitle-company {
  color: #A2A3AB;
  line-height: 1;
  font-size: 16x;
  font-weight: 400;
}
.detail-project-page .main-screen .left-col-screen .projects-company .about-company {
  max-width: 450px;
}
.detail-project-page .main-screen .left-col-screen .projects-company .about-company p {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 55px;
}
.detail-project-page .main-screen .left-col-screen .projects-company .about-company span {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 55px;
}
.detail-project-page .main-screen .right-col-screen {
  padding: 0;
}
.detail-project-page .main-screen .right-col-screen .software-project {
  padding: 58px 30px 30px;
  border-top: 1px solid #D7D7D7;
}
.detail-project-page .main-screen .right-col-screen .software-project .software-title-block {
  color: #4A494A;
  line-height: 1.2;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.5em;
  max-width: 250px;
}
.detail-project-page .main-screen .right-col-screen .software-project .software-list .col {
  width: 25%;
  max-width: 25%;
  flex-basis: auto;
}
.detail-project-page .main-screen .right-col-screen .software-project .software-list a {
  margin-bottom: 6px;
}
.detail-project-page .workflow-screen {
  margin: 0;
}
.detail-project-page .workflow-screen > div {
  border-top: 1px solid #D7D7D7;
  padding-top: 45px;
  padding-bottom: 250px;
}
.detail-project-page .workflow-screen h2 {
  margin-bottom: 140px;
}
.detail-project-page .workflow-screen p {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 25px;
  max-width: 600px;
}
.detail-project-page .workflow-screen ol {
  max-width: 450px;
  padding-top: 15px;
}
.detail-project-page .workflow-screen ol li {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 25px;
}
.detail-project-page .workflow-screen .task-col {
  padding-left: calc(8.3% + 15px);
  padding-right: calc(8.3% + 15px);
  border-right: 1px solid #D7D7D7;
  margin: 0;
}
.detail-project-page .workflow-screen .task-col > div {
  padding: 0;
}
.detail-project-page .workflow-screen .decision-col {
  padding-left: calc(8.3% + 15px);
  padding-right: calc(8.3% + 15px);
  margin: 0;
}
.detail-project-page .workflow-screen .decision-col > div {
  padding: 0;
}
.detail-project-page .workflow-screen .results-col {
  padding-left: calc(12% + 15px);
  padding-right: calc(12% + 15px);
  border-right: 1px solid #D7D7D7;
  margin: 0;
}
.detail-project-page .workflow-screen .results-col > div {
  padding: 0;
}
.detail-project-page .workflow-screen .results-col p {
  font-size: 1.4375rem;
}
.detail-project-page .workflow-screen .expert-col {
  padding-left: calc(6% + 15px);
  padding-right: calc(6% + 15px);
  padding-top: 80px;
  margin: 0;
}
.detail-project-page .workflow-screen .expert-col > div {
  padding: 0;
}
.detail-project-page .workflow-screen .expert-col .expert-info {
  margin-bottom: 44px;
}
.detail-project-page .workflow-screen .expert-col .expert-info .title-col {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 100px;
}
.detail-project-page .workflow-screen .expert-col .expert-info .name-expert {
  color: #4A494A;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 6px;
}
.detail-project-page .workflow-screen .expert-col .expert-info .post-expert {
  color: #8A8B94;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}
.detail-project-page .workflow-screen .expert-col .text-expert p {
  max-width: 320px;
}
.detail-project-page .more-detailed-screen {
  margin: 0;
}
.detail-project-page .more-detailed-screen .sticky-block {
  border-top: 1px solid #D7D7D7;
  padding: 0;
  height: 100vh;
  max-height: 1100px;
}
.detail-project-page .more-detailed-screen .sticky-block .similar-tasks {
  padding: 34px 30px 76px;
  background-color: #124FDC;
  display: flex;
  flex-direction: column;
  height: 50%;
}
.detail-project-page .more-detailed-screen .sticky-block .similar-tasks .title-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.detail-project-page .more-detailed-screen .sticky-block .similar-tasks .title-bar h2 {
  color: #F8F8F8;
  margin-bottom: 10px;
  padding-right: 30px;
}
.detail-project-page .more-detailed-screen .sticky-block .similar-tasks .title-bar p {
  color: #9CB9FD;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 10px;
}
.detail-project-page .more-detailed-screen .sticky-block .similar-tasks .base-btn {
  margin-top: auto;
}
.detail-project-page .more-detailed-screen .sticky-block .form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 50%;
  padding: 40px 30px 90px;
}
.detail-project-page .more-detailed-screen .sticky-block .form > div {
  max-width: 440px;
}
.detail-project-page .more-detailed-screen .sticky-block .form form {
  margin-bottom: 16px;
}
.detail-project-page .more-detailed-screen .detailed-info {
  padding: 34px 60px 0 36px;
  border-top: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
}
.detail-project-page .more-detailed-screen .detailed-info .row {
  margin: 0 -36px;
}
.detail-project-page .more-detailed-screen .detailed-info .row > div {
  padding: 0 37px;
}
.detail-project-page .more-detailed-screen .detailed-info .row > div.img-wrap img {
  height: 100%;
  object-fit: cover;
}
.detail-project-page .more-detailed-screen .detailed-info .title-block {
  align-items: flex-end;
  margin-bottom: 55px;
}
.detail-project-page .more-detailed-screen .detailed-info .paragraph {
  margin-bottom: 25px;
}
.detail-project-page .more-detailed-screen .detailed-info .paragraph .title-paragraph {
  margin-bottom: 53px;
  color: #8A8B94;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}
.detail-project-page .more-detailed-screen .detailed-info .paragraph .text-paragraph {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}
.detail-project-page .more-detailed-screen .detailed-info .paragraph .text-paragraph p {
  margin-bottom: 30px;
}
.detail-project-page .more-detailed-screen .detailed-info .img-wrap {
  margin-bottom: 100px;
}
.detail-project-page .more-detailed-screen .lvl-project {
  padding: 68px calc(10% + 60px) 95px 36px;
  border-top: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
}
.detail-project-page .more-detailed-screen .lvl-project .title-lvl {
  color: #4A494A;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 60px;
}
.detail-project-page .more-detailed-screen .lvl-project .list-square {
  margin: 0 -5px;
}
.detail-project-page .more-detailed-screen .lvl-project .list-square li {
  padding: 5px;
}

/*-----------ДЕТАЛЬНАЯ СТРАНИЦА ПРОЕКТА (END)----------*/
/*-----------MEDIA ДЕТАЛЬНАЯ СТРАНИЦА ПРОЕКТА (START)----------*/
@media (max-width: 1439px) {
  .detail-project-page .main-screen .right-col-screen .software-project .software-list .col {
    width: 50%;
    max-width: 50%;
    margin-bottom: 34px;
  }
  .detail-project-page .main-screen .right-col-screen .software-project .software-list a {
    margin-bottom: 12px;
  }
  .detail-project-page .workflow-screen .results-col p {
    font-size: 1.25rem;
  }
}
@media (max-width: 1199px) {
  .detail-project-page .main-screen .img-project {
    padding: 0 30px 30px;
    margin-bottom: 0;
    flex-direction: column-reverse;
  }
  .detail-project-page .main-screen .img-project .img-wrap {
    margin-bottom: 0;
  }
  .detail-project-page .main-screen .img-project .img-text {
    margin-bottom: 15px;
    max-width: 340px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .detail-project-page .main-screen .left-col-screen {
    border-right: none;
    padding: 0;
  }
  .detail-project-page .main-screen .left-col-screen .title-block {
    padding: 20px 30px 0;
    margin-bottom: 160px;
  }
  .detail-project-page .main-screen .left-col-screen .projects-company {
    margin: 0 0 35px;
    border-top: 1px solid #D7D7D7;
    padding-top: 45px;
  }
  .detail-project-page .main-screen .left-col-screen .projects-company .title-block-company {
    padding: 0 30px;
  }
  .detail-project-page .main-screen .left-col-screen .projects-company .about-company {
    max-width: max-content;
    padding: 0 30px;
  }
  .detail-project-page .main-screen .left-col-screen .projects-company .about-company p, .detail-project-page .main-screen .left-col-screen .projects-company .about-company span {
    margin-bottom: 26px;
  }
  .detail-project-page .main-screen .right-col-screen .software-project {
    padding: 50px 30px 0;
    margin-bottom: 50px;
  }
  .detail-project-page .main-screen .right-col-screen .software-project .software-title-block {
    margin-bottom: 92px;
  }
  .detail-project-page .workflow-screen > div:not(.expert-col) {
    padding-bottom: 75px;
  }
  .detail-project-page .workflow-screen .task-col,
.detail-project-page .workflow-screen .decision-col,
.detail-project-page .workflow-screen .results-col {
    padding-left: 0;
    padding-right: 0;
    border-right: none;
  }
  .detail-project-page .workflow-screen .task-col > div,
.detail-project-page .workflow-screen .decision-col > div,
.detail-project-page .workflow-screen .results-col > div {
    padding: 0 30px;
  }
  .detail-project-page .workflow-screen .task-col > div > :nth-child(2),
.detail-project-page .workflow-screen .decision-col > div > :nth-child(2),
.detail-project-page .workflow-screen .results-col > div > :nth-child(2) {
    margin-top: 30px;
  }
  .detail-project-page .workflow-screen .expert-col {
    padding: 45px 0 55px;
    border-right: none;
  }
  .detail-project-page .workflow-screen .expert-col > div {
    padding: 0 30px;
  }
  .detail-project-page .workflow-screen .expert-col .expert-info .title-col {
    margin-bottom: 50px;
  }
  .detail-project-page .more-detailed-screen {
    margin: 0;
  }
  .detail-project-page .more-detailed-screen .sticky-block {
    padding: 0;
    height: auto;
    position: static;
    display: block;
  }
  .detail-project-page .more-detailed-screen .sticky-block .similar-tasks {
    height: 350px;
    width: 100%;
    padding: 30px 30px 46px;
  }
  .detail-project-page .more-detailed-screen .sticky-block .form {
    height: 350px;
    width: 100%;
    padding: 30px 30px 63px;
  }
  .detail-project-page .more-detailed-screen .detailed-info {
    padding: 60px 30px 0;
    border-left: none;
    margin-bottom: 60px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .row {
    margin: 0 -15px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .row > div {
    padding: 0 15px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .title-block {
    align-items: center;
    margin-bottom: 145px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .title-block .project-doc {
    display: flex;
    justify-content: flex-end;
  }
  .detail-project-page .more-detailed-screen .detailed-info .paragraph {
    margin-bottom: 20px;
  }
  .detail-project-page .more-detailed-screen .lvl-project {
    padding: 50px calc(16% + 30px) 90px 30px;
    border-left: none;
  }
  .detail-project-page .more-detailed-screen .lvl-project .title-lvl {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .detail-project-page .main-screen .img-project {
    padding: 0 15px 22px;
    flex-direction: column;
    align-items: flex-start;
  }
  .detail-project-page .main-screen .img-project .img-wrap {
    margin-bottom: 10px;
  }
  .detail-project-page .main-screen .img-project .img-text {
    display: block;
    margin-bottom: 0;
  }
  .detail-project-page .main-screen .left-col-screen .title-block {
    padding: 15px 15px 0;
    margin-bottom: 120px;
  }
  .detail-project-page .main-screen .left-col-screen .title-block h1 {
    margin-bottom: 40px;
  }
  .detail-project-page .main-screen .left-col-screen .projects-company {
    margin: 0 0 44px;
    padding-top: 60px;
  }
  .detail-project-page .main-screen .left-col-screen .projects-company .title-block-company,
.detail-project-page .main-screen .left-col-screen .projects-company .about-company {
    padding: 0 15px;
  }
  .detail-project-page .main-screen .left-col-screen .projects-company .title-block-company {
    margin-bottom: 70px;
  }
  .detail-project-page .main-screen .right-col-screen .software-project {
    padding: 36px 15px 0;
    margin-bottom: 20px;
  }
  .detail-project-page .main-screen .right-col-screen .software-project .software-title-block {
    margin-bottom: 55px;
  }
  .detail-project-page .main-screen .right-col-screen .software-project .software-list .col {
    width: 100%;
    max-width: 100%;
  }
  .detail-project-page .workflow-screen {
    margin: 0;
  }
  .detail-project-page .workflow-screen h2 {
    margin-bottom: 80px;
  }
  .detail-project-page .workflow-screen > div {
    padding-top: 30px;
  }
  .detail-project-page .workflow-screen .task-col > div,
.detail-project-page .workflow-screen .decision-col > div,
.detail-project-page .workflow-screen .results-col > div {
    padding: 0 15px;
  }
  .detail-project-page .workflow-screen .task-col > div > :nth-child(2),
.detail-project-page .workflow-screen .decision-col > div > :nth-child(2),
.detail-project-page .workflow-screen .results-col > div > :nth-child(2) {
    margin-top: 0;
  }
  .detail-project-page .workflow-screen .expert-col {
    padding-bottom: 140px;
    padding-top: 30px;
  }
  .detail-project-page .workflow-screen .expert-col .expert-info .title-col {
    margin-bottom: 74px;
  }
  .detail-project-page .workflow-screen .expert-col .text-expert p {
    max-width: max-content;
  }
  .detail-project-page .workflow-screen .expert-col > div {
    padding: 0 15px;
  }
  .detail-project-page .more-detailed-screen .sticky-block .similar-tasks {
    height: 360px;
    padding: 30px 15px;
  }
  .detail-project-page .more-detailed-screen .sticky-block .form {
    height: 360px;
    padding: 30px 15px 42px;
  }
  .detail-project-page .more-detailed-screen .detailed-info {
    padding: 30px 15px 0;
    margin-bottom: 60px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .title-block {
    align-items: center;
    margin-bottom: 85px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .title-block h2 {
    margin-bottom: 40px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .title-block .project-doc {
    display: block;
  }
  .detail-project-page .more-detailed-screen .detailed-info .img-wrap {
    margin-bottom: 90px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .paragraph {
    margin-bottom: 10px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .paragraph .title-paragraph {
    margin-bottom: 40px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .row-img {
    margin-bottom: 75px;
  }
  .detail-project-page .more-detailed-screen .detailed-info .row-img .img-wrap {
    margin-bottom: 15px;
  }
  .detail-project-page .more-detailed-screen .lvl-project {
    padding: 30px 15px 140px;
  }
  .detail-project-page .more-detailed-screen .lvl-project .title-lvl {
    margin-bottom: 80px;
  }
}
/*-----------MEDIA ДЕТАЛЬНАЯ СТРАНИЦА ПРОЕКТА (END)----------*/
/*-----------ОБЩАЯ СТРАНИЦА ДЕВЕЛОПМЕНТА (START)----------*/
.development-page p {
  margin-bottom: 30px;
}
.development-page p.small {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 400;
}
.development-page p.large {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1.4375rem;
  font-weight: 400;
}
.development-page .dev-title {
  display: flex;
  border-top: 1px solid #D7D7D7;
  padding: 22px 15px 0;
  margin-bottom: 115px;
}
.development-page .dev-title h1 {
  line-height: 1;
}
.development-page .dev-title > div:nth-child(2) {
  padding-top: 17px;
}
.development-page .dev-title > div p {
  width: 60%;
}
.development-page .dev-list {
  display: flex;
  flex-wrap: wrap;
}
.development-page .dev-list > li {
  border-top: 1px solid #D7D7D7;
  padding-top: 65px;
  counter-increment: num;
}
.development-page .dev-list > li:before {
  content: "— " counter(num);
  margin-bottom: 20px;
  display: block;
  margin-left: -34px;
  color: #2F6AF2;
  line-height: 1.05;
  font-size: 2rem;
  font-weight: 400;
}
.development-page .dev-list > li:nth-child(-n+9):before {
  content: "— 0" counter(num);
}
.development-page .dev-list > li .title {
  color: #4A494A;
  line-height: 1.05;
  font-size: 2rem;
  font-weight: 400;
}
.development-page .dev-list > li:nth-child(5n+1), .development-page .dev-list > li:nth-child(5n+3), .development-page .dev-list > li:nth-child(5n+4) {
  border-right: 1px solid #D7D7D7;
}
.development-page .dev-list > li.large-item {
  padding-left: calc(8.333333% + 15px);
  padding-right: calc(8.333333% + 15px);
  padding-bottom: 110px;
}
.development-page .dev-list > li.large-item .title {
  margin-bottom: 110px;
}
.development-page .dev-list > li.small-item {
  padding-bottom: 140px;
  padding-left: calc(4% + 10px);
  padding-right: calc(4% + 10px);
}
.development-page .dev-list > li.small-item .title {
  margin-bottom: 105px;
}
.development-page .dev-list > li .square-list-with-details {
  margin-top: 75px;
}

/*-----------ОБЩАЯ СТРАНИЦА ДЕВЕЛОПМЕНТА (END)------------*/
/*-----------MEDIA ОБЩАЯ СТРАНИЦА ДЕВЕЛОПМЕНТА (START)------------*/
@media (max-width: 1439px) {
  .development-page p.large {
    font-size: 1.25rem;
  }
  .development-page .dev-title h1 {
    font-size: 4.6875rem;
  }
  .development-page .dev-list > li.small-item .title {
    font-size: 1.6875rem;
  }
}
@media (max-width: 991px) {
  .development-page p.small {
    margin-bottom: 15px;
  }
  .development-page .dev-title {
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top: 20px;
  }
  .development-page .dev-title h1 {
    margin-bottom: 143px;
  }
  .development-page .dev-title > div p {
    width: 100%;
    margin-bottom: 28px;
  }
  .development-page .dev-title > div p:last-child {
    margin-bottom: 0;
  }
  .development-page .dev-list > li {
    padding-top: 40px;
  }
  .development-page .dev-list > li.large-item {
    padding-left: 64px;
    padding-right: 30px;
    padding-bottom: 130px;
  }
  .development-page .dev-list > li.large-item .title {
    margin-bottom: 70px;
  }
  .development-page .dev-list > li.small-item {
    padding-left: 64px;
    padding-bottom: 130px;
  }
  .development-page .dev-list > li.small-item a {
    margin-top: 10px;
  }
  .development-page .dev-list > li.small-item .title {
    font-size: 2rem;
  }
  .development-page .dev-list > li .text-block {
    display: flex;
  }
  .development-page .dev-list > li .text-block .large {
    width: 63.63636363%;
    padding-right: 15px;
  }
  .development-page .dev-list > li .text-block .small {
    padding-left: 15px;
    width: 36.36363636%;
  }
  .development-page .dev-list > li .square-list-with-details {
    margin-top: 45px;
    width: 63.63636363%;
  }
  .development-page .dev-list > li:nth-child(5n+1), .development-page .dev-list > li:nth-child(5n+3), .development-page .dev-list > li:nth-child(5n+4) {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .development-page .dev-title {
    padding: 28px 0px 20px;
  }
  .development-page .dev-title h1 {
    margin-bottom: 113px;
    font-size: 3.0625rem;
  }
  .development-page .dev-list > li {
    padding-bottom: 100px;
  }
  .development-page .dev-list > li.large-item {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 100px;
  }
  .development-page .dev-list > li.large-item .title {
    margin-bottom: 80px;
  }
  .development-page .dev-list > li.small-item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .development-page .dev-list > li.small-item a {
    margin-top: 35px;
  }
  .development-page .dev-list > li.small-item .title {
    font-size: 1.5625rem;
  }
  .development-page .dev-list > li:before {
    margin-left: 0;
    font-size: 1.5625rem;
    margin-bottom: 10px;
  }
  .development-page .dev-list > li .title {
    font-size: 1.5625rem;
    margin-bottom: 80px;
  }
  .development-page .dev-list > li .text-block {
    flex-wrap: wrap;
  }
  .development-page .dev-list > li .text-block .large {
    width: 100%;
    padding-right: 0;
    margin-bottom: 40px;
  }
  .development-page .dev-list > li .text-block .small {
    width: 100%;
    padding-left: 0;
  }
  .development-page .dev-list > li .square-list-with-details {
    width: 100%;
    margin-top: 55px;
    margin-left: 0;
    margin-right: 0;
  }
  .development-page .dev-list > li .square-list-with-details li {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 413px) {
  .development-page .dev-title h1 {
    font-size: 2.625rem;
  }
  .development-page .dev-title > div:nth-child(2) {
    margin-left: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*-----------MEDIA ОБЩАЯ СТРАНИЦА ДЕВЕЛОПМЕНТА (END)--------------*/
/*-----------ДЕТАЛЬНАЯ СТРАНИЦА ДЕВЕЛОПМЕНТА (START)----------*/
.detail-development-page .main-screen {
  margin: 0;
  border-top: 1px solid #D7D7D7;
}
.detail-development-page .main-screen > div {
  padding: 0 30px;
}
.detail-development-page .main-screen .title-block {
  padding-top: 15px;
}
.detail-development-page .main-screen .title-block h1 {
  margin-bottom: 70px;
}
.detail-development-page .main-screen .title-block .type-development p {
  margin-bottom: 3px;
  color: #8A8B94;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
}
.detail-development-page .main-screen .title-block .type-development span {
  color: #4A494A;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
}
.detail-development-page .main-screen .img-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  border-left: 1px solid #D7D7D7;
}
.detail-development-page .main-screen .text-type-development {
  padding-top: 70px;
  padding-bottom: 10px;
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 500;
}
.detail-development-page .main-screen .text-type-development p {
  margin-bottom: 55px;
  max-width: 450px;
}
.detail-development-page .main-screen .text-type-development span {
  display: block;
  margin-bottom: 25px;
  font-weight: 400;
  max-width: 450px;
}
.detail-development-page .main-screen .stages-development {
  border-top: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
  padding: 38px calc(16.6% + 15px) 105px calc(8.3% + 15px);
}
.detail-development-page .main-screen .stages-development .title-line {
  margin-bottom: 64px;
}
.detail-development-page .main-screen .stages-development .list-square {
  margin: 0 -5px;
}
.detail-development-page .main-screen .stages-development .list-square li {
  padding: 5px;
}
.detail-development-page .work-package-screen {
  margin: 0;
}
.detail-development-page .work-package-screen .tasks-block {
  padding: 40px 30px;
  border-top: 1px solid #D7D7D7;
  height: max-content;
}
.detail-development-page .work-package-screen .tasks-block h2 {
  margin-bottom: 95px;
}
.detail-development-page .work-package-screen .tasks-block ol.numbered-list li {
  margin-bottom: 10px;
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}
.detail-development-page .work-package-screen .tasks-block ol.numbered-list li:before {
  margin-right: 18px;
}
.detail-development-page .work-package-screen .software-solutions {
  padding: 40px calc(8.3% + 15px) 100px;
  border-top: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
}
.detail-development-page .work-package-screen .software-solutions h2 {
  margin-bottom: 90px;
}
.detail-development-page .work-package-screen .software-solutions .software-list {
  margin: 0 -10px;
}
.detail-development-page .work-package-screen .software-solutions .software-list li {
  padding: 10px;
}
.detail-development-page .work-package-screen .software-solutions .software-list li .software-element {
  border: 2px solid #4A494A;
  padding: 18px 30px 20px;
  display: flex;
  flex-direction: column;
  min-height: 400px;
}
.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-name {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 30px;
}
.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-name span {
  color: #4A494A;
  line-height: 1.1;
  font-size: 1.875rem;
  font-weight: 500;
  text-transform: uppercase;
  /* letter-spacing: -0.01em; */
  font-variant: all-small-caps;
}
.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-name .right-top {
  margin-top: 5px;
}
.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-name svg {
  width: 25px;
  height: 25px;
}
.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-logo {
  width: 174px;
}
.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-logo img {
  width: 100%;
  object-fit: contain;
}
.detail-development-page .work-package-screen .software-solutions .software-list li .software-element .software-text {
  margin-top: auto;
  max-width: 390px;
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}
.detail-development-page .work-package-screen .service {
  padding: 40px calc(25% + 15px) 110px calc(8.3% + 15px);
  border-top: 1px solid #D7D7D7;
  border-left: 1px solid #D7D7D7;
}
.detail-development-page .work-package-screen .service h2 {
  margin-bottom: 95px;
}
.detail-development-page .work-package-screen .service .service-list {
  margin: 0 -5px;
}
.detail-development-page .work-package-screen .service .service-list li {
  padding: 5px;
}
.detail-development-page .work-package-screen .service .service-list li .service-element {
  border: 1px solid #4A494A;
  padding: 13px 15px 11px;
  height: 165px;
  display: flex;
  flex-direction: column;
}
.detail-development-page .work-package-screen .service .service-list li .service-element .service-name {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}
.detail-development-page .work-package-screen .service .service-list li .service-element a {
  margin-top: auto;
  margin-left: auto;
  font-weight: 500;
}
.detail-development-page .projects-screen {
  min-height: max-content;
}
.detail-development-page .projects-screen > .row {
  min-height: max-content;
}
.detail-development-page .projects-screen .cell-project.title-block {
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-development-page .projects-screen .cell-project.title-block h2 {
  margin-top: 45px;
}
.detail-development-page .projects-screen .cell-project .name-project {
  margin-bottom: 78px;
}
.detail-development-page .video-screen {
  margin: 0;
}
.detail-development-page .video-screen .title-col {
  padding: 100px 30px 30px;
  border-right: 1px solid #D7D7D7;
}
.detail-development-page .video-screen .title-col .sticky-block {
  height: max-content;
  padding-top: 40px;
}
.detail-development-page .video-screen .title-col .sticky-block h2 {
  margin-bottom: 50px;
}
.detail-development-page .video-screen .title-col .sticky-block span {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}
.detail-development-page .video-screen .video-list {
  padding: 128px 105px 72px;
}
.detail-development-page .video-screen .video-list ul {
  margin: 0 -10px;
}
.detail-development-page .video-screen .video-list ul li {
  padding: 12px 10px;
}
.detail-development-page .video-screen .video-list ul li .video-element {
  display: flex;
  flex-wrap: wrap;
  border: 2px solid #4A494A;
  padding: 16px 30px 30px;
  height: 100%;
}
.detail-development-page .video-screen .video-list ul li .video-element .video-name {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 130px;
}
.detail-development-page .video-screen .video-list ul li .video-element .video-name p {
  color: #4A494A;
  line-height: 1;
  font-size: 1.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 18px;
  width: calc(100% - 55px);
  /* letter-spacing: -0.01em; */
  font-variant: all-small-caps;
}
.detail-development-page .video-screen .video-list ul li .video-element .video-name span {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  order: 3;
  display: block;
}
.detail-development-page .video-screen .video-list ul li .video-element svg {
  width: 25px;
  height: 25px;
}
.detail-development-page .video-screen .video-list ul li .video-element .arrow-link {
  height: max-content;
  margin-top: 5px;
}
.detail-development-page .video-screen .video-list ul li .video-element .youtube-wrap {
  margin-top: auto;
}
.detail-development-page .article-screen {
  margin: 0;
}
.detail-development-page .article-screen .all-article {
  border-top: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.detail-development-page .article-screen .all-article h2 {
  margin-bottom: 40px;
}
.detail-development-page .article-screen .news-list-item {
  border-top: 1px solid #D7D7D7;
}
.detail-development-page .article-screen .news-list-item:not(:last-child) {
  border-right: 1px solid #D7D7D7;
}
.detail-development-page .article-screen .news-list-item .preview-picture {
  height: 12vw;
}
.detail-development-page .article-screen .news-list-item .date {
  margin-bottom: 60px;
}
.detail-development-page .useful-links {
  margin: 0;
}
.detail-development-page .useful-links .title-block {
  padding: 50px 30px 60px;
  border-top: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
}
.detail-development-page .useful-links .link-list {
  padding: 50px 30px 90px;
  border-top: 1px solid #D7D7D7;
  display: flex;
  flex-wrap: wrap;
}
.detail-development-page .useful-links .link-list > div {
  padding-right: 90px;
  margin-bottom: 24px;
}
.detail-development-page .useful-links .link-list > div a {
  margin-bottom: 6px;
}

/*-----------ДЕТАЛЬНАЯ СТРАНИЦА ДЕВЕЛОПМЕНТА (END)----------*/
/*-----------MEDIA ДЕТАЛЬНАЯ СТРАНИЦА ДЕВЕЛОПМЕНТА (START)----------*/
@media (max-width: 1500px) {
  .detail-development-page .main-screen .title-block h1 {
    font-size: 2.625rem;
  }
}
@media (max-width: 1439px) {
  .detail-development-page .work-package-screen .software-solutions {
    padding: 40px 30px 100px;
  }
  .detail-development-page .main-screen .stages-development {
    padding: 38px calc(8.3% + 15px) 105px;
  }
  .detail-development-page .video-screen .video-list {
    padding: 115px 30px 60px;
  }
}
@media (max-width: 1300px) {
  .detail-development-page .main-screen .title-block h1 {
    font-size: 2.375rem;
  }
}
@media (max-width: 1199px) {
  .detail-development-page .main-screen .title-block {
    padding-top: 20px;
  }
  .detail-development-page .main-screen .title-block h1 {
    margin-bottom: 180px;
    font-size: 3.125rem;
  }
  .detail-development-page .main-screen .img-wrap {
    padding-top: 20px;
    border-left: none;
  }
  .detail-development-page .main-screen .text-type-development {
    padding-top: 60px;
    padding-bottom: 75px;
    border-top: 1px solid #D7D7D7;
  }
  .detail-development-page .main-screen .text-type-development p, .detail-development-page .main-screen .text-type-development span {
    max-width: 100%;
  }
  .detail-development-page .main-screen .stages-development {
    padding: 40px 30px 95px;
    border-left: none;
  }
  .detail-development-page .main-screen .stages-development .title-line {
    margin-bottom: 48px;
  }
  .detail-development-page .work-package-screen .tasks-block {
    padding-bottom: 85px;
    position: static;
  }
  .detail-development-page .work-package-screen .tasks-block ol {
    margin-top: 34px;
  }
  .detail-development-page .work-package-screen .software-solutions {
    padding: 40px 30px 85px;
    border-left: none;
  }
  .detail-development-page .work-package-screen .software-solutions h2 {
    margin-bottom: 85px;
  }
  .detail-development-page .work-package-screen .software-solutions .software-list {
    margin: 0 -15px;
  }
  .detail-development-page .work-package-screen .software-solutions .software-list li {
    padding: 15px;
  }
  .detail-development-page .work-package-screen .software-solutions .software-list li .software-element {
    padding-bottom: 24px;
    padding-right: 24px;
  }
  .detail-development-page .work-package-screen .service {
    padding: 40px 30px 90px;
    border-left: none;
  }
  .detail-development-page .projects-screen {
    margin-bottom: 0;
  }
  .detail-development-page .projects-screen .cell-project.title-block {
    border-right: 1px solid #2F6AF2;
    margin-top: 0;
  }
  .detail-development-page .video-screen .title-col {
    padding: 70px 30px 78px;
    border-right: none;
  }
  .detail-development-page .video-screen .title-col .sticky-block {
    padding-top: 0;
    position: static;
  }
  .detail-development-page .video-screen .video-list {
    padding: 0 30px 82px;
  }
  .detail-development-page .video-screen .video-list ul li .video-element .video-name {
    margin-bottom: 0;
    width: 50%;
    padding-left: 30px;
    order: 2;
    flex-direction: column;
    justify-content: flex-start;
  }
  .detail-development-page .video-screen .video-list ul li .video-element .video-name p {
    margin-bottom: 18px;
  }
  .detail-development-page .video-screen .video-list ul li .video-element .video-name span {
    order: 0;
    margin-bottom: 30px;
  }
  .detail-development-page .video-screen .video-list ul li .video-element .video-name .arrow-link {
    margin-top: auto;
    margin-left: auto;
    width: max-content;
  }
  .detail-development-page .video-screen .video-list ul li .video-element .youtube-wrap {
    width: 50%;
    padding-top: 27.25%;
    margin-top: 0;
  }
  .detail-development-page .article-screen .news-list-item:nth-child(2) {
    border-right: none;
  }
  .detail-development-page .article-screen .news-list-item .preview-picture {
    height: 23vw;
  }
  .detail-development-page .useful-links .title-block {
    padding: 40px 30px 30px;
    border-right: none;
  }
  .detail-development-page .useful-links .link-list {
    padding: 72px 30px 60px;
    border-top: 1px solid #D7D7D7;
    flex-direction: column;
  }
  .detail-development-page .useful-links .link-list > div {
    padding-right: 0;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .detail-development-page h2.small {
    font-size: 2rem;
  }
  .detail-development-page .main-screen .title-block {
    padding: 13px 15px 0;
  }
  .detail-development-page .main-screen .title-block h1 {
    font-size: 1.875rem;
    margin-bottom: 138px;
  }
  .detail-development-page .main-screen .img-wrap {
    padding: 15px;
  }
  .detail-development-page .main-screen .text-type-development {
    padding: 35px 15px 30px;
  }
  .detail-development-page .main-screen .stages-development {
    padding: 30px 15px 95px;
  }
  .detail-development-page .main-screen .stages-development .title-line {
    margin-bottom: 75px;
  }
  .detail-development-page .main-screen .stages-development .list-square li {
    padding: 5px;
    height: auto;
  }
  .detail-development-page .main-screen .stages-development .list-square li .counter {
    flex-direction: row;
    padding: 0;
    border: none;
    align-items: baseline;
    color: #4A494A;
    justify-content: flex-start;
    text-transform: none;
  }
  .detail-development-page .main-screen .stages-development .list-square li .counter:before {
    margin-right: 18px;
    font-size: 0.875rem;
  }
  .detail-development-page .work-package-screen .tasks-block {
    padding: 30px 15px 90px;
  }
  .detail-development-page .work-package-screen .tasks-block h2 {
    margin-bottom: 80px;
  }
  .detail-development-page .work-package-screen .tasks-block ol {
    margin-top: 0;
  }
  .detail-development-page .work-package-screen .software-solutions {
    padding: 30px 15px 85px;
  }
  .detail-development-page .work-package-screen .software-solutions h2 {
    margin-bottom: 65px;
  }
  .detail-development-page .work-package-screen .service {
    padding: 30px 15px 95px;
  }
  .detail-development-page .work-package-screen .service h2 {
    margin-bottom: 75px;
  }
  .detail-development-page .work-package-screen .service .service-list li .service-element {
    height: 130px;
  }
  .detail-development-page .projects-screen .cell-project.title-block {
    border-right: none;
    margin-top: 0;
    padding: 100px 15px;
  }
  .detail-development-page .projects-screen .cell-project.title-block h2 {
    margin-bottom: 40px;
    margin-top: 0;
  }
  .detail-development-page .video-screen .title-col {
    padding: 30px 15px 74px;
  }
  .detail-development-page .video-screen .video-list {
    padding: 0 15px 80px;
  }
  .detail-development-page .video-screen .video-list ul li {
    padding: 6px 10px;
  }
  .detail-development-page .video-screen .video-list ul li .video-element {
    padding: 30px 15px;
  }
  .detail-development-page .video-screen .video-list ul li .video-element .video-name {
    order: 0;
    width: 100%;
    margin-bottom: 76px;
    padding-left: 0;
    flex-direction: row;
  }
  .detail-development-page .video-screen .video-list ul li .video-element .video-name p {
    font-size: 1.375rem;
    margin-bottom: 15px;
  }
  .detail-development-page .video-screen .video-list ul li .video-element .video-name span {
    order: 2;
    margin-bottom: 0;
  }
  .detail-development-page .video-screen .video-list ul li .video-element .video-name .arrow-link {
    margin-top: 0;
    margin-left: auto;
  }
  .detail-development-page .video-screen .video-list ul li .video-element .youtube-wrap {
    width: 100%;
    padding-top: 60.25%;
  }
  .detail-development-page .article-screen .all-article {
    border-right: none;
    padding: 100px 15px;
  }
  .detail-development-page .article-screen .all-article.mobile {
    padding: 80px 15px;
  }
  .detail-development-page .article-screen .all-article .base-btn {
    color: #F8F8F8;
    background-color: #2F6AF2;
    border-color: #2F6AF2;
  }
  .detail-development-page .article-screen .all-article .base-btn:after {
    background-color: #F8F8F8;
  }
  .detail-development-page .article-screen .all-article .base-btn span:before {
    background: #2F6AF2;
    background: linear-gradient(90deg, #F8F8F800 0%, #2F6AF2 30%, #2F6AF2 100%);
  }
  .detail-development-page .article-screen .all-article .base-btn svg path {
    fill: #F8F8F8;
  }
  .detail-development-page .article-screen .all-article .base-btn:hover {
    color: #2F6AF2;
  }
  .detail-development-page .article-screen .all-article .base-btn:hover svg path {
    fill: #2F6AF2;
  }
  .detail-development-page .article-screen .news-list-item {
    padding: 30px 15px;
  }
  .detail-development-page .article-screen .news-list-item .preview-picture {
    height: 48vw;
  }
  .detail-development-page .useful-links .title-block {
    padding: 30px 15px 80px;
  }
  .detail-development-page .useful-links .link-list {
    padding: 0 15px 120px;
    border-top: none;
  }
}
/*-----------MEDIA ДЕТАЛЬНАЯ СТРАНИЦА ДЕВЕЛОПМЕНТА (END)----------*/
/*-----------ДЕТАЛЬНАЯ СТРАНИЦА НОВОСТИ (START)----------*/
.news-detail-page > .row {
  margin: 0;
}
.news-detail-page .main-screen {
  border-top: 1px solid #D7D7D7;
  padding-top: 15px;
}
.news-detail-page .main-screen > div {
  padding: 0 30px;
}
.news-detail-page .main-screen .news-date {
  padding-top: 15px;
  color: #8A8B94;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 500;
}
.news-detail-page .main-screen .news-title {
  margin-bottom: 176px;
}
.news-detail-page .main-screen .news-tag {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 14px;
}
.news-detail-page .main-screen .news-description {
  margin-bottom: 14px;
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}
.news-detail-page .main-screen .news-description p {
  max-width: 600px;
}
.news-detail-page .main-screen .news-source {
  border-top: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
  padding-top: 23px;
}
.news-detail-page .main-screen .news-source p {
  margin-bottom: 4px;
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 500;
}
.news-detail-page .main-screen .news-source span {
  margin-bottom: 60px;
  display: inline-block;
  color: #4A494A;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
}
.news-detail-page .main-screen .news-source .img-person {
  width: 50px;
  position: relative;
  margin-bottom: 20px;
}
.news-detail-page .main-screen .news-source.person p {
  margin-bottom: 6px;
  font-size: 1.25rem;
}
.news-detail-page .main-screen .news-source.person span {
  margin-bottom: 50px;
}
.news-detail-page .main-screen .img-news {
  border-top: 1px solid #D7D7D7;
  padding-top: 30px;
  padding-bottom: 58px;
}
.news-detail-page .main-screen .time-read {
  display: flex;
  align-items: center;
  color: #8A8B94;
  line-height: 1;
  font-size: 1rem;
  font-weight: 500;
}
.news-detail-page .main-screen .time-read img {
  margin-right: 9px;
}
.news-detail-page .other-news {
  border-right: 1px solid #D7D7D7;
  padding: 0;
}
.news-detail-page .other-news .item-news {
  display: block;
  padding: 30px 30px 50px;
  border-top: 1px solid #D7D7D7;
  transition: background-color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.news-detail-page .other-news .item-news:last-child {
  border-bottom: 1px solid #D7D7D7;
}
.news-detail-page .other-news .item-news .title-other-news {
  color: #4A494A;
  line-height: 1.2;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 15px;
  transition: color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.news-detail-page .other-news .item-news p {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 25px;
  transition: color 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.news-detail-page .other-news .item-news span {
  color: #BABBBF;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 400;
}
.news-detail-page .other-news .item-news:hover {
  background-color: #4A494A;
}
.news-detail-page .other-news .item-news:hover p, .news-detail-page .other-news .item-news:hover .title-other-news {
  color: #BEBEBE;
}
.news-detail-page .news-col {
  margin-bottom: 105px;
}
.news-detail-page .news-col .text-container {
  max-width: 740px;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
.news-detail-page .news-col .title-line {
  margin-bottom: 35px;
  margin-top: 25px;
}
.news-detail-page .news-col p {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 35px;
}
.news-detail-page .news-col .img-list {
  margin: 33px -12px 68px;
}
.news-detail-page .news-col .img-list .img-wrap {
  padding: 12px;
}
.news-detail-page .news-col ol, .news-detail-page .news-col ul {
  margin-bottom: 22px;
  padding-left: 14%;
}
.news-detail-page .news-col ol li, .news-detail-page .news-col ul li {
  color: #4A494A;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
}

/*-----------ДЕТАЛЬНАЯ СТРАНИЦА НОВОСТИ (END)----------*/
/*-----------MEDIA ДЕТАЛЬНАЯ СТРАНИЦА НОВОСТИ (START)----------*/
@media (max-width: 1199px) {
  .news-detail-page .main-screen {
    padding-top: 20px;
  }
  .news-detail-page .main-screen .news-title {
    margin-bottom: 45px;
  }
  .news-detail-page .main-screen .news-tag {
    margin-bottom: 0;
  }
  .news-detail-page .main-screen .news-date {
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .news-detail-page .main-screen .news-source {
    display: flex;
    flex-direction: column;
    border-top: none;
    border-right: none;
    padding-top: 0;
    margin-top: auto;
    height: max-content;
  }
  .news-detail-page .main-screen .news-source span {
    margin-bottom: 0;
  }
  .news-detail-page .main-screen .news-source.person span {
    margin-bottom: 0;
  }
  .news-detail-page .main-screen .news-description {
    margin-top: 200px;
    margin-bottom: 0;
  }
  .news-detail-page .main-screen .img-news {
    border-top: none;
    padding-bottom: 30px;
  }
  .news-detail-page .news-col {
    border-top: 1px solid #D7D7D7;
    padding-top: 50px;
    margin-bottom: 65px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .news-detail-page .news-col .text-container {
    max-width: max-content;
    padding-left: 16.6%;
    padding-right: 16.6%;
  }
  .news-detail-page .news-col .img-list {
    margin: 35px -5px 70px;
  }
  .news-detail-page .news-col .img-list .img-wrap {
    padding: 5px;
  }
}
@media (max-width: 767px) {
  .news-detail-page.article-page .main-screen .news-date span {
    margin-top: 35px;
  }
  .news-detail-page .main-screen {
    padding-top: 13px;
    margin-bottom: 40px;
  }
  .news-detail-page .main-screen > div {
    padding: 0 15px;
  }
  .news-detail-page .main-screen .news-title {
    margin-bottom: 30px;
  }
  .news-detail-page .main-screen .news-tag {
    margin-bottom: 122px;
  }
  .news-detail-page .main-screen .news-date {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .news-detail-page .main-screen .news-date span {
    display: inline-block;
  }
  .news-detail-page .main-screen .news-date .time-read {
    margin-top: auto;
  }
  .news-detail-page .main-screen .img-news {
    padding-bottom: 40px;
    padding-top: 10px;
  }
  .news-detail-page .main-screen .news-description {
    margin-top: 0;
    margin-left: auto;
  }
  .news-detail-page .news-col {
    padding-top: 20px;
    margin-bottom: 65px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .news-detail-page .news-col .text-container {
    padding-left: 0;
    padding-right: 0;
  }
  .news-detail-page .news-col p {
    font-size: 1rem;
    margin-bottom: 30px;
  }
  .news-detail-page .news-col .title-line {
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .news-detail-page .news-col .img-list {
    margin: 62px -5px 80px;
  }
  .news-detail-page .news-col .img-list .img-wrap {
    padding: 8px 5px;
  }
}
@media (max-width: 374px) {
  .news-detail-page .main-screen .news-date {
    max-width: max-content;
    width: max-content;
  }
  .news-detail-page .main-screen .news-source {
    max-width: max-content;
    width: max-content;
    margin-left: auto;
  }
}
/*-----------MEDIA ДЕТАЛЬНАЯ СТРАНИЦА НОВОСТИ (END)----------*/
/*-----------ДЕТАЛЬНАЯ СТРАНИЦА ВЕБИНАРА (START)----------*/
.detail-webinars-page .main-screen {
  margin: 0;
  border-top: 1px solid #D7D7D7;
}
.detail-webinars-page .main-screen > div {
  padding: 0 30px;
}
.detail-webinars-page .main-screen .webinar-description {
  margin-bottom: 15px;
}
.detail-webinars-page .main-screen .webinar-description p {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 20px;
}
.detail-webinars-page .main-screen .left-side {
  padding-top: 20px;
  padding-bottom: 82px;
  border-right: 1px solid #D7D7D7;
}
.detail-webinars-page .main-screen .left-side .webinar-title {
  margin-bottom: 45px;
}
.detail-webinars-page .main-screen .left-side .webinar-title p {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.detail-webinars-page .main-screen .left-side .webinar-start {
  margin-bottom: 45px;
}
.detail-webinars-page .main-screen .left-side .webinar-start p {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.detail-webinars-page .main-screen .left-side .webinar-start span {
  color: #2F6AF2;
  line-height: 1;
  font-size: 1rem;
  font-weight: 700;
}
.detail-webinars-page .main-screen .left-side .webinar-start span i {
  font-style: normal;
  margin: 0 10px;
}
.detail-webinars-page .main-screen .img-wrap {
  padding-top: 30px;
  padding-bottom: 82px;
}
.detail-webinars-page .webinar-detail {
  margin: 0;
  border-top: 1px solid #D7D7D7;
}
.detail-webinars-page .webinar-detail .webinar-plan {
  padding: 64px 30px 130px;
  border-right: 1px solid #D7D7D7;
  margin: 0;
  align-content: flex-start;
}
.detail-webinars-page .webinar-detail .webinar-plan > div {
  padding-left: 0;
  padding-right: 0;
}
.detail-webinars-page .webinar-detail .webinar-plan .title-section {
  margin-bottom: 134px;
}
.detail-webinars-page .webinar-detail .webinar-plan p {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 65px;
}
.detail-webinars-page .webinar-detail .webinar-plan .list {
  margin-bottom: 72px;
}
.detail-webinars-page .webinar-detail .webinar-plan .list span {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 28px;
}
.detail-webinars-page .webinar-detail .webinar-plan .list ol li {
  margin-bottom: 10px;
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}
.detail-webinars-page .webinar-detail .webinar-plan .list ol.counter-top {
  max-width: 290px;
}
.detail-webinars-page .webinar-detail .webinar-plan .list ol.counter-top li {
  margin-bottom: 15px;
}
.detail-webinars-page .webinar-detail .webinar-plan .webinar-registration {
  padding-top: 18px;
}
.detail-webinars-page .webinar-detail .webinar-speaker {
  padding-top: 80px;
  padding-left: calc(8.3% + 15px);
  padding-right: calc(8.3% + 15px);
  margin: 0;
}
.detail-webinars-page .webinar-detail .webinar-speaker .title-col {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 68px;
}
.detail-webinars-page .webinar-detail .webinar-speaker .person-block {
  margin-bottom: 85px;
}
.detail-webinars-page .webinar-detail .webinar-speaker .person-block .name-person {
  margin-bottom: 5px;
  color: #4A494A;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
  max-width: 300px;
}
.detail-webinars-page .webinar-detail .webinar-speaker .person-block .post-person {
  margin-bottom: 18px;
  color: #8A8B94;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  max-width: 300px;
}
.detail-webinars-page .webinar-detail .webinar-speaker .person-block .description-person {
  max-width: 300px;
  margin-bottom: 20px;
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}

/*-----------ДЕТАЛЬНАЯ СТРАНИЦА ВЕБИНАРА (END)----------*/
/*-----------MEDIA ДЕТАЛЬНАЯ СТРАНИЦА ВЕБИНАРА (START)----------*/
@media (max-width: 1439px) {
  .detail-webinars-page .main-screen .left-side .webinar-title h1.small {
    font-size: 2.1875rem;
  }
  .detail-webinars-page .webinar-detail .webinar-speaker {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1199px) {
  .detail-webinars-page .main-screen .left-side {
    padding-top: 24px;
    border-right: none;
  }
  .detail-webinars-page .main-screen .left-side .webinar-title {
    margin-bottom: 96px;
  }
  .detail-webinars-page .main-screen .left-side .webinar-title p {
    margin-bottom: 16px;
  }
  .detail-webinars-page .main-screen .left-side .webinar-title h1.small {
    font-size: 3.125rem;
  }
  .detail-webinars-page .main-screen .img-wrap {
    padding-top: 6px;
    padding-bottom: 30px;
  }
  .detail-webinars-page .webinar-detail .webinar-plan {
    padding: 36px 30px 150px;
    border-right: none;
    margin: 0;
  }
  .detail-webinars-page .webinar-detail .webinar-plan .title-section {
    margin-bottom: 100px;
  }
  .detail-webinars-page .webinar-detail .webinar-plan .list {
    margin-bottom: 65px;
  }
  .detail-webinars-page .webinar-detail .webinar-plan .list ol.counter-top {
    max-width: max-content;
  }
  .detail-webinars-page .webinar-detail .webinar-plan .list ol.counter-top li {
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
  }
  .detail-webinars-page .webinar-detail .webinar-plan .list ol.counter-top li:before {
    min-width: max-content;
    margin-right: 18px;
  }
  .detail-webinars-page .webinar-detail .webinar-plan .webinar-registration {
    padding-top: 0;
  }
  .detail-webinars-page .webinar-detail .webinar-speaker {
    border-top: 1px solid #D7D7D7;
    padding-top: 55px;
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .detail-webinars-page .main-screen .left-side {
    padding: 15px 15px 100px;
  }
  .detail-webinars-page .main-screen .left-side .webinar-title {
    margin-bottom: 75px;
  }
  .detail-webinars-page .main-screen .left-side .webinar-title h1.small {
    font-size: 1.875rem;
  }
  .detail-webinars-page .main-screen .left-side .webinar-start {
    margin-bottom: 30px;
  }
  .detail-webinars-page .main-screen .img-wrap {
    padding: 15px;
  }
  .detail-webinars-page .main-screen .webinar-description {
    border-top: 1px solid #D7D7D7;
    margin-bottom: 30px;
    padding: 30px 15px 0;
  }
  .detail-webinars-page .main-screen .webinar-description p {
    max-width: 75%;
    margin-left: auto;
  }
  .detail-webinars-page .webinar-detail .webinar-plan {
    padding: 50px 15px 100px;
  }
  .detail-webinars-page .webinar-detail .webinar-plan .title-section {
    margin-bottom: 80px;
  }
  .detail-webinars-page .webinar-detail .webinar-plan p {
    font-size: 1rem;
  }
  .detail-webinars-page .webinar-detail .webinar-speaker {
    padding: 30px 15px 0;
    margin-bottom: 75px;
  }
  .detail-webinars-page .webinar-detail .webinar-speaker .title-col {
    margin-bottom: 84px;
  }
  .detail-webinars-page .webinar-detail .webinar-speaker .person-block {
    margin-bottom: 55px;
  }
}
/*-----------MEDIA ДЕТАЛЬНАЯ СТРАНИЦА ВЕБИНАРА (END)----------*/
/*-----------ОБЩАЯ СТРАНИЦА ПОЛЕЗНЫЕ МАТЕРИАЛЫ (START)----------*/
.useful-materials-page .page-main-title {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #D7D7D7;
  padding: 25px 15px 0;
  margin-bottom: 160px;
}
.useful-materials-page .page-main-title h1 {
  line-height: 1;
}
.useful-materials-page .page-main-title > div p {
  margin-top: 20px;
  max-width: 450px;
}
.useful-materials-page .materials-list {
  display: flex;
  flex-wrap: wrap;
}
.useful-materials-page .materials-list .cell-item {
  border-top: 1px solid #D7D7D7;
  padding: 48px calc(8.333333% + 15px) 140px;
}
.useful-materials-page .materials-list .cell-item:first-child {
  border-right: 1px solid #D7D7D7;
}
.useful-materials-page .materials-list .cell-item h2 {
  margin-bottom: 150px;
}
.useful-materials-page .materials-list .cell-item p.large {
  margin-bottom: 35px;
  color: #4A494A;
  line-height: 1.4;
  font-size: 1.4375rem;
  font-weight: 400;
}
.useful-materials-page .materials-list .cell-item p.small {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 15px;
}
.useful-materials-page .materials-list .square-list-with-details {
  margin-top: 75px;
}
.useful-materials-page .article-screen {
  margin: 0;
  background-color: #124FDC;
}
.useful-materials-page .article-screen .all-article {
  border-top: 1px solid #2F6AF2;
  border-right: 1px solid #2F6AF2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.useful-materials-page .article-screen .all-article h2 {
  margin-bottom: 40px;
  color: #fff;
}
.useful-materials-page .article-screen .news-list-item {
  border-top: 1px solid #2F6AF2;
  color: #fff;
}
.useful-materials-page .article-screen .news-list-item:not(:last-child) {
  border-right: 1px solid #2F6AF2;
}
.useful-materials-page .article-screen .news-list-item .preview-picture {
  height: 12vw;
}
.useful-materials-page .article-screen .news-list-item .date {
  margin-bottom: 60px;
  color: #fff;
}
.useful-materials-page .article-screen .news-list-item .filter-btn {
  background-color: #124FDC;
  border: 1px solid #D0DCF8;
}
.useful-materials-page .article-screen .news-list-item .filter-btn:hover:after {
  background-color: #D0DCF8;
}
.useful-materials-page .article-screen .news-list-item .more svg path {
  fill: #fff;
}

/*-----------ОБЩАЯ СТРАНИЦА ПОЛЕЗНЫЕ МАТЕРИАЛЫ (END)------------*/
/*-----------MEDIA ОБЩАЯ СТРАНИЦА ПОЛЕЗНЫЕ МАТЕРИАЛЫ (START)------------*/
@media (max-width: 1439px) {
  .useful-materials-page .materials-list .cell-item p.large {
    font-size: 1.25rem;
  }
}
@media (max-width: 1199px) {
  .useful-materials-page .page-main-title {
    margin-bottom: 15px;
  }
  .useful-materials-page .page-main-title h1 {
    margin-bottom: 160px;
  }
  .useful-materials-page .page-main-title > div p {
    max-width: 100%;
    margin-top: 0;
  }
  .useful-materials-page .materials-list {
    border-top: 1px solid #D7D7D7;
  }
  .useful-materials-page .materials-list .cell-item {
    padding: 40px 30px 150px;
  }
  .useful-materials-page .materials-list .cell-item h2 {
    margin-bottom: 72px;
  }
  .useful-materials-page .materials-list .cell-item .text-block {
    display: flex;
    flex-wrap: wrap;
  }
  .useful-materials-page .materials-list .cell-item p.large {
    width: 66.6666666%;
    padding-right: 15px;
  }
  .useful-materials-page .materials-list .cell-item p.small {
    width: 33.3333333%;
    padding-left: 15px;
  }
  .useful-materials-page .materials-list .cell-item:first-child {
    border: none;
  }
  .useful-materials-page .materials-list .square-list-with-details {
    margin-top: 40px;
  }
  .useful-materials-page .article-screen .news-list-item .preview-picture {
    height: 23vw;
  }
}
@media (max-width: 767px) {
  .useful-materials-page .page-main-title {
    padding: 28px 0 0;
    margin-bottom: 15px;
  }
  .useful-materials-page .page-main-title h1 {
    margin-bottom: 130px;
  }
  .useful-materials-page .materials-list .cell-item {
    padding: 30px 15px 100px;
  }
  .useful-materials-page .materials-list .cell-item h2 {
    margin-bottom: 80px;
  }
  .useful-materials-page .materials-list .cell-item p.large {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 40px;
  }
  .useful-materials-page .materials-list .cell-item p.small {
    width: 100%;
    padding-left: 0px;
  }
  .useful-materials-page .materials-list .square-list-with-details {
    margin-top: 55px;
  }
  .useful-materials-page .article-screen .all-article {
    padding: 100px 15px;
  }
  .useful-materials-page .article-screen .news-list-item .preview-picture {
    height: 48vw;
  }
}
@media (max-width: 374px) {
  .useful-materials-page .page-main-title > div:nth-child(2) {
    margin-left: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*-----------MEDIA ОБЩАЯ СТРАНИЦА ПОЛЕЗНЫЕ МАТЕРИАЛЫ (END)--------------*/
/*-----------ДЕТАЛЬНАЯ СТРАНИЦА ПОЛЕЗНЫЕ МАТЕРИАЛЫ (START)----------*/
.detail-useful-materials-page .main-screen {
  margin: 0 0 134px;
  border-top: 1px solid #D7D7D7;
  padding-top: 25px;
}
.detail-useful-materials-page .main-screen > div {
  padding: 0 30px;
}
.detail-useful-materials-page .main-screen .title-block h1 {
  margin-bottom: 20px;
}
.detail-useful-materials-page .main-screen .title-block p {
  color: #8A8B94;
  line-height: 1.05;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}
.detail-useful-materials-page .main-screen .list-document-work {
  margin-top: 24px;
  margin-bottom: 22px;
}
.detail-useful-materials-page .main-screen .list-document-work p {
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 24px;
  max-width: 420px;
}
.detail-useful-materials-page .main-screen .list-document-work ol li {
  margin-bottom: 10px;
  color: #4A494A;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
}
.detail-useful-materials-page .standard {
  margin: 0;
}
.detail-useful-materials-page .standard .text-standard {
  padding: 40px 30px 305px;
  border-top: 1px solid #D7D7D7;
}
.detail-useful-materials-page .standard .text-standard h2 {
  margin-bottom: 150px;
}
.detail-useful-materials-page .standard .text-standard p {
  max-width: 600px;
  color: #4A494A;
  line-height: 1.4;
  font-size: 1.4375rem;
  font-weight: 400;
}
.detail-useful-materials-page .standard .primary-elements {
  padding: 257px 30px 305px;
  border-right: 1px solid #D7D7D7;
  border-top: 1px solid #D7D7D7;
}
.detail-useful-materials-page .standard .primary-elements p {
  margin-bottom: 92px;
  color: #4A494A;
  line-height: 1.2;
  font-size: 1.25rem;
  font-weight: 500;
}
.detail-useful-materials-page .standard .primary-elements ol li {
  margin-bottom: 10px;
  color: #4A494A;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
}
.detail-useful-materials-page .standard .download-doc-list {
  padding-top: 254px;
  border-top: 1px solid #D7D7D7;
  padding-left: 3.9%;
  padding-right: 5.7%;
}
.detail-useful-materials-page .standard .download-doc-list p {
  color: #4A494A;
  line-height: 1.2;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 62px;
}

/*-----------ДЕТАЛЬНАЯ СТРАНИЦА ПОЛЕЗНЫЕ МАТЕРИАЛЫ (END)----------*/
/*-----------MEDIA ДЕТАЛЬНАЯ СТРАНИЦА ПОЛЕЗНЫЕ МАТЕРИАЛЫ (START)----------*/
@media (max-width: 1439px) {
  .detail-useful-materials-page .standard .text-standard p {
    font-size: 1.25rem;
  }
  .detail-useful-materials-page .standard .primary-elements {
    padding-top: 252px;
  }
  .detail-useful-materials-page .standard .primary-elements p {
    margin-bottom: 62px;
    max-width: 252px;
  }
  .detail-useful-materials-page .standard .download-doc-list {
    padding-top: 252px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1199px) {
  .detail-useful-materials-page .main-screen {
    margin: 0 0 6px;
    padding-top: 20px;
  }
  .detail-useful-materials-page .main-screen .title-block {
    margin-bottom: 180px;
  }
  .detail-useful-materials-page .main-screen .consultation {
    margin-left: auto;
    padding-top: 20px;
  }
  .detail-useful-materials-page .main-screen .list-document-work {
    margin-bottom: 0;
    margin-top: 0;
    display: flex;
  }
  .detail-useful-materials-page .main-screen .list-document-work p {
    max-width: 340px;
    margin-right: 30px;
  }
  .detail-useful-materials-page .standard .text-standard {
    padding: 40px 30px 96px;
  }
  .detail-useful-materials-page .standard .text-standard h2 {
    margin-bottom: 84px;
  }
  .detail-useful-materials-page .standard .text-standard p {
    max-width: 83.3%;
  }
  .detail-useful-materials-page .standard .primary-elements {
    padding: 0 30px 90px;
    border-right: none;
    border-top: none;
  }
  .detail-useful-materials-page .standard .primary-elements p {
    margin-bottom: 55px;
    max-width: max-content;
  }
  .detail-useful-materials-page .standard .download-doc-list {
    padding-top: 50px;
    margin-bottom: 90px;
    display: flex;
    flex-wrap: wrap;
  }
  .detail-useful-materials-page .standard .download-doc-list p {
    margin-right: 80px;
  }
  .detail-useful-materials-page .standard .download-doc-list ul {
    max-width: 290px;
  }
  .detail-useful-materials-page .standard .download-doc-list ul li {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .detail-useful-materials-page .main-screen {
    margin: 0;
    padding-top: 30px;
  }
  .detail-useful-materials-page .main-screen > div {
    padding: 0 15px;
  }
  .detail-useful-materials-page .main-screen .title-block {
    margin-bottom: 70px;
  }
  .detail-useful-materials-page .main-screen .consultation {
    margin-bottom: 74px;
    padding-top: 34px;
    margin-left: 25%;
  }
  .detail-useful-materials-page .main-screen .list-document-work {
    display: block;
  }
  .detail-useful-materials-page .main-screen .list-document-work p {
    margin-right: 0;
  }
  .detail-useful-materials-page .standard .text-standard {
    padding: 30px 15px 100px;
  }
  .detail-useful-materials-page .standard .text-standard p {
    max-width: 600px;
  }
  .detail-useful-materials-page .standard .primary-elements {
    padding: 0 15px 90px;
  }
  .detail-useful-materials-page .standard .primary-elements ol {
    max-width: 600px;
  }
  .detail-useful-materials-page .standard .primary-elements p {
    margin-bottom: 50px;
  }
}
/*-----------MEDIA ДЕТАЛЬНАЯ СТРАНИЦА ПОЛЕЗНЫЕ МАТЕРИАЛЫ (END)----------*/
/*----------СТРАНИЦА КАТАЛОГА (START)------------*/
.catalog-page .breadcrumbs {
  border-bottom: 1px solid #D7D7D7;
}
.catalog-page .catalog-title {
  border-bottom: 1px solid #D7D7D7;
  padding: 17px 15px 158px;
  display: flex;
  flex-wrap: wrap;
}
.catalog-page .catalog-title .subtitle {
  color: #BEBEBE;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  /* letter-spacing: 0.02em; */
  margin-top: 25px;
}
.catalog-page .catalog-title .text-block {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 20px;
}
.catalog-page .catalog-title .text-block p {
  margin-bottom: 30px;
}
.catalog-page .catalog-title .text-block p:last-child {
  margin-bottom: 0px;
}
.catalog-page .catalog-content {
  position: relative;
}
.catalog-page .catalog-content .navigation-panel {
  z-index: 2;
  background-color: #F8F8F8;
  /* padding: 12px 30px 11px; */
  padding: 2px 30px 1px;
  border-bottom: 1px solid #D7D7D7;
  color: #4A494A;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.catalog-page .catalog-content .navigation-panel .item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.catalog-page .catalog-content .navigation-panel .item:first-child {
  margin-right: 50px;
}
.catalog-page .catalog-content .navigation-panel .item:nth-child(2n) {
  /* margin-right: 70px; */
  margin-right: 50px;
}
.catalog-page .catalog-content .navigation-panel .item svg {
  margin-left: 7px;
  width: 11px;
  height: 11px;
  transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.catalog-page .catalog-content .navigation-panel .item svg fill {
  transition: fill 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.catalog-page .catalog-content .navigation-panel .item:not(.active).arrow-down svg {
  transform: rotate(90deg);
}
.catalog-page .catalog-content .navigation-panel .item:not(.active).arrow-up svg {
  transform: rotate(-90deg);
}
.catalog-page .catalog-content .navigation-panel .item.active svg path {
  fill: #4A494A;
}
.catalog-page .catalog-content .catalog-item .item-content {
  /* padding: 20px 30px 250px; */
  padding: 20px 30px 150px;
}
.catalog-page .catalog-content .catalog-item:not(:last-child) {
  border-bottom: 1px solid #D7D7D7;
}
.catalog-page .catalog-content .catalog-item .accordeon-title {
  overflow: hidden;
  height: 0;
}
.catalog-page .catalog-content .catalog-item .info {
  display: flex;
}
.catalog-page .catalog-content .catalog-item .info .circle svg {
  width: 60px;
  height: 60px;
}
.catalog-page .catalog-content .catalog-item .text-block {
  /* margin-bottom: 150px; */
  margin-bottom: 100px;
}
.catalog-page .catalog-content .catalog-item .text-block .title {
  margin-top: 10px;
  color: #4A494A;
  line-height: 1.05;
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 40px;
  /* letter-spacing: 0.01em; */
}
.catalog-page .catalog-content .catalog-item .text-block p {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 400;
  max-width: 450px;
}
.catalog-page .catalog-content .catalog-item .catalog-card {
  border: 2px solid #4A494A;
  padding: 23px 15px 21px;
  margin-bottom: 35px;
  min-height: 250px;
  display: flex;
}
.catalog-page .catalog-content .catalog-item .catalog-card .left-part {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.catalog-page .catalog-content .catalog-item .catalog-card .left-part .title {
  color: #4A494A;
  line-height: 1.05;
  /* font-size: 2.8125rem; */
  font-size: 2.5rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 43px;
  /* letter-spacing: -0.01em; */
}
.catalog-page .catalog-content .catalog-item .catalog-card .left-part p {
  margin-top: auto;
}
.catalog-page .catalog-content .catalog-item .catalog-card .central-part {
  display: flex;
  flex-direction: column;
}
.catalog-page .catalog-content .catalog-item .catalog-card .central-part .doc-link {
  padding: 2px;
  /* width: 100%; */
}
.catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link a {
  width: auto;
  line-height: 1;
  text-transform: lowercase;
}
.catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link a svg.arrow {
  margin-bottom: 0px;
}
.catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks {
  margin-top: auto;
  margin-bottom: 4px;
  color: #8A8B94;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  /* text-transform: uppercase; */
}

@media screen and (min-width: 1400px) { 
	.catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks {
		  margin-right: auto;
	}
}
.catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks .title {
  width: 100%;
  margin-bottom: 8px;
}
.catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks .values {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  color: #4A494A;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}
.catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks .values > div:first-child:after {
  content: "|";
  display: inline-block;
  margin: 0 10px;
}
.catalog-page .catalog-content .catalog-item .catalog-card .right-part {
  display: flex;
  flex-wrap: wrap;
}
.catalog-page .catalog-content .catalog-item .catalog-card .right-part .title {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 35px;
  width: 70%;
  min-height: 44.8px;
}
.catalog-page .catalog-content .catalog-item .catalog-card .right-part ol li,
.catalog-page .catalog-content .catalog-item .catalog-card .right-part ul li {
  margin-bottom: 4px;
  line-height: 1.2;
}
.catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags {
  width: 100%;
  display: flex;
  /* align-items: flex-end;
  justify-content: flex-end; */
}
.catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags > div {
  margin-left: 10px;
  margin-bottom: 5px;
}

/*----------СТРАНИЦА КАТАЛОГА (END)--------------*/
/*----------MEDIA СТРАНИЦА КАТАЛОГА (START)--------------*/
@media (max-width: 1650px) {
  .catalog-page .catalog-content .catalog-item .catalog-card .left-part {
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%;
    max-width: 33.3333333%;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part {
    -ms-flex: 0 0 20.666667%;
    flex: 0 0 20.666667%;
    max-width: 20.666667%;
    margin-left: 4.333333%;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part .title {
    width: 100%;
  }
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .catalog-page .catalog-title .text-block {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 1300px) {
  .catalog-page .catalog-title .subtitle {
    font-size: 0.8125rem;
  }
  .catalog-page .catalog-content .catalog-item .circle {
    padding-right: 0;
    padding-left: 0;
  }
  .catalog-page .catalog-content .catalog-item .text-block {
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card {
    flex-wrap: wrap;
    padding: 24px 30px 25px;
    justify-content: space-between;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .left-part {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .left-part .title {
    /* font-size: 2.8125rem; */
    font-size: 2.5rem;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .left-part .logo {
    margin-bottom: 95px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part {
    align-items: flex-end;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link {
    margin-top: -2px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part {
    margin-top: 10px;
    border-top: 1px solid #D7D7D7;
    padding: 35px 0 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part > div {
    padding-left: 0;
    padding-right: 0;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags {
    margin-top: 20px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part .list {
    padding-right: 15px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .catalog-page .catalog-title .subtitle {
    font-size: 0.8125rem;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
}
@media (max-width: 991px) {
  .catalog-page .catalog-title {
    justify-content: space-between;
    padding-bottom: 15px;
  }
  .catalog-page .catalog-title h1 {
    margin-bottom: 156px;
  }
  .catalog-page .catalog-title .subtitle {
    margin-top: 4px;
  }
  .catalog-page .catalog-title .text-block {
    margin-top: 0;
  }
  .catalog-page .catalog-content {
    margin-top: 35px;
  }
  .catalog-page .catalog-content .navigation-panel {
    display: none;
  }
  .catalog-page .catalog-content .catalog-item {
    transition: height 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
    overflow: hidden;
  }
  .catalog-page .catalog-content .catalog-item:last-child {
    border-bottom: 1px solid #D7D7D7;
  }
  .catalog-page .catalog-content .catalog-item .accordeon-title {
    overflow: auto;
    height: auto;
    display: flex;
    align-items: center;
    padding: 50px 0 24px;
    border-bottom: 1px solid #D7D7D7;
  }
  .catalog-page .catalog-content .catalog-item .accordeon-title .title {
    color: #4A494A;
    line-height: 1.05;
    font-size: 2rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* letter-spacing: 0.01em; */
  }
  .catalog-page .catalog-content .catalog-item .accordeon-title .title > span:first-child {
    width: calc(100% - 15px - 18px);
  }
  .catalog-page .catalog-content .catalog-item .accordeon-title .title .arrow {
    transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
    transform: rotate(90deg);
  }
  .catalog-page .catalog-content .catalog-item .accordeon-title .gradient-circles {
    width: 50px;
    height: 50px;
  }
  .catalog-page .catalog-content .catalog-item.active .accordeon-title .title .arrow {
    transform: rotate(270deg);
  }
  .catalog-page .catalog-content .catalog-item .circle {
    display: none;
  }
  .catalog-page .catalog-content .catalog-item .text-block {
    margin-bottom: 70px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    margin-left: 33.333333%;
  }
  .catalog-page .catalog-content .catalog-item .text-block .title {
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 30px;
    font-weight: 500;
  }
  .catalog-page .banner-block {
    margin-top: 150px;
  }
}
@media (max-width: 767px) {
  .catalog-page .catalog-title {
    padding: 27px 0px 20px;
  }
  .catalog-page .catalog-title h1 {
    margin-bottom: 125px;
  }
  .catalog-page .catalog-title .subtitle {
    margin-bottom: 17px;
  }
  .catalog-page .catalog-content {
    margin-top: 22px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card {
    padding: 33px 30px 25px;
  }
  .catalog-page .catalog-content .catalog-item .accordeon-title {
    padding: 20px 0 20px;
    min-height: 80px;
  }
  .catalog-page .catalog-content .catalog-item .accordeon-title .title {
    font-size: 1.5625rem;
  }
  .catalog-page .catalog-content .catalog-item .accordeon-title .title > span:first-child {
    width: calc(100% - 15px - 14px);
  }
  .catalog-page .catalog-content .catalog-item .item-content {
    padding: 20px 15px 100px;
  }
  .catalog-page .catalog-content .catalog-item .text-block {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 45px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .left-part {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 96px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .left-part .title {
    margin-bottom: 28px;
    font-size: 1.875rem;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .left-part .logo {
    margin-bottom: 95px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .left-part p {
    width: 75%;
    margin-left: 25%;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link {
    order: 2;
    width: 50%;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link a {
    width: 158px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link a span {
    white-space: normal;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link a svg {
    min-width: 22px;
    margin-left: 2px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks {
    order: 1;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part .title {
    min-height: auto;
    margin-bottom: 35px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part .list {
    margin-bottom: 54px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part .list:nth-child(2) {
    margin-bottom: 45px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags {
    margin-top: 30px;
    flex-wrap: wrap;
    display: none;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags > div {
    margin-bottom: 10px;
  }
  .catalog-page .banner-block {
    margin-top: 166px;
  }
}
@media (max-width: 479px) {
  .catalog-page .catalog-content .catalog-item .accordeon-title .gradient-circles {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 413px) {
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part {
    flex-wrap: wrap;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part .download-link {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
    margin-bottom: 25px;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .central-part .marks {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 2;
  }
  .catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags > div {
    font-size: 0.875rem;
  }
}
@media (max-width: 374px) {
  .catalog-title .subtitle,
.catalog-title .text-block {
    margin-left: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*----------MEDIA СТРАНИЦА КАТАЛОГА (END)----------------*/
/*----------СТРАНИЦА О НАС (START)------------*/
.about-us-page .about-us-screen {
  height: auto;
}
.about-us-page .about-us-screen .title-block {
  padding: 30px;
}
.about-us-page .about-us-screen .title-block h1 {
  margin-bottom: 108px;
  margin-top: 15px;
}
.about-us-page .about-us-screen .title-block p {
  margin-bottom: 42px;
}
.about-us-page .about-us-screen .info-block > div .title-cell {
  /* margin-bottom: 200px; */
  margin-bottom: 100px;
}
.about-us-page .about-us-screen .info-block .blue-cell {
  padding: 25px 30px;
  background-color: #124FDC;
}
.about-us-page .about-us-screen .info-block .blue-cell > div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.about-us-page .about-us-screen .info-block .blue-cell > div h2 {
  color: #F8F8F8;
  max-width: 252px;
  margin-bottom: 20px;
  margin-top: 26px;
}
.about-us-page .about-us-screen .info-block .blue-cell > div p {
  color: #9CB9FD;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  max-width: 112px;
  text-align: right;
}
.about-us-page .about-us-screen .info-block .blue-cell > div .btn {
  width: 100%;
  margin-top: 94px;
}
.about-us-page .about-us-screen .info-block .blue-cell > div .btn svg {
  margin-top: 0;
}
.about-us-page .article-screen {
  margin: 0;
}
.about-us-page .article-screen .all-article {
  border-top: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about-us-page .article-screen .all-article h2 {
  margin-bottom: 40px;
}
.about-us-page .article-screen .news-list-item {
  border-top: 1px solid #D7D7D7;
}
.about-us-page .article-screen .news-list-item:not(:last-child) {
  border-right: 1px solid #D7D7D7;
}
.about-us-page .article-screen .news-list-item .preview-picture {
  height: 12vw;
}
.about-us-page .article-screen .news-list-item .date {
  margin-bottom: 60px;
}

/*----------СТРАНИЦА О НАС (END)------------*/
/*----------MEDIA СТРАНИЦА О НАС (START)------------*/
@media (max-width: 1700px) {
  .about-us-page .about-us-screen .info-block .blue-cell > div h2 {
    max-width: 100%;
  }
  .about-us-page .about-us-screen .info-block .blue-cell > div p {
    max-width: 100%;
    text-align: left;
  }
}
@media (max-width: 1300px) and (min-width: 1200px) {
  .about-us-page .about-us-screen .title-block h1 {
    font-size: 2.625rem;
  }
}
@media (max-width: 1199px) {
  .about-us-page .about-us-screen .title-block {
    padding-top: 18px;
    padding-bottom: 0;
    border-top: 1px solid #D7D7D7;
    margin-bottom: 15px;
  }
  .about-us-page .about-us-screen .title-block h1 {
    font-size: 4.6875rem;
    margin-bottom: 160px;
    margin-top: 0;
  }
  .about-us-page .about-us-screen .title-block .subtitle-text {
    display: block;
  }
  .about-us-page .about-us-screen .title-block p, .about-us-page .about-us-screen .title-block span {
    max-width: 460px;
  }
  .about-us-page .about-us-screen .info-block > div .title-cell {
    margin-bottom: 30px;
  }
  .about-us-page .about-us-screen .info-block .blue-cell > div h2 {
    margin-top: 0;
  }
  .about-us-page .about-us-screen .info-block .blue-cell > div .btn {
    margin-top: 230px;
  }
  .about-us-page .article-screen .news-list-item:nth-child(2) {
    border-right: none;
  }
  .about-us-page .article-screen .news-list-item .preview-picture {
    height: 23vw;
  }
}
@media (max-width: 767px) {
  .about-us-page .about-us-screen .title-block {
    padding: 28px 15px 0;
    margin-bottom: 20px;
  }
  .about-us-page .about-us-screen .title-block h1 {
    font-size: 3.0625rem;
    margin-bottom: 130px;
  }
  .about-us-page .about-us-screen .title-block span {
    margin-bottom: 0;
  }
  .about-us-page .about-us-screen .info-block .blue-cell {
    display: flex;
    height: auto;
    padding: 30px 15px;
  }
  .about-us-page .about-us-screen .info-block .blue-cell > div .btn {
    margin-top: 164px;
  }
  .about-us-page .article-screen .all-article {
    border-right: none;
    padding: 100px 15px;
  }
  .about-us-page .article-screen .all-article.mobile {
    padding: 80px 15px;
  }
  .about-us-page .article-screen .news-list-item {
    padding: 30px 15px;
  }
  .about-us-page .article-screen .news-list-item:not(:last-child) {
    border-right: none;
  }
  .about-us-page .article-screen .news-list-item .preview-picture {
    height: 48vw;
  }
}
/*----------MEDIA СТРАНИЦА О НАС (END)------------*/
/*----------СТРАНИЦА ДЕМОНСТРАЦИЯ BIM-МОДУЛИ (START)------------*/
.demo-bim-page .title-block {
  border-top: 1px solid #D7D7D7;
  padding: 15px 0;
  margin: 0;
}
.demo-bim-page .title-block > div {
  padding: 0 30px;
}
.demo-bim-page .title-block .subtitle {
  margin-top: 15px;
  color: #8A8B94;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}
.demo-bim-page .title-block .subtitle p {
  max-width: 292px;
}
.demo-bim-page .title-block .title {
  margin-bottom: 170px;
}
.demo-bim-page .title-block .text {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 400;
  max-width: 600px;
}
.demo-bim-page .bim-model {
  margin: 0;
}
.demo-bim-page .bim-model .col-contact {
  padding: 20px 30px;
  border-top: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
}
.demo-bim-page .bim-model .col-contact h2 {
  margin-bottom: 35px;
}
.demo-bim-page .bim-model .col-contact p {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 100px;
}
.demo-bim-page .bim-model .col-model {
  padding: 30px;
  border-top: 1px solid #D7D7D7;
}
.demo-bim-page .bim-model .col-model .frame-model {
  margin-bottom: 6px;
  height: 40vw;
}
.demo-bim-page .bim-model .col-model .frame-model img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.demo-bim-page .bim-model .col-model p {
  color: #8A8B94;
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 400;
  max-width: 900px;
  /*margin-bottom: 70px;*/
  margin-bottom: 15px;
}
.demo-bim-page .bim-model .software-col {
  padding: 66px 30px;
  border-top: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
}
.demo-bim-page .bim-model .software-col > div {
  max-width: 240px;
  margin: 0 auto;
}
.demo-bim-page .bim-model .software-col > div p {
  margin-bottom: 54px;
  color: #4A494A;
  line-height: 1;
  font-size: 1.125rem;
  font-weight: 500;
}
.demo-bim-page .bim-model .software-col > div a {
  margin-bottom: 11px;
}
.demo-bim-page .bim-model .service-col {
  padding: 60px 25% 90px 16.6%;
  border-top: 1px solid #D7D7D7;
}
.demo-bim-page .bim-model .service-col h2 {
  margin-bottom: 68px;
}

/*----------СТРАНИЦА ДЕМОНСТРАЦИЯ BIM-МОДУЛИ (END)------------*/
/*----------MEDIA СТРАНИЦА ДЕМОНСТРАЦИЯ BIM-МОДУЛИ (START)------------*/
@media (max-width: 1199px) {
  .demo-bim-page .title-block {
    padding-top: 20px;
  }
  .demo-bim-page .title-block .title {
    margin-bottom: 250px;
  }
  .demo-bim-page .title-block .subtitle {
    margin-top: 4px;
  }
  .demo-bim-page .bim-model .col-model .frame-model {
    height: 90vw;
  }
  .demo-bim-page .bim-model .col-model p {
    /*margin-bottom: 130px;*/
  }
  .demo-bim-page .bim-model .col-contact {
    padding: 34px 30px 80px;
  }
  .demo-bim-page .bim-model .software-col {
    padding: 40px 30px;
    border-right: none;
  }
  .demo-bim-page .bim-model .service-col {
    padding: 60px 16.6% 140px 30px;
  }
}
@media (max-width: 767px) {
  .demo-bim-page .title-block {
    padding-top: 15px;
    padding-bottom: 20px;
  }
  .demo-bim-page .title-block > div {
    padding: 0 15px;
  }
  .demo-bim-page .title-block .title {
    margin-bottom: 130px;
  }
  .demo-bim-page .title-block .title h1 {
    font-size: 2.25rem;
  }
  .demo-bim-page .title-block .subtitle {
    margin-bottom: 30px;
    margin-top: 0;
  }
  .demo-bim-page .bim-model .col-model {
    padding: 20px 15px;
  }
  .demo-bim-page .bim-model .col-model .frame-model {
    height: 95vw;
    margin-bottom: 10px;
  }
  .demo-bim-page .bim-model .col-model p {
    /*margin-bottom: 70px;*/
  }
  .demo-bim-page .bim-model .col-contact {
    padding: 30px 15px;
    border-right: none;
  }
  .demo-bim-page .bim-model .col-contact h2 {
    margin-bottom: 20px;
    max-width: 250px;
  }
  .demo-bim-page .bim-model .col-contact p {
    margin-bottom: 132px;
  }
  .demo-bim-page .bim-model .software-col {
    padding: 30px 15px 70px;
  }
  .demo-bim-page .bim-model .software-col > div {
    margin: 0;
  }
  .demo-bim-page .bim-model .service-col {
    padding: 30px 15px 140px;
  }
  .demo-bim-page .bim-model .service-col h2 {
    margin-bottom: 80px;
  }
}
/*----------MEDIA СТРАНИЦА ДЕМОНСТРАЦИЯ BIM-МОДУЛИ (END)------------*/
/*----------СТРАНИЦА УСЛУГИ (START)------------*/
.services-page .breadcrumbs {
  border-bottom: 1px solid #D7D7D7;
}
.services-page .title-block {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #D7D7D7;
  padding: 25px 15px 0;
}
.services-page .title-block h1 {
  line-height: 1.2;
}
.services-page .title-block p {
  margin-bottom: 35px;
  margin-top: 26px;
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 400;
}
.services-page .title-block .link {
  margin-bottom: 95px;
}
.services-page .title-block .bim-link {
  margin-top: auto;
  margin-bottom: 12px;
}
.services-page .service-content {
  padding: 95px 30px;
}
.services-page .service-block {
  border: 2px solid #4A494A;
  margin-bottom: 60px;
  padding: 44px 30px;
  display: flex;
}
.services-page .service-block .show-mobile {
  display: none;
}
.services-page .service-block .left-part h2 {
  margin-bottom: 51px;
  color: #4A494A;
  line-height: 1.1;
  font-size: 3.125rem;
  font-weight: 400;
}
.services-page .service-block .left-part p {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 25px;
}
.services-page .service-block .left-part .link-arrow-right {
  margin-bottom: 58px;
}
.services-page .service-block .right-part {
  border-left: 1px solid #D7D7D7;
  padding: 15px 57px 60px;
}
.services-page .service-block .right-part > div:not(:last-child) {
  /* margin-bottom: 125px; */
  margin-bottom: 80px;
}
.services-page .service-block .right-part h3 {
  margin-bottom: 7px;
}
.services-page .service-block .right-part .accordeon-block {
  transition: height 1s cubic-bezier(0.27, 0, 0.66, 0.99);
}
.services-page .service-block .right-part .subtitle {
  color: #8A8B94;
  line-height: 1.1;
  font-size: 1rem;
  font-weight: 500;
}
.services-page .service-block .right-part .subtitle.uppercase {
  text-transform: uppercase;
}
.services-page .service-block .right-part .lists {
  margin-top: 68px;
}
.services-page .service-block .right-part .lists .title {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 28px;
}
.services-page .service-block .right-part .lists ol > div > li {
  counter-increment: num;
}
.services-page #bim {
  display: flex;
  flex-wrap: wrap;
}
.services-page #bim h2 {
  line-height: 1.1;
}
.services-page #bim > div {
  padding: 44px 30px 15px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #D7D7D7;
}
.services-page #bim > div:not(:nth-child(4n+4)) {
  border-right: 1px solid #D7D7D7;
}
.services-page #bim > div:not(.title-cell-block) {
  padding-top: 57px;
}
.services-page #bim > div .title-cell {
  /* margin-bottom: 310px; */
  margin-bottom: 155px;
  color: #4A494A;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 500;
}
.services-page #bim > div .gradient-circles {
  margin-top: auto;
}

/*----------СТРАНИЦА УСЛУГИ (END)--------------*/
/*----------MEDIA СТРАНИЦА УСЛУГИ (START)--------------*/
@media (max-width: 1400px) {
  .services-page .service-block {
    flex-wrap: wrap;
  }
  .services-page .service-block .left-part {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 1px solid #D7D7D7;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .services-page .service-block .left-part h2 {
    order: 0;
    width: 66.666666%;
    margin-bottom: 130px;
  }
  .services-page .service-block .left-part .base-btn {
    order: 1;
    margin-top: 13px;
  }
  .services-page .service-block .left-part p {
    order: 2;
    width: 66.666666%;
    margin-bottom: 15px;
  }
  .services-page .service-block .left-part .link-arrow-right {
    order: 3;
    margin-bottom: 15px;
    margin-top: auto;
  }
  .services-page .service-block .right-part {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-left: none;
    padding: 60px 0 30px;
  }
  .services-page #bim h2 > br:first-child {
    display: none;
  }
}
@media (max-width: 1199px) {
  .services-page #bim > div .title-cell {
    /* margin-bottom: 240px; */
    margin-bottom: 155px;
  }
  .services-page #bim > div:not(:nth-child(4n+4)) {
    border-right: none;
  }
  .services-page #bim > div:not(.title-cell-block) {
    padding: 30px 30px 45px;
  }
  .services-page #bim > div.title-cell-block {
    padding: 65px 30px;
  }
  .services-page #bim > div:nth-child(2n) {
    border-right: 1px solid #D7D7D7;
  }
  .services-page #bim > div:last-child {
    display: none;
  }
}
@media (max-width: 991px) {
  .services-page .title-block p {
    margin-bottom: 15px;
  }
  .services-page .title-block .bim-link {
    margin-bottom: 15px;
  }
  .services-page .title-block .bim-link a {
    max-width: 137px;
    white-space: normal;
    display: block;
  }
  .services-page .title-block .bim-link a:hover {
    box-shadow: inset 0 -2.25em 0 0 #124FDC;
  }
  .services-page .title-block .link {
    margin-top: 30px;
    margin-bottom: 187px;
  }
  .services-page .service-content {
    padding: 80px 30px 75px;
  }
  .services-page .service-block {
    padding: 30px 30px 55px;
    flex-wrap: wrap;
  }
  .services-page .service-block .right-part .lists {
    margin-top: 53px;
  }
  .services-page .service-block .right-part .lists > div {
    display: flex;
    margin-bottom: 47px;
  }
  .services-page .service-block .right-part .lists > div .title {
    width: 33.333333%;
    padding-right: 15px;
  }
  .services-page .service-block .right-part .lists > div ol, .services-page .service-block .right-part .lists > div ul {
    padding-left: 15px;
    width: 66.666666%;
  }
  .services-page .service-block .right-part > div:not(:last-child) {
    margin-bottom: 50px;
  }
  .services-page .service-block .right-part .square-list-with-details li {
    width: 47%;
  }
  .services-page #bim > div {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .services-page #bim > div .title-cell {
    margin-bottom: 0;
  }
  .services-page #bim > div .gradient-circles {
    width: 50px;
    height: 50px;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .services-page .title-block {
    padding: 28px 0 0;
  }
  .services-page .title-block h1 {
    margin-bottom: 100px;
  }
  .services-page .title-block p {
    margin-bottom: 0;
  }
  .services-page .title-block .bim-link {
    display: flex;
    align-items: flex-end;
    margin-top: 120px;
    margin-bottom: 15px;
  }
  .services-page .title-block .link {
    margin-top: 120px;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .services-page .title-block .link .base-btn {
    height: max-content;
  }
  .services-page .service-content {
    padding: 60px 15px 75px;
  }
  .services-page .service-block {
    padding: 15px 15px 75px;
  }
  .services-page .service-block .left-part h2 {
    font-size: 2.3125rem;
    line-height: 1.1;
    width: 100%;
    margin-bottom: 55px;
  }
  .services-page .service-block .left-part p {
    width: 100%;
  }
  .services-page .service-block .left-part .link-arrow-right {
    margin-top: 100px;
    align-items: center;
    border: 1px solid #2F6AF2;
    border-radius: 6px;
    padding: 8px 15px;
    text-transform: lowercase;
    line-height: 1.1;
    font-size: 1rem;
  }
  .services-page .service-block .left-part .link-arrow-right span {
    z-index: 2;
  }
  .services-page .service-block .left-part .link-arrow-right:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #124FDC;
    transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.6s cubic-bezier(0.27, 0, 0.66, 0.99);
    border-radius: 4px;
    opacity: 0;
  }
  .services-page .service-block .left-part .link-arrow-right:hover {
    box-shadow: none;
  }
  .services-page .service-block .left-part .link-arrow-right:hover:after {
    width: 100%;
    opacity: 1;
    transition: width 0.5s cubic-bezier(0.27, 0, 0.66, 0.99), opacity 0.2s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .services-page .service-block .left-part .link-arrow-right > svg {
    display: none;
  }
  .services-page .service-block .left-part .base-btn {
    order: 4;
    margin-bottom: 15px;
    margin-top: 100px;
  }
  .services-page .service-block .left-part .show-mobile {
    display: flex;
  }
  .services-page .service-block .left-part .show-mobile svg {
    width: 8px;
    height: 8px;
    margin-left: 5px;
    margin-top: 1px;
  }
  .services-page .service-block .right-part {
    padding: 40px 0 0;
  }
  .services-page .service-block .right-part h3 {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 15px;
  }
  .services-page .service-block .right-part h3:before {
    display: none;
  }
  .services-page .service-block .right-part h3 svg {
    width: 16px;
    height: 16px;
    transform: rotate(0deg);
    transition: transform 0.5s cubic-bezier(0.27, 0, 0.66, 0.99);
  }
  .services-page .service-block .right-part .active h3 svg {
    transform: rotate(180deg);
  }
  .services-page .service-block .right-part .accordeon-block {
    margin-bottom: 20px;
    overflow: hidden;
  }
  .services-page .service-block .right-part .show-mobile {
    display: block;
  }
  .services-page .service-block .right-part > div:not(:last-child) {
    margin-bottom: 40px;
  }
  .services-page .service-block .right-part .square-list-with-details li {
    width: 50%;
  }
  .services-page .service-block .right-part .lists {
    padding-top: 60px;
    margin-top: 0px;
  }
  .services-page .service-block .right-part .lists > div {
    flex-wrap: wrap;
  }
  .services-page .service-block .right-part .lists > div .title {
    width: 100%;
    padding-right: 0;
  }
  .services-page .service-block .right-part .lists > div ol, .services-page .service-block .right-part .lists > div ul {
    width: 100%;
    padding-left: 0;
  }
  .services-page .service-block .right-part .lists li {
    margin-bottom: 10px;
  }
  .services-page .service-block .right-part > div:not(:last-child) {
    margin-bottom: 0;
    padding-bottom: 20px;
  }
  .services-page #bim h2 {
    font-size: 2rem;
  }
  .services-page #bim > div.title-cell-block {
    padding: 60px 15px;
  }
  .services-page #bim > div:nth-child(2n) {
    border-right: none;
  }
  .services-page #bim > div:not(.title-cell-block) {
    padding: 30px 15px 60px;
  }
}
@media (max-width: 550px) {
  .services-page .service-block .right-part .square-list-with-details li {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 413px) {
  .services-page .title-block .bim-link a {
    max-width: 87px;
  }
  .services-page .title-block .bim-link a:hover {
    box-shadow: inset 0 -3.4em 0 0 #124FDC;
  }
  .services-page .service-block .left-part .link-arrow-right {
    margin-right: 15px;
  }
  .services-page .service-block .left-part .base-btn {
    margin-top: auto;
  }
}
/*----------MEDIA СТРАНИЦА УСЛУГИ (END)----------------*/
/*----------СТРАНИЦА КОНТАКТЫ (START)------------*/
.contacts-page .main-screen {
  margin: 0;
  padding-top: 25px;
  border-top: 1px solid #D7D7D7;
}
.contacts-page .main-screen > div {
  padding: 0 30px;
}
.contacts-page .main-screen .col-title {
  margin-bottom: 100px;
}
.contacts-page .main-screen .col-subtitle {
  margin-bottom: 100px;
  margin-top: 26px;
}
.contacts-page .main-screen .col-subtitle p {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1.125rem;
  font-weight: 400;
  max-width: 450px;
}
.contacts-page .main-screen .col-contact {
  padding-top: 75px;
  padding-bottom: 90px;
  border-top: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
}
.contacts-page .main-screen .col-contact p {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.contacts-page .main-screen .col-contact a {
  color: #4A494A;
  line-height: 1.15;
  font-size: 2rem;
  font-weight: 500;
  white-space: nowrap;
}
.contacts-page .main-screen .col-question {
  padding-top: 65px;
  padding-bottom: 80px;
  border-top: 1px solid #D7D7D7;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.contacts-page .main-screen .col-question > * {
  margin-top: 10px;
  margin-bottom: 10px;
}
.contacts-page .main-screen .col-question h2 {
  max-width: 152px;
  margin-right: calc(11.6% + 10px);
}
.contacts-page .main-screen .col-question p {
  max-width: 290px;
  margin-right: calc(11.6% + 10px);
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 400;
}
.contacts-page .main-screen .col-address {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #D7D7D7;
  border-right: 1px solid #D7D7D7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contacts-page .main-screen .col-address p {
  color: #8A8B94;
  line-height: 1.2;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.contacts-page .main-screen .col-address .address {
  margin-bottom: 30px;
  color: #4A494A;
  line-height: 1.1;
  font-size: 2rem;
  font-weight: 500;
}
.contacts-page .main-screen .col-map {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #D7D7D7;
}
.contacts-page .main-screen .col-map #gmap {
  height: 426px;
}
.contacts-page .main-screen .col-map #gmap .gmnoprint {
  display: none;
}

/*----------СТРАНИЦА КОНТАКТЫ (START)------------*/
/*----------MEDIA СТРАНИЦА КОНТАКТЫ (START)------------*/
@media (max-width: 1800px) and (min-width: 1200px) {
  .contacts-page .main-screen .col-question h2 {
    margin-right: 11.6%;
  }
  .contacts-page .main-screen .col-question p {
    max-width: 174px;
    margin-right: 11.6%;
  }
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .contacts-page .main-screen .col-contact a {
    font-size: 1.6875rem;
  }
  .contacts-page .main-screen .col-address .address {
    font-size: 1.6875rem;
  }
  .contacts-page .main-screen .col-question {
    justify-content: space-between;
  }
  .contacts-page .main-screen .col-question h2, .contacts-page .main-screen .col-question p {
    margin-right: 6.5%;
  }
  .contacts-page .main-screen .col-question h2 {
    max-width: min-content;
  }
}
@media (max-width: 1199px) {
  .contacts-page .main-screen .col-title {
    margin-bottom: 180px;
  }
  .contacts-page .main-screen .col-subtitle {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .contacts-page .main-screen .col-subtitle p {
    max-width: 100%;
  }
  .contacts-page .main-screen .col-contact {
    padding-bottom: 85px;
  }
  .contacts-page .main-screen .col-contact.col-mail {
    border-right: none;
  }
  .contacts-page .main-screen .col-question {
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .contacts-page .main-screen .col-question h2, .contacts-page .main-screen .col-question p {
    margin-right: calc(5.6% + 10px);
  }
  .contacts-page .main-screen .col-address {
    padding-top: 75px;
    padding-bottom: 85px;
    border-right: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .contacts-page .main-screen .col-address p {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px;
  }
  .contacts-page .main-screen .col-address .address {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .contacts-page .main-screen {
    padding-top: 30px;
  }
  .contacts-page .main-screen > div {
    padding: 0 15px;
  }
  .contacts-page .main-screen .col-title {
    margin-bottom: 130px;
  }
  .contacts-page .main-screen .col-contact {
    padding-bottom: 65px;
    padding-top: 65px;
  }
  .contacts-page .main-screen .col-contact p {
    margin-bottom: 10px;
  }
  .contacts-page .main-screen .col-contact a {
    font-size: 1.5625rem;
  }
  .contacts-page .main-screen .col-question {
    padding-top: 30px;
    padding-bottom: 30px;
    flex-direction: column;
    align-items: flex-start;
  }
  .contacts-page .main-screen .col-question h2 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .contacts-page .main-screen .col-question p {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 100px;
  }
  .contacts-page .main-screen .col-question a {
    margin-top: 0;
    margin-bottom: 0;
  }
  .contacts-page .main-screen .col-address {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .contacts-page .main-screen .col-address p {
    margin-bottom: 10px;
  }
  .contacts-page .main-screen .col-address .address {
    font-size: 1.5625rem;
    margin-bottom: 50px;
  }
}
/*----------MEDIA СТРАНИЦА КОНТАКТЫ (END)------------*/
/*----------СТРАНИЦА 404 (START)------------*/
.error-page .banner-block .element .text {
  padding-top: 65px;
}
.error-page .banner-block .element .text .text-block {
  margin-bottom: 44px;
}
.error-page .banner-block .element .image {
  order: 2;
  border-top: none;
}

/*----------СТРАНИЦА 404 (END)------------*/
/*----------СТРАНИЦА ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ (START)------------*/
.privacy-policy-page .breadcrumbs {
  border-bottom: 1px solid #D7D7D7;
}
.privacy-policy-page .title-block {
  margin: 0 0 70px;
  align-items: flex-end;
  padding: 22px 0 78px;
  border-bottom: 1px solid #D7D7D7;
}
.privacy-policy-page .title-block h1 {
  line-height: 0.9;
}
.privacy-policy-page .title-block p {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 400;
}
.privacy-policy-page .title-block > div {
  padding: 0 30px;
}
.privacy-policy-page .text-privacy-policy {
  margin: 0 0 60px;
}
.privacy-policy-page .text-privacy-policy > div {
  padding: 0 30px;
}
.privacy-policy-page .text-privacy-policy p {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 35px;
}
.privacy-policy-page .text-privacy-policy .text-col {
  margin-bottom: 105px;
}
.privacy-policy-page .text-privacy-policy ol {
  padding: 5px 0 10px 15%;
}
.privacy-policy-page .text-privacy-policy ol li {
  color: #4A494A;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 25px;
}
.privacy-policy-page .text-privacy-policy ol li:before {
  font-size: 20px;
  line-height: 1.4;
}
.privacy-policy-page .text-privacy-policy a {
  display: inline-flex;
  font-size: 20px;
  font-weight: 500;
}

/*----------СТРАНИЦА ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ (END)------------*/
/*----------MEDIA СТРАНИЦА ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ (START)------------*/
@media (max-width: 1800px) {
  .privacy-policy-page .title-block h1 {
    font-size: 4rem;
  }
}
@media (max-width: 1439px) {
  .privacy-policy-page .title-block h1 {
    font-size: 3.25rem;
  }
}
@media (max-width: 1199px) {
  .privacy-policy-page .title-block h1 {
    font-size: 4.25rem;
    margin-bottom: 30px;
  }
  .privacy-policy-page .text-privacy-policy ol {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .privacy-policy-page .text-privacy-policy h2 {
    margin-bottom: 40px;
  }
  .privacy-policy-page .text-privacy-policy ol {
    padding-left: 16%;
  }
}
@media (max-width: 767px) {
  .privacy-policy-page .title-block > div {
    padding: 0 15px;
  }
  .privacy-policy-page .title-block h1 {
    font-size: 2.3125rem;
    margin-bottom: 30px;
  }
  .privacy-policy-page .text-privacy-policy > div {
    padding: 0 15px;
  }
  .privacy-policy-page .text-privacy-policy p {
    font-size: 1rem;
  }
  .privacy-policy-page .text-privacy-policy ol li {
    font-size: 1rem;
  }
  .privacy-policy-page .text-privacy-policy ol li:before {
    font-size: 1rem;
  }
  .privacy-policy-page .text-privacy-policy a {
    font-size: 1rem;
  }
}
@media (max-width: 413px) {
  .privacy-policy-page .title-block h1 {
    font-size: 1.75rem;
  }
}
@media (max-width: 374px) {
  .privacy-policy-page .text-privacy-policy ol {
    padding-left: 0;
  }
}
/*----------MEDIA СТРАНИЦА ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ (END)------------*/

/*# sourceMappingURL=template.css.map */


ymaps.ymaps-2-1-78-svg-icon,
ymaps.ymaps-2-1-78-image,
ymaps.ymaps-2-1-78-svg-icon,
.ymaps-2-1-78-svg-icon,
ymaps.ymaps-2-1-79-svg-icon,
ymaps.ymaps-2-1-79-image,
ymaps.ymaps-2-1-79-svg-icon,
.ymaps-2-1-79-svg-icon,
ymaps.ymaps-2-1-80-svg-icon,
ymaps.ymaps-2-1-80-image,
ymaps.ymaps-2-1-80-svg-icon,
.ymaps-2-1-80-svg-icon {
  width: 55px !important;
  height: 37px !important;
  background-image: url("../images/logo/logo-main.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-size: 55px 37px !important; }

/* текст в логотипе */

.slogan {
	float: left;
	margin: 13px 0 0 13px;
	font-size: 13px;
	line-height: 1.25;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: color .15s;
	-moz-transition: color .15s;
	-ms-transition: color .15s;
	-o-transition: color .15s;
	transition: color .15s;
}

/* 404 */
.page-404 {
  padding: 40px 0;
}
.page-404__inner img {
  width: 50%;
  margin-right: 30px;
}
.page-404__inner {
  display: flex;
}
.page-404__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .container-404 {
    min-width: 100%;
  }
}
@media (max-width: 775px) {
  .page-404__inner img {
    width: 100%;
    margin-right: 0;
  }
  .page-404__inner {
    flex-direction: column;
  }
  .page-404__title {
    flex-wrap: wrap;
    align-content: center;
  }
}
/* END 404 */

/* main-blocks-header */
.main-info-blocks .hover-gradient-circles {
  position: relative;
}
.main-info-blocks .hover-gradient-circles a {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* END main-blocks-header*/

/* demo-bim */
.project-container {
  display: flex;
  flex-direction: column;
}
.project-subtext {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.project-share img {
  width: 22px;
}
.project-share {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.push-share {
  margin: 0 0 0 10px!important;
}
/* END demo-bim */

/* typ-modal-center */
.modal-center .modal-content {
  width: 500px;
  height: 220px;
  top: 40%;
  left: 40%;
  overflow: hidden;
  transform: none!important;
  padding: 10px 0 30px 0;
}
/* typ-modal-center END */

@media screen and (min-width: 1200px) and (max-width: 1439.98px) {
  .webinars-page .list-webinars .webinar-element {
    min-height: 365px;
  }
  .webinars-page .list-webinars .webinar-element .img-wrap {
    max-height: 365px;
  }
}
.catalog-page .catalog-content .navigation-panel .item:nth-child(odd) {
  margin-right: 50px;
}
.catalog-page .catalog-content .navigation-panel .item {
  padding-top: 10px;
  padding-bottom: 10px;
}
main {
  /*overflow: hidden;*/
}
@media (max-height: 949px) and (min-width: 992px) and (max-width: 1199.98px) {
  .news-screen {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 991.98px) {
  footer .footer-bar .col-menu {
    border-right: none;
  }
}
@media screen and (min-width: 375px) and (max-width: 991.98px) {
  footer .footer-bar .col-menu .menu-footer .service-col {
    display: flex;
  }
  footer .footer-bar .col-menu .menu-footer .service-col > div {
    width: 50%;
  }
  footer .footer-bar .col-menu .menu-footer .service-col > div:last-child {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  footer .footer-bar .col-contact .contact-cell.contacts .wrap-contacts-company {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  footer .footer-bar .col-contact .contact-cell.contacts .address {
    margin-bottom: 0;
  }
  footer .footer-bar .col-contact .contact-cell.contacts .social-link {
    margin-top: 0;
  }
}


.full-screen__video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.innovation-screen-img {
  position: relative;
  padding: 50px 15px;
  background: linear-gradient(345.33deg, #D2E0FF 33.14%, #4E82FB 133.64%);
}

@media screen and (min-width: 576px) {
	.innovation-screen-img {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (min-width: 768px) {
	.innovation-screen-img {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media screen and (min-width: 992px) {
	.innovation-screen-img {
		padding: 110px 90px;
	}
}

.innovation-screen-img::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 20px;
	width: 80px;
	height: 27px;
	background: url("../images/logo/pro-tim-logo.svg") no-repeat center / contain;
}

@media screen and (min-width: 576px) {
	.innovation-screen-img::before {
		top: 30px;
		left: 30px;
		width: 140px;
		height: 47px;
	}
}

@media screen and (min-width: 992px) {
	.innovation-screen-img::before {
		top: 40px;
		left: 40px;
	}
}


.innovation-screen-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@media screen and (min-width: 992px) {
	.catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags .base-btn {
	  margin-top: auto; 
	}
}
@media screen and (min-width: 1301px) {
	.catalog-page .catalog-content .catalog-item .catalog-card .right-part .tags .base-btn {
	  margin-left: calc(50% + 15px);
	}
}

.product-item-page .catalog-page .catalog-title .text-block p {
  margin-bottom: 55px;
}
@media screen and (min-width: 576px) {
	.opportunities .opportunities-content {
		padding-left: 1.875rem; 
		padding-right: 1.875rem; 
	}
}
.product-matrix-table .table-cell dd {
	margin-top: 3px;
	color: #8A8B94;
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
	.configuration .configuration-links .base-btn { 
		margin-right: calc(33.333333% - 112px); 
	}
}
.opportunities-list-item-link {
	height: 100%;
}
.opportunities .opportunities-list-item-img {
	padding-top: 0.937rem;
	padding-bottom: 0.937rem;
}
@media screen and (min-width: 768px) {
	.opportunities .opportunities-list-item-img {
		padding-top: 1.875rem;
		padding-bottom: 1.875rem;
		padding-left: 1.875rem;
	}
}
.first-screen {
	overflow: hidden;
}
.innovation-screen .left-side .tabs-body.numbered-list li .base-btn span {
color: #ffffff;
} 
.innovation-screen .left-side .tabs-body.numbered-list li .base-btn:hover span {
color: #2F6AF2;
} 
.innovation-screen .left-side .tabs-body.numbered-list li .base-btn {
margin-top: 55px;
}
.news-screen .news-list-item .bottom-block .news-list-item-child .more { 
margin-left: auto; 
}

.fn{
  display: none;
}

@media screen and (min-width: 768px) {
	.opportunities-list-item-img img, .opportunities-list-item-img picture {
	  position: absolute;
	  top: 0;
	  left: 0;
	}
}
.opportunities-list-item .for-whom {
	margin-top: 55px;
}

@media screen and (max-width: 575.98px) {
	.catalog-page .catalog-content .catalog-item .catalog-card {
		padding: 24px;
	}
	.catalog-page .catalog-content .catalog-item .catalog-card .left-part .logo, .catalog-page .catalog-content .catalog-item .catalog-card .left-part {
		margin-bottom: 73px;
	}
	.catalog-card-preview {
		padding-left: 50px;
	}
}

.catalog-page .catalog-content .catalog-item .catalog-card .right-part .list ul {
	margin-bottom: 20px;
}

.news-detail-page .news-col img {
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 992px) and (max-width: 1439px) {
	.catalog-page .catalog-title h1 {
		font-size: 4rem;
	}
}

/* Обновление страницы товара и footer */
.section-header {
	margin-top: 100px;
	margin-bottom: 70px;
	padding-left: 25px;
	padding-right: 25px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
}
.section-header .product-item-title::before {
	content: none;
}   
footer .footer-bar .col-contact .contact-cell:first-child {
	border-bottom: none;
}
footer .footer-bar .col-menu .menu-footer .service-col {
	display: block;
}
footer .footer-bar .col-menu .menu-footer .service-col > div:last-child {
	padding-left: 0;
}
footer .footer-bar .contact-cell {
	margin-top: 30px;
	margin-bottom: 30px;
}
footer .footer-bar .contact-cell.contacts .link-contact {
	display: block;
	margin-bottom: 7px;
	width: max-content;
}
@media (max-width: 767px)  {
	footer .footer-bar .contact-cell {
		padding: 0 15px;
	}
	footer .footer-bar .contact-cell.contacts .address {
		margin-bottom: 20px;
	}
	footer .footer-bar .contact-cell.contacts .social-link {
		margin-top: 35px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
	footer .footer-bar .contact-cell.contacts .wrap-contacts-company {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
}
@media (min-width: 992px) {
	footer .footer-bar .contact-cell.contacts .address {
		margin-bottom: 20px;
	}
	footer .footer-bar .contact-cell.contacts .social-link {
		margin-top: 35px;
	}
}


/* Обновление новости */
.news-detail-page .main-screen .news-description p {
	max-width: 1070px;
}
.news-detail-page .main-screen .news-description p,
.news-detail-page .news-col .lead {
	font-size: 20px;
	line-height: 1.4;
}
.news-detail-page .news-col .lead {
	margin-top: 3.04em;
	margin-bottom: 3.04em;
}
.news-detail-page .news-col .lead:first-child {
	margin-top: 0;
}
.news-detail-page .news-col h3 {
	margin-top: 2.8em;
	margin-bottom: 1.4em;
	font-size: 25px;
	line-height: 1.05;
}
.news-detail-page .news-col p,
.news-detail-page .news-col ol li, 
.news-detail-page .news-col ul li {
	font-size: 16px;
	line-height: 1.4;
}
.news-detail-page .news-col h3,
.news-detail-page .news-col p,
.news-detail-page .news-col ol,
.news-detail-page .news-col ul {
	max-width: 760px;
}
.news-detail-page .news-col a {
	font-size: inherit;
}
.news-detail-page .news-col p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.news-detail-page .news-col ul {
	padding-left: 12px;
}
.news-detail-page .news-col ol {
	padding-left: 0;
}
.news-detail-page .news-col ul li {
	margin-top: 0.65em;
	margin-bottom: 0.65em;
}
.news-detail-page .news-col ol li {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}
.news-detail-page .news-col ol, 
.news-detail-page .news-col ul {
	margin-top: 1.75em;
	margin-bottom: 1.75em;    
}
.news-detail-page .news-col ol .product-item-list {
	padding-left: 25px;
}
.news-detail-page .counter-left .counter {
	position: relative;
	display: block;
	padding-left: 50px;
}
.news-detail-page .counter-left .counter::before {
	position: absolute;
	top: 0;
	left: 0;
}
.news-detail-page .news-col .base-btn {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}
/*.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.table-tariff {
	width: 100%;
	border: 1px solid #4A494A;
}
.table-tariff th,
.table-tariff td {
	padding: 20px;
	width: calc(100% / 3);
	vertical-align: top;
	border: 1px solid #4A494A;
	border-bottom-color: #D7D7D7;
}
.news-detail-page .news-col .tariff-note {
	font-size: 16px;
	color: #5580E1;
}
.news-detail-page .news-col .tariff-note b {
	color: #F900CF;
}
.table-tariff th {
	font-size: 23px;
	line-height: 1.05;  
}
.news-detail-page .news-col .tariff-price {
	margin-bottom: 1.75em;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	color: #124FDC;
}
.table-tariff th:nth-child(2),
.table-tariff td:nth-child(2) {
	background-color: #E1EAFF;
	border-bottom: 1px solid #6590F4;
}   
.table-tariff th:nth-child(3),
.table-tariff td:nth-child(3) {
	background-color: #124FDC;
	border-bottom: 1px solid #2F6AF2;
}
.table-tariff td:nth-child(3) {
	color: #D0DCF8;
}
.table-tariff th:nth-child(3),
.table-tariff td:nth-child(3) .tariff-price {
	color: #ffffff;
}
.table-tariff tr:nth-child(3) td:first-child {
	border-bottom-color: transparent;
}
.table-tariff tr:last-child td {
	vertical-align: bottom;
	border-bottom-color: #4A494A;
}*/

/* new */
.table-tariff {
	display: grid;
	margin-top: 40px;
	margin-bottom: 40px;
	border: 1px solid #4A494A;
}
.table-tariff .th,
.table-tariff .td {
	display: flex;
	flex-direction: column;
	padding: 20px;
	border-bottom: 1px solid #D7D7D7;
}
.news-detail-page .news-col .tariff-note {
	font-size: 16px;
	color: #5580E1;
}
.news-detail-page .news-col .tariff-note b {
	color: #F900CF;
}
.table-tariff .th {
	font-size: 23px;
	line-height: 1.05;  
	font-weight: 700;
}
.news-detail-page .news-col .tariff-price {
	margin: 0;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	color: #124FDC;
}
.news-detail-page .news-col .tariff-price + .tariff-note,
.news-detail-page .news-col .tariff-note + .base-btn {
	margin-top: 30px;
}
.news-detail-page .news-col .tariff-note {
	margin-top: 0;
}
.news-detail-page .news-col .tariff-note:last-of-type {
	margin-bottom: auto;
}
.table-tariff .th-2,
.table-tariff .td-2 {
	background-color: #E9E9E9;
	border-bottom: 1px solid #C7C7C7;
}   
.table-tariff .th-3,
.table-tariff .td-3 {
	background-color: #124FDC;
	border-bottom: 1px solid #2F6AF2;
}
.table-tariff .td-3,
.table-tariff .td-3 .tariff-note {
	color: #D0DCF8;
}
.table-tariff .th-3,
.table-tariff .td-3 .tariff-price {
	color: #ffffff;
}
.table-tariff .td-1-3,
.table-tariff .td-2-3 {
	border-bottom-color: #5A5A5A;
}
.table-tariff .td-3-3 {
	border-bottom-color: transparent;
}

@media screen and (min-width: 768px) {
	.news-detail-page .news-col p,
	.news-detail-page .news-col ol li, 
	.news-detail-page .news-col ul li {
		font-size: 20px;
	}
	.news-detail-page .news-col ol .product-item-list {
		padding-left: 100px;
	}
	.news-detail-page .main-screen .news-description p,
	.news-detail-page .news-col .lead {
		font-size: 23px;
	}
	/*.table-tariff th {
		font-size: 30px;
	}*/
	.table-tariff {
		grid-template-columns: repeat(3, 1fr);
		grid-template-areas: "th-1-1 th-2-1 th-3-1"
							"td-1-2 td-2-2 td-3-2"
							"td-1-3 td-2-3 td-3-3";
	}
	.th-1-1 {
		grid-area: th-1-1;
	}
	.th-2-1 {
		grid-area: th-2-1;
	}
	.th-3-1 {
		grid-area: th-3-1;
	}
	.td-1-2 {
	   grid-area: td-1-2; 
	}
	.td-1-3 {
	   grid-area: td-1-3; 
	}
	.td-2-2 {
	   grid-area: td-2-2; 
	}
	.td-2-3 {
	   grid-area: td-2-3; 
	}
	.td-3-2 {
	   grid-area: td-3-2; 
	}
	.td-3-3 {
	   grid-area: td-3-3; 
	}
	.table-tariff .th {
		font-size: 30px;
	}
	.table-tariff .th-2,
	.table-tariff .td-2,
	.table-tariff .th-3,
	.table-tariff .td-3  {
		border-left: 1px solid #4A494A;
	}   
	.table-tariff .th-2,
	.table-tariff .td-2 {
		background-color: #E1EAFF;
		border-bottom: 1px solid #6590F4;
	}
	.table-tariff .td-1-3,
	.table-tariff .td-2-3,
	.table-tariff .td-3-3 {
		border-bottom-color: transparent;
	}
}

/* new sections on product page */
.catalog-events {
	margin-top: 70px;
}
.catalog-articles,
.catalog-events {
	margin-bottom: 70px;
}
.section-header-wrapper {
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px 30px;
	padding-left: 30px;
	padding-right: 30px;
}
.catalog-articles .section-header-wrapper + .row,
.catalog-events + .product-item-wrapper,
.catalog-news .news-screen {
	border-top: 0.062rem solid #d7d7d7;
	border-bottom: 0.062rem solid #d7d7d7;
}
.catalog-events .list-webinars  {
	padding-top: 0;
	border-top: none;
}
.catalog-events .list-webinars {
	margin-bottom: 0;
}

@media (min-width: 576px) {
	.configuration + .catalog-articles {
		position: relative;
		margin-top: -40px;
		background-color: #F8F8F8;
	}
}
@media (min-width: 992px) {
	.section-header-wrapper {
		margin-bottom: 70px;
	}
}
@media (max-height: 949px) and (min-width: 992px) {
	.catalog-news .news-screen .news-list-item {
		grid-row-start: auto;
		grid-column-start: auto;
	}
}

/* Обновленный блок Программное обеспечение */
.software-project-row {
	row-gap: 60px;
}
.software-project-item {
	row-gap: 40px;
}
.software-img img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 40px;
	object-fit: contain;
}
.software-description {
	margin-bottom: 1em;
	line-height: 1.4;
	color: #4A494A;
}
.software-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 30px;
	margin-top: 40px;
}

@media (min-width: 1200px) {
	.software-buttons {
		margin-top: 55px;
	}
}

/* Измененная картинка в новости */
.other-news-img {
	object-fit: contain;
	margin-bottom: 70px;
}