@charset "UTF-8";

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-BlackItalic.eot");
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("../fonts/Roboto/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-BlackItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Bold.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-BoldItalic.eot");
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../fonts/Roboto/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-LightItalic.eot");
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../fonts/Roboto/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-LightItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-ThinItalic.eot");
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("../fonts/Roboto/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-ThinItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Black.eot");
  src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/Roboto/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Black.woff") format("woff"), url("../fonts/Roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-MediumItalic.eot");
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("../fonts/Roboto/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-MediumItalic.woff") format("woff"), url("../fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Thin.eot");
  src: local("Roboto Thin"), local("Roboto-Thin"), url("../fonts/Roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Thin.woff") format("woff"), url("../fonts/Roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Light.eot");
  src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Light.woff") format("woff"), url("../fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Italic.eot");
  src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/Roboto/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Italic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Italic.woff") format("woff"), url("../fonts/Roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Medium.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

/* полоса прокрутки (скроллбар) */

::-webkit-scrollbar {
  width: 10px;
  /* ширина для вертикального скролла */
  height: 10px;
  /* высота для горизонтального скролла */
  background-color: transparent;
}

/* ползунок скроллбара */

::-webkit-scrollbar-thumb {
  background-color: #001689;
  -webkit-box-shadow: none;
          box-shadow: none;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #001689;
}

/* Стрелки */

::-webkit-scrollbar-button:vertical:start:decrement {
  display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
  display: none;
}

::-webkit-scrollbar-button:horizontal:start:decrement {
  display: none;
}

::-webkit-scrollbar-button:horizontal:end:increment {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body.fullscreen {
  overflow: hidden;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

* {
  margin: 0;
  padding: 0;
}

/* Remove outline on the forms and links */

:active,
:hover,
:focus {
  outline: 0;
  outline-offset: 0;
}

/* common */

body {
  background-color: #ffffff;
  color: #2f2f2f;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

body.overflow-hidden {
  overflow: hidden;
  position: relative;
}

body.overflow-hidden {
  overflow: hidden;
  position: relative;
}

body .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 0 auto;
  padding: 0;
  min-height: 100%;
  max-width: 1440px;
  -webkit-box-shadow: 7px 0 11px -5px #cccccc, -7px 0 11px -5px #cccccc;
          box-shadow: 7px 0 11px -5px #cccccc, -7px 0 11px -5px #cccccc;
}

.inner {
  position: relative;
  width: 100%;
  max-width: 1012px;
  padding: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.clearfix {
  clear: both;
  width: 100%;
}

h2 {
  font-size: 33px;
  line-height: 43px;
  padding: 64px 0 24px 0;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
  }

  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
  }

  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  width: 100%;
  height: 80px;
}

header .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

header .header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  margin: 0 32px 0 0;
}

header .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .logo a img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .menu.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .menu.search {
  display: none;
}

header .menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .menu ul li {
  padding: 0 10px;
  text-align: center;
}

header .menu ul li a {
  text-decoration: none;
  color: #001689;
  font-family: "Roboto";
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.701px;
  text-transform: uppercase;
}

header .menu ul li.active a {
  color: #0045FF;
}

header .menu ul li:hover a {
  color: #0045FF;
}

header .menu ul li.close {
  display: none;
}

header .menu ul li.close i.ico-close-white {
  margin: 0 10px 0 0;
}

header .menu ul li.search {
  cursor: pointer;
}

header .icons {
  display: none;
}

header .icons > div {
  margin: 0 20px;
}

header .icons .burger {
  cursor: pointer;
}

header .icons .burger.open i.ico-burger {
  background: url("../img/ico-burger-close.svg") no-repeat center center;
}

header .icons .search {
  cursor: pointer;
}

header .icons .search.open i.ico-search {
  background: url("../img/ico-search-close.svg") no-repeat center center;
}

header .search-form {
  display: none;
  position: absolute;
  background: #ffffff;
  border-bottom: 2px solid #000000;
  width: calc(100% - 150px);
  height: 56px;
  top: 12px;
  right: 0;
  z-index: 1;
}

header .search-form.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .search-form input[type=text] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  width: 100%;
  padding: 0 10px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-align: left;
}

header .search-form input[type=submit] {
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 17px;
  background: url("../img/ico-search.svg") no-repeat center center;
  border: none;
}

header .search-form i.ico-search-close {
  cursor: pointer;
  position: relative;
  top: 14px;
  right: -36px;
  background: url("../img/ico-search-close.svg") no-repeat center center;
}

header .search-queries {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  background: #ffffff;
  min-height: 50px;
  top: 136px;
  z-index: 1;
  border-top: 2px solid #0045FF;
}

header .search-queries.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .search-queries__item {
  cursor: pointer;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.005em;
  text-align: left;
  color: #585858;
  padding: 10px 10px;
}

header .search-queries__item:hover {
  color: #000000;
}

section.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F5F5F5;
  width: 100%;
  height: 40px;
}

section.breadcrumbs .inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

section.breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  list-style: none;
  width: 100%;
  padding: 0 10px;
}

section.breadcrumbs ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

section.breadcrumbs ul li a span {
  color: #2F2F2F;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.07px;
}

section.breadcrumbs ul li a i.arrow {
  display: inline-block;
  background: url("../img/breadcrumbs_sep.svg") no-repeat center center;
  width: 7px;
  height: 12px;
  margin: 0 11px;
}

section.end {
  margin: 90px 0 0 0;
  height: 180px;
  background: url("../img/footer-bg.svg") no-repeat bottom right;
}

footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  background-color: #0045FF;
}

footer .inner {
  padding: 0;
  width: 100%;
}

footer .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 710px;
  padding: 40px 0 18px 0;
  margin: 0 auto;
}

footer .menu .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

footer .menu .item:nth-child(1) a {
  padding: 0 0 0 22px;
}

footer .menu .item:nth-child(2) a {
  padding: 0 0 0 75px;
}

footer .menu .item:nth-child(3) a {
  padding: 0 0 0 22px;
}

footer .menu .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-decoration: none;
  color: #FFF;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.07px;
  margin: 0 0 22px 0;
}

footer .menu .item a:first-child {
  font-weight: 700;
}

footer .menu .item a:hover {
  text-decoration: underline;
}

footer .policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
  height: 102px;
  width: 100%;
}

footer .policy a {
  color: #FFF;
  text-decoration: none;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.07px;
  margin: 0 16px;
}

footer .policy a:hover {
  text-decoration: underline;
}

footer .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 61px auto 51px;
}

footer .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .logo a img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .copyright {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.07px;
}

footer .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 0 0 0;
}

footer .text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: #FFF;
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.12px;
  padding: 4px 0;
}

footer .warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 24px;
  font-style: normal;
  font-weight: 200;
  line-height: 28px;
  padding: 20px 0 30px;
}

i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: 28px;
  padding: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

i.ico-close {
  background: url("../img/ico-close.svg") no-repeat center center;
}

i.ico-close-white {
  background: url("../img/ico-close-white.svg") no-repeat center center;
}

i.ico-burger {
  background: url("../img/ico-burger.svg") no-repeat center center;
}

i.ico-search {
  background: url("../img/ico-search.svg") no-repeat center center;
}

i.ico-webinar {
  width: 39px;
  height: 36px;
  background: url("../img/ico-webinar.svg") no-repeat center center;
}

i.ico-tutor {
  width: 39px;
  height: 36px;
  background: url("../img/ico_tutor.svg") no-repeat center center;
}

i.ico-more {
  width: 72px;
  height: 72px;
  margin: 4px 0 0 18px;
  background: url("../img/ico-more.svg") no-repeat center center;
}

i.ico-library {
  width: 36px;
  height: 36px;
  background: url("../img/ico-library.svg") no-repeat center center;
}

i.ico-article {
  width: 24px;
  height: 24px;
  background: url("../img/ico-article.svg") no-repeat center center;
}

i.ico-doctor {
  width: 24px;
  height: 24px;
  background: url("../img/ico-doctor.svg") no-repeat center center;
}

sup {
  font-size: 14px;
}

section.content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

a.popup-open {
  cursor: pointer;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1200;
  padding: 20px;
}

.popup-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeIn 0.6s ease 1 forwards;
          animation: fadeIn 0.6s ease 1 forwards;
}

.popup-hide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeOut 0.6s ease 1 forwards;
          animation: fadeOut 0.6s ease 1 forwards;
}

.popup-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 409px;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
  border-radius: 24px;
  background: #FFF;
}

.popup-close {
  position: absolute;
  right: 32px;
  top: 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.popup-title {
  font-size: 25px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 32px 0;
}

.popup-text {
  margin: 24px 0;
}

.popup form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.popup form input[type=text] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  letter-spacing: 0.48px;
  margin: 0 0 24px 0;
  width: 100%;
}

.popup form input[type=text]::-webkit-input-placeholder {
  color: #757575;
}

.popup form input[type=text]::-moz-placeholder {
  color: #757575;
}

.popup form input[type=text]:-ms-input-placeholder {
  color: #757575;
}

.popup form input[type=text]::-ms-input-placeholder {
  color: #757575;
}

.popup form input[type=text]::placeholder {
  color: #757575;
}

.popup form textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 136px;
  width: 100%;
  padding: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  letter-spacing: 0.48px;
  margin: 0 0 32px 0;
  border: none;
}

.popup form textarea::-webkit-input-placeholder {
  color: #757575;
}

.popup form textarea::-moz-placeholder {
  color: #757575;
}

.popup form textarea:-ms-input-placeholder {
  color: #757575;
}

.popup form textarea::-ms-input-placeholder {
  color: #757575;
}

.popup form textarea::placeholder {
  color: #757575;
}

.popup form .input-error {
  border: 1px solid #ff0000 !important;
}

.popup-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup-buttons button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #0045FF;
  color: #FFF;
  font-weight: 500;
  letter-spacing: 0.48px;
  border: none;
}

.popup-buttons a.button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #0045FF;
  color: #FFF;
  font-weight: 500;
  letter-spacing: 0.48px;
  border: none;
  text-decoration: none;
}

.popup--success .popup-buttons {
  padding-top: 32px;
}

.cookies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 990;
  padding: 15px 30px;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #F5F5F5;
}

.cookies.hide {
  display: none;
}

.cookies-text {
  padding: 52px 0 24px 0;
  color: #2F2F2F;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.cookies-text a {
  text-decoration: underline;
  color: #fffefe;
}

.cookies-text a:hover {
  text-decoration: none;
}

.cookies-accept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 4px;
  background-color: #0045FF;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

.cookies .cookies-close {
  position: absolute;
  right: 0;
  top: 8px;
  cursor: pointer;
  background: transparent;
  border: none;
}

.interesting-stories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.interesting-stories__empty {
  display: none;
}

.interesting-stories__empty.active {
  display: block;
}

.interesting-stories__title {
  padding: 0;
  margin: 0 0 24px;
  color: #2F2F2F;
  font-size: 33px;
  font-weight: 400;
  line-height: 43px;
}

.interesting-stories__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.participate__map {
  padding: 64px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 47px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.participate__map .arrow {
  height: 151px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.participate__map .arrow .desktop {
  display: block;
}

.participate__map .arrow .mobile {
  display: none;
}

.participate__map__item__second {
  padding: 0 20px;
}

.participate__map__item .participate__map__item__block-img {
  height: 151px;
  width: 151px;
  margin: 0 auto 32px;
  border-radius: 100px;
  border: 1px solid #CCDAFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F5F5F5;
}

.participate__map__item .participate__map__item__block-img img {
  height: 54px;
  width: 54px;
  -o-object-fit: cover;
     object-fit: cover;
}

.participate__map__item .participate__map__item__number {
  margin-bottom: 1rem;
  color: #0045FF;
  font-size: 33px;
  line-height: 33px;
  text-align: center;
  font-weight: 400;
}

.participate__map__item .participate__map__item__text {
  max-width: 323px;
  margin: 0 auto;
  color: #2F2F2F;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}

.participate__participate {
  margin-top: 32px;
}

.participate .participate__map__item__link {
  color: #0045FF;
}

.participate .participate__control {
  margin-bottom: 32px;
  padding: 32px 22px;
  border-radius: 1rem;
  background: #F5F5F5;
}

.participate .participate__control .participate__control__top {
  margin-bottom: 1rem;
  text-align: center;
}

.participate .participate__control .participate__accept {
  height: 46px;
  padding: 0 15px;
  border: 1px solid #0045FF;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  background: #0045FF;
}

.participate .participate__control .participate__accept:disabled {
  border: 1px solid #B3C7FF;
  background: #B3C7FF;
}

.participate .participate__control .participate__control__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.participate .participate__control .participate__control__text {
  color: #585858;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.participate .participate__notation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.participate .participate__notation__img {
  height: 56px;
  width: 56px;
  -o-object-fit: cover;
     object-fit: cover;
}

.participate .participate__notation .participate__notation__text {
  color: #585858;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.28px;
}

.participate-showroom {
  display: block;
}

.participate-form-block {
  display: none;
}

.participate-form-block.active {
  display: block;
}

.btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.interesting-stories-blocks__title {
  margin-bottom: 32px;
  color: #2F2F2F;
  font-size: 33px;
  font-weight: 400;
  line-height: 43px;
}

.interesting-stories-blocks__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.interesting-stories-blocks__item {
  padding: 20px;
  border-radius: 16px;
  background: #F5F5F5;
}

.interesting-stories-blocks__item .cases-additional {
  display: none;
}

.interesting-stories-blocks__item.open .cases-additional {
  display: block;
}

.interesting-stories-blocks__item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.interesting-stories-blocks__item .interesting-stories-blocks__item__img {
  position: relative;
  top: 1rem;
}

.interesting-stories-blocks__item__name {
  margin-bottom: 4px;
  color: #0045FF;
  font-size: 18px;
  font-weight: 400;
}

.interesting-stories-blocks__item__description {
  margin: 0 0 1rem;
  color: #757575;
  font-size: 16px;
  line-height: 26px;
}

.interesting-stories-blocks__item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 780px) {
  .interesting-stories-blocks__item__body {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}

@media (max-width: 470px) {
  .interesting-stories-blocks__item__body .photos {
    flex-direction: column;
    margin: auto;
  }
}

.interesting-stories-blocks__item__list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-bottom: 1rem;
}

.interesting-stories-blocks__item__list li {
  color: #757575;
  font-size: 18px;
  line-height: 26px;
}

.interesting-stories-blocks__item__list li .anamnez-title {
  margin-bottom: 0.5rem;
  display: inline-block;
}

.interesting-stories-blocks__item__list li p {
  margin: 0;
}

.interesting-stories-blocks__item .item-prop {
  color: #2F2F2F;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

.interesting-stories-blocks__item__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.interesting-stories-blocks__item__footer__link {
  color: #585858;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
}

.interesting-stories-blocks__item__footer__link:hover,
.interesting-stories-blocks__item__footer__link:active {
  color: #0045FF;
}

.photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.photos .photos__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.photos .photos__item__title {
  padding: 0;
  margin: 0 0 0.5rem;
  color: #2F2F2F;
  font-size: 18px;
}

.photos .photos__item__photo {
  width: 187px;
  height: 140px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.history-cases__item__title {
  width: 75%;
  margin-bottom: 12px;
  color: #2F2F2F;
  font-size: 20px;
  line-height: 32px;
}

.history-cases__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
}

.history-cases__items .history-cases__item {
  width: 302px;
}

.history-cases__items .history-cases__item .history-cases__item__img {
  height: 240px;
  width: 302px;
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 20px;
}

.history-cases__items .history-cases__item .history-cases__item__description {
  margin: 0 0 20px;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  color: #585858;
  width: 75%;
}

.history-cases__items .history-cases__item .history-cases__item__link {
  font-size: 16px;
  line-height: 16px;
  text-decoration: underline;
  cursor: pointer;
}

.history-cases__items .history-cases__item .history-cases__item__link:hover,
.history-cases__items .history-cases__item .history-cases__item__link:active {
  color: #0045FF;
}

.history-participate-form__header {
  margin-bottom: 1rem;
}

.history-participate-form__header .history-participate-form__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.history-participate-form__header .history-participate-form__wrap-img {
  margin-bottom: 32px;
  width: 151px;
  height: 151px;
  border: 4px solid #CCDAFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  background: #F5F5F5;
}

.history-participate-form__header .history-participate-form__step__img {
  height: 54px;
  width: 54px;
  -o-object-fit: cover;
     object-fit: cover;
}

.history-participate-form__header .history-participate-form__number {
  color: #0045FF;
  font-size: 33px;
  line-height: 43px;
}

.history-participate-form__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-bottom: 64px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.history-participate-form__control .history-participate-form__title {
  color: #2F2F2F;
  font-size: 33px;
  line-height: 43px;
}

.history-participate-form__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.history-participate-form__form .history-participate-form__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 10px) calc(50% - 10px);
  grid-template-columns: calc(50% - 10px) calc(50% - 10px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.history-participate-form__form textarea {
  height: 138px;
  resize: none;
}

.history-participate-form__form textarea.regal {
  height: 72px;
}

.history-participate-form .history-participate-form__label {
  margin-bottom: 4px;
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  color: #757575;
  display: block;
}

.history-participate-form .history-participate-form__info {
  width: 100%;
  padding: 10px;
  border: 1px solid #F5F5F5;
  border-radius: 4px;
  color: #757575;
  font-size: 16px;
  background: #F5F5F5;
}

.history-participate-form .file-upload-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #0045FF;
  color: #0045FF;
  background: #fff;
  font-weight: 500;
  font-size: 16px;
  border-radius: 4px;
  height: 46px;
  width: 110px;
  cursor: pointer;
}

.history-participate-form .file-upload-label:hover,
.history-participate-form .file-upload-label:active {
  color: #fff;
  background: #0045FF;
}

.history-participate-form .file-upload-input {
  opacity: 0;
  width: 1px;
  height: 1px;
}

.history-participate-form .form-group-file__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.history-participate-form .form-group-file__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 180px calc(100% - (180px + 1rem));
  grid-template-columns: 180px calc(100% - (180px + 1rem));
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}

.history-participate-form .participate__notation {
  border-top: 1px solid #ACACAC;
  padding: 32px 0;
  margin-top: 64px;
}

.history-participate-form__footer {
  text-align: center;
}

.history-participate-form__footer__send {
  border: 1px solid #0045FF;
  color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  cursor: pointer;
  background: #0045FF;
}

.wrap-icon-file {
  width: 186px;
  height: 140px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F5F5F5;
}

.form-group-file__control__right {
  color: #757575;
  font-size: 16px;
  line-height: 26px;
}

.form-group-file .history-participate-form__text-status {
  width: 100%;
  text-align: left;
  display: none;
  font-size: 16px;
  font-weight: 400;
}

.form-group-file.success .history-participate-form__text-status {
  color: #038100;
  display: block;
}

.form-group-file.error .form-group-file__control__right {
  color: #E5254B;
}

.form-group-file.error .history-participate-form__text-status {
  color: #E5254B;
  display: block;
}

.form-group-file.success .history-participate-form__text-status.mobile,
.form-group-file.error .history-participate-form__text-status.mobile {
  display: none;
}

.form-group-file.success .history-participate-form__text-status.desktop,
.form-group-file.error .history-participate-form__text-status.desktop {
  display: block;
}

.history-participate-form__back {
  position: relative;
  top: 5px;
  color: #2F2F2F;
  font-size: 16px;
  line-height: 26px;
  border: none;
  background: none;
  cursor: pointer;
}

.history-participate-form__back.mobile {
  display: none;
}

.inner-history {
  overflow: hidden;
}

.inner-history .history {
  width: 100%;
}

.history__slide {
  position: relative;
  height: 512px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #0045FF;
}

.history__slide .history__slide__img.mobile {
  display: none;
}

.history__slide .history__slide__img.desktop {
  display: none;
  width: 582px;
  height: 512px;
}

.history__slide .history__slide__container {
  width: 60%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 69, 255, 0.8);
}

.history__slide .history__slide__content__title-top {
  padding-bottom: 0;
  color: #fff;
  line-height: 26px;
  font-size: 18px;
  font-weight: 400;
}

.history__slide .history__slide__content__title-bottom {
  color: #fff;
  font-size: 40px;
  line-height: 52px;
  font-weight: 400;
  padding-left: 6rem;
}

.history__slide__title-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding-left: 6rem;
  margin-bottom: 30px;
}

.history__slide__title-top img {
  position: relative;
  top: -3px;
}

.participate {
  display: none;
}

.participate.active {
  display: block;
}

.interesting-stories {
  display: none;
}

.interesting-stories.active {
  display: block;
}

.history-cases {
  display: none;
}

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

.wrap-tab {
  overflow: auto;
  margin-bottom: 55px;
  padding-top: 85px;
}

.wrap-tab::-webkit-scrollbar {
  width: 0px;
  background: rgba(255, 255, 255, 0);
  overflow: -moz-scrollbars-none;
}

.history__tab {
  border-bottom: 3px solid #DDDDDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.history__tab__item {
  position: relative;
  color: #585858;
  font-size: 16px;
  line-height: 26px;
  padding: 10px 16px;
  cursor: pointer;
  white-space: nowrap;
}

.history__tab__item:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #0045FF;
  display: none;
}

.history__tab__item.active {
  color: #0045FF;
}

.history__tab__item.active:after {
  display: block;
}

.history__slide-mobile {
  display: none;
  margin: 0 auto;
}

.history__slide-mobile .footer-mobile {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  z-index: 99;
}

.history__slide-mobile .footer-mobile img {
  width: 100%;
}

.history__slide-mobile .history__slide-mobile__top {
  width: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  height: 495px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 69, 255, 0.9)), to(rgba(0, 69, 255, 0.72)));
  background: -o-linear-gradient(top, rgba(0, 69, 255, 0.9) 0%, rgba(0, 69, 255, 0.72) 100%);
  background: linear-gradient(180deg, rgba(0, 69, 255, 0.9) 0%, rgba(0, 69, 255, 0.72) 100%);
}

.history__slide-desktop {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.page.index.work {
  margin: auto;
  max-width: 1440px;
  width: 100%;
}

.page.index section.content {
  position: relative;
}

.page.index section.content .inner {
  -ms-flex-line-pack: start;
      align-content: start;
  padding-left: 16px;
  padding-right: 16px;
}

.page.index section.content .main-choise {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
  margin-top: 64px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}

.page.index section.content .main-choise.hide {
  display: none;
}

.page.index section.content .main-choise-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 344px;
  height: 666px;
}

.page.index section.content .main-choise-block-photo {
  margin: 0 0 24px 0;
}

.page.index section.content .main-choise-block-photo img {
  width: 100%;
}

.page.index section.content .main-choise-block-title {
  text-align: center;
  font-size: 25px;
  line-height: 32px;
  padding: 0 10px;
}

.page.index section.content .main-choise-block-list {
  margin: 16px 0 0 0;
}

.page.index section.content .main-choise-block-list-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 54px;
  padding: 10px 45px 10px 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 4px;
  background: url("../img/arrow.svg") no-repeat 319px center #EFF4FF;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.48px;
  margin: 16px 0;
}

.page.index section.content .direction-choise {
  display: none;
  width: 100%;
}

.page.index section.content .direction-choise.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.index section.content .direction-choise-block {
  display: none;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 64px 0 0 0;
}

.page.index section.content .direction-choise-block.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.index section.content .direction-choise-block-title {
  font-size: 25px;
  line-height: 32px;
  margin: 0 0 32px 0;
}

.page.index section.content .direction-choise-block-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page.index section.content .direction-choise-block-menu-back a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  margin: 0 64px 0 0;
}

.page.index section.content .direction-choise-block-menu-back a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.index section.content .direction-choise-block-menu-back a i.ico.back {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin: 0 8px 0 0;
}

.page.index section.content .direction-choise-block-menu-sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
}

.page.index section.content .direction-choise-block-menu-sections a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 2px solid #0045FF;
  color: #0045FF;
  font-weight: 500;
  letter-spacing: 0.48px;
  text-decoration: none;
  margin: 0 24px 0 0;
  white-space: nowrap;
}

.page.index section.content .direction-choise-block-menu-sections a.active {
  color: #757575;
  font-weight: 500;
  letter-spacing: 0.48px;
  border-bottom: unset;
}

.page.index section.content .direction-choise-block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin: 53px 0 0 0;
}

.page.index section.content .direction-choise-block-content-item {
  display: none;
  position: relative;
}

.page.index section.content .direction-choise-block-content-item.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page.index section.content .direction-choise-block-content-item-sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.page.index section.content .direction-choise-block-content-item-sections a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 9px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #0045FF;
  margin: 0 16px 0 0;
  color: #0045FF;
  font-weight: 500;
  letter-spacing: 0.48px;
  white-space: nowrap;
}

.page.index section.content .direction-choise-block-content-item-sections a.active {
  cursor: default;
  border: 1px solid #B3C7FF;
  color: #B3C7FF;
}

.page.index section.content .direction-choise-block-content-item-sections-item {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 32px 0 0 0;
}

.page.index section.content .direction-choise-block-content-item-sections-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.index section.content .direction-choise-block-content-item-sections-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 496px;
  height: 460px;
  border-radius: 2px;
  background-color: #1A2D95;
  padding: 24px 20px;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text p {
  color: rgba(255, 255, 255, 0.84);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.28px;
  padding: 10px 0;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text p.title {
  color: #FFF;
  font-size: 25px;
  line-height: 32px;
  padding: 0 0 10px 0;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text p.strong {
  color: #FFF;
  font-size: 18px;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text-scroll {
  overflow-y: auto;
  height: 270px;
  padding: 0 10px 0 0;
  /* полоса прокрутки (скроллбар) */
  /* ползунок скроллбара */
  /* Стрелки */
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text-scroll::-webkit-scrollbar {
  width: 6px;
  /* ширина для вертикального скролла */
  height: 6px;
  /* высота для горизонтального скролла */
  background-color: #3345A1;
  border-radius: 16px;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text-scroll::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: #2E65FA;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #2E65FA;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text-scroll::-webkit-scrollbar-button:vertical:start:decrement {
  display: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text-scroll::-webkit-scrollbar-button:vertical:end:increment {
  display: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text-scroll::-webkit-scrollbar-button:horizontal:start:decrement {
  display: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .text-scroll::-webkit-scrollbar-button:horizontal:end:increment {
  display: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .links a {
  color: #E5ECFF;
  text-align: center;
  text-decoration: underline;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .links a:hover {
  text-decoration: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .links a.button {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #FFF;
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  /* 162.5% */
  letter-spacing: 0.48px;
}

.page.index section.content .direction-choise-block-content-item-sections-item-info .links a.button i.ico-library {
  margin: 0 0 0 4px;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
  width: 496px;
  height: 460px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 496px;
  height: 460px;
  padding: 24px 20px;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .name {
  font-size: 18px;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .desc {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.28px;
  margin: 20px 0 0 0;
  overflow-y: auto;
  height: 177px;
  /* полоса прокрутки (скроллбар) */
  /* ползунок скроллбара */
  /* Стрелки */
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .desc::-webkit-scrollbar {
  width: 6px;
  /* ширина для вертикального скролла */
  height: 6px;
  /* высота для горизонтального скролла */
  background-color: #E5E8F3;
  border-radius: 16px;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .desc::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: #0045FF;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .desc::-webkit-scrollbar-thumb:hover {
  background-color: #0045FF;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .desc::-webkit-scrollbar-button:vertical:start:decrement {
  display: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .desc::-webkit-scrollbar-button:vertical:end:increment {
  display: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .desc::-webkit-scrollbar-button:horizontal:start:decrement {
  display: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .desc::-webkit-scrollbar-button:horizontal:end:increment {
  display: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0 0 0;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .more a {
  color: #585858;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .more a:hover {
  text-decoration: none;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .pict {
  height: 135px;
  margin: 12px 0 0 0;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .item .pict img {
  height: 100%;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .slider-arrows {
  position: relative;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .slick-arrow {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  bottom: 24px;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .slick-arrow.slick-prev {
  right: 86px;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .slick-arrow.slick-next {
  right: 18px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.index section.content .direction-choise-block-content-item-sections-item-slider .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.index section.content .direction-choise-block-content-item-sections-item-notice {
  margin: 32px 0 0 0;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.44px;
}

.page.index section.content .direction-choise-block-content-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 215px;
}

.page.index section.content .direction-choise-block-content-steps .step {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  background-color: #EFF4FF;
  width: 215px;
  height: 215px;
  border-radius: 24px;
  border: 4px solid #0045FF;
  -webkit-box-shadow: 0px 0.1851851791px 0.8657407165px 0px rgba(0, 22, 137, 0.01), 0px 0.814814806px 1.7925926447px 0px rgba(0, 22, 137, 0.02), 0px 2px 3.5750000477px 0px rgba(0, 22, 137, 0.03), 0px 3.8518519402px 7.0074071884px 0px rgba(0, 22, 137, 0.04), 0px 6.4814815521px 12.8842592239px 0px rgba(0, 22, 137, 0.05), 0px 10px 22px 0px rgba(0, 22, 137, 0.06);
          box-shadow: 0px 0.1851851791px 0.8657407165px 0px rgba(0, 22, 137, 0.01), 0px 0.814814806px 1.7925926447px 0px rgba(0, 22, 137, 0.02), 0px 2px 3.5750000477px 0px rgba(0, 22, 137, 0.03), 0px 3.8518519402px 7.0074071884px 0px rgba(0, 22, 137, 0.04), 0px 6.4814815521px 12.8842592239px 0px rgba(0, 22, 137, 0.05), 0px 10px 22px 0px rgba(0, 22, 137, 0.06);
  text-align: center;
}

.page.index section.content .direction-choise-block-content-steps .step.active {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #001689;
  border: 4px solid #001689;
  color: #ffffff;
}

.page.index section.content .direction-choise-block-content-steps .separator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/arrow-small-left.svg") no-repeat center center;
  width: 70px;
}

.page.index section.content .direction-choise-block-content-steps-item {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page.index section.content .direction-choise-block-content-steps-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.index section.content .direction-choise-block-content-steps-popup {
  display: none;
  position: absolute;
  top: 265px;
}

.page.index section.content .direction-choise-block-content-steps-popup.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.index section.content .direction-choise-block-content-steps-popup-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 24px 40px 54px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 24px;
  border-radius: 24px;
  border: 3px solid #0045FF;
  background: #FFF;
  -webkit-box-shadow: 0px 0.18519px 0.86574px 0px rgba(0, 22, 137, 0.01), 0px 0.81481px 1.79259px 0px rgba(0, 22, 137, 0.02), 0px 2px 3.575px 0px rgba(0, 22, 137, 0.03), 0px 3.85185px 7.00741px 0px rgba(0, 22, 137, 0.04), 0px 6.48148px 12.88426px 0px rgba(0, 22, 137, 0.05), 0px 10px 22px 0px rgba(0, 22, 137, 0.06);
          box-shadow: 0px 0.18519px 0.86574px 0px rgba(0, 22, 137, 0.01), 0px 0.81481px 1.79259px 0px rgba(0, 22, 137, 0.02), 0px 2px 3.575px 0px rgba(0, 22, 137, 0.03), 0px 3.85185px 7.00741px 0px rgba(0, 22, 137, 0.04), 0px 6.48148px 12.88426px 0px rgba(0, 22, 137, 0.05), 0px 10px 22px 0px rgba(0, 22, 137, 0.06);
}

.page.index section.content .direction-choise-block-content-steps-popup-close {
  cursor: pointer;
}

.page.index section.content .direction-choise-block-content-steps-popup-content p {
  color: #2F2F2F;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  padding: 16px 0;
}

.page.index section.content .direction-choise-block-content-steps-popup-content p.title {
  font-size: 33px;
  line-height: 43px;
}

.page.index section.content .direction-choise-block-content-tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 30px 0 0 0;
  overflow: auto;
}

.page.index section.content .direction-choise-block-content-tables table {
  width: 100%;
  border-radius: 8px;
  background-color: #E5ECFF;
}

.page.index section.content .direction-choise-block-content-tables table thead tr td {
  display: table-cell;
  height: 70px;
  padding: 10px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 8px;
  background: #0045FF;
  color: #FFF;
  font-weight: 500;
}

.page.index section.content .direction-choise-block-content-tables table thead tr td:nth-child(2) {
  width: 270px;
}

.page.index section.content .direction-choise-block-content-tables table thead tr td:nth-child(3) {
  width: 320px;
}

.page.index section.content .direction-choise-block-content-tables table tbody tr td {
  border-radius: 8px;
  background: #FFF;
  display: table-cell;
  padding: 10px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.page.index section.content .direction-choise-block-content-tables table tbody tr td:last-child a {
  text-decoration: none;
  white-space: nowrap;
  margin-right: 10px;
}

.page.index section.content .direction-choise-block-content-tables table tbody tr td:last-child a:hover {
  text-decoration: underline;
}

.page.index section.content .direction-choise-block-content-tables table.timers thead tr td:first-child {
  width: 70px;
  height: 70px;
  border-radius: 8px;
  background: rgba(0, 69, 255, 0.54);
}

.page.index section.content .direction-choise-block-content-tables table.timers tbody tr td:first-child {
  display: table-cell;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 70px;
  height: 70px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.64);
  text-align: center;
  /* H2 */
  font-size: 33px;
  line-height: 43px;
}

.page.index section.content .direction-choise-block-content-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 32px 0 0 0;
}

.page.index section.content .direction-choise-block-content-navigation-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.index section.content .direction-choise-block-content-navigation-steps .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: url("../img/step.svg") no-repeat center center;
}

.page.index section.content .direction-choise-block-content-navigation-steps .step.active {
  background: url("../img/step-active.svg") no-repeat center center;
}

.page.index section.content .direction-choise-block-content-navigation-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.index section.content .direction-choise-block-content-navigation-buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  margin: 0 0 0 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #0045FF;
  color: #0045FF;
  font-weight: 500;
  letter-spacing: 0.48px;
  text-decoration: none;
}

.page.index section.content .direction-choise-block-content-navigation-buttons a:hover {
  text-decoration: none;
}

.page.index section.content .direction-choise-block-content-notice {
  padding: 38px 0 0 0;
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0.44px;
}

.page.index section.intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
  background-color: #001689;
  width: 100%;
  height: 512px;
}

.page.index section.intro .slider-arrows-banner {
  display: none;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page.index section.intro .hartmann {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.page.index section.intro .hartmann .intro__round {
  width: 55%;
  height: 100%;
}

.page.index section.intro .pict {
  position: absolute;
  right: 0;
  z-index: 1;
  height: 100%;
}

.page.index section.intro .pict img {
  height: 100%;
}

.page.index section.intro .inner {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.page.index section.intro .intro-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  letter-spacing: 1.25px;
  font-size: 18px;
  font-weight: 400;
}

.page.index section.intro .intro-row__сarrying {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 80px;
}

.page.index section.intro .intro-text {
  margin: 100px 0 0 39px;
  width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 20;
}

.page.index section.intro .intro-text-logo {
  margin: 0;
}

.page.index section.intro .intro-text-slogan {
  color: #FFF;
  font-size: 40px;
  font-weight: 400;
  line-height: 52px;
  margin: 10px 0 65px 0;
  letter-spacing: 0.48px;
}

.page.index section.intro .intro-text .intro__description {
  max-width: 90%;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.page.index section.intro .intro-slider {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  position: relative;
  z-index: 20;
  margin: 95px 50px 0 0;
  width: 280px;
  height: 100%;
}

.page.index section.intro .intro-slider .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  bottom: 10px;
  cursor: pointer;
}

.page.index section.intro .intro-slider .slick-arrow.slick-prev {
  left: calc(50% - 62px);
}

.page.index section.intro .intro-slider .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.index section.intro .intro-slider .slick-arrow.slick-next {
  right: calc(50% - 62px);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.index section.intro .intro-slider .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.index section.intro .intro-slider .slider-intro {
  width: 280px;
  overflow: hidden;
}

.page.index section.intro .intro-slider .slider-intro .item {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 280px;
  height: 330px;
}

.page.index section.intro .intro-slider .slider-intro .item .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page.index section.intro .intro-slider .slider-intro .item .type span {
  color: #FFF;
  margin: 0 0 0 18px;
}

.page.index section.intro .intro-slider .slider-intro .item .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #FFF;
  font-size: 25px;
  line-height: 32px;
  margin: 28px 0 26px 0;
}

.page.index section.intro .intro-slider .slider-intro .item .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  letter-spacing: 0.48px;
}

.page.index section.intro .intro-slider .slider-intro .item .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0 0 0;
}

.page.index section.intro .intro-slider .slider-intro .item .more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: underline;
}

.page.index section.intro .intro-slider .slider-intro .item .more a:hover {
  text-decoration: none;
}

.page.index section.intro .intro-slider .slider-intro .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 275px;
  margin: 30px 0 0 0;
}

.page.index section.intro .intro-slider .slider-intro .slick-dots li {
  list-style: none;
  margin: 0 4px;
}

.page.index section.intro .intro-slider .slider-intro .slick-dots li.slick-active button {
  border-bottom: 1px solid #FFF;
}

.page.index section.intro .intro-slider .slider-intro .slick-dots li button {
  cursor: pointer;
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 8px 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  color: #FFF;
  letter-spacing: 0.48px;
}

.page.catalog.work {
  margin: auto;
  width: 1440px;
  height: 3438px;
  background: url("../maket/catalog1440.png") center 0 no-repeat;
}

.page.catalog.catalog-v2.work {
  margin: auto;
  width: 1440px;
  height: 2868px;
  background: url("../maket/catalog1440-v2.png") center 0 no-repeat;
}

.page.catalog section.content .inner {
  -ms-flex-line-pack: start;
      align-content: start;
  padding-left: 10px;
  padding-right: 10px;
}

.page.catalog section.content .catalog {
  width: 100%;
  margin: 64px 0 30px 0;
}

.page.catalog section.content .catalog-title {
  color: #2f2f2f;
  font-family: "Roboto";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px;
}

.page.catalog section.content .catalog-sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  margin: 40px 0;
}

.page.catalog section.content .catalog-sections a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 2px solid #0045ff;
  color: #0045ff;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  text-decoration: none;
  margin: 0 24px 0 0;
}

.page.catalog section.content .catalog-sections a.active {
  color: #757575;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  border-bottom: unset;
}

.page.catalog section.content .catalog-sub-sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.page.catalog section.content .catalog-sub-sections a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 9px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #0045ff;
  margin: 0 16px 0 0;
  color: #0045ff;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.page.catalog section.content .catalog-sub-sections a.active {
  cursor: default;
  border: 1px solid #b3c7ff;
  color: #b3c7ff;
}

.page.catalog section.content .catalog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin: 50px 0 0 0;
}

.page.catalog section.content .catalog-list a {
  text-decoration: none;
}

.page.catalog section.content .catalog-list .item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 320px;
  height: 440px;
  margin: 25px 0;
}

.page.catalog section.content .catalog-list .item .mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.catalog section.content .catalog-list .item .mark span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  padding: 2px 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 60px;
  background-color: #FF2954;
  color: #FFF;
  font-size: 14px;
  letter-spacing: 0.28px;
  margin: 0 8px 0 0;
}

.page.catalog section.content .catalog-list .item .pict img {
  width: 100%;
  max-width: 316px;
}

.page.catalog section.content .catalog-list .item .name {
  color: #2f2f2f;
  font-family: "Roboto";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.page.catalog section.content .catalog-list .item .desc {
  color: var(--basic-colors-dark-gray-01, #585858);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  padding: 14px 0 18px 0;
}

.page.catalog section.content .catalog-list .item a.more {
  text-decoration: underline;
  color: var(--basic-colors-dark-gray-01, #585858);
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.catalog section.content .catalog-list .item a.more:hover {
  text-decoration: none;
}

.page.catalog section.content .catalog-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.page.catalog section.content .catalog-navigation .pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page.catalog section.content .catalog-navigation .pager a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  width: 46px;
  padding: 10px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #0045ff;
  margin: 0 8px;
  color: #0045ff;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.page.catalog section.content .catalog-navigation .pager a:first-child {
  margin-left: 0;
}

.page.catalog section.content .catalog-navigation .pager a:last-child {
  margin-right: 0;
}

.page.catalog section.content .catalog-navigation .pager a.disabled {
  cursor: default;
  border: 1px solid #b3c7ff;
  color: #b3c7ff;
}

.page.catalog section.content .catalog-navigation .pager a.disabled i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.catalog section.content .catalog-navigation .pager a.disabled i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}

.page.catalog section.content .catalog-navigation .pager a.disabled i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.catalog section.content .catalog-navigation .pager a i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.catalog section.content .catalog-navigation .pager a i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.catalog section.content .catalog-navigation .pager a i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
}

.page.catalog section.content .catalog-navigation .counter {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  /* 162.5% */
  letter-spacing: 0.32px;
}

.page.catalog .banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.page.catalog .banner .slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.page.catalog .banner .slider .item {
  width: 100%;
}

.page.catalog .banner .slider .item img {
  width: 100%;
}

.page.catalog .banner .slider .slick-slider {
  overflow: hidden;
}

.page.catalog .banner .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.catalog .banner .slick-dots {
  position: relative;
  bottom: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page.catalog .banner .slick-dots li {
  background: url("../img/pointer.svg") no-repeat center center;
  width: 10px;
  height: 10px;
  margin: 0 10px;
}

.page.catalog .banner .slick-dots li::marker {
  content: "";
}

.page.catalog .banner .slick-dots li.slick-active {
  background: url("../img/pointer_active.svg") no-repeat center center;
}

.page.catalog .banner .slick-dots li button {
  display: none;
}

.page.catalog .work .banner {
  opacity: 0.5;
  background-color: #f97450;
}

.page.catalog .slide-desktop {
  width: 100%;
  display: block;
}

.page.catalog .slide-mobile {
  display: none;
}

.page.catalog .slider-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
}

.page.catalog .slider-arrow.slick-prev {
  left: calc(50% - 62px);
}

.page.catalog .slider-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.catalog .slider-arrow.slick-next {
  right: calc(50% - 62px);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.catalog .slider-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.library.work {
  margin: auto;
  width: 1440px;
  height: 3155px;
  background: url("../maket/library1440.png") center 0 no-repeat;
}

.page.library-section.work {
  margin: auto;
  width: 1440px;
  height: 3094px;
  background: url("../maket/library-section1440.png") center 0 no-repeat;
}

.page.library-section section.content .inner {
  -ms-flex-line-pack: start;
      align-content: start;
  padding-left: 16px;
  padding-right: 16px;
}

.page.library-section section.content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2F2F2F;
  font-family: "Roboto";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  margin: 64px 0 24px 0;
}

.page.library-section section.content .title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.library-section section.content .title a:hover {
  text-decoration: underline;
}

.page.library-section section.content .title a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.library-section section.content .title a i.ico.more {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  margin: 0 0 0 8px;
}

.page.library-section section.content .slider {
  position: relative;
  height: 380px;
  width: 872px;
  margin: 0 70px;
}

.page.library-section section.content .slider .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 380px;
  border-radius: 2px;
  background-color: #001689;
  margin: 0 8px;
}

.page.library-section section.content .slider .item:hover {
  cursor: pointer;
  border-radius: 4px;
  background-color: #7F00FF;
}

.page.library-section section.content .slider .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

.page.library-section section.content .slider .item .info .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.library-section section.content .slider .item .info .type-ico {
  padding: 7px 0 0 0;
}

.page.library-section section.content .slider .item .info .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 36px;
  min-width: 40px;
  min-height: 36px;
}

.page.library-section section.content .slider .item .info .type-ico i.ico.tutor {
  background: url("../img/ico_tutor.svg") no-repeat center center;
}

.page.library-section section.content .slider .item .info .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 20px;
}

.page.library-section section.content .slider .item .info .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.library-section section.content .slider .item .info .type-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.page.library-section section.content .slider .item .info .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 20px 0 0 0;
  color: #ffffff;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.library-section section.content .slider .item .info .date {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
  padding: 10px 0 0 0;
}

.page.library-section section.content .slider .item .more {
  padding: 0 20px 20px;
}

.page.library-section section.content .slider .item .more a {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.library-section section.content .slider .item .more a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.page.library-section section.content .slider .slick-slider {
  overflow: hidden;
}

.page.library-section section.content .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.library-section section.content .slider .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  top: 160px;
  cursor: pointer;
}

.page.library-section section.content .slider .slick-arrow.slick-prev {
  left: -68px;
}

.page.library-section section.content .slider .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.library-section section.content .slider .slick-arrow.slick-next {
  right: -68px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.library-section section.content .slider .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.library-section section.content .library-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.page.library-section section.content .library-section-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  margin: 64px 0 36px 0;
  overflow-x: auto;
  white-space: nowrap;
}

.page.library-section section.content .library-section-menu::-webkit-scrollbar {
  display: none;
}

.page.library-section section.content .library-section-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  border-bottom: 2px solid #0045FF;
  color: #0045FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  text-decoration: none;
  margin: 0 24px 0 0;
}

.page.library-section section.content .library-section-menu a.active {
  color: #757575;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  border-bottom: unset;
}

.page.library-section section.content .library-section-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}

.page.library-section section.content .library-section-info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  margin: 0 32px 0 0;
}

.page.library-section section.content .library-section-info a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.library-section section.content .library-section-info a i.ico.back {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin: 0 8px 0 0;
}

.page.library-section section.content .library-section-info span.count {
  color: var(--basic-colors-dark-gray, #2F2F2F);
  font-family: Roboto;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.page.library-section section.content .library-section-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 28px 0 24px 0;
}

.page.library-section section.content .library-section-list .item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 380px;
  border-radius: 4px;
  background-color: #001689;
  margin: 8px;
}

.page.library-section section.content .library-section-list .item:hover {
  border-radius: 4px;
  background: #7F00FF;
}

.page.library-section section.content .library-section-list .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

.page.library-section section.content .library-section-list .item .info .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.library-section section.content .library-section-list .item .info .type-ico {
  padding: 7px 0 0 0;
}

.page.library-section section.content .library-section-list .item .info .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 36px;
  min-width: 40px;
  min-height: 36px;
}

.page.library-section section.content .library-section-list .item .info .type-ico i.ico.tutor {
  background: url("../img/ico_tutor.svg") no-repeat center center;
}

.page.library-section section.content .library-section-list .item .info .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 20px;
}

.page.library-section section.content .library-section-list .item .info .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.library-section section.content .library-section-list .item .info .type-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.page.library-section section.content .library-section-list .item .info .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 20px 0 0 0;
  color: #ffffff;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.library-section section.content .library-section-list .item .info .date {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
  padding: 10px 0 0 0;
}

.page.library-section section.content .library-section-list .item .more {
  padding: 0 20px 20px;
}

.page.library-section section.content .library-section-list .item .more a {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.library-section section.content .library-section-list .item .more a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.page.library-section section.content .library-section-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.page.library-section section.content .library-section-pager a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  width: 46px;
  padding: 10px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #0045FF;
  margin: 0 8px;
  color: #0045FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.page.library-section section.content .library-section-pager a.disabled {
  cursor: default;
  border: 1px solid #B3C7FF;
}

.page.library-section section.content .library-section-pager a.disabled i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.library-section section.content .library-section-pager a.disabled i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}

.page.library-section section.content .library-section-pager a.disabled i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.library-section section.content .library-section-pager a i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.library-section section.content .library-section-pager a i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.library-section section.content .library-section-pager a i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
}

.page.library-section .banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.page.library-section .banner .slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.page.library-section .banner .slider .item {
  width: 100%;
}

.page.library-section .banner .slider .item img {
  width: 100%;
}

.page.library-section .banner .slider .slick-slider {
  overflow: hidden;
}

.page.library-section .banner .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.library-section .banner .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
}

.page.library-section .banner .slick-arrow.slick-prev {
  left: calc(50% - 62px);
}

.page.library-section .banner .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.library-section .banner .slick-arrow.slick-next {
  right: calc(50% - 62px);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.library-section .banner .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.library-section .banner .slick-dots {
  position: relative;
  bottom: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page.library-section .banner .slick-dots li {
  background: url("../img/pointer.svg") no-repeat center center;
  width: 10px;
  height: 10px;
  margin: 0 10px;
}

.page.library-section .banner .slick-dots li::marker {
  content: "";
}

.page.library-section .banner .slick-dots li.slick-active {
  background: url("../img/pointer_active.svg") no-repeat center center;
}

.page.library-section .banner .slick-dots li button {
  display: none;
}

.page.library-section .work .banner {
  opacity: 0.5;
  background-color: #f97450;
}

.page.library-section .slide-desktop {
  width: 100%;
  display: block;
}

.page.library-section .slide-mobile {
  display: none;
}

.page.library section.content .inner {
  -ms-flex-line-pack: start;
      align-content: start;
  padding-left: 16px;
  padding-right: 16px;
}

.page.library section.content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2F2F2F;
  font-family: "Roboto";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  margin: 64px 0 24px 0;
}

.page.library section.content .title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.library section.content .title a:hover {
  text-decoration: underline;
}

.page.library section.content .title a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.library section.content .title a i.ico.more {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  margin: 0 0 0 8px;
}

.page.library section.content .slider {
  position: relative;
  height: 380px;
  width: 872px;
  margin: 0 70px;
}

.page.library section.content .slider .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 380px;
  border-radius: 2px;
  background-color: #001689;
  margin: 0 8px;
}

.page.library section.content .slider .item:hover {
  cursor: pointer;
  border-radius: 4px;
  background-color: #7F00FF;
}

.page.library section.content .slider .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

.page.library section.content .slider .item .info .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.library section.content .slider .item .info .type-ico {
  padding: 7px 0 0 0;
}

.page.library section.content .slider .item .info .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 36px;
  min-width: 40px;
  min-height: 36px;
}

.page.library section.content .slider .item .info .type-ico i.ico.tutor {
  background: url("../img/ico_tutor.svg") no-repeat center center;
}

.page.library section.content .slider .item .info .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 20px;
}

.page.library section.content .slider .item .info .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.library section.content .slider .item .info .type-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.page.library section.content .slider .item .info .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 20px 0 0 0;
  color: #ffffff;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.library section.content .slider .item .info .date {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
  padding: 10px 0 0 0;
}

.page.library section.content .slider .item .more {
  padding: 0 20px 20px;
}

.page.library section.content .slider .item .more a {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.library section.content .slider .item .more a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.page.library section.content .slider .slick-slider {
  overflow: hidden;
}

.page.library section.content .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.library section.content .slider .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  top: 160px;
  cursor: pointer;
}

.page.library section.content .slider .slick-arrow.slick-prev {
  left: -68px;
}

.page.library section.content .slider .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.library section.content .slider .slick-arrow.slick-next {
  right: -68px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.library section.content .slider .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.library section.content .library-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.page.library section.content .library-section-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  margin: 64px 0 36px 0;
  overflow-x: auto;
  white-space: nowrap;
}

.page.library section.content .library-section-menu::-webkit-scrollbar {
  display: none;
}

.page.library section.content .library-section-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  border-bottom: 2px solid #0045FF;
  color: #0045FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  text-decoration: none;
  margin: 0 24px 0 0;
}

.page.library section.content .library-section-menu a.active {
  color: #757575;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  border-bottom: unset;
}

.page.library section.content .library-section-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}

.page.library section.content .library-section-info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  margin: 0 32px 0 0;
}

.page.library section.content .library-section-info a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.library section.content .library-section-info a i.ico.back {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin: 0 8px 0 0;
}

.page.library section.content .library-section-info span.count {
  color: var(--basic-colors-dark-gray, #2F2F2F);
  font-family: Roboto;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.page.library section.content .library-section-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 28px 0 24px 0;
}

.page.library section.content .library-section-list .item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 380px;
  border-radius: 4px;
  background-color: #001689;
  margin: 8px;
}

.page.library section.content .library-section-list .item:hover {
  border-radius: 4px;
  background: #7F00FF;
}

.page.library section.content .library-section-list .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

.page.library section.content .library-section-list .item .info .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.library section.content .library-section-list .item .info .type-ico {
  padding: 7px 0 0 0;
}

.page.library section.content .library-section-list .item .info .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 36px;
  min-width: 40px;
  min-height: 36px;
}

.page.library section.content .library-section-list .item .info .type-ico i.ico.tutor {
  background: url("../img/ico_tutor.svg") no-repeat center center;
}

.page.library section.content .library-section-list .item .info .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 20px;
}

.page.library section.content .library-section-list .item .info .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.library section.content .library-section-list .item .info .type-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.page.library section.content .library-section-list .item .info .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 20px 0 0 0;
  color: #ffffff;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.library section.content .library-section-list .item .info .date {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
  padding: 10px 0 0 0;
}

.page.library section.content .library-section-list .item .more {
  padding: 0 20px 20px;
}

.page.library section.content .library-section-list .item .more a {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.library section.content .library-section-list .item .more a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.page.library section.content .library-section-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.page.library section.content .library-section-pager a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  width: 46px;
  padding: 10px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #0045FF;
  margin: 0 8px;
  color: #0045FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.page.library section.content .library-section-pager a.disabled {
  cursor: default;
  border: 1px solid #B3C7FF;
}

.page.library section.content .library-section-pager a.disabled i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.library section.content .library-section-pager a.disabled i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}

.page.library section.content .library-section-pager a.disabled i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.library section.content .library-section-pager a i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.library section.content .library-section-pager a i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.library section.content .library-section-pager a i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
}

.page.library .banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.page.library .banner .slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.page.library .banner .slider .item {
  width: 100%;
}

.page.library .banner .slider .item img {
  width: 100%;
}

.page.library .banner .slider .slick-slider {
  overflow: hidden;
}

.page.library .banner .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.library .banner .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
}

.page.library .banner .slick-arrow.slick-prev {
  left: calc(50% - 62px);
}

.page.library .banner .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.library .banner .slick-arrow.slick-next {
  right: calc(50% - 62px);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.library .banner .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.library .banner .slick-dots {
  position: relative;
  bottom: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page.library .banner .slick-dots li {
  background: url("../img/pointer.svg") no-repeat center center;
  width: 10px;
  height: 10px;
  margin: 0 10px;
}

.page.library .banner .slick-dots li::marker {
  content: "";
}

.page.library .banner .slick-dots li.slick-active {
  background: url("../img/pointer_active.svg") no-repeat center center;
}

.page.library .banner .slick-dots li button {
  display: none;
}

.page.library .work .banner {
  opacity: 0.5;
  background-color: #f97450;
}

.page.library .slide-desktop {
  width: 100%;
  display: block;
}

.page.library .slide-mobile {
  display: none;
}

.page.events.work {
  margin: auto;
  width: 1440px;
  height: 2143px;
  background: url("../maket/events1440.png") center 0 no-repeat;
}

.page.events-section.work {
  margin: auto;
  width: 1440px;
  height: 3094px;
  background: url("../maket/events-section1440.png") center 0 no-repeat;
}

.page.events-section section.content .inner {
  -ms-flex-line-pack: start;
      align-content: start;
}

.page.events-section section.content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2F2F2F;
  font-family: "Roboto";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  margin: 64px 0 24px 0;
}

.page.events-section section.content .title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-section section.content .title a:hover {
  text-decoration: underline;
}

.page.events-section section.content .title a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.events-section section.content .title a i.ico.more {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  margin: 0 0 0 8px;
}

.page.events-section section.content .slider {
  height: 380px;
  width: 100%;
  overflow: hidden;
  margin: 0 70px;
}

.page.events-section section.content .slider .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 380px;
  border-radius: 2px;
  background-color: #001689;
  margin: 0 8px;
}

.page.events-section section.content .slider .item:hover {
  cursor: pointer;
  border-radius: 4px;
  background: #7F00FF;
}

.page.events-section section.content .slider .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

.page.events-section section.content .slider .item .info .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.events-section section.content .slider .item .info .type-ico {
  padding: 7px 0 0 0;
}

.page.events-section section.content .slider .item .info .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 32px;
  min-width: 36px;
  min-height: 32px;
}

.page.events-section section.content .slider .item .info .type-ico i.ico.calendar {
  background: url("../img/ico_calendar.svg") no-repeat center center;
}

.page.events-section section.content .slider .item .info .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 20px;
}

.page.events-section section.content .slider .item .info .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-section section.content .slider .item .info .type-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.page.events-section section.content .slider .item .info .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 26px 0 0 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.events-section section.content .slider .item .info .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
  padding: 25px 0 0 0;
}

.page.events-section section.content .slider .item .more {
  padding: 20px;
}

.page.events-section section.content .slider .item .more a {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.events-section section.content .slider .item .more a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.page.events-section section.content .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.events-section section.content .slider .slick-arrow {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  top: 295px;
}

.page.events-section section.content .slider .slick-arrow.slick-disabled {
  cursor: default;
}

.page.events-section section.content .slider .slick-arrow.slick-prev {
  left: 0;
}

.page.events-section section.content .slider .slick-arrow.slick-prev.slick-disabled {
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-section section.content .slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events-section section.content .slider .slick-arrow.slick-next.slick-disabled {
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-section section.content .events-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.page.events-section section.content .events-section-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  margin: 64px 0 36px 0;
  overflow-x: auto;
  white-space: nowrap;
}

.page.events-section section.content .events-section-menu::-webkit-scrollbar {
  display: none;
}

.page.events-section section.content .events-section-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  border-bottom: 2px solid #0045FF;
  color: #0045FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  text-decoration: none;
  margin: 0 24px 0 0;
}

.page.events-section section.content .events-section-menu a.active {
  color: #757575;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  border-bottom: unset;
}

.page.events-section section.content .events-section-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}

.page.events-section section.content .events-section-info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  margin: 0 32px 0 0;
}

.page.events-section section.content .events-section-info a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.events-section section.content .events-section-info a i.ico.back {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin: 0 8px 0 0;
}

.page.events-section section.content .events-section-info span.count {
  color: var(--basic-colors-dark-gray, #2F2F2F);
  font-family: Roboto;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.page.events-section section.content .events-section-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 28px 0 24px 0;
}

.page.events-section section.content .events-section-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 380px;
  border-radius: 4px;
  background-color: #001689;
  margin: 8px;
}

.page.events-section section.content .events-section-list .item:hover {
  cursor: pointer;
  border-radius: 4px;
  background: #7F00FF;
}

.page.events-section section.content .events-section-list .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

.page.events-section section.content .events-section-list .item .info .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.events-section section.content .events-section-list .item .info .type-ico {
  padding: 7px 0 0 0;
}

.page.events-section section.content .events-section-list .item .info .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 32px;
  min-width: 36px;
  min-height: 32px;
}

.page.events-section section.content .events-section-list .item .info .type-ico i.ico.calendar {
  background: url("../img/ico_calendar.svg") no-repeat center center;
}

.page.events-section section.content .events-section-list .item .info .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 20px;
}

.page.events-section section.content .events-section-list .item .info .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-section section.content .events-section-list .item .info .type-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.page.events-section section.content .events-section-list .item .info .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 26px 0 0 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.events-section section.content .events-section-list .item .info .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
  padding: 25px 0 0 0;
}

.page.events-section section.content .events-section-list .item .more {
  padding: 20px;
}

.page.events-section section.content .events-section-list .item .more a {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.events-section section.content .events-section-list .item .more a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.page.events-section section.content .events-section-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.page.events-section section.content .events-section-pager a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  width: 46px;
  padding: 10px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #0045FF;
  margin: 0 8px;
  color: #0045FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.page.events-section section.content .events-section-pager a.disabled {
  cursor: default;
  border: 1px solid #B3C7FF;
}

.page.events-section section.content .events-section-pager a.disabled i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.events-section section.content .events-section-pager a.disabled i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}

.page.events-section section.content .events-section-pager a.disabled i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events-section section.content .events-section-pager a i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.events-section section.content .events-section-pager a i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events-section section.content .events-section-pager a i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
}

.page.events-section section.content .events-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.page.events-section section.content .events-detail-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  background-color: #001689;
  height: 512px;
  padding: 125px 213px;
}

.page.events-section section.content .events-detail-title .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}

.page.events-section section.content .events-detail-title .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 39px;
  height: 36px;
  min-width: 39px;
  min-height: 36px;
}

.page.events-section section.content .events-detail-title .type-ico i.ico.calendar {
  background: url("../img/ico_calendar2.svg") no-repeat center center;
}

.page.events-section section.content .events-detail-title .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 24px;
}

.page.events-section section.content .events-detail-title .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding: 0 56px 0 0;
}

.page.events-section section.content .events-detail-title .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  padding: 10px 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px;
}

.page.events-section section.content .events-detail-title .date {
  padding: 10px 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.events-section section.content .events-detail-content-title {
  margin: 64px 0 32px 0;
  color: #2F2F2F;
  font-family: "Roboto";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
}

.page.events-section section.content .events-detail-content-schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin: 0 0 18px 0;
}

.page.events-section section.content .events-detail-content-schedule .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0 32px 0;
}

.page.events-section section.content .events-detail-content-schedule .row .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 208px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: #0045FF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-section section.content .events-detail-content-schedule .row .desc {
  width: 100%;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-section section.content .events-detail-content-schedule .row .desc ul {
  list-style-position: inside;
  padding: 0 0 18px 0;
}

.page.events-section section.content .events-detail-content-schedule .row .desc p {
  padding: 0 0 10px 0;
}

.page.events-section section.content .events-detail-content-schedule .row .desc p.title {
  margin: 0;
  padding: 0 0 16px 0;
  color: var(--basic-colors-dark-gray, #2F2F2F);
  /* H4 */
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.page.events-section section.content .events-detail-content-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 150px;
  width: 100%;
  margin: 0 0 80px 0;
}

.page.events-section section.content .events-detail-content-slider .slider {
  margin: 0;
}

.page.events-section section.content .events-detail-content-slider .slider .item {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: transparent;
  width: 1012px;
  height: 145px;
  padding: 0 70px;
  margin: auto;
}

.page.events-section section.content .events-detail-content-slider .slider .item .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 25px 0 20px;
}

.page.events-section section.content .events-detail-content-slider .slider .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 5px 0 0 0;
}

.page.events-section section.content .events-detail-content-slider .slider .item .info .fio {
  padding: 22px 0 14px 0;
  color: var(--basic-colors-dark-gray, #2F2F2F);
  /* H4 */
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.page.events-section section.content .events-detail-content-slider .slider .item .info .about {
  color: var(--basic-colors-dark-gray-01, #585858);
  /* Body/Body 1 */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-section section.content .events-detail-content-slider .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.events-section section.content .events-detail-content-slider .slider .slider-arrows {
  position: relative;
}

.page.events-section section.content .events-detail-content-slider .slider .slick-arrow {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  top: -95px;
}

.page.events-section section.content .events-detail-content-slider .slider .slick-arrow.slick-prev {
  left: 0;
}

.page.events-section section.content .events-detail-content-slider .slider .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-section section.content .events-detail-content-slider .slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events-section section.content .events-detail-content-slider .slider .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-section section.content .events-detail-content-widget {
  width: 100%;
  height: 100%;
}

.page.events-section .banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.page.events-section .banner .slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.page.events-section .banner .slider .item {
  width: 100%;
}

.page.events-section .banner .slider .item img {
  width: 100%;
}

.page.events-section .banner .slider .slick-slider {
  overflow: hidden;
}

.page.events-section .banner .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.events-section .banner .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
}

.page.events-section .banner .slick-arrow.slick-prev {
  left: calc(50% - 62px);
}

.page.events-section .banner .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-section .banner .slick-arrow.slick-next {
  right: calc(50% - 62px);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events-section .banner .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-section .banner .slick-dots {
  position: relative;
  bottom: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page.events-section .banner .slick-dots li {
  background: url("../img/pointer.svg") no-repeat center center;
  width: 10px;
  height: 10px;
  margin: 0 10px;
}

.page.events-section .banner .slick-dots li::marker {
  content: "";
}

.page.events-section .banner .slick-dots li.slick-active {
  background: url("../img/pointer_active.svg") no-repeat center center;
}

.page.events-section .banner .slick-dots li button {
  display: none;
}

.page.events-section .work .banner {
  opacity: 0.5;
  background-color: #f97450;
}

.page.events-section .slide-desktop {
  width: 100%;
  display: block;
}

.page.events-section .slide-mobile {
  display: none;
}

.page.events-detail.work {
  margin: auto;
  width: 1440px;
  height: 3127px;
  background: url("../maket/events-detail1440.png") center 0 no-repeat;
}

.page.events-detail section.content .inner {
  -ms-flex-line-pack: start;
      align-content: start;
}

.page.events-detail section.content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2F2F2F;
  font-family: "Roboto";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  margin: 64px 0 24px 0;
}

.page.events-detail section.content .title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-detail section.content .title a:hover {
  text-decoration: underline;
}

.page.events-detail section.content .title a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.events-detail section.content .title a i.ico.more {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  margin: 0 0 0 8px;
}

.page.events-detail section.content .slider {
  height: 380px;
  width: 100%;
  overflow: hidden;
  margin: 0 70px;
}

.page.events-detail section.content .slider .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 380px;
  border-radius: 2px;
  background-color: #001689;
  margin: 0 8px;
}

.page.events-detail section.content .slider .item:hover {
  cursor: pointer;
  border-radius: 4px;
  background: #7F00FF;
}

.page.events-detail section.content .slider .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

.page.events-detail section.content .slider .item .info .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.events-detail section.content .slider .item .info .type-ico {
  padding: 7px 0 0 0;
}

.page.events-detail section.content .slider .item .info .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 32px;
  min-width: 36px;
  min-height: 32px;
}

.page.events-detail section.content .slider .item .info .type-ico i.ico.calendar {
  background: url("../img/ico_calendar.svg") no-repeat center center;
}

.page.events-detail section.content .slider .item .info .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 20px;
}

.page.events-detail section.content .slider .item .info .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-detail section.content .slider .item .info .type-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.page.events-detail section.content .slider .item .info .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 26px 0 0 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.events-detail section.content .slider .item .info .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
  padding: 25px 0 0 0;
}

.page.events-detail section.content .slider .item .more {
  padding: 20px;
}

.page.events-detail section.content .slider .item .more a {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.events-detail section.content .slider .item .more a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.page.events-detail section.content .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.events-detail section.content .slider .slick-arrow {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  top: 295px;
}

.page.events-detail section.content .slider .slick-arrow.slick-disabled {
  cursor: default;
}

.page.events-detail section.content .slider .slick-arrow.slick-prev {
  left: 0;
}

.page.events-detail section.content .slider .slick-arrow.slick-prev.slick-disabled {
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-detail section.content .slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events-detail section.content .slider .slick-arrow.slick-next.slick-disabled {
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-detail section.content .events-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.page.events-detail section.content .events-section-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  margin: 64px 0 36px 0;
  overflow-x: auto;
  white-space: nowrap;
}

.page.events-detail section.content .events-section-menu::-webkit-scrollbar {
  display: none;
}

.page.events-detail section.content .events-section-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  border-bottom: 2px solid #0045FF;
  color: #0045FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  text-decoration: none;
  margin: 0 24px 0 0;
}

.page.events-detail section.content .events-section-menu a.active {
  color: #757575;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  border-bottom: unset;
}

.page.events-detail section.content .events-section-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}

.page.events-detail section.content .events-section-info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  margin: 0 32px 0 0;
}

.page.events-detail section.content .events-section-info a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.events-detail section.content .events-section-info a i.ico.back {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin: 0 8px 0 0;
}

.page.events-detail section.content .events-section-info span.count {
  color: var(--basic-colors-dark-gray, #2F2F2F);
  font-family: Roboto;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.page.events-detail section.content .events-section-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 28px 0 24px 0;
}

.page.events-detail section.content .events-section-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 380px;
  border-radius: 4px;
  background-color: #001689;
  margin: 8px;
}

.page.events-detail section.content .events-section-list .item:hover {
  cursor: pointer;
  border-radius: 4px;
  background: #7F00FF;
}

.page.events-detail section.content .events-section-list .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

.page.events-detail section.content .events-section-list .item .info .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.events-detail section.content .events-section-list .item .info .type-ico {
  padding: 7px 0 0 0;
}

.page.events-detail section.content .events-section-list .item .info .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 32px;
  min-width: 36px;
  min-height: 32px;
}

.page.events-detail section.content .events-section-list .item .info .type-ico i.ico.calendar {
  background: url("../img/ico_calendar.svg") no-repeat center center;
}

.page.events-detail section.content .events-section-list .item .info .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 20px;
}

.page.events-detail section.content .events-section-list .item .info .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-detail section.content .events-section-list .item .info .type-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.page.events-detail section.content .events-section-list .item .info .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 26px 0 0 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.events-detail section.content .events-section-list .item .info .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
  padding: 25px 0 0 0;
}

.page.events-detail section.content .events-section-list .item .more {
  padding: 20px;
}

.page.events-detail section.content .events-section-list .item .more a {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.events-detail section.content .events-section-list .item .more a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.page.events-detail section.content .events-section-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.page.events-detail section.content .events-section-pager a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  width: 46px;
  padding: 10px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #0045FF;
  margin: 0 8px;
  color: #0045FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.page.events-detail section.content .events-section-pager a.disabled {
  cursor: default;
  border: 1px solid #B3C7FF;
}

.page.events-detail section.content .events-section-pager a.disabled i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.events-detail section.content .events-section-pager a.disabled i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}

.page.events-detail section.content .events-section-pager a.disabled i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events-detail section.content .events-section-pager a i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.events-detail section.content .events-section-pager a i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events-detail section.content .events-section-pager a i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
}

.page.events-detail section.content .events-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.page.events-detail section.content .events-detail-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  background-color: #001689;
  height: 512px;
  padding: 125px 213px;
}

.page.events-detail section.content .events-detail-title .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}

.page.events-detail section.content .events-detail-title .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 39px;
  height: 36px;
  min-width: 39px;
  min-height: 36px;
}

.page.events-detail section.content .events-detail-title .type-ico i.ico.calendar {
  background: url("../img/ico_calendar2.svg") no-repeat center center;
}

.page.events-detail section.content .events-detail-title .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 24px;
}

.page.events-detail section.content .events-detail-title .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding: 0 56px 0 0;
}

.page.events-detail section.content .events-detail-title .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  padding: 10px 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px;
}

.page.events-detail section.content .events-detail-title .date {
  padding: 10px 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.events-detail section.content .events-detail-content-title {
  margin: 64px 0 32px 0;
  color: #2F2F2F;
  font-family: "Roboto";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
}

.page.events-detail section.content .events-detail-content-schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin: 0 0 18px 0;
}

.page.events-detail section.content .events-detail-content-schedule .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0 32px 0;
}

.page.events-detail section.content .events-detail-content-schedule .row .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 208px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: #0045FF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-detail section.content .events-detail-content-schedule .row .desc {
  width: 100%;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-detail section.content .events-detail-content-schedule .row .desc ul {
  list-style-position: inside;
  padding: 0 0 18px 0;
}

.page.events-detail section.content .events-detail-content-schedule .row .desc p {
  padding: 0 0 10px 0;
}

.page.events-detail section.content .events-detail-content-schedule .row .desc p.title {
  margin: 0;
  padding: 0 0 16px 0;
  color: var(--basic-colors-dark-gray, #2F2F2F);
  /* H4 */
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.page.events-detail section.content .events-detail-content-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 150px;
  width: 100%;
  margin: 0 0 80px 0;
}

.page.events-detail section.content .events-detail-content-slider .slider {
  margin: 0;
}

.page.events-detail section.content .events-detail-content-slider .slider .item {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: transparent;
  width: 1012px;
  height: 145px;
  padding: 0 70px;
  margin: auto;
}

.page.events-detail section.content .events-detail-content-slider .slider .item .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 25px 0 20px;
}

.page.events-detail section.content .events-detail-content-slider .slider .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 5px 0 0 0;
}

.page.events-detail section.content .events-detail-content-slider .slider .item .info .fio {
  padding: 22px 0 14px 0;
  color: var(--basic-colors-dark-gray, #2F2F2F);
  /* H4 */
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.page.events-detail section.content .events-detail-content-slider .slider .item .info .about {
  color: var(--basic-colors-dark-gray-01, #585858);
  /* Body/Body 1 */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events-detail section.content .events-detail-content-slider .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.events-detail section.content .events-detail-content-slider .slider .slider-arrows {
  position: relative;
}

.page.events-detail section.content .events-detail-content-slider .slider .slick-arrow {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  top: -95px;
}

.page.events-detail section.content .events-detail-content-slider .slider .slick-arrow.slick-prev {
  left: 0;
}

.page.events-detail section.content .events-detail-content-slider .slider .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-detail section.content .events-detail-content-slider .slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events-detail section.content .events-detail-content-slider .slider .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-detail section.content .events-detail-content-widget {
  width: 100%;
  height: 100%;
}

.page.events-detail .banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.page.events-detail .banner .slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.page.events-detail .banner .slider .item {
  width: 100%;
}

.page.events-detail .banner .slider .item img {
  width: 100%;
}

.page.events-detail .banner .slider .slick-slider {
  overflow: hidden;
}

.page.events-detail .banner .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.events-detail .banner .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
}

.page.events-detail .banner .slick-arrow.slick-prev {
  left: calc(50% - 62px);
}

.page.events-detail .banner .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-detail .banner .slick-arrow.slick-next {
  right: calc(50% - 62px);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events-detail .banner .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events-detail .banner .slick-dots {
  position: relative;
  bottom: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page.events-detail .banner .slick-dots li {
  background: url("../img/pointer.svg") no-repeat center center;
  width: 10px;
  height: 10px;
  margin: 0 10px;
}

.page.events-detail .banner .slick-dots li::marker {
  content: "";
}

.page.events-detail .banner .slick-dots li.slick-active {
  background: url("../img/pointer_active.svg") no-repeat center center;
}

.page.events-detail .banner .slick-dots li button {
  display: none;
}

.page.events-detail .work .banner {
  opacity: 0.5;
  background-color: #f97450;
}

.page.events-detail .slide-desktop {
  width: 100%;
  display: block;
}

.page.events-detail .slide-mobile {
  display: none;
}

.page.events section.content .inner {
  -ms-flex-line-pack: start;
      align-content: start;
}

.page.events section.content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2F2F2F;
  font-family: "Roboto";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  margin: 64px 0 24px 0;
}

.page.events section.content .title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events section.content .title a:hover {
  text-decoration: underline;
}

.page.events section.content .title a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.events section.content .title a i.ico.more {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  margin: 0 0 0 8px;
}

.page.events section.content .slider {
  height: 380px;
  width: 100%;
  overflow: hidden;
  margin: 0 70px;
}

.page.events section.content .slider .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 380px;
  border-radius: 2px;
  background-color: #001689;
  margin: 0 8px;
}

.page.events section.content .slider .item:hover {
  cursor: pointer;
  border-radius: 4px;
  background: #7F00FF;
}

.page.events section.content .slider .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

.page.events section.content .slider .item .info .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.events section.content .slider .item .info .type-ico {
  padding: 7px 0 0 0;
}

.page.events section.content .slider .item .info .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 32px;
  min-width: 36px;
  min-height: 32px;
}

.page.events section.content .slider .item .info .type-ico i.ico.calendar {
  background: url("../img/ico_calendar.svg") no-repeat center center;
}

.page.events section.content .slider .item .info .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 20px;
}

.page.events section.content .slider .item .info .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events section.content .slider .item .info .type-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.page.events section.content .slider .item .info .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 26px 0 0 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.events section.content .slider .item .info .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
  padding: 25px 0 0 0;
}

.page.events section.content .slider .item .more {
  padding: 20px;
}

.page.events section.content .slider .item .more a {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.events section.content .slider .item .more a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.page.events section.content .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.events section.content .slider .slick-arrow {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  top: 295px;
}

.page.events section.content .slider .slick-arrow.slick-disabled {
  cursor: default;
}

.page.events section.content .slider .slick-arrow.slick-prev {
  left: 0;
}

.page.events section.content .slider .slick-arrow.slick-prev.slick-disabled {
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events section.content .slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events section.content .slider .slick-arrow.slick-next.slick-disabled {
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events section.content .events-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.page.events section.content .events-section-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  margin: 64px 0 36px 0;
  overflow-x: auto;
  white-space: nowrap;
}

.page.events section.content .events-section-menu::-webkit-scrollbar {
  display: none;
}

.page.events section.content .events-section-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  border-bottom: 2px solid #0045FF;
  color: #0045FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  text-decoration: none;
  margin: 0 24px 0 0;
}

.page.events section.content .events-section-menu a.active {
  color: #757575;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
  border-bottom: unset;
}

.page.events section.content .events-section-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}

.page.events section.content .events-section-info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  margin: 0 32px 0 0;
}

.page.events section.content .events-section-info a i.ico {
  width: 24px;
  height: 25px;
  min-width: 24px;
  min-height: 25px;
}

.page.events section.content .events-section-info a i.ico.back {
  background: url("../img/ico_arrow-small-right.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin: 0 8px 0 0;
}

.page.events section.content .events-section-info span.count {
  color: var(--basic-colors-dark-gray, #2F2F2F);
  font-family: Roboto;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.page.events section.content .events-section-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 28px 0 24px 0;
}

.page.events section.content .events-section-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  height: 380px;
  border-radius: 4px;
  background-color: #001689;
  margin: 8px;
}

.page.events section.content .events-section-list .item:hover {
  cursor: pointer;
  border-radius: 4px;
  background: #7F00FF;
}

.page.events section.content .events-section-list .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

.page.events section.content .events-section-list .item .info .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page.events section.content .events-section-list .item .info .type-ico {
  padding: 7px 0 0 0;
}

.page.events section.content .events-section-list .item .info .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 32px;
  min-width: 36px;
  min-height: 32px;
}

.page.events section.content .events-section-list .item .info .type-ico i.ico.calendar {
  background: url("../img/ico_calendar.svg") no-repeat center center;
}

.page.events section.content .events-section-list .item .info .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 20px;
}

.page.events section.content .events-section-list .item .info .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events section.content .events-section-list .item .info .type-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.page.events section.content .events-section-list .item .info .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 26px 0 0 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.events section.content .events-section-list .item .info .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
  padding: 25px 0 0 0;
}

.page.events section.content .events-section-list .item .more {
  padding: 20px;
}

.page.events section.content .events-section-list .item .more a {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.page.events section.content .events-section-list .item .more a:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.page.events section.content .events-section-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.page.events section.content .events-section-pager a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  width: 46px;
  padding: 10px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #0045FF;
  margin: 0 8px;
  color: #0045FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.page.events section.content .events-section-pager a.disabled {
  cursor: default;
  border: 1px solid #B3C7FF;
}

.page.events section.content .events-section-pager a.disabled i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.events section.content .events-section-pager a.disabled i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}

.page.events section.content .events-section-pager a.disabled i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events section.content .events-section-pager a i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.events section.content .events-section-pager a i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events section.content .events-section-pager a i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
}

.page.events section.content .events-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.page.events section.content .events-detail-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  background-color: #001689;
  height: 512px;
  padding: 125px 213px;
}

.page.events section.content .events-detail-title .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}

.page.events section.content .events-detail-title .type-ico i.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 39px;
  height: 36px;
  min-width: 39px;
  min-height: 36px;
}

.page.events section.content .events-detail-title .type-ico i.ico.calendar {
  background: url("../img/ico_calendar2.svg") no-repeat center center;
}

.page.events section.content .events-detail-title .type-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 24px;
}

.page.events section.content .events-detail-title .type-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding: 0 56px 0 0;
}

.page.events section.content .events-detail-title .name {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  padding: 10px 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px;
}

.page.events section.content .events-detail-title .date {
  padding: 10px 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.page.events section.content .events-detail-content-title {
  margin: 64px 0 32px 0;
  color: #2F2F2F;
  font-family: "Roboto";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
}

.page.events section.content .events-detail-content-schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin: 0 0 18px 0;
}

.page.events section.content .events-detail-content-schedule .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0 32px 0;
}

.page.events section.content .events-detail-content-schedule .row .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 208px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: #0045FF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events section.content .events-detail-content-schedule .row .desc {
  width: 100%;
  color: #2F2F2F;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events section.content .events-detail-content-schedule .row .desc ul {
  list-style-position: inside;
  padding: 0 0 18px 0;
}

.page.events section.content .events-detail-content-schedule .row .desc p {
  padding: 0 0 10px 0;
}

.page.events section.content .events-detail-content-schedule .row .desc p.title {
  margin: 0;
  padding: 0 0 16px 0;
  color: var(--basic-colors-dark-gray, #2F2F2F);
  /* H4 */
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.page.events section.content .events-detail-content-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 150px;
  width: 100%;
  margin: 0 0 80px 0;
}

.page.events section.content .events-detail-content-slider .slider {
  margin: 0;
}

.page.events section.content .events-detail-content-slider .slider .item {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: transparent;
  width: 1012px;
  height: 145px;
  padding: 0 70px;
  margin: auto;
}

.page.events section.content .events-detail-content-slider .slider .item .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 25px 0 20px;
}

.page.events section.content .events-detail-content-slider .slider .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 5px 0 0 0;
}

.page.events section.content .events-detail-content-slider .slider .item .info .fio {
  padding: 22px 0 14px 0;
  color: var(--basic-colors-dark-gray, #2F2F2F);
  /* H4 */
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.page.events section.content .events-detail-content-slider .slider .item .info .about {
  color: var(--basic-colors-dark-gray-01, #585858);
  /* Body/Body 1 */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.page.events section.content .events-detail-content-slider .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.events section.content .events-detail-content-slider .slider .slider-arrows {
  position: relative;
}

.page.events section.content .events-detail-content-slider .slider .slick-arrow {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  top: -95px;
}

.page.events section.content .events-detail-content-slider .slider .slick-arrow.slick-prev {
  left: 0;
}

.page.events section.content .events-detail-content-slider .slider .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events section.content .events-detail-content-slider .slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events section.content .events-detail-content-slider .slider .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events section.content .events-detail-content-widget {
  width: 100%;
  height: 100%;
}

.page.events .banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.page.events .banner .slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.page.events .banner .slider .item {
  width: 100%;
}

.page.events .banner .slider .item img {
  width: 100%;
}

.page.events .banner .slider .slick-slider {
  overflow: hidden;
}

.page.events .banner .slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page.events .banner .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url("../img/slick-arrow.svg") no-repeat center center;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
}

.page.events .banner .slick-arrow.slick-prev {
  left: calc(50% - 62px);
}

.page.events .banner .slick-arrow.slick-prev.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events .banner .slick-arrow.slick-next {
  right: calc(50% - 62px);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.events .banner .slick-arrow.slick-next.slick-disabled {
  cursor: default;
  background: url("../img/slick-arrow-disabled.svg") no-repeat center center;
}

.page.events .banner .slick-dots {
  position: relative;
  bottom: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page.events .banner .slick-dots li {
  background: url("../img/pointer.svg") no-repeat center center;
  width: 10px;
  height: 10px;
  margin: 0 10px;
}

.page.events .banner .slick-dots li::marker {
  content: "";
}

.page.events .banner .slick-dots li.slick-active {
  background: url("../img/pointer_active.svg") no-repeat center center;
}

.page.events .banner .slick-dots li button {
  display: none;
}

.page.events .work .banner {
  opacity: 0.5;
  background-color: #f97450;
}

.page.events .slide-desktop {
  width: 100%;
  display: block;
}

.page.events .slide-mobile {
  display: none;
}

.page.search section.content .inner {
  -ms-flex-line-pack: start;
      align-content: start;
  padding-left: 10px;
  padding-right: 10px;
}

.page.search section.content h3 {
  margin: 64px 0 32px 0;
  color: #2F2F2F;
  font-family: "Roboto";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
}

.page.search section.content .search {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.page.search section.content .search-counter {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.02em;
  color: #2F2F2F;
}

.page.search section.content .search-form {
  position: relative;
  background: #F5F5F5;
  border-bottom: 2px solid #2F2F2F;
  width: 100%;
  height: 48px;
  margin: 40px 0;
}

.page.search section.content .search-form input[type=text] {
  background: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  width: 100%;
  height: 46px;
  padding: 0 10px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.02em;
  text-align: left;
}

.page.search section.content .search-form input[type=submit] {
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 14px;
  background: url("../img/ico-search.svg") no-repeat center center;
  border: none;
}

.page.search section.content .search-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #EBEBEB;
  padding: 20px 0;
}

.page.search section.content .search-filter a {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  text-decoration: none;
  margin: 0 10px 0 0;
  padding: 10px 15px 10px 15px;
  gap: 10px;
  border-radius: 60px;
  background: #0045FF;
  border: 1px solid #0045FF;
}

.page.search section.content .search-filter a.active {
  color: #0045FF;
  background: #FFFFFF;
  border: 1px solid #0045FF;
}

.page.search section.content .search-filter a:hover {
  color: #0045FF;
  background: #FFFFFF;
  border: 1px solid #0045FF;
}

.page.search section.content .search-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: 1px solid #EBEBEB;
}

.page.search section.content .search-result__item {
  padding: 32px 0;
  border-bottom: 1px solid #EBEBEB;
}

.page.search section.content .search-result__item-title {
  font-family: "Roboto";
  font-size: 25px;
  font-weight: 400;
  line-height: 32px;
  color: #2F2F2F;
}

.page.search section.content .search-result__item-text {
  padding: 16px 0;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #585858;
}

.page.search section.content .search-result__item a {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.02em;
  color: #585858;
  text-decoration: underline;
}

.page.search section.content .search-result__item a:hover {
  text-decoration: none;
}

.page.search section.content .search-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 46px 0 0 0;
}

.page.search section.content .search-navigation .pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page.search section.content .search-navigation .pager a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  width: 46px;
  padding: 10px 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #0045ff;
  margin: 0 8px;
  color: #0045ff;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.48px;
}

.page.search section.content .search-navigation .pager a:first-child {
  margin-left: 0;
}

.page.search section.content .search-navigation .pager a:last-child {
  margin-right: 0;
}

.page.search section.content .search-navigation .pager a.disabled {
  cursor: default;
  border: 1px solid #b3c7ff;
  color: #b3c7ff;
}

.page.search section.content .search-navigation .pager a.disabled i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.search section.content .search-navigation .pager a.disabled i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}

.page.search section.content .search-navigation .pager a.disabled i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow-disabled.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.search section.content .search-navigation .pager a i.ico {
  width: 8px;
  height: 12px;
  min-width: 8px;
  min-height: 12px;
}

.page.search section.content .search-navigation .pager a i.ico.pager-arrow-left {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page.search section.content .search-navigation .pager a i.ico.pager-arrow-right {
  background: url("../img/ico_pager-arrow.svg") no-repeat center center;
}

.page.search section.content .search-navigation .counter {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  /* 162.5% */
  letter-spacing: 0.32px;
}

.page .btn-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--color-gray-dark);
  margin-top: 31px;
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 1092px) {
  .history__slide .history__slide__img.desktop {
    display: block;
  }
}

@media all and (max-width: 1092px) {
  .interesting-stories__title {
    font-size: 24px;
    line-height: 28px;
  }

  .history-cases__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .history-cases__items .history-cases__item {
    width: 100%;
  }

  .history-participate-form__control {
    margin-bottom: 54px;
  }

  .history-participate-form__control .history-participate-form__title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
  }

  .history-participate-form__form {
    gap: 24px;
  }

  .history-participate-form .file-upload-label {
    width: 100%;
  }

  .history-participate-form .form-group-file__control {
    width: 100%;
  }

  .history-participate-form .form-group-file__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .wrap-icon-file {
    width: 100%;
    height: 246px;
  }

  .wrap-icon-file img {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .form-group-file__control__right {
    width: 100%;
  }

  .form-group-file.success .history-participate-form__text-status.mobile,
  .form-group-file.error .history-participate-form__text-status.mobile {
    display: block;
  }

  .form-group-file.success .history-participate-form__text-status.desktop,
  .form-group-file.error .history-participate-form__text-status.desktop {
    display: none;
  }

  .history-participate-form .history-participate-form__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }

  .history-participate-form .form-group-file__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }

  .history-participate-form__back {
    top: 0;
    display: none;
  }

  .history-participate-form__back.mobile {
    display: block;
  }

  .content-history {
    padding: 0 1rem;
  }

  .history__slide {
    height: 495px;
  }
}

@media all and (max-width: 1091px) {
  .participate__map .arrow {
    width: 48px;
    height: 60px;
  }

  .participate__map .arrow img {
    width: 100%;
    height: 100%;
  }

  .participate__map .arrow img.desktop {
    display: none;
  }

  .participate__map .arrow img.mobile {
    display: block;
    -webkit-transform: rotate(0deg) !important;
        -ms-transform: rotate(0deg) !important;
            transform: rotate(0deg) !important;
  }

  .participate__map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
  }

  .participate .participate__control .participate__accept {
    width: 100%;
  }

  .history__slide .history__slide__img.mobile {
    display: none;
  }

  .history__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .history__slide-mobile {
    display: block;
  }

  .history__slide-desktop {
    display: none !important;
  }
}

@media (max-width: 1050px) {
  footer .inner {
    padding: 0 24px;
  }

  .page.library-section section.content .title {
    margin: 64px 30px 24px;
  }

  .page.library-section section.content .slider {
    width: 576px;
    margin: auto;
  }

  .page.library section.content .title {
    margin: 64px 30px 24px;
  }

  .page.library section.content .slider {
    width: 576px;
    margin: auto;
  }

  .page.events-section section.content .title {
    margin: 64px 30px 24px;
  }

  .page.events-section section.content .slider {
    width: calc(100% - 50px);
    margin: auto;
  }

  .page.events-section section.content .slider .slider-arrows {
    top: -130px;
  }

  .page.events-section section.content .events-detail-title {
    padding: 40px 20px;
    height: auto;
  }

  .page.events-section section.content .events-detail-content {
    padding: 0 20px;
  }

  .page.events-section section.content .events-detail-content-schedule .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .page.events-section section.content .events-detail-content-slider {
    height: auto;
    margin: 0 0 50px 0;
  }

  .page.events-section section.content .events-detail-content-slider .slider {
    height: auto;
  }

  .page.events-section section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 880px;
  }

  .page.events-section section.content .events-detail-content-slider .slider .item .photo {
    margin: 0;
  }

  .page.events-section section.content .events-detail-content-widget img {
    width: 100%;
  }

  .page.events-detail section.content .title {
    margin: 64px 30px 24px;
  }

  .page.events-detail section.content .slider {
    width: calc(100% - 50px);
    margin: auto;
  }

  .page.events-detail section.content .slider .slider-arrows {
    top: -130px;
  }

  .page.events-detail section.content .events-detail-title {
    padding: 40px 20px;
    height: auto;
  }

  .page.events-detail section.content .events-detail-content {
    padding: 0 20px;
  }

  .page.events-detail section.content .events-detail-content-schedule .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .page.events-detail section.content .events-detail-content-slider {
    height: auto;
    margin: 0 0 50px 0;
  }

  .page.events-detail section.content .events-detail-content-slider .slider {
    height: auto;
  }

  .page.events-detail section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 880px;
  }

  .page.events-detail section.content .events-detail-content-slider .slider .item .photo {
    margin: 0;
  }

  .page.events-detail section.content .events-detail-content-widget img {
    width: 100%;
  }

  .page.events section.content .title {
    margin: 64px 30px 24px;
  }

  .page.events section.content .slider {
    width: calc(100% - 50px);
    margin: auto;
  }

  .page.events section.content .slider .slider-arrows {
    top: -130px;
  }

  .page.events section.content .events-detail-title {
    padding: 40px 20px;
    height: auto;
  }

  .page.events section.content .events-detail-content {
    padding: 0 20px;
  }

  .page.events section.content .events-detail-content-schedule .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .page.events section.content .events-detail-content-slider {
    height: auto;
    margin: 0 0 50px 0;
  }

  .page.events section.content .events-detail-content-slider .slider {
    height: auto;
  }

  .page.events section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 880px;
  }

  .page.events section.content .events-detail-content-slider .slider .item .photo {
    margin: 0;
  }

  .page.events section.content .events-detail-content-widget img {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .page.index section.content .direction-choise-block-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .page.index section.content .direction-choise-block-content {
    margin: 22px 0 0 0;
  }

  .page.index section.content .direction-choise-block-content-item-sections-item-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
  }

  .page.index section.content .direction-choise-block-content-item-sections-item-info {
    margin: 0 0 30px 0;
  }

  .page.index section.content .direction-choise-block-content-steps .step {
    margin: 0 10px;
  }

  .page.index section.content .direction-choise-block-content-steps .separator {
    display: none;
  }
}

@media (max-width: 991px) {
  .cookies {
    padding: 20px;
  }
}

@media (max-width: 930px) {
  .page.events-section section.content .title {
    font-size: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .page.events-section section.content .title a {
    margin: 30px 0 0 0;
  }

  .page.events-section section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 760px;
  }

  .page.events-detail section.content .title {
    font-size: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .page.events-detail section.content .title a {
    margin: 30px 0 0 0;
  }

  .page.events-detail section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 760px;
  }

  .page.events section.content .title {
    font-size: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .page.events section.content .title a {
    margin: 30px 0 0 0;
  }

  .page.events section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 760px;
  }
}

@media (max-width: 910px) {
  header .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  header .menu {
    display: none;
    position: absolute;
    top: 80px;
    width: 100%;
    background-color: #ffffff;
    z-index: 1;
  }

  header .menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  header .menu ul li {
    padding: 12px 10px;
  }

  header .menu ul li.close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    background-color: #0045FF;
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.32px;
  }

  header .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  header .search-form {
    border-bottom: none;
    width: 100%;
    top: 80px;
    right: unset;
  }

  section.breadcrumbs {
    display: none;
  }
}

@media (max-width: 840px) {
  .page.index section.intro .intro-text-slogan {
    font-size: 36px;
    line-height: 45px;
    padding: 0 10px 0 0;
  }
}

@media (max-width: 820px) {
  .page.catalog section.content .catalog-navigation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
  }

  .page.search section.content .search-navigation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
  }
}

@media (max-width: 810px) {
  .page.events-section section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 640px;
  }

  .page.events-detail section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 640px;
  }

  .page.events section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 640px;
  }
}

@media (max-width: 767px) {
  .cookies {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .cookies-text {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .cookies-accept {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .cookies-close {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (max-width: 740px) {
  section.end {
    height: 70px;
    background-position: top right;
  }

  footer .menu {
    display: none;
  }

  footer .policy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: unset;
    border-top: none;
  }

  footer .policy a {
    margin: 13px 16px;
  }

  footer .policy a:last-child {
    margin: 13px 16px 30px;
  }
}

@media (max-width: 720px) {
  .page.index section.intro .intro-slider {
    width: 100%;
    margin: 0;
    margin-bottom: 50px;
  }

  .page.index section.intro .intro-slider .slider-intro {
    width: 100%;
    overflow: auto;
  }

  .page.index section.intro .intro-slider .slider-intro .item {
    height: 350px;
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .page.index section.intro .intro-slider .slider-intro .item .more i {
    display: none;
  }

  .page.index section.intro .intro-slider .slider-intro .slick-dots {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .page.index section.intro .intro-slider .slider-intro .slick-dots li button {
    background: initial;
  }

  .page.library-section section.content .slider {
    width: 520px;
  }

  .page.library-section section.content .slider .slider-arrows {
    display: none;
  }

  .page.library section.content .slider {
    width: 520px;
  }

  .page.library section.content .slider .slider-arrows {
    display: none;
  }
}

@media (max-width: 690px) {
  .page.events-section section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 520px;
  }

  .page.events-detail section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 520px;
  }

  .page.events section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 520px;
  }
}

@media (max-width: 640px) {
  .page.index section.intro {
    height: 450px;
  }

  .page.index section.intro .slider-arrows-banner {
    display: block;
  }

  .page.index section.intro .intro-text {
    margin: 0;
    width: auto;
  }

  .page.index section.intro .intro-text-slogan {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0.6px;
    margin-top: 25px;
    margin-bottom: 35px;
  }

  .page.catalog section.content .catalog {
    padding-left: 16px;
    padding-right: 16px;
  }

  .page.catalog section.content .catalog-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .page.catalog section.content .catalog-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 26px;
  }

  .page.catalog .slide-desktop {
    display: none;
  }

  .page.catalog .slide-mobile {
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }

  .page.library-section .slide-desktop {
    display: none;
  }

  .page.library-section .slide-mobile {
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }

  .page.library .slide-desktop {
    display: none;
  }

  .page.library .slide-mobile {
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }

  .page.events-section .slide-desktop {
    display: none;
  }

  .page.events-section .slide-mobile {
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }

  .page.events-detail .slide-desktop {
    display: none;
  }

  .page.events-detail .slide-mobile {
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }

  .page.events .slide-desktop {
    display: none;
  }

  .page.events .slide-mobile {
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }

  .page.search section.content .search-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 26px;
  }
}

@media (max-width: 620px) {
  .page.library-section section.content .library-section-info {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
  }

  .page.library-section section.content .library-section-info a i.ico.back {
    margin: 0;
  }

  .page.library section.content .library-section-info {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
  }

  .page.library section.content .library-section-info a i.ico.back {
    margin: 0;
  }
}

@media (max-width: 570px) {
  .page.events-section section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 400px;
  }

  .page.events-detail section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 400px;
  }

  .page.events section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 400px;
  }
}

@media (max-width: 560px) {
  .page.index section.content .direction-choise-block-content-navigation-steps {
    display: none;
  }

  .page.index section.content .direction-choise-block-content-navigation-buttons {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .page.index section.content .direction-choise-block-content-navigation-buttons a {
    margin: 0;
  }

  .page.library-section section.content .title {
    font-size: 30px;
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .page.library-section section.content .title a {
    margin: 30px 0 0 0;
  }

  .page.library-section section.content .library-section-info span.count {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.4px;
  }

  .page.library section.content .title {
    font-size: 30px;
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .page.library section.content .title a {
    margin: 30px 0 0 0;
  }

  .page.library section.content .library-section-info span.count {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.4px;
  }

  .page.events-section section.content .events-section-info span.count {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.4px;
  }

  .page.events-detail section.content .events-section-info span.count {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.4px;
  }

  .page.events section.content .events-section-info span.count {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.4px;
  }
}

@media (max-width: 530px) {
  .page.index section.content .direction-choise-block-content-item-sections-item-info {
    width: 396px;
  }

  .page.index section.content .direction-choise-block-content-item-sections-item-slider {
    width: 396px;
  }

  .page.index section.content .direction-choise-block-content-item-sections-item-slider .item {
    width: 396px;
  }

  .page.library-section section.content .slider {
    width: 400px;
  }

  .page.library section.content .slider {
    width: 400px;
  }

  .page.events-section section.content .slider {
    width: 400px;
  }

  .page.events-detail section.content .slider {
    width: 400px;
  }

  .page.events section.content .slider {
    width: 400px;
  }
}

@media (max-width: 480px) {
  .page.events-section section.content .events-detail-title .name {
    font-size: 32px;
    line-height: 36px;
  }

  .page.events-detail section.content .events-detail-title .name {
    font-size: 32px;
    line-height: 36px;
  }

  .page.events section.content .events-detail-title .name {
    font-size: 32px;
    line-height: 36px;
  }
}

@media (max-width: 460px) {
  .page.index section.content .direction-choise-block-content-navigation-buttons {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
  }

  .page.index section.content .direction-choise-block-content-navigation-buttons a:first-child {
    margin-bottom: 20px;
  }
}

@media (max-width: 450px) {
  .page.events-section section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 360px;
  }

  .page.events-section section.content .events-detail-content-slider .slider .item .photo {
    width: 100px;
  }

  .page.events-detail section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 360px;
  }

  .page.events-detail section.content .events-detail-content-slider .slider .item .photo {
    width: 100px;
  }

  .page.events section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 360px;
  }

  .page.events section.content .events-detail-content-slider .slider .item .photo {
    width: 100px;
  }
}

@media (max-width: 420px) {
  .page.index section.content .direction-choise-block-content-item-sections-item-info {
    width: 326px;
    height: auto;
  }

  .page.index section.content .direction-choise-block-content-item-sections-item-info .links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .page.index section.content .direction-choise-block-content-item-sections-item-info .links a:first-child {
    margin: 10px 0;
  }

  .page.index section.content .direction-choise-block-content-item-sections-item-slider {
    width: 326px;
  }

  .page.index section.content .direction-choise-block-content-item-sections-item-slider .item {
    width: 326px;
  }
}

@media (max-width: 400px) {
  .page.library-section section.content .slider {
    width: 320px;
  }

  .page.library section.content .slider {
    width: 320px;
  }

  .page.events-section section.content .slider {
    width: 320px;
    margin: 0 10px;
  }

  .page.events-detail section.content .slider {
    width: 320px;
    margin: 0 10px;
  }

  .page.events section.content .slider {
    width: 320px;
    margin: 0 10px;
  }
}

@media (max-width: 370px) {
  .page.events-section section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 320px;
  }

  .page.events-detail section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 320px;
  }

  .page.events section.content .events-detail-content-slider .slider .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 320px;
  }
}

@media (max-width: 360px) {
  .page.index section.content .direction-choise-block-content-item-sections-item-info {
    width: 296px;
  }

  .page.index section.content .direction-choise-block-content-item-sections-item-slider {
    width: 296px;
  }

  .page.index section.content .direction-choise-block-content-item-sections-item-slider .item {
    width: 296px;
  }
}