* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}

@font-face {
  font-family: "Gilroy";
  src: local("GilroyBold"), url("/templates/fsi/fonts/GilroyBold.woff2") format("woff2"), url("/templates/fsi/fonts/GilroyBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: local("GilroyBoldItalic"), url("/templates/fsi/fonts/GilroyBoldItalic.woff2") format("woff2"), url("/templates/fsi/fonts/GilroyBoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: local("GilroySemibold"), url("/templates/fsi/fonts/GilroySemibold.woff2") format("woff2"), url("/templates/fsi/fonts/GilroySemibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Graphik LCG";
  src: local("GraphikLCGRegular"), url("/templates/fsi/fonts/GraphikLCGRegular.woff2") format("woff2"), url("/templates/fsi/fonts/GraphikLCGRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --default-text-color: #ffffff;
  --default-bg-site: #002363;
  --dark-text-color: #000;
  --ui-blue: #0060ff;
  --ui-blue-hover: #07429a;
  --bg-header-dark: #000;
  --bg-header-light: #ffffff;
  --gray-text: #6d6f73;
  --gray-border: rgba(255, 255, 255, 0.1);
  --light-border: rgba(0, 0, 0, 0.1);
  --red: #ff4300;
  --gray: rgba(206, 210, 217, 0.4);
  --gray-2: rgba(51, 51, 51, 0.5);
  --bg-gray: rgba(149, 181, 212, 0.15);
  --bg-footer: #000;
  --light-section-bg: #fff;
  --bg-dark-section: #000000;
  --bg-card-logo: rgba(255, 255, 255, 0.05);
  --bg-tag: #ffffff;
  --text-tag: #ffffff;
  --text-tag-active: #000000;
  --bg-event-card-1: #121d33;
  --bg-event-card-2: #79a8f2;
  --bg-event-card-3: #30bf9b;
  --bg-event-card-4: #ffffff;
  --bg-card: #eff4f9;
  --bg-timer: rgba(255, 255, 255, 0.2);
  --bg-authorization: #ffffff;
  --text-authorization: #222222;
  --border-authorization: rgba(0, 0, 0, 0.2);
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

body {
  background-color: #002363;
  background-color: var(--default-bg-site);
}

body.block {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

body,
a,
button,
label {
  color: #ffffff;
  color: var(--default-text-color);
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
}

a,
button,
label,
svg,
path {
  transition: 0.3s;
}

img {
  -o-object-fit: cover;
     object-fit: cover;
}

.main {
  overflow: hidden;
}

.d-f {
  display: flex;
}

.jc-sb {
  justify-content: space-between;
}

.jc-c {
  justify-content: center;
}

.jc-fe {
  justify-content: flex-end;
}

.ai-c {
  align-items: center;
}

.ai-fe {
  align-items: flex-end;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.grid {
  display: flex;
  flex-wrap: wrap;
}

.bg-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}

.container {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding-left: 38px;
  padding-right: 38px;
}

@media (max-width: 1100px) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 500px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.icon-size {
  flex: 0 0 auto;
  min-width: auto;
}

.hidden {
  display: none !important;
}

.ttl-cl-1 {
  color: #000;
  color: var(--dark-text-color);
}

.ttl-tp-1 {
  font-size: 80px;
  line-height: 75px;
}

@media (max-width: 1100px) {
  .ttl-tp-1 {
    font-size: 70px;
    line-height: 65px;
  }
}

@media (max-width: 500px) {
  .ttl-tp-1 {
    font-size: 50px;
    line-height: 45px;
  }
}

@media (max-width: 360px) {
  .ttl-tp-1 {
    font-size: 35px;
    line-height: 30px;
  }
}

.ttl-tp-2 {
  font-size: 55px;
  line-height: 60px;
}

@media (max-width: 1100px) {
  .ttl-tp-2 {
    font-size: 44px;
    line-height: 55px;
  }
}

@media (max-width: 500px) {
  .ttl-tp-2 {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (max-width: 360px) {
  .ttl-tp-2 {
    font-size: 26px;
    line-height: 34px;
  }
}

.ttl-tp-3 {
  font-size: 65px;
  line-height: 70px;
}

@media (max-width: 1100px) {
  .ttl-tp-3 {
    font-size: 44px;
    line-height: 1.25;
  }
}

@media (max-width: 500px) {
  .ttl-tp-3 {
    font-size: 32px;
  }
}

@media (max-width: 360px) {
  .ttl-tp-3 {
    font-size: 26px;
  }
}

.ttl-tp-4 {
  font-size: 24px;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .ttl-tp-4 {
    font-size: 28px;
  }
}

@media (max-width: 500px) {
  .ttl-tp-4 {
    font-size: 20px;
  }
}

.sctn-tp-1 {
  padding-top: 120px;
}

@media (max-width: 1100px) {
  .sctn-tp-1 {
    padding-top: 60px;
  }
}

.sctn-tp-2 {
  padding-top: 60px;
}

@media (max-width: 1100px) {
  .sctn-tp-2 {
    padding-top: 30px;
  }
}

.sctn-tp-3 {
  padding-top: 40px;
}

@media (max-width: 1100px) {
  .sctn-tp-3 {
    padding-top: 30px;
  }
}

.sctn-tb-1 {
  padding-bottom: 100px;
}

@media (max-width: 1100px) {
  .sctn-tb-1 {
    padding-bottom: 60px;
  }
}

.padding-wrapper {
  padding: 120px 0;
}

@media (max-width: 1100px) {
  .padding-wrapper {
    padding: 60px 0;
  }
}

@media (max-width: 500px) {
  .padding-wrapper {
    padding: 60px 0 40px;
  }
}

.padding-wrapper-1 {
  padding: 80px 0;
}

@media (max-width: 1100px) {
  .padding-wrapper-1 {
    padding: 60px 0;
  }
}

.padding-wrapper-2 {
  padding: 80px 0 120px;
}

@media (max-width: 1100px) {
  .padding-wrapper-2 {
    padding: 100px 0 60px;
  }
}

@media (max-width: 500px) {
  .padding-wrapper-2 {
    padding: 60px 0;
  }
}

.sctn-bg-1 {
  background-color: #fff;
  background-color: var(--light-section-bg);
}

.sctn-bg-2 {
  background-color: #000000;
  background-color: var(--bg-dark-section);
}

.bg-picture {
  background-image: url(/images/bg-picture-1.jpg?6b80b6a06e744bb5f42479e3090e2721);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.hvr-clr:hover {
  color: #0060ff;
  color: var(--ui-blue);
}

.dflt-inpt {
  background: #fff;
  background: var(--light-section-bg);
  border-radius: 5px;
}

.more-ui__text {
  transition: 0.3s;
}

.more-ui__button.visible {
  display: flex;
}

.button-more {
  min-height: 44px;
  background: rgba(255, 255, 255, 0.1);
  background: var(--gray-border);
  padding: 5px 15px 5px 20px;
  border-radius: 40px;
}

@media (max-width: 1100px) {
  .button-more {
    padding: 5px 10px 5px 15px;
    min-height: 36px;
  }
}

@media (max-width: 500px) {
  .button-more {
    min-height: 28px;
  }
}

.button-more:hover {
  background: #07429a;
  background: var(--ui-blue-hover);
}

.button-more--global {
  min-width: 174px;
  margin: 40px auto 0;
}

@media (max-width: 1100px) {
  .button-more--global {
    min-width: 146px;
  }
}

@media (max-width: 500px) {
  .button-more--global {
    min-width: 131px;
  }
}

.button-more__text {
  font-size: 13px;
  line-height: 80%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-right: 5px;
}

@media (max-width: 1100px) {
  .button-more__text {
    margin-right: 2px;
    font-size: 12px;
  }
}

@media (max-width: 500px) {
  .button-more__text {
    font-size: 10px;
  }
}

.button-more__icon {
  transition: 0.3s;
}

@media (max-width: 1100px) {
  .button-more__icon {
    width: 16px;
    min-width: 16px;
    flex: 0 0 16px;
    height: 16px;
  }
}

.button-more.active .button-more__icon {
  transform: rotate(180deg);
}

.card-event {
  padding: 20px 30px;
  border-radius: 15px;
}

@media (max-width: 1100px) {
  .card-event {
    padding: 30px;
  }
}

@media (max-width: 500px) {
  .card-event {
    padding: 20px;
  }
}

.card-event:not(:first-child) {
  margin-top: 20px;
}

.card-event__head {
  display: none;
}

@media (max-width: 1100px) {
  .card-event__head {
    display: flex;
  }
}

@media (max-width: 1100px) {
  .card-event__time {
    margin-right: 10px;
  }
}

.card-event__time-text:not(:last-child),
.card-event__time-line:not(:last-child) {
  margin-right: 5px;
}

.card-event__time-text {
  font-size: 26px;
  line-height: 32px;
}

@media (max-width: 1100px) {
  .card-event__time-text {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.01em;
  }
}

@media (max-width: 500px) {
  .card-event__time-text {
    font-size: 16px;
    line-height: 18px;
  }
}

.card-event__time-line {
  height: 3px;
  flex: 0 0 15px;
  width: 15px;
  background: #ffffff;
  background: var(--default-text-color);
}

@media (max-width: 1100px) {
  .card-event__time-line {
    width: 12px;
    height: 2px;
  }
}

@media (max-width: 1100px) {
  .card-event__crumbs {
    margin-top: 14px;
  }
}

.card-event__crumb {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-feature-settings: "cpsp" on;
  position: relative;
}

@media (max-width: 1100px) {
  .card-event__crumb {
    font-size: 14px;
    line-height: 20px;
  }
}

.card-event__crumb:not(:last-child) {
  padding-right: 11px;
  margin-right: 8px;
}

@media (max-width: 1100px) {
  .card-event__crumb:not(:last-child) {
    padding-right: 4px;
  }
}

.card-event__crumb:not(:last-child)::after {
  position: absolute;
  content: "";
  background: #ffffff;
  background: var(--default-text-color);
  border-radius: 50%;
  width: 3px;
  height: 3px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 1100px) {
  .card-event__crumb:not(:last-child)::after {
    width: 4px;
    height: 4px;
    opacity: 0.3;
  }
}

.card-event__crumb--mobile {
  display: none;
}

.card-event__body {
  margin-top: 22px;
}

@media (max-width: 1100px) {
  .card-event__body {
    margin-top: 30px;
  }
}

@media (max-width: 500px) {
  .card-event__body {
    margin-top: 20px;
  }
}

.card-event__info {
  flex: 0 1 700px;
  margin-right: 30px;
}

@media (max-width: 1100px) {
  .card-event__info {
    margin-right: 0;
    flex: 0 1 100%;
  }
}

.card-event__title {
  font-size: 26px;
  line-height: 32px;
}

@media (max-width: 1100px) {
  .card-event__title {
    font-size: 24px;
    line-height: 1.25;
  }
}

@media (max-width: 500px) {
  .card-event__title {
    font-size: 20px;
    line-height: 1.25;
  }
}

.card-event__text {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 10px;
}

@media (max-width: 500px) {
  .card-event__text {
    font-size: 14px;
    line-height: 20px;
  }
}

.card-event__date {
  text-align: right;
  flex-grow: 1;
}

@media (max-width: 1100px) {
  .card-event__date {
    display: none;
  }
}

.card-event__date-text {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 8px;
  font-feature-settings: "cpsp" on;
}

.card-event__tags {
  margin-top: 15px;
}

@media (max-width: 1100px) {
  .card-event__tags {
    margin-top: 20px;
  }
}

.card-event__footer {
  margin-top: 25px;
}

@media (max-width: 1100px) {
  .card-event__footer {
    margin-top: 30px;
  }
}

@media (max-width: 700px) {
  .card-event__footer {
    display: block;
  }
}

@media (max-width: 500px) {
  .card-event__footer {
    margin-top: 20px;
  }
}

.card-event__teams {
  margin-right: 20px;
}

@media (max-width: 1100px) {
  .card-event__teams {
    margin-right: 0;
  }
}

@media (max-width: 700px) {
  .card-event__teams {
    display: block;
  }
}

.card-event__team:not(:last-child) {
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px "solid" rgba(255, 255, 255, 0.1);
  border-right: 1px "solid" var(--gray-border);
}

@media (max-width: 1100px) {
  .card-event__team:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 700px) {
  .card-event__team:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-right: none;
    border-bottom: 1px "solid" rgba(255, 255, 255, 0.1);
    border-bottom: 1px "solid" var(--gray-border);
  }
}

.card-event__team-title {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-feature-settings: "cpsp" on;
}

@media (max-width: 1100px) {
  .card-event__team-title {
    font-size: 14px;
    line-height: 20px;
  }
}

.card-event__avatars {
  margin-top: 10px;
}

.card-event__share {
  margin-right: 40px;
}

@media (max-width: 1100px) {
  .card-event__share {
    margin-right: 0;
  }
}

@media (max-width: 1100px) {
  .card-event__favorites--desktop {
    display: none;
  }
}

@media (max-width: 700px) {
  .card-event__buttons {
    justify-content: flex-end;
    margin-top: 2px;
  }
}

.card-event--1 {
  background: #121d33;
  background: var(--bg-event-card-1);
}

.card-event--1 .avatars__element {
  border: 3px "solid" #121d33;
  border: 3px "solid" var(--bg-event-card-1);
}

.card-event--2 {
  background: #79a8f2;
  background: var(--bg-event-card-2);
}

.card-event--2 .avatars__element {
  border: 3px "solid" #79a8f2;
  border: 3px "solid" var(--bg-event-card-2);
}

.card-event--3 {
  background: #30bf9b;
  background: var(--bg-event-card-3);
}

.card-event--3 .avatars__element {
  border: 3px "solid" #30bf9b;
  border: 3px "solid" var(--bg-event-card-3);
}

.card-event--4 {
  background: #ffffff;
  background: var(--bg-event-card-4);
}

.card-event--4 .avatars__element {
  border: 3px "solid" #ffffff;
  border: 3px "solid" var(--bg-event-card-4);
}

.card-event--4 .avatars__more {
  color: #5c6166;
}

.card-event--4 .card-event__crumb,
.card-event--4 .card-event__title,
.card-event--4 .card-event__text,
.card-event--4 .card-event__team-title,
.card-event--4 .card-event__time-text,
.card-event--4 .card-event__date-text,
.card-event--4 .share__text,
.card-event--4 .favorites-button__text,
.card-event--4 .avatars__more-button {
  color: #000;
  color: var(--dark-text-color);
}

.card-event--4 .card-event__crumb::after {
  background: #000;
  background: var(--dark-text-color);
}

.favorites-button {
  display: inline-flex;
  background: transparent;
}

.favorites-button:hover .favorites-button__icon {
  transform: scale(0.9) translateX(-5px);
}

.favorites-button__text {
  font-family: Graphik LCG;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  margin-right: 8px;
}

@media (max-width: 1100px) {
  .favorites-button__text {
    font-size: 14px;
    line-height: 20px;
  }
}

.favorites-button__text.active {
  display: none;
}

.favorites-button__icon {
  transition: 0.3s;
}

.favorites-button__icon.active {
  display: none;
}

.favorites-button.active .favorites-button__text.active,
.favorites-button.active .favorites-button__icon.active {
  display: block;
}

.favorites-button.active .favorites-button__text:not(.active),
.favorites-button.active .favorites-button__icon:not(.active) {
  display: none;
}

@media (max-width: 700px) {
  .avatars {
    position: relative;
  }
}

.avatars__element {
  position: relative;
  cursor: pointer;
  border-radius: 50%;
}

@media (max-width: 700px) {
  .avatars__element {
    position: static;
  }
}

.avatars__element:not(:first-child) {
  margin-left: -13px;
}

.avatars__element--big {
  width: 56px;
  min-width: 56px;
  flex: 0 0 56px;
  height: 56px;
}

@media (max-width: 500px) {
  .avatars__element--desktop {
    display: none;
  }
}

.avatars__element.active .avatars__element-modal {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0px);
}

@media (max-width: 1400px) {
  .avatars__element.active .avatars__element-modal {
    transform: translate(0, 0px);
  }
}

.avatars__element-img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.avatars__element-modal {
  transition: 0.3s;
  padding: 15px;
  background: #ffffff;
  background: var(--default-text-color);
  border-radius: 8px;
  width: 260px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
  position: absolute;
  opacity: 0;
  pointer-events: none;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translate(-50%, -10px);
  z-index: 2;
  cursor: default;
}

@media (max-width: 1400px) {
  .avatars__element-modal {
    left: 0;
    transform: translate(0, -10px);
  }
}

.avatars__element-modal-avatar {
  width: 50px;
  min-width: 50px;
  flex: 0 0 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
}

.avatars__element-modal-name {
  line-height: 1.2;
  color: #000;
  color: var(--dark-text-color);
}

.avatars__element-modal-text {
  margin-top: 12px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #505559;
}

.avatars__more {
  margin-left: 2px;
  min-height: 36px;
  height: 100%;
  padding: 5px 10px;
  position: relative;
  background-color: transparent;
}

.avatars__more.active .avatars__more-modal {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

@media (max-width: 700px) {
  .avatars__more.active .avatars__more-modal {
    transform: translate(0, 0);
  }
}

.avatars__more-head {
  cursor: pointer;
}

.avatars__more-button {
  font-family: Graphik LCG;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.05em;
  font-feature-settings: "cpsp" on, "case" on;
  font-weight: 400;
  opacity: 0.7;
  background-color: transparent;
}

.avatars__more-modal {
  width: 300px;
}

@media (max-width: 700px) {
  .avatars__more-modal {
    left: auto;
    right: 0;
    transform: translate(0, -10px);
    width: 275px;
  }
}

.avatars__more-element:not(:first-child) {
  margin-top: 10px;
}

.avatars__more-element.active .avatars__more-arrow {
  transform: rotate(180deg);
}

.avatars__more-img {
  width: 40px;
  min-width: 40px;
  flex: 0 0 40px;
  height: 40px;
  margin-right: 10px;
}

.avatars__more-name {
  font-size: 16px;
  line-height: 1.2;
  color: #000;
  color: var(--dark-text-color);
  margin-right: 10px;
}

.avatars__more-arrow {
  transition: 0.3s;
  margin-left: auto;
}

.avatars__more-text {
  display: none;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 10px;
  color: #505559;
  padding-left: 50px;
}

.share {
  position: relative;
}

.share.active .share__modal {
  opacity: 1;
  pointer-events: auto;
  transform: translate(50%, 0);
}

@media (max-width: 1100px) {
  .share.active .share__modal {
    transform: translate(0, -10px);
  }
}

.share:hover .share__icon {
  transform: scale(0.9) translateX(-5px);
}

.share__text {
  margin-right: 8px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}

@media (max-width: 1100px) {
  .share__text {
    font-size: 14px;
  }
}

.share__icon {
  transition: 0.3s;
}

.share__head {
  background-color: transparent;
}

.share__modal {
  background: #ffffff;
  background: var(--default-text-color);
  position: absolute;
  bottom: calc(100% + 10px);
  right: 50%;
  transform: translate(50%, -10px);
  z-index: 3;
  padding: 8px 0;
  border-radius: 8px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  width: 214px;
}

@media (max-width: 1100px) {
  .share__modal {
    right: 0;
    transform: translate(0, -10px);
  }
}

.share__modal-item {
  transition: 0.3s;
  cursor: pointer;
  padding: 8px 15px;
}

.share__modal-item:hover {
  background: rgba(61, 62, 64, 0.08);
}

.share__modal-icon {
  margin-right: 10px;
}

.share__modal-text {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  color: var(--dark-text-color);
  line-height: 20px;
}

.filter-switch {
  cursor: pointer;
  position: relative;
}

.filter-switch.active .filter-switch__icon {
  transform: rotate(180deg);
}

.filter-switch__head {
  height: 100%;
}

.filter-switch__text {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
  flex: 0 1 100%;
  color: #000;
  color: var(--dark-text-color);
  padding: 5px 0 5px 20px;
  margin-right: 20px;
}

.filter-switch__icon {
  margin-right: 18px;
  transition: 0.3s;
}

.filter-switch__modal {
  z-index: 50;
  box-shadow: 0px 6px 20px rgba(63, 66, 91, 0.12);
  top: calc(100% + 10px);
  width: 100%;
  position: absolute;
  display: none;
  padding: 12px 0;
  left: 0;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.filter-switch__modal-label {
  color: #000;
  color: var(--dark-text-color);
  padding: 6px 20px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}

.filter-switch__modal-label:hover {
  background: rgba(206, 210, 217, 0.4);
  background: var(--gray);
}

.filter-switch__modal-label-text {
  margin-right: 10px;
}

.filter-switch__modal-label-icon {
  opacity: 0;
  transition: 0.3s;
}

.filter-switch__modal-label.active .filter-switch__modal-label-icon {
  opacity: 1;
}

.def-button {
  min-height: 60px;
  border-radius: 10px;
  padding: 10px 20px;
}

@media (max-width: 1100px) {
  .def-button {
    font-size: 16px;
  }
}

.def-button--thm-1 {
  background-color: #0060ff;
  background-color: var(--ui-blue);
}

.def-button--thm-2 {
  background-color: #ff4300;
  background-color: var(--red);
}

.def-button:hover {
  background-color: #07429a;
  background-color: var(--ui-blue-hover);
}

.slider-arrow {
  background-color: transparent;
}

.slider-arrow--tab {
  display: none;
}

@media (max-width: 1100px) {
  .slider-arrow--tab {
    display: flex;
  }
}

.slider-arrow--mobile {
  display: none;
}

@media (max-width: 700px) {
  .slider-arrow--mobile {
    display: flex;
  }
}

.slider-arrow__icon {
  margin-right: 2px;
}

.slider-arrow__text {
  font-size: 12px;
  line-height: 80%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

@media (max-width: 500px) {
  .slider-arrow__text {
    font-size: 10px;
  }
}

.slider-arrow__text--dark {
  color: #000;
  color: var(--dark-text-color);
}

.slider-arrow.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.link-back {
  display: inline-flex;
}

.link-back:hover .link-back__icon {
  -webkit-animation: swing-h 0.6s ease;
          animation: swing-h 0.6s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

.link-back__icon {
  margin-right: 6px;
}

@media (max-width: 1100px) {
  .link-back__icon {
    margin-right: 2px;
  }
}

.link-back__text {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-feature-settings: "cpsp" on;
}

@media (max-width: 1100px) {
  .link-back__text {
    font-weight: bold;
    font-size: 12px;
    line-height: 80%;
    letter-spacing: 1.2px;
    font-feature-settings: normal;
  }
}

@media (max-width: 500px) {
  .link-back__text {
    font-size: 10px;
  }
}

.min-tags {
  margin-bottom: -5px;
}

.min-tags__element {
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  padding: 2px 10px;
  min-height: 28px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

.min-tags__element--1 {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.1);
  background: var(--gray-border);
}

.min-tags__element--2 {
  color: rgba(92, 97, 102, 0.8);
  background-color: rgba(149, 181, 213, 0.15);
}

.min-tags__element--3 {
  background: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.8);
}

.search-line {
  position: relative;
}

.search-line__input,
.search-line__input::-webkit-input-placeholder {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  color: var(--dark-text-color);
}

.search-line__input,
.search-line__input::-moz-placeholder {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  color: var(--dark-text-color);
}

.search-line__input,
.search-line__input:-ms-input-placeholder {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  color: var(--dark-text-color);
}

.search-line__input,
.search-line__input::-ms-input-placeholder {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  color: var(--dark-text-color);
}

.search-line__input,
.search-line__input::placeholder {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  color: var(--dark-text-color);
}

.search-line__input {
  width: 100%;
  height: 100%;
  flex: 0 1 100%;
  margin-right: 20px;
  padding: 0 0 0 20px;
  border-radius: 5px;
}

.search-line__input::-webkit-input-placeholder {
  opacity: 0.5;
}

.search-line__input::-moz-placeholder {
  opacity: 0.5;
}

.search-line__input:-ms-input-placeholder {
  opacity: 0.5;
}

.search-line__input::-ms-input-placeholder {
  opacity: 0.5;
}

.search-line__input::placeholder {
  opacity: 0.5;
}

.search-line__button {
  width: 24px;
  min-width: 24px;
  flex: 0 0 24px;
  height: 24px;
  background-color: transparent;
  margin-right: 18px;
}

.search-line__button:hover .search-line__icon {
  transform: scale(0.9);
}

.search-line__icon {
  transition: 0.3s;
}

.speaker-card {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  padding: 25px 20px;
}

.speaker-card::after,
.speaker-card::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  transition: 0.3s;
}

.speaker-card::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 59.61%, rgba(0, 0, 0, 0.6) 100%);
}

@media (max-width: 1100px) {
  .speaker-card::after {
    display: none;
  }
}

.speaker-card::before {
  opacity: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, #000000 100%);
}

@media (max-width: 1100px) {
  .speaker-card::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.001) 0%, #000000 100%);
    opacity: 1;
  }
}

.speaker-card:hover .speaker-card__job {
  margin-bottom: 0 !important;
  opacity: 1;
}

.speaker-card:hover::after {
  opacity: 0;
}

.speaker-card:hover::before {
  opacity: 1;
}

.speaker-card__link {
  z-index: 9;
}

.speaker-card__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0;
  top: 0;
}

.speaker-card__name,
.speaker-card__job {
  position: relative;
  z-index: 2;
  transition: 0.3s;
}

.speaker-card__name {
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .speaker-card__name {
    font-size: 16px;
  }
}

.speaker-card__job {
  font-family: Graphik LCG;
  font-size: 15px;
  line-height: 22px;
  padding-top: 6px;
  font-weight: normal;
  opacity: 0;
}

@media (max-width: 1100px) {
  .speaker-card__job {
    opacity: 1;
    font-size: 14px;
    line-height: 20px;
  }
}

.tabs-tag__element {
  cursor: pointer;
  margin: 0 24px 20px 0;
  opacity: 0.6;
  letter-spacing: 0.01em;
  font-size: 24px;
  position: relative;
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .tabs-tag__element {
    font-size: 20px;
    margin-bottom: 0;
  }
}

@media (max-width: 500px) {
  .tabs-tag__element {
    font-size: 16px;
  }
}

.tabs-tag__element::after {
  content: "";
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  height: 3px;
  width: 100%;
  opacity: 0;
  background: #ffffff;
  background: var(--default-text-color);
  transition: 0.3s;
}

@media (max-width: 1100px) {
  .tabs-tag__element::after {
    top: calc(100% + 5px);
    height: 2px;
  }
}

.tabs-tag__element.active {
  opacity: 1;
}

.tabs-tag__element.active::after {
  opacity: 1;
}

.tabs-tag__element:hover {
  opacity: 1;
}

.tags-filter__element {
  border: 1px "solid" #ffffff;
  border: 1px "solid" var(--bg-tag);
  cursor: pointer;
  border-radius: 33px;
  padding: 5px 12px;
  min-height: 32px;
  margin-right: 8px;
  margin-bottom: 8px;
  flex: 0 0 auto;
}

.tags-filter__element-text {
  color: #ffffff;
  color: var(--text-tag);
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-feature-settings: "cpsp" on;
  margin-right: 6px;
  white-space: nowrap;
}

.tags-filter__element-icon {
  width: 14px;
  min-width: 14px;
  flex: 0 0 14px;
  height: 14px;
}

.tags-filter__element-icon path {
  transition: 0.3s;
  fill: #ffffff;
  fill: var(--text-tag);
}

.tags-filter__element.active {
  background: #ffffff;
  background: var(--bg-tag);
}

.tags-filter__element.active .tags-filter__element-text {
  color: #000000;
  color: var(--text-tag-active);
}

.tags-filter__element.active .tags-filter__element-icon path {
  fill: #000000;
  fill: var(--text-tag-active);
}

.tags-filter__element:hover .tags-filter__element-icon {
  -webkit-animation: swing-h 0.6s ease;
          animation: swing-h 0.6s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

.tooltip-cov {
  cursor: pointer;
}

@media (max-width: 1100px) {
  .tooltip-cov {
    height: 42px;
  }
}

@media (max-width: 500px) {
  .tooltip-cov {
    height: 32px;
  }
}

.tooltip-cov__img {
  height: 100%;
  width: auto;
}

.tooltip-cov__inner {
  position: relative;
  height: 100%;
}

.tooltip-cov__inner::after {
  content: attr(data-tooltip);
  position: absolute;
  background: #ffffff;
  background: var(--default-text-color);
  color: #000;
  color: var(--dark-text-color);
  font-size: 14px;
  line-height: 20px;
  font-family: Graphik LCG;
  border-radius: 10px;
  padding: 10px;
  left: 50%;
  transform: translate(-50%, 100%);
  bottom: calc(100% + 10px);
  min-width: 230px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  z-index: 0;
}

@media (max-width: 1400px) {
  .tooltip-cov__inner::after {
    transform: translateY(100%);
    left: auto;
    right: 0;
  }
}

@media (max-width: 1100px) {
  .tooltip-cov__inner::after {
    font-size: 12px;
    line-height: 18px;
    min-width: 200px;
  }
}

@media (max-width: 500px) {
  .tooltip-cov__inner::after {
    font-size: 10px;
    line-height: 16px;
    min-width: 170px;
  }
}

.tooltip-cov__inner:hover::after {
  transform: translate(-50%, 0);
  opacity: 1;
}

@media (max-width: 1400px) {
  .tooltip-cov__inner:hover::after {
    transform: translateY(0);
  }
}

@-webkit-keyframes swing-h {
  15% {
    transform: translateX(6px);
  }

  30% {
    transform: translateX(-6px);
  }

  40% {
    transform: translateX(3px);
  }

  50% {
    transform: translateX(-3px);
  }

  65% {
    transform: translateX(1px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes swing-h {
  15% {
    transform: translateX(6px);
  }

  30% {
    transform: translateX(-6px);
  }

  40% {
    transform: translateX(3px);
  }

  50% {
    transform: translateX(-3px);
  }

  65% {
    transform: translateX(1px);
  }

  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes swing-w {
  15% {
    transform: translateY(6px);
  }

  30% {
    transform: translateY(-6px);
  }

  40% {
    transform: translateY(3px);
  }

  50% {
    transform: translateY(-3px);
  }

  65% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes swing-w {
  15% {
    transform: translateY(6px);
  }

  30% {
    transform: translateY(-6px);
  }

  40% {
    transform: translateY(3px);
  }

  50% {
    transform: translateY(-3px);
  }

  65% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

.header-button {
  position: relative;
  cursor: pointer;
}

.header-modal {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  min-width: 100%;
  padding: 5px 10px;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}

.header-modal.open {
  pointer-events: auto;
  opacity: 1;
}

.header-modal--dark {
  background-color: #ffffff;
  background-color: var(--bg-header-light);
}

.header-modal--light {
  background-color: #ffffff;
  background-color: var(--bg-header-dark);
}

.header {
  box-shadow: 0px -4px 24px rgba(24, 25, 26, 0.18);
  padding: 16px 40px;
  position: relative;
  z-index: 101;
}

@media (max-width: 1100px) {
  .header {
    padding: 12px 32px;
  }
}

@media (max-width: 500px) {
  .header {
    padding: 4px 16px;
  }
}

.header--dark {
  background-color: #000;
  background-color: var(--bg-header-dark);
}

.header--light {
  background-color: #ffffff;
  background-color: var(--bg-header-light);
}

.header__logo {
  margin-right: 20px;
}

@media (max-width: 1100px) {
  .header__logo {
    margin-right: auto;
  }
}

@media (max-width: 1100px) {
  .header__logo-img {
    height: 35px;
  }
}

@media (max-width: 500px) {
  .header__logo-img {
    height: 25px;
  }
}

.header__link {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .header__link {
    margin-right: 13px;
  }
}

@media (max-width: 500px) {
  .header__link {
    font-size: 18px;
    margin-bottom: 30px;
  }
}

@media (max-width: 500px) {
  .header__link--desktop {
    display: none;
  }
}

.header__link--mobile {
  display: none;
}

@media (max-width: 500px) {
  .header__link--mobile {
    display: block;
  }
}

.header__link--light {
  color: #000;
  color: var(--dark-text-color);
}

.header-navigation {
  margin-right: auto;
  flex: 0 1 600px;
  margin-bottom: -20px;
}

@media (max-width: 1100px) {
  .header-navigation {
    position: fixed;
    width: 100%;
    height: calc(100vh - 0px);
    height: calc((var(--vh, 1vh) * 100) - 0px);
    left: 0;
    top: 0;
    z-index: 99;
    display: block;
    transform: translateX(-100%);
    transition: 0.3s;
    padding: 30px 90px 20px 32px;
    overflow: auto;
  }

  .header-navigation--dark {
    background-color: #000;
    background-color: var(--bg-header-dark);
  }

  .header-navigation--light {
    background-color: #ffffff;
    background-color: var(--bg-header-light);
  }
}

@media (max-width: 500px) {
  .header-navigation {
    padding: 30px 90px 20px 16px;
  }
}

.header-navigation__element,
.header-navigation__list {
  margin-right: 25px;
  margin-bottom: 18px;
}

@media (max-width: 1100px) {
  .header-navigation__element,
  .header-navigation__list {
    margin-right: 0;
  }
}

.header-navigation__element--light {
  color: #000;
  color: var(--bg-header-dark);
}

.header-navigation__list {
  cursor: pointer;
}

@media (max-width: 1100px) {
  .header-navigation__list {
    margin-bottom: 0;
  }
}

.header-navigation__list.open .header-navigation__list-icon {
  transform: rotate(180deg);
}

@media (max-width: 1100px) {
  .header-navigation__list-head {
    display: none;
  }
}

.header-navigation__list-head:hover .header-navigation__list-text {
  color: #0060ff;
  color: var(--ui-blue);
}

.header-navigation__list-text,
.header-navigation__list-icon {
  transition: 0.3s;
}

.header-navigation__list-text--light {
  color: #000;
  color: var(--bg-header-dark);
}

.header-navigation__list-icon {
  margin-left: 4px;
}

@media (max-width: 1100px) {
  .header-navigation__modal {
    padding: 0;
    position: static;
  }

  .header-navigation__modal--dark {
    background-color: #000;
    background-color: var(--bg-header-dark);
  }

  .header-navigation__modal--light {
    background-color: #ffffff;
    background-color: var(--bg-header-light);
  }
}

.header-navigation__modal-link {
  display: block;
  padding: 5px 0;
}

.header-navigation__modal-link--dark {
  color: #000;
  color: var(--bg-header-dark);
}

@media (max-width: 1100px) {
  .header-navigation__modal-link--dark {
    color: #ffffff;
    color: var(--bg-header-light);
  }
}

.header-navigation__modal-link--light {
  color: #ffffff;
  color: var(--bg-header-light);
}

@media (max-width: 1100px) {
  .header-navigation__modal-link--light {
    color: #000;
    color: var(--bg-header-dark);
  }
}

@media (max-width: 1100px) {
  .header-navigation__modal {
    opacity: 1;
    pointer-events: auto;
  }
}

.header-navigation.open {
  transform: translateX(0);
}

.header-navigation__element,
.header-navigation__list-text,
.header-navigation__modal-link {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

@media (max-width: 1100px) {
  .header-navigation__element,
  .header-navigation__list-text,
  .header-navigation__modal-link {
    font-size: 20px;
    display: block;
    padding: 0;
    margin-bottom: 20px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}

@media (max-width: 500px) {
  .header-navigation__element,
  .header-navigation__list-text,
  .header-navigation__modal-link {
    font-size: 18px;
  }
}

.header-language {
  margin-right: 30px;
}

@media (max-width: 1100px) {
  .header-language {
    margin-right: 12px;
  }
}

@media (max-width: 500px) {
  .header-language {
    margin-right: 20px;
  }
}

.header-language.open .header-language__icon {
  transform: rotate(180deg);
  -webkit-animation: none !important;
          animation: none !important;
}

.header-language__button {
  background-color: transparent;
}

.header-language__button:hover .header-language__icon {
  -webkit-animation: swing-h 0.6s ease;
          animation: swing-h 0.6s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

@media (max-width: 1100px) {
  .header-language__button:hover .header-language__icon {
    -webkit-animation: none !important;
            animation: none !important;
  }
}

.header-language__text {
  color: #6d6f73;
  color: var(--gray-text);
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media (max-width: 1100px) {
  .header-language__text {
    font-size: 10px;
  }
}

.header-language__icon {
  transition: 0.3s;
  margin-left: 2px;
}

@media (max-width: 1100px) {
  .header-language__icon {
    margin-left: 4px;
  }
}

.header-language__text {
  padding: 5px 0;
}

@media (max-width: 1100px) {
  .header-profile {
    margin-right: 13px;
  }
}

@media (max-width: 500px) {
  .header-profile {
    display: none;
  }
}

.header-profile.open .header-profile__icon {
  transform: rotate(180deg);
}

.header-profile__avatar {
  width: 60px;
  min-width: 60px;
  flex: 0 0 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 50%;
}

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

.header-profile__title,
.header-profile__icon {
  transition: 0.3s;
}

.header-profile__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.01em;
  margin-right: 8px;
}

.header-profile__title--light {
  color: #000;
  color: var(--bg-header-dark);
}

.header-profile__interface:hover {
  color: #0060ff;
  color: var(--ui-blue);
}

.header-profile-modal {
  padding: 20px;
}

@media (max-width: 500px) {
  .header-profile-modal {
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .header-profile-modal--light {
    background-color: #ffffff;
    background-color: var(--bg-header-light);
  }

  .header-profile-modal--dark {
    background-color: #000;
    background-color: var(--bg-header-dark);
  }
}

.header-profile-modal__head:hover .header-profile-modal__name {
  color: #0060ff;
  color: var(--ui-blue);
}

.header-profile-modal__avatar {
  border-radius: 50%;
  width: 60px;
  min-width: 60px;
  flex: 0 0 60px;
  height: 60px;
  margin-right: 15px;
}

@media (max-width: 500px) {
  .header-profile-modal__avatar {
    width: 40px;
    min-width: 40px;
    flex: 0 0 40px;
    height: 40px;
    margin-right: 10px;
  }
}

.header-profile-modal__name {
  font-size: 15px;
  line-height: 20px;
  transition: 0.3s;
}

.header-profile-modal__name--dark {
  color: #000;
  color: var(--bg-header-dark);
}

@media (max-width: 500px) {
  .header-profile-modal__name--dark {
    color: #ffffff;
    color: var(--bg-header-light);
    font-size: 14px;
    line-height: 18px;
  }
}

.header-profile-modal__name--light {
  color: #ffffff;
  color: var(--bg-header-light);
}

@media (max-width: 500px) {
  .header-profile-modal__name--light {
    color: #000;
    color: var(--bg-header-dark);
    font-size: 14px;
    line-height: 18px;
  }
}

.header-profile-modal__element {
  font-weight: 600;
  font-size: 15px;
  line-height: 17px;
  margin-top: 15px;
}

@media (max-width: 500px) {
  .header-profile-modal__element {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
  }
}

.header-profile-modal__element--dark {
  color: #000;
  color: var(--bg-header-dark);
}

@media (max-width: 500px) {
  .header-profile-modal__element--dark {
    color: #ffffff;
    color: var(--bg-header-light);
  }
}

.header-profile-modal__element--light {
  color: #ffffff;
  color: var(--bg-header-light);
}

@media (max-width: 500px) {
  .header-profile-modal__element--light {
    color: #000;
    color: var(--bg-header-dark);
  }
}

.header-profile-modal__element:hover .header-profile-modal__element-icon--green path {
  fill: #00be6f;
}

.header-profile-modal__element:hover .header-profile-modal__element-icon--gold path {
  fill: #ffcc00;
}

.header-profile-modal__element:hover .header-profile-modal__element-icon--blue path {
  fill: #0043a4;
}

.header-profile-modal__element:hover .header-profile-modal__element-icon--red path {
  fill: #dc3701;
}

.header-profile-modal__element--first {
  padding-top: 20px;
}

.header-profile-modal__element--first.header-profile-modal__element--dark {
  border-top: 1px "solid" rgba(0, 0, 0, 0.1);
  border-top: 1px "solid" var(--light-border);
}

@media (max-width: 500px) {
  .header-profile-modal__element--first.header-profile-modal__element--dark {
    border-top: 1px "solid" rgba(255, 255, 255, 0.1);
    border-top: 1px "solid" var(--gray-border);
  }
}

.header-profile-modal__element--first.header-profile-modal__element--light {
  border-top: 1px "solid" rgba(255, 255, 255, 0.1);
  border-top: 1px "solid" var(--gray-border);
}

@media (max-width: 500px) {
  .header-profile-modal__element--first.header-profile-modal__element--light {
    border-top: 1px "solid" rgba(0, 0, 0, 0.1);
    border-top: 1px "solid" var(--light-border);
  }
}

@media (max-width: 500px) {
  .header-profile-modal__element--first {
    padding-top: 10px;
  }
}

.header-profile-modal__element-icon {
  width: 20px;
  min-width: 20px;
  flex: 0 0 20px;
  height: 20px;
  margin-right: 10px;
}

@media (max-width: 500px) {
  .header-profile-modal__element-icon {
    width: 15px;
    min-width: 15px;
    flex: 0 0 15px;
    height: 15px;
    margin-right: 5px;
  }
}

@media (max-width: 500px) {
  .header-profile-modal--desktop {
    display: none;
  }
}

.header-profile-modal--mobile {
  display: none;
}

@media (max-width: 500px) {
  .header-profile-modal--mobile {
    display: block;
  }
}

.burger {
  overflow: hidden;
  display: none;
  width: 44px;
  min-width: 44px;
  flex: 0 0 44px;
  height: 44px;
  padding: 10px 9px;
  background-color: transparent;
  z-index: 100;
}

@media (max-width: 1100px) {
  .burger {
    display: flex;
  }
}

.burger__line {
  width: 100%;
  height: 2px;
  transition: 0.3s;
}

.burger__line--dark {
  background-color: #ffffff;
  background-color: var(--bg-header-light);
}

.burger__line--light {
  background-color: #000;
  background-color: var(--bg-header-dark);
}

.burger.open .burger__line:first-child {
  transform: translateX(calc(-100% - 9px));
}

.burger.open .burger__line:nth-child(2) {
  transform: translateY(4.5px) rotate(45deg);
}

.burger.open .burger__line:nth-child(3) {
  transform: translateY(-3.5px) rotate(-45deg);
}

.burger.open .burger__line:last-child {
  transform: translateX(calc(100% + 9px));
}

.footer {
  background: #000;
  background: var(--bg-footer);
  padding: 60px 38px 80px;
}

@media (max-width: 1100px) {
  .footer {
    padding: 60px 32px;
  }
}

@media (max-width: 500px) {
  .footer {
    padding: 60px 16px;
  }
}

@media (max-width: 700px) {
  .footer__container {
    display: block;
    text-align: center;
  }
}

.footer__column {
  flex: 0 0 calc(33.33% - (40px / 3));
}

@media (max-width: 1100px) {
  .footer__column {
    flex: 0 0 calc(33.33% - (32px / 3));
  }
}

@media (max-width: 700px) {
  .footer__column:not(:first-child) {
    margin-top: 40px;
  }
}

.footer__title {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}

.footer__socials {
  margin-top: 14px;
}

@media (max-width: 700px) {
  .footer__socials {
    justify-content: center;
  }
}

.footer__social {
  flex: 0 0 auto;
}

.footer__social:hover .footer__social-icon {
  transform: scale(0.9);
}

.footer__social:not(:last-child) {
  margin-right: 25px;
}

.footer__link,
.footer__text {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.02em;
}

.footer__link {
  margin-top: 14px;
  display: inline-block;
}

.footer__link:hover {
  color: #0060ff;
  color: var(--ui-blue);
}

.footer__text {
  text-align: right;
}

@media (max-width: 700px) {
  .footer__text {
    text-align: center;
  }
}

@keyframes swing-h {
  15% {
    transform: translateX(6px);
  }

  30% {
    transform: translateX(-6px);
  }

  40% {
    transform: translateX(3px);
  }

  50% {
    transform: translateX(-3px);
  }

  65% {
    transform: translateX(1px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes swing-w {
  15% {
    transform: translateY(6px);
  }

  30% {
    transform: translateY(-6px);
  }

  40% {
    transform: translateY(3px);
  }

  50% {
    transform: translateY(-3px);
  }

  65% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

.program-head__container {
  position: relative;
}

@media (max-width: 1100px) {
  .program-head__container {
    display: block;
  }
}

.program-head__texts {
  flex: 0 1 765px;
  margin-right: 30px;
}

@media (max-width: 1100px) {
  .program-head__texts {
    flex: 0 1 100%;
    margin-right: 0;
  }
}

@media (max-width: 1100px) {
  .program-head__title {
    padding-right: 120px;
  }
}

@media (max-width: 500px) {
  .program-head__title {
    padding-right: 100px;
  }
}

.program-head__text {
  font-family: Graphik LCG;
  font-style: normal;
  font-size: 18px;
  line-height: 26px;
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .program-head__text {
    font-size: 16px;
    line-height: 1.5;
  }
}

@media (max-width: 500px) {
  .program-head__text {
    font-size: 14px;
    line-height: 20px;
  }
}

.program-head__tooltip {
  height: 100%;
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .program-head__tooltip {
    position: absolute;
    top: 0;
    right: 32px;
    margin: 0;
  }
}

@media (max-width: 500px) {
  .program-head__tooltip {
    right: 16px;
    margin: 0;
  }
}

@media (max-width: 1100px) {
  .card-filter__container {
    padding: 0;
  }
}

@media (max-width: 500px) {
  .card-filter__container {
    padding: 0;
  }
}

@media (max-width: 1100px) {
  .card-filter__inputs,
  .card-filter__tags,
  .card-filter__tabs {
    padding: 0 32px;
  }
}

@media (max-width: 1100px) {
  .card-filter__inputs,
  .card-filter__tags,
  .card-filter__tabs {
    padding: 0 16px;
  }
}

@media (max-width: 700px) {
  .card-filter__inputs {
    display: block;
  }
}

.card-filter__search {
  flex: 0 1 676px;
  margin-right: 20px;
  min-height: 60px;
}

@media (max-width: 1100px) {
  .card-filter__search {
    margin-right: 16px;
  }
}

@media (max-width: 700px) {
  .card-filter__search {
    margin-right: 0;
  }
}

.card-filter__switch {
  min-height: 60px;
  flex: 0 0 328px;
}

@media (max-width: 1100px) {
  .card-filter__switch {
    flex: 0 0 224px;
  }
}

@media (max-width: 700px) {
  .card-filter__switch {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (max-width: 1100px) {
  .card-filter__tags,
  .card-filter__tabs {
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 8px;
  }
}

.card-filter__tags {
  margin-top: 20px;
}

.card-filter__tabs {
  margin-top: 50px;
}

.program-cards {
  margin-top: 20px;
}

.big-container {
  max-width: 1336px;
  width: 100%;
  margin: 0 auto;
  padding-left: 38px;
  padding-right: 38px;
}

@media (max-width: 1100px) {
  .big-container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 500px) {
  .big-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.tag-date {
  background-color: rgba(255, 255, 255, 0.1);
  background-color: var(--gray-border);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  display: inline-flex;
}

@media (max-width: 1100px) {
  .tag-date {
    font-size: 14px;
    line-height: 20px;
    border-radius: 8px;
  }
}

.main-head {
  position: relative;
  min-height: calc(100vh - 92px);
  min-height: calc((var(--vh, 1vh) * 100) - 92px);
}

@media (max-width: 1100px) {
  .main-head {
    min-height: calc(100vh - 84px);
    min-height: calc((var(--vh, 1vh) * 100) - 84px);
  }
}

@media (max-width: 900px) {
  .main-head {
    min-height: calc(100vh - 68px);
    min-height: calc((var(--vh, 1vh) * 100) - 68px);
  }
}

@media (max-width: 500px) {
  .main-head {
    min-height: calc(100vh - 52px);
    min-height: calc((var(--vh, 1vh) * 100) - 52px);
  }
}

.main-head::after {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.8) 30.76%, rgba(0, 0, 0, 0) 54.1%);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 1100px) {
  .main-head::after {
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.9) 38.54%, rgba(0, 0, 0, 0) 84.38%);
  }
}

@media (max-width: 500px) {
  .main-head::after {
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.8) 33.33%, rgba(0, 0, 0, 0) 85.42%);
  }
}

.main-head__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.main-head__slider {
  height: 100%;
}

.main-head__slide-img {
  width: 100%;
  height: 100%;
}

.main-head__container {
  align-items: flex-start;
  position: relative;
  z-index: 3;
  min-height: calc(100vh - 92px);
  min-height: calc((var(--vh, 1vh) * 100) - 92px);
  padding-top: 35px;
  padding-bottom: 35px;
}

@media (max-width: 1100px) {
  .main-head__container {
    min-height: calc(100vh - 84px);
    min-height: calc((var(--vh, 1vh) * 100) - 84px);
  }
}

@media (max-width: 900px) {
  .main-head__container {
    min-height: calc(100vh - 68px);
    min-height: calc((var(--vh, 1vh) * 100) - 68px);
  }
}

@media (max-width: 500px) {
  .main-head__container {
    min-height: calc(100vh - 52px);
    min-height: calc((var(--vh, 1vh) * 100) - 52px);
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.main-head__date {
  min-height: 42px;
  padding: 5px 20px;
}

@media (max-width: 1100px) {
  .main-head__date {
    padding: 5px 15px;
    min-height: 32px;
  }
}

.main-head__title {
  margin-top: 30px;
  max-width: 545px;
}

@media (max-width: 1100px) {
  .main-head__title {
    max-width: 465px;
  }
}

.main-head__place {
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.01em;
  margin-top: 18px;
}

@media (max-width: 1100px) {
  .main-head__place {
    font-size: 18px;
    line-height: 20px;
  }
}

@media (max-width: 500px) {
  .main-head__place {
    font-size: 16px;
    line-height: 18px;
    margin-top: 20px;
  }
}

.main-head__button {
  min-width: 305px;
  margin-top: 40px;
}

@media (max-width: 1100px) {
  .main-head__button {
    min-width: 280px;
  }
}

@media (max-width: 500px) {
  .main-head__button {
    min-width: 220px;
  }
}

.main-head__footer {
  margin-top: 40px;
}

@media (max-width: 1100px) {
  .main-head__footer-element {
    height: 64px;
    width: auto;
  }
}

@media (max-width: 500px) {
  .main-head__footer-element {
    height: 40px;
  }
}

.main-head__footer-element:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 500px) {
  .main-head__footer-element:not(:last-child) {
    margin-right: 25px;
  }
}

.main-head__tooltip {
  position: absolute;
  right: 0;
  bottom: 56px;
}

@media (max-width: 1400px) {
  .main-head__tooltip {
    right: 38px;
  }
}

@media (max-width: 1100px) {
  .main-head__tooltip {
    right: 32px;
    bottom: 32px;
  }
}

@media (max-width: 500px) {
  .main-head__tooltip {
    right: 16px;
    bottom: 20px;
  }
}

.about__texts {
  margin-top: 40px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 24px;
}

@media (max-width: 1100px) {
  .about__texts {
    font-size: 20px;
  }
}

@media (max-width: 500px) {
  .about__texts {
    font-size: 16px;
  }
}

.about__texts p {
  margin-top: 30px;
}

.about__text-bold {
  font-weight: 700;
}

.about__slider {
  margin-top: 100px;
  overflow: visible;
}

@media (max-width: 1100px) {
  .about__slider {
    margin-top: 60px;
  }
}

@media (max-width: 500px) {
  .about__slider {
    margin-top: 40px;
  }
}

.about__slider-wrapper {
  flex-wrap: wrap;
  width: auto;
  margin-left: -8.5px;
  margin-right: -8.5px;
  margin-bottom: -17px;
}

.about__slider-wrapper > * {
  flex: 0 0 calc(33.3333333333% - 17px);
  margin: 0 8.5px 17px;
}

@media (max-width: 1100px) {
  .about__slider-wrapper {
    flex-wrap: nowrap;
    margin: 0;
    width: 100%;
  }
}

.about__left {
  margin-top: 20px;
  margin-left: auto;
}

.about-card {
  min-height: 340px;
  position: relative;
  cursor: pointer;
}

@media (max-width: 1100px) {
  .about-card {
    min-height: 335px;
    margin: 0;
    flex: 0 0 auto;
    width: 285px;
  }
}

@media (max-width: 500px) {
  .about-card {
    min-height: 320px;
    width: 255px;
  }
}

.about-card.flip .about-card__back {
  transform: rotateY(360deg);
}

.about-card.flip .about-card__front {
  transform: rotateY(180deg);
}

.about-card:hover .about-card__button {
  transform: translateY(0);
  opacity: 1;
}

.about-card:nth-child(3n+2) {
  transform: translateY(-40px);
}

@media (max-width: 1100px) {
  .about-card:nth-child(3n+2) {
    transform: none;
  }
}

.about-card__img {
  max-width: 100%;
}

.about-card__img--1 {
  padding-top: 24px;
}

.about-card__img--2 {
  padding: 0 24px;
}

@media (max-width: 1100px) {
  .about-card__img--2 {
    padding: 0;
  }
}

.about-card__img--5 {
  padding: 24px 35px 0;
}

@media (max-width: 1100px) {
  .about-card__img--5 {
    padding: 10px 10px 0;
  }
}

.about-card__img--6 {
  padding: 10px 10px 0;
}

.about-card__text {
  font-size: 32px;
  letter-spacing: 0.01em;
  padding: 0 30px;
}

@media (max-width: 1100px) {
  .about-card__text {
    font-size: 28px;
  }
}

@media (max-width: 500px) {
  .about-card__text {
    font-size: 20px;
  }
}

@media (max-width: 360px) {
  .about-card__text {
    font-size: 16px;
  }
}

.about-card__button {
  background: #ffffff;
  background: var(--default-text-color);
  position: absolute;
  right: 10px;
  top: 10px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 8px 16px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  opacity: 0;
  z-index: 2;
  transform: translateY(-10px);
  pointer-events: none;
}

@media (max-width: 1100px) {
  .about-card__button {
    transform: translateY(0);
    opacity: 1;
  }
}

.about-card__button:hover .about-card__button-icon {
  transform: rotate(90deg);
}

.about-card__button-icon {
  transition: 0.3s;
}

.about-card__front,
.about-card__back {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  border-radius: 20px;
  overflow: hidden;
}

.about-card__front {
  text-align: center;
  padding-bottom: 30px;
  background: radial-gradient(100% 100% at 50% 0%, #1e3661 0%, #051025 100%), rgba(56, 77, 115, 0.7);
}

.about-card__front:hover {
  background: radial-gradient(100% 100% at 50% 0%, #7ea9ff 0%, #2b70ee 100%), rgba(56, 77, 115, 0.7);
}

.about-card__back {
  transform: rotateY(180deg);
  background: #ffffff;
  background: var(--default-text-color);
  padding: 30px 60px 30px 30px;
}

@media (max-width: 1100px) {
  .about-card__back {
    padding: 20px 60px 20px 20px;
  }
}

.about-card__back-title {
  color: #000;
  color: var(--dark-text-color);
  font-size: 24px;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .about-card__back-title {
    font-size: 20px;
  }
}

@media (max-width: 500px) {
  .about-card__back-title {
    font-size: 16px;
  }
}

.about-card__back-text {
  color: #000;
  color: var(--dark-text-color);
  font-size: 15px;
  line-height: 22px;
  font-family: Graphik LCG;
  font-weight: normal;
  margin-top: 10px;
}

@media (max-width: 1100px) {
  .about-card__back-text {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 500px) {
  .about-card__back-text {
    font-size: 12px;
    line-height: 18px;
  }
}

.main-topic__slider {
  margin-top: 40px;
  overflow: visible;
}

.main-topic__slider-wrapper {
  flex-wrap: wrap;
  margin: 0 -10px -20px;
  width: auto;
}

@media (max-width: 1100px) {
  .main-topic__slider-wrapper {
    margin: 0;
    flex-wrap: nowrap;
    width: 100%;
  }
}

.main-topic__slider-button {
  flex: 0 0 calc(28% - 20px);
  margin: 0 10px 20px;
  height: 100%;
}

@media (max-width: 1100px) {
  .main-topic__slider-button {
    display: none;
  }
}

.main-topic__slide {
  padding: 20px 20px 30px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  background: #ffffff;
  background: var(--default-text-color);
  margin: 0 10px 20px;
  border-radius: 10px;
  height: auto;
}

@media (max-width: 1100px) {
  .main-topic__slide {
    padding: 20px;
  }
}

.main-topic__slide--big {
  flex: 0 0 calc(50% - 20px);
}

.main-topic__slide--min {
  flex: 0 0 calc(25% - 20px);
}

.main-topic__slide--1 {
  flex: 0 0 calc(40% - 20px);
}

.main-topic__slide--2 {
  flex: 0 0 calc(32% - 20px);
}

@media (max-width: 1100px) {
  .main-topic__slide {
    height: 100%;
    margin: 0;
    width: 285px;
    min-height: 230px;
  }

  .main-topic__slide--big,
  .main-topic__slide--min,
  .main-topic__slide--1,
  .main-topic__slide--2 {
    flex: 0 0 auto;
  }
}

@media (max-width: 500px) {
  .main-topic__slide {
    width: 255px;
    min-height: 275px;
  }
}

.main-topic__left {
  margin-top: 20px;
  margin-left: auto;
}

@media (max-width: 500px) {
  .main-topic__left {
    margin-top: 15px;
  }
}

.topic-card:hover .topic-card__link {
  transform: translateY(0);
  opacity: 1;
}

.topic-card__icon {
  height: 24px;
}

.topic-card__link {
  background: rgba(149, 181, 212, 0.15);
  background: var(--bg-gray);
  color: #000;
  color: var(--dark-text-color);
  min-height: 28px;
  padding: 0 10px 0 15px;
  border-radius: 40px;
  transform: translateY(-20px);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

@media (max-width: 1100px) {
  .topic-card__link {
    transform: translateY(0);
    opacity: 1;
    min-height: 24px;
    padding: 4px 5px 4px 10px;
  }
}

@media (max-width: 500px) {
  .topic-card__link {
    min-height: 20px;
    padding: 2px 4px 2px 8px;
  }
}

.topic-card__link-text {
  font-size: 13px;
  line-height: 80%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

@media (max-width: 1100px) {
  .topic-card__link-text {
    font-size: 12px;
    margin-right: 2px;
  }
}

@media (max-width: 500px) {
  .topic-card__link-text {
    font-size: 10px;
  }
}

@media (max-width: 1100px) {
  .topic-card__link-icon {
    width: 16px;
    min-width: 16px;
    flex: 0 0 16px;
    height: 16px;
  }
}

.topic-card__title {
  color: #000;
  color: var(--dark-text-color);
  font-size: 24px;
  letter-spacing: 0.01em;
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .topic-card__title {
    font-size: 20px;
  }
}

.topic-card__text {
  color: #000;
  color: var(--dark-text-color);
  font-size: 15px;
  line-height: 22px;
  margin-top: 6px;
  font-family: Graphik LCG;
  font-weight: normal;
}

@media (max-width: 1100px) {
  .topic-card__text {
    font-size: 14px;
    line-height: 20px;
  }
}

.swiper-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 9;
  background: #ffffff;
  background: var(--default-text-color);
  border: 1px "solid" #000;
  border: 1px "solid" var(--dark-text-color);
}

@media (max-width: 1400px) {
  .swiper-arrow {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1100px) {
  .swiper-arrow {
    display: none;
  }
}

.swiper-arrow:hover {
  border: 1px "solid" #0060ff;
  border: 1px "solid" var(--ui-blue);
  background: #0060ff;
  background: var(--ui-blue);
}

.swiper-arrow.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.swiper-arrow--right {
  left: calc(100% + 50px);
}

@media (max-width: 1400px) {
  .swiper-arrow--right {
    left: calc(100% - 20px);
  }
}

.swiper-arrow--left {
  right: calc(100% + 50px);
}

@media (max-width: 1400px) {
  .swiper-arrow--left {
    right: calc(100% - 20px);
  }
}

.swiper-arrow--left .swiper-arrow__icon {
  transform: rotate(180deg);
}

.speakers__wrapper {
  position: relative;
}

.speakers__slider {
  margin-top: 40px;
}

@media (max-width: 1100px) {
  .speakers__slider {
    overflow: visible;
  }
}

.speakers__slider-slide {
  width: 241px;
  height: 364px;
}

@media (max-width: 1100px) {
  .speakers__slider-slide {
    width: 284px;
    height: 420px;
  }
}

@media (max-width: 500px) {
  .speakers__slider-slide {
    width: 255px;
    height: 380px;
  }
}

.speakers__left {
  margin-top: 20px;
  margin-left: auto;
}

.news__grid {
  margin: 40px -10px -40px;
}

@media (max-width: 1100px) {
  .news__grid {
    margin: 40px -8px 0;
  }
}

@media (max-width: 700px) {
  .news__grid {
    margin: 40px 0 0;
    display: block;
  }
}

.news__card {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 10px 40px;
  position: relative;
  height: 100%;
}

@media (max-width: 1100px) {
  .news__card {
    margin: 0 8px;
  }
}

@media (max-width: 700px) {
  .news__card {
    margin: 0;
  }
}

.news__card--1 {
  flex: 0 0 calc(34% - 20px);
}

@media (max-width: 1100px) {
  .news__card--1 {
    flex: 0 0 calc(50% - 16px);
  }
}

.news__card--1 .news__card-img {
  height: 202px;
}

.news__card--1 .news__card-date {
  margin-top: 22px;
  font-size: 15px;
}

@media (max-width: 1100px) {
  .news__card--1 .news__card-date {
    font-size: 14px;
    line-height: 20px;
  }
}

.news__card--1 .news__card-text {
  font-size: 18px;
  line-height: 110%;
}

@media (max-width: 1100px) {
  .news__card--1 .news__card-text {
    font-size: 16px;
  }
}

.news__card--2 {
  flex: 0 0 calc(66% - 20px);
  background: #121d33;
  min-height: 300px;
  padding: 52px 40px 20px;
}

@media (max-width: 1100px) {
  .news__card--2 {
    flex: 0 0 calc(50% - 16px);
    padding: 30px 0 0 30px;
    text-align: right;
  }
}

@media (max-width: 700px) {
  .news__card--2 {
    display: none;
  }
}

.news__card--2 .news__card-date {
  font-size: 18px;
}

@media (max-width: 1100px) {
  .news__card--2 .news__card-date {
    font-size: 16px;
    text-align: left;
  }
}

.news__card--2 .news__card-title {
  margin-top: 12px;
}

@media (max-width: 1100px) {
  .news__card--2 .news__card-title {
    text-align: left;
    margin-top: 0;
  }
}

.news__card--3 {
  flex: 0 0 calc(49% - 20px);
}

@media (max-width: 1100px) {
  .news__card--3 {
    display: none;
  }
}

.news__card--3 .news__card-img {
  height: 334px;
}

.news__card--3 .news__card-date {
  margin-top: 22px;
  font-size: 18px;
}

.news__card--3 .news__card-title {
  margin-top: 12px;
}

.news__card--4 {
  flex: 0 0 calc(23% - 20px);
}

@media (max-width: 1100px) {
  .news__card--4 {
    display: none;
  }
}

.news__card--4 .news__card-img {
  height: 161px;
}

.news__card--4 .news__card-date {
  margin-top: 20px;
  font-size: 15px;
}

.news__card--4 .news__card-text {
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.01em;
}

.news__card--5 {
  flex: 0 0 calc(28% - 20px);
}

@media (max-width: 1100px) {
  .news__card--5 {
    display: none;
  }
}

.news__card--5 .news__card-date {
  font-size: 15px;
  line-height: 22px;
}

.news__card--5 .news__card-text {
  font-size: 18px;
  line-height: 110%;
}

.news__card-img {
  width: 100%;
  border-radius: 10px;
}

.news__card-bg {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1100px) {
  .news__card-bg {
    position: relative;
    margin-top: 12px;
  }
}

.news__card-inner {
  max-width: 345px;
}

@media (max-width: 1100px) {
  .news__card-inner {
    padding-right: 30px;
    max-width: 100%;
  }
}

.news__card-date {
  font-family: Graphik LCG;
  font-weight: normal;
}

.news__card-date--dark {
  color: #000;
  color: var(--dark-text-color);
}

.news__card-row {
  position: relative;
}

@media (max-width: 1100px) {
  .news__card-row .news__card-date {
    margin-top: 0;
  }
}

.news__card-row:not(:first-child) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px "solid" rgba(0, 0, 0, 0.1);
  border-top: 1px "solid" var(--light-border);
}

.news__card-row--mobile {
  display: none;
}

@media (max-width: 1100px) {
  .news__card-row--mobile {
    display: block;
  }
}

.news__card-text {
  color: #000;
  color: var(--dark-text-color);
  letter-spacing: 0.01em;
}

.news__card-title {
  font-size: 32px;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .news__card-title {
    font-size: 28px;
  }
}

.news__card-title--dark {
  color: #000;
  color: var(--dark-text-color);
}

.how__wrapper {
  margin-top: 40px;
  border-radius: 15px;
  overflow: hidden;
}

@media (max-width: 1100px) {
  .how__wrapper {
    display: block;
  }
}

.how__link {
  transform: rotate(5deg);
  left: -25px;
}

@media (max-width: 1100px) {
  .how__link {
    top: -50px;
    left: 0;
  }
}

@media (max-width: 1100px) {
  .how__link {
    top: -25px;
    left: 0;
  }
}

.how__column {
  flex: 0 0 33.33%;
  position: relative;
  height: 560px;
}

@media (max-width: 1100px) {
  .how__column {
    height: 604px;
    width: 100%;
  }
}

@media (max-width: 700px) {
  .how__column {
    height: 300px;
  }
}

.how__column:hover .how__column-img,
.how__column:hover::after {
  transform: rotate(0) scale(1.1);
}

.how__column::after {
  position: absolute;
  content: "";
  left: -25px;
  top: -25px;
  width: calc(100% + 100px);
  height: calc(100% + 100px);
  transform: rotate(5deg);
  transition: 0.3s;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

@media (max-width: 1100px) {
  .how__column::after {
    left: -50px;
    top: -50px;
  }
}

@media (max-width: 700px) {
  .how__column::after {
    left: -25px;
    top: -25px;
  }
}

.how__column-img {
  position: absolute;
  left: -25px;
  top: -25px;
  width: calc(100% + 100px);
  height: calc(100% + 100px);
  transform: rotate(5deg);
  z-index: 0;
  transition: 0.3s;
}

@media (max-width: 1100px) {
  .how__column-img {
    left: -50px;
    top: -50px;
  }
}

@media (max-width: 700px) {
  .how__column-img {
    left: -25px;
    top: -25px;
  }
}

.how__column-text,
.how__column-date {
  position: relative;
  z-index: 1;
}

.how__column-text {
  font-style: italic;
  font-size: 70px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  padding: 0 75px;
  margin-bottom: 45px;
  margin-top: 40px;
}

@media (max-width: 1400px) {
  .how__column-text {
    font-size: 60px;
    padding: 0;
  }
}

@media (max-width: 1100px) {
  .how__column-text {
    margin: 0 0 30px;
  }
}

@media (max-width: 700px) {
  .how__column-text {
    margin: 0;
    font-size: 50px;
  }
}

.how__column-date {
  margin-top: 45px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  background: #ff4300;
  background: var(--red);
  min-height: 30px;
  border-radius: 50px;
  padding: 4px 12px;
}

@media (max-width: 1100px) {
  .how__column-date {
    margin-top: 30px;
    font-size: 14px;
    line-height: 20px;
    min-height: 25px;
    padding: 0 12px;
  }
}

@media (max-width: 700px) {
  .how__column-date {
    margin-top: 35px;
  }
}

.bnr-message__body {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  padding: 35px 55px;
}

@media (max-width: 1100px) {
  .bnr-message__body {
    padding: 30px;
    align-items: stretch;
  }
}

.bnr-message__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

.bnr-message__bg-img {
  width: 100%;
  height: 100%;
}

.bnr-message__texts,
.bnr-message__arrow {
  position: relative;
  z-index: 1;
}

.bnr-message__texts {
  flex: 0 1 665px;
  font-weight: 600;
  font-size: 32px;
}

@media (max-width: 1100px) {
  .bnr-message__texts {
    margin-right: 40px;
    font-size: 28px;
    letter-spacing: 0.01em;
  }
}

@media (max-width: 500px) {
  .bnr-message__texts {
    margin-right: 18px;
    font-size: 20px;
  }
}

@media (max-width: 360px) {
  .bnr-message__texts {
    margin-right: 18px;
    font-size: 16px;
  }
}

.bnr-message__link {
  background: #ffffff;
  background: var(--default-text-color);
  border-radius: 5px;
  padding: 0 13px;
  display: inline-flex;
  transform: translateY(6px);
}

@media (max-width: 1100px) {
  .bnr-message__link {
    display: flex;
    justify-content: center;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    transform: none;
    margin-top: 10px;
    padding: 0 7px 0 5px;
  }
}

@media (max-width: 500px) {
  .bnr-message__link {
    margin-top: 5px;
    padding: 0 5px;
  }
}

.bnr-message__link-icon {
  margin-right: 9px;
  width: 28px;
  min-width: 28px;
  flex: 0 0 28px;
  height: 28px;
}

@media (max-width: 1100px) {
  .bnr-message__link-icon {
    margin-right: 10px;
    width: 24px;
    min-width: 24px;
    flex: 0 0 24px;
    height: 24px;
  }
}

@media (max-width: 500px) {
  .bnr-message__link-icon {
    margin-right: 5px;
    width: 20px;
    min-width: 20px;
    flex: 0 0 20px;
    height: 20px;
  }
}

.bnr-message__link-text {
  color: #0060ff;
  color: var(--ui-blue);
  font-size: 32px;
}

@media (max-width: 1100px) {
  .bnr-message__link-text {
    font-size: 28px;
  }
}

@media (max-width: 500px) {
  .bnr-message__link-text {
    font-size: 20px;
    letter-spacing: 0.01em;
  }
}

.bnr-message__arrow {
  width: 60px;
  min-width: 60px;
  flex: 0 0 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  background: var(--gray-border);
}

@media (max-width: 1100px) {
  .bnr-message__arrow {
    width: 50px;
    min-width: 50px;
    flex: 0 0 50px;
    height: 50px;
  }
}

@media (max-width: 1100px) {
  .bnr-message__arrow {
    width: 40px;
    min-width: 40px;
    flex: 0 0 40px;
    height: 40px;
  }
}

.bnr-message__arrow:hover {
  background: #0060ff;
  background: var(--ui-blue);
}

.faq__element--first {
  margin-top: 40px;
}

@media (max-width: 1100px) {
  .faq__element--first {
    margin-top: 20px;
  }
}

.faq-element {
  padding: 36px 0;
  border-bottom: 1px "solid" rgba(0, 0, 0, 0.1);
  border-bottom: 1px "solid" var(--light-border);
}

@media (max-width: 1100px) {
  .faq-element {
    padding: 28px 0;
  }
}

@media (max-width: 500px) {
  .faq-element {
    padding: 20px 0;
  }
}

.faq-element.open .faq-element__icon {
  transform: rotate(180deg);
}

.faq-element__head {
  cursor: pointer;
}

.faq-element__head:hover .faq-element__question {
  color: #0060ff;
  color: var(--ui-blue);
}

.faq-element__question {
  font-weight: 600;
  font-size: 32px;
  letter-spacing: 0.01em;
  transition: 0.3s;
  color: #000;
  color: var(--dark-text-color);
  flex: 0 1 850px;
  margin-right: 10px;
}

@media (max-width: 1100px) {
  .faq-element__question {
    font-size: 28px;
  }
}

@media (max-width: 500px) {
  .faq-element__question {
    font-size: 20px;
  }
}

@media (max-width: 360px) {
  .faq-element__question {
    font-size: 16px;
  }
}

.faq-element__icon {
  height: 100%;
  transition: 0.3s;
}

@media (max-width: 500px) {
  .faq-element__icon {
    width: 16px;
    min-width: 16px;
    flex: 0 0 16px;
    height: 16px;
  }
}

.faq-element__link,
.faq-element__answer {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
}

@media (max-width: 1100px) {
  .faq-element__link,
  .faq-element__answer {
    font-size: 16px;
    line-height: 24px;
  }
}

.faq-element__answer {
  padding-top: 12px;
  display: none;
  max-width: 850px;
  overflow: hidden;
  color: #000;
  color: var(--dark-text-color);
}

@media (max-width: 1100px) {
  .faq-element__answer {
    max-width: 100%;
  }
}

@media (max-width: 500px) {
  .faq-element__answer {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 360px) {
  .faq-element__answer {
    font-size: 13px;
    line-height: 18px;
  }
}

.faq-element__link {
  color: #0060ff;
  color: var(--ui-blue);
}

.faq-element__link:hover {
  font-style: italic;
}

.contacts__body {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  padding: 55px 60px;
}

@media (max-width: 1100px) {
  .contacts__body {
    padding: 35px 40px;
  }
}

@media (max-width: 1100px) {
  .contacts__body {
    padding: 25px 30px;
  }
}

.contacts__grid {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -20px;
  margin-top: 30px;
}

.contacts__grid > * {
  flex: 0 0 calc(33.3333333333% - 30px);
  margin: 0 15px 20px;
}

@media (max-width: 1100px) {
  .contacts__grid {
    margin-top: 20px;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -20px;
  }

  .contacts__grid > * {
    flex: 0 0 calc(33.3333333333% - 16px);
    margin: 0 8px 20px;
  }
}

@media (max-width: 700px) {
  .contacts__grid {
    display: block;
    margin: 20px 0 -20px;
  }
}

@media (max-width: 700px) {
  .contacts__column {
    margin: 0 0 20px;
  }
}

.contacts__tag {
  color: #6d6f73;
  color: var(--gray-text);
  font-weight: normal;
  line-height: 26px;
}

@media (max-width: 1100px) {
  .contacts__tag {
    font-size: 16px;
    line-height: 1.1;
  }
}

.contacts__tag:not(:first-child) {
  margin-top: 20px;
}

.contacts__link {
  font-weight: 600;
  line-height: 26px;
  color: #000;
  color: var(--dark-text-color);
  margin-top: 2px;
}

@media (max-width: 1100px) {
  .contacts__link {
    font-size: 16px;
    line-height: 1.1;
    margin-top: 4px;
  }
}

.contacts__link:hover {
  color: #0060ff;
  color: var(--ui-blue);
}

@media (max-width: 700px) {
  .team__tabs {
    display: none;
  }
}

.team__tab {
  color: rgba(206, 210, 217, 0.4);
  color: var(--gray);
  background: transparent;
  position: relative;
}

.team__tab:not(:last-child) {
  margin-right: 15px;
}

.team__tab:hover {
  color: #ffffff;
  color: var(--default-text-color);
}

.team__tab::after {
  position: absolute;
  content: "";
  top: calc(100% + 4px);
  background: #ffffff;
  background: var(--default-text-color);
  width: 100%;
  height: 6px;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}

.team__tab--word {
  pointer-events: none;
}

.team__tab.active {
  color: #ffffff;
  color: var(--default-text-color);
}

.team__tab.active::after {
  opacity: 1;
}

.team__slider {
  margin-top: 40px;
}

@media (max-width: 700px) {
  .team__slider {
    overflow: visible;
  }
}

.team__slider-wrapper {
  flex-wrap: wrap;
  width: auto;
}

.team__slider-wrapper--org {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}

.team__slider-wrapper--org > * {
  flex: 0 0 calc(25% - 20px);
  margin: 0 10px 20px;
}

@media (max-width: 1100px) {
  .team__slider-wrapper--org {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -16px;
  }

  .team__slider-wrapper--org > * {
    flex: 0 0 calc(33.3333333333% - 16px);
    margin: 0 8px 16px;
  }
}

.team__slider-wrapper--part {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}

.team__slider-wrapper--part > * {
  flex: 0 0 calc(33.3333333333% - 20px);
  margin: 0 10px 20px;
}

@media (max-width: 1100px) {
  .team__slider-wrapper--part {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -16px;
  }

  .team__slider-wrapper--part > * {
    flex: 0 0 calc(50% - 16px);
    margin: 0 8px 16px;
  }
}

@media (max-width: 700px) {
  .team__slider-wrapper--org,
  .team__slider-wrapper--part {
    margin: 0;
    width: 100%;
    flex-wrap: nowrap;
  }
}

.team__slide {
  background: rgba(255, 255, 255, 0.05);
  background: var(--bg-card-logo);
  border-radius: 10px;
  padding: 15px;
}

@media (max-width: 700px) {
  .team__slide {
    padding: 10px;
    width: 124px;
    flex: 0 0 auto;
    margin: 0;
  }

  .team__slide--org,
  .team__slide--part {
    height: 80px;
  }
}

.team__slide--org {
  height: 100px;
}

@media (max-width: 1100px) {
  .team__slide--org {
    height: 108px;
  }
}

.team__slide--part {
  height: 160px;
}

@media (max-width: 1100px) {
  .team__slide--part {
    height: 166px;
  }
}

.team__slide-img {
  max-width: 100%;
  max-height: 100%;
}

.team__mobile-title {
  display: none;
}

@media (max-width: 700px) {
  .team__mobile-title {
    display: block;
  }
}

.team__left {
  margin-left: auto;
  margin-top: 20px;
}

.placeholder {
  min-height: calc(100vh - 191px);
  min-height: calc((var(--vh, 1vh) * 100) - 191px);
}

@media (max-width: 1100px) {
  .placeholder {
    min-height: calc(100vh - 171px);
    min-height: calc((var(--vh, 1vh) * 100) - 171px);
  }
}

@media (max-width: 700px) {
  .placeholder {
    min-height: calc(100vh - 311px);
    min-height: calc((var(--vh, 1vh) * 100) - 311px);
  }
}

.placeholder__wrapper {
  min-height: calc(100vh - 191px);
  min-height: calc((var(--vh, 1vh) * 100) - 191px);
  max-width: 666px;
  margin: 0 auto;
}

@media (max-width: 1100px) {
  .placeholder__wrapper {
    min-height: calc(100vh - 171px);
    min-height: calc((var(--vh, 1vh) * 100) - 171px);
  }
}

@media (max-width: 700px) {
  .placeholder__wrapper {
    min-height: calc(100vh - 311px);
    min-height: calc((var(--vh, 1vh) * 100) - 311px);
  }
}

@media (max-width: 500px) {
  .placeholder__wrapper {
    max-width: 327px;
  }
}

.placeholder__inner {
  flex: 1 1 auto;
  text-align: center;
  padding: 40px 38px;
}

@media (max-width: 1100px) {
  .placeholder__inner {
    padding: 40px 32px;
  }
}

@media (max-width: 500px) {
  .placeholder__inner {
    padding: 40px 16px;
  }
}

.placeholder__logo {
  height: 80px;
}

@media (max-width: 1100px) {
  .placeholder__logo {
    height: 60px;
  }
}

.placeholder__title {
  margin-top: 40px;
}

@media (max-width: 500px) {
  .placeholder__title {
    margin-top: 30px;
  }
}

.placeholder__texts {
  margin-top: 20px;
  font-size: 24px;
  font-family: Graphik LCG;
  font-weight: normal;
}

@media (max-width: 1100px) {
  .placeholder__texts {
    font-size: 20px;
  }
}

@media (max-width: 500px) {
  .placeholder__texts {
    margin-top: 15px;
    font-size: 16px;
  }
}

.placeholder__texts p:not(:first-child) {
  margin-top: 25px;
}

@media (max-width: 500px) {
  .placeholder__texts p:not(:first-child) {
    margin-top: 15px;
  }
}

.event-head__bottom {
  margin-top: 35px;
}

@media (max-width: 1100px) {
  .event-head__bottom {
    margin-top: 60px;
  }
}

@media (max-width: 500px) {
  .event-head__bottom {
    margin-top: 20px;
  }
}

.event-head__info {
  margin-right: 20px;
}

@media (max-width: 700px) {
  .event-head__info {
    margin-right: 0;
  }
}

.event-head__info-icon {
  margin-right: 10px;
}

.event-head__info-text {
  font-family: Graphik LCG;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .event-head__info-text {
    font-size: 14px;
    line-height: 20px;
  }
}

.event-head__ui {
  flex: 0 0 auto;
}

@media (max-width: 700px) {
  .event-head__ui {
    display: none;
  }
}

.event-head__share .share__head,
.event-head__favorites {
  opacity: 0.8;
}

@media (max-width: 1100px) {
  .event-head__share .share__head,
  .event-head__favorites {
    opacity: 1;
  }
}

.event-head__favorites.active {
  opacity: 1;
}

.event-head__share {
  margin-right: 20px;
}

@media (max-width: 1100px) {
  .event-head__share {
    margin-right: 15px;
  }
}

.event-head__share .share__modal {
  top: calc(100% + 10px);
  bottom: auto;
}

.event-information {
  margin-top: 32px;
}

@media (max-width: 1100px) {
  .event-information {
    margin-top: 20px;
  }
}

@media (max-width: 500px) {
  .event-information {
    margin-top: 10px;
  }
}

.event-information__video {
  width: 100%;
  height: 380px;
}

@media (max-width: 1100px) {
  .event-information__video {
    width: 100%;
    height: calc((100vw - 64px) * 0.5625);
  }
}

@media (max-width: 500px) {
  .event-information__video {
    height: calc((100vw - 32px) * 0.5625);
  }
}

.event-information__share .share__modal {
  right: auto;
  left: 0;
}

@media (max-width: 1100px) {
  .event-information__container {
    display: block;
  }
}

.event-information__body {
  flex: 0 1 680px;
  max-width: 680px;
  margin-right: 20px;
  order: 1;
}

@media (max-width: 1100px) {
  .event-information__body {
    margin-right: 0;
    margin-top: 20px;
    max-width: 100%;
  }
}

.event-information__body--mt {
  margin-top: 25px;
}

.event-information__title {
  font-size: 32px;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .event-information__title {
    font-size: 28px;
  }
}

@media (max-width: 500px) {
  .event-information__title {
    font-size: 20px;
  }
}

.event-information__text {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  margin-top: 12px;
  max-height: 208px;
  overflow: hidden;
}

@media (max-width: 1100px) {
  .event-information__text {
    font-size: 16px;
    line-height: 1.5;
    max-height: 168px;
  }
}

@media (max-width: 500px) {
  .event-information__text {
    font-size: 14px;
    line-height: 20px;
    max-height: 260px;
  }
}

.event-information__more {
  display: none;
  margin-top: 20px;
}

.event-information__tags {
  margin-top: 25px;
}

.event-information__ui {
  display: none;
  margin-top: 32px;
}

@media (max-width: 700px) {
  .event-information__ui {
    display: flex;
  }
}

.event-information__share {
  margin-right: 15px;
}

.event-information__aside {
  order: 2;
  flex: 0 0 240px;
}

@media (max-width: 1100px) {
  .event-information__aside {
    flex-direction: row;
  }
}

@media (max-width: 700px) {
  .event-information__aside {
    display: block;
  }
}

.event-information__card {
  box-shadow: 0px 6px 20px rgba(63, 66, 91, 0.12);
  border-radius: 10px;
  background: #eff4f9;
  background: var(--bg-card);
  padding: 23px 10px;
  text-align: center;
  order: 1;
}

@media (max-width: 1100px) {
  .event-information__card {
    margin-right: 16px;
    flex: 0 0 224px;
    padding: 30px 10px;
  }
}

@media (max-width: 700px) {
  .event-information__card {
    margin-right: 0;
    margin-top: 8px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 700px) {
  .event-information__card-inner {
    margin-right: 20px;
  }
}

.event-information__card-time-text {
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #000;
  color: var(--dark-text-color);
  font-feature-settings: "cpsp" on, "ordn" on;
}

@media (max-width: 1100px) {
  .event-information__card-time-text {
    font-size: 18px;
    line-height: 20px;
    font-feature-settings: normal;
    letter-spacing: 0.01em;
  }
}

@media (max-width: 500px) {
  .event-information__card-time-text {
    font-size: 16px;
    line-height: 18px;
  }
}

.event-information__card-time-text:not(:last-child) {
  margin-right: 5px;
}

.event-information__card-time-line {
  height: 2px;
  flex: 0 0 15px;
  width: 15px;
  background: #000;
  background: var(--dark-text-color);
  margin-right: 5px;
}

.event-information__card-date {
  color: #000;
  color: var(--dark-text-color);
  margin-top: 8px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-feature-settings: "cpsp" on;
}

@media (max-width: 1100px) {
  .event-information__card-date {
    font-feature-settings: normal;
    font-size: 14px;
  }
}

.event-information__card-place {
  display: inline-flex;
  border-radius: 50px;
  background: #121d33;
  background: var(--bg-event-card-1);
  margin-top: 18px;
  min-height: 32px;
  padding: 5px 20px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-feature-settings: "cpsp" on;
}

@media (max-width: 1100px) {
  .event-information__card-place {
    margin-top: 20px;
    font-size: 14px;
    font-feature-settings: normal;
  }
}

@media (max-width: 700px) {
  .event-information__card-place {
    flex: 0 1 133px;
    height: 100%;
    margin-top: 0;
  }
}

.event-information__link {
  display: none;
  margin-top: 20px;
  order: 2;
  width: 100%;
}

@media (max-width: 1100px) {
  .event-information__link {
    background: rgba(255, 255, 255, 0.2);
    background: var(--bg-timer);
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    flex: 0 1 100%;
    margin-top: 0;
  }
}

@media (max-width: 700px) {
  .event-information__link {
    min-height: 140px;
  }
}

.event-information__link.active {
  display: flex;
}

.event-information__link-inner {
  width: 100%;
  background: #ffffff;
  background: var(--default-text-color);
  border-radius: 40px;
  min-height: 50px;
  height: 100%;
  padding: 10px;
}

@media (max-width: 1100px) {
  .event-information__link-inner {
    width: auto;
    height: auto;
    min-height: 44px;
    padding: 15px 20px;
  }
}

@media (max-width: 700px) {
  .event-information__link-inner {
    min-height: 36px;
    padding: 15px;
  }
}

.event-information__link-button {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  position: relative;
  padding-left: 20px;
  color: #000;
  color: var(--dark-text-color);
}

@media (max-width: 1100px) {
  .event-information__link-button {
    padding-left: 14px;
  }
}

@media (max-width: 700px) {
  .event-information__link-button {
    font-size: 10px;
  }
}

.event-information__link-button:hover::after {
  width: 15px;
  height: 15px;
  left: -2.5px;
}

@media (max-width: 1100px) {
  .event-information__link-button:hover::after {
    width: 13px;
    height: 13px;
  }
}

.event-information__link-button::after {
  position: absolute;
  content: "";
  background: #ff4300;
  background: var(--red);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  left: 0;
  transition: 0.3s;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 1100px) {
  .event-information__link-button::after {
    width: 8px;
    height: 8px;
  }
}

.event-information__timer {
  order: 2;
  margin-top: 20px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
  background: var(--bg-timer);
  padding: 25px 10px 35px;
  text-align: center;
}

@media (max-width: 1100px) {
  .event-information__timer {
    padding: 30px 20px;
    flex: 0 1 100%;
    margin-top: 0;
  }
}

@media (max-width: 500px) {
  .event-information__timer {
    padding: 20px 10px;
  }
}

.event-information__timer-title {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

.event-information__timer-line {
  margin-top: 18px;
}

@media (max-width: 1100px) {
  .event-information__timer-line {
    margin-top: 30px;
  }
}

.event-information__timer-dots {
  flex: 0 0 3px;
  width: 3px;
  margin: 0 5px;
  position: relative;
}

.event-information__timer-dots::after,
.event-information__timer-dots::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  border-radius: 50%;
  background: #ffffff;
  background: var(--default-text-color);
  left: 0;
}

.event-information__timer-dots::after {
  top: 8px;
}

.event-information__timer-dots::before {
  top: 19px;
}

.event-information__timer-dots--mobile {
  display: none;
}

@media (max-width: 1100px) {
  .event-information__timer-dots--mobile {
    display: block;
  }
}

.event-information__timer-column {
  flex: 0 0 55px;
  position: relative;
}

.event-information__timer-column:last-child {
  display: none;
}

@media (max-width: 1100px) {
  .event-information__timer-column:last-child {
    display: block;
  }
}

.event-information__timer-number {
  font-size: 30px;
  line-height: 33px;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .event-information__timer-number {
    line-height: 1;
  }
}

.event-information__timer-text {
  margin-top: 5px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 13px;
  line-height: 14px;
}

@media (max-width: 1100px) {
  .event-information__timer-text {
    font-size: 12px;
    line-height: 18px;
    margin-top: 2px;
  }
}

.event-speakers {
  margin-top: 60px;
}

@media (max-width: 1100px) {
  .event-speakers--nt-f {
    margin-top: 28px;
  }
}

.event-speakers__slider {
  margin-top: 20px;
  overflow: visible;
}

.event-speakers__slider-wrapper {
  flex-wrap: wrap;
  width: auto;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}

.event-speakers__slider-wrapper > * {
  flex: 0 0 calc(25% - 20px);
  margin: 0 10px 20px;
}

@media (max-width: 1100px) {
  .event-speakers__slider-wrapper {
    flex-wrap: nowrap;
    margin: 0;
    width: 100%;
  }
}

.event-speakers__slider-slide {
  height: 364px;
}

@media (max-width: 1100px) {
  .event-speakers__slider-slide {
    margin: 0;
    height: 420px;
    flex: 0 0 auto;
    width: 284px;
  }
}

@media (max-width: 500px) {
  .event-speakers__slider-slide {
    width: 255px;
    height: 380px;
  }
}

.event-speakers__left {
  margin-top: 20px;
  margin-left: auto;
}

.speakers-filter__search {
  height: 60px;
  margin-top: 50px;
}

@media (max-width: 1100px) {
  .speakers-filter__search {
    margin-top: 40px;
  }
}

.speakers-filter__sort {
  margin-top: 40px;
}

@media (max-width: 1100px) {
  .speakers-filter__sort {
    margin-top: 20px;
  }
}

.sort-buttons__element {
  cursor: pointer;
  border: 1px "solid" #ffffff;
  border: 1px "solid" var(--default-text-color);
  min-height: 36px;
  padding: 5px 15px;
  border-radius: 33px;
}

@media (max-width: 1100px) {
  .sort-buttons__element {
    min-height: 32px;
    padding: 5px 12px;
  }
}

.sort-buttons__element-text {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  font-feature-settings: "cpsp" on;
}

@media (max-width: 1100px) {
  .sort-buttons__element-text {
    font-size: 13px;
    line-height: 16px;
    font-feature-settings: normal;
  }
}

.sort-buttons__element:not(:last-child) {
  margin-right: 20px;
}

@media (max-width: 1100px) {
  .sort-buttons__element:not(:last-child) {
    margin-right: 8px;
  }
}

.sort-buttons__element.active {
  background: #ffffff;
  background: var(--default-text-color);
  color: #000;
  color: var(--dark-text-color);
}

.speakers-list {
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .speakers-list {
    margin-top: 40px;
  }
}

.speakers-list__grid {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -40px;
}

.speakers-list__grid > * {
  flex: 0 0 calc(25% - 20px);
  margin: 0 10px 40px;
}

@media (max-width: 1100px) {
  .speakers-list__grid {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -16px;
  }

  .speakers-list__grid > * {
    flex: 0 0 calc(33.3333333333% - 16px);
    margin: 0 8px 16px;
  }
}

@media (max-width: 700px) {
  .speakers-list__grid {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px;
  }

  .speakers-list__grid > * {
    flex: 0 0 calc(50% - 8px);
    margin: 0 4px 8px;
  }
}

@media (max-width: 360px) {
  .speakers-list__grid {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px;
  }

  .speakers-list__grid > * {
    flex: 0 0 calc(100% - 8px);
    margin: 0 4px 8px;
  }
}

.speakers-list__element {
  height: 360px;
}

@media (max-width: 500px) {
  .speakers-list__element {
    height: 280px;
  }
}

.speakers-list__element .speaker-card__bg {
  z-index: 0;
}

.speakers-list__more {
  margin-top: 40px;
}

@media (max-width: 500px) {
  .speakers-list__more {
    margin-left: auto;
    margin-right: auto;
  }
}

.speakers-list__tooltip {
  margin-top: 60px;
}

@media (max-width: 500px) {
  .speakers-list__tooltip {
    display: block;
    text-align: center;
  }
}

.speakers-list__tooltip-img {
  margin-right: 22px;
}

@media (max-width: 1100px) {
  .speakers-list__tooltip-img {
    margin-right: 16px;
  }
}

@media (max-width: 500px) {
  .speakers-list__tooltip-img {
    margin-right: 0;
  }
}

.speakers-list__tooltip-text {
  flex: 0 1 490px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
}

@media (max-width: 1100px) {
  .speakers-list__tooltip-text {
    font-size: 14px;
    line-height: 20px;
    flex: 0 1 345px;
  }
}

@media (max-width: 500px) {
  .speakers-list__tooltip-text {
    max-width: 250px;
    margin: 16px auto 0;
    font-size: 10px;
    line-height: 16px;
  }
}

.speaker-head__inner {
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .speaker-head__inner {
    margin-top: 60px;
  }
}

@media (max-width: 700px) {
  .speaker-head__inner {
    display: block;
  }
}

@media (max-width: 500px) {
  .speaker-head__inner {
    margin-top: 20px;
  }
}

.speaker-head__avatar {
  width: 241px;
  min-width: 241px;
  flex: 0 0 241px;
  height: 364px;
  margin-right: 40px;
  border-radius: 10px;
}

@media (max-width: 500px) {
  .speaker-head__avatar {
    width: 224px;
    min-width: 224px;
    flex: 0 0 224px;
    margin-right: 16px;
    height: 360px;
  }
}

@media (max-width: 700px) {
  .speaker-head__avatar {
    width: 100%;
    height: auto;
    border-radius: 15px;
  }
}

.speaker-head__info {
  flex: 0 1 100%;
}

@media (max-width: 700px) {
  .speaker-head__info {
    margin-top: 30px;
  }
}

.speaker-head__text {
  margin-top: 5px;
}

@media (max-width: 1100px) {
  .speaker-head__text {
    margin-top: 20px;
  }
}

.speaker-head__text-inner {
  max-height: 0px;
  overflow: hidden;
}

.speaker-head__text-p {
  font-family: Graphik LCG;
  font-weight: normal;
  line-height: 26px;
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .speaker-head__text-p {
    font-size: 16px;
    line-height: 1.5;
  }
}

@media (max-width: 500px) {
  .speaker-head__text-p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px;
  }
}

.speaker-head__text-title {
  font-size: 24px;
  letter-spacing: 0.01em;
  margin-top: 30px;
}

@media (max-width: 1100px) {
  .speaker-head__text-title {
    font-size: 20px;
    margin-top: 20px;
  }
}

@media (max-width: 500px) {
  .speaker-head__text-title {
    font-size: 16px;
  }
}

.speaker-head__more {
  margin-top: 30px;
}

@media (max-width: 1100px) {
  .speaker-head__more {
    margin-top: 20px;
  }
}

.speaker-cards {
  margin-top: 60px;
}

.news-head__title {
  margin-top: 30px;
}

@media (max-width: 1100px) {
  .news-head__title {
    margin-top: 60px;
  }
}

@media (max-width: 500px) {
  .news-head__title {
    margin-top: 30px;
  }
}

.news-head__info {
  margin-top: 40px;
}

@media (max-width: 1100px) {
  .news-head__info {
    margin-top: 20px;
  }
}

.news-head__date {
  font-family: Graphik LCG;
  font-weight: normal;
  line-height: 26px;
  margin-right: 40px;
}

@media (max-width: 1100px) {
  .news-head__date {
    font-size: 16px;
    line-height: 1.5;
    margin-right: 16px;
  }
}

@media (max-width: 500px) {
  .news-head__date {
    margin-right: auto;
  }
}

.news-head__link {
  margin-right: 20px;
}

@media (max-width: 1100px) {
  .news-head__link {
    margin-right: 16px;
  }
}

@media (max-width: 500px) {
  .news-head__link {
    margin-right: 12px;
  }
}

@media (max-width: 360px) {
  .news-head__link {
    margin-right: 6px;
  }
}

.news-head__link:hover .news-head__link-icon {
  transform: scale(0.9);
}

@media (max-width: 1100px) {
  .news-head__link-icon {
    width: 28px;
    min-width: 28px;
    flex: 0 0 28px;
  }
}

.news-head__picture {
  width: 100%;
  height: 480px;
  border-radius: 15px;
  margin-top: 40px;
}

@media (max-width: 1100px) {
  .news-head__picture {
    height: 380px;
  }
}

@media (max-width: 500px) {
  .news-head__picture {
    margin-top: 25px;
    height: 200px;
  }
}

.news-body {
  max-width: 676px;
  margin: 73px auto 0;
}

@media (max-width: 1100px) {
  .news-body {
    max-width: 100%;
    margin-top: 40px;
    padding: 0 32px;
  }
}

@media (max-width: 500px) {
  .news-body {
    margin-top: 25px;
    max-width: 100%;
    padding: 0 16px;
  }
}

@media (max-width: 1100px) {
  .news-body__desktop {
    display: none;
  }
}

.news-body__first {
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .news-body__first ul,
  .news-body__first p {
    margin-top: 0;
  }
}

.news-body ul,
.news-body p {
  font-family: Graphik LCG;
  font-weight: normal;
  line-height: 26px;
}

@media (max-width: 1100px) {
  .news-body ul,
  .news-body p {
    font-size: 16px;
    line-height: 1.5;
  }
}

.news-body ul:not(:first-child),
.news-body p:not(:first-child) {
  margin-top: 20px;
}

.news-body li {
  padding-left: 25px;
  position: relative;
}

.news-body li::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  left: 11px;
  top: 11px;
  background: #ffffff;
  background: var(--default-text-color);
}

.media-info__inner {
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .media-info__inner {
    display: block;
  }
}

.media-info__texts {
  margin-right: 20px;
}

@media (max-width: 1100px) {
  .media-info__texts {
    margin-right: 0;
  }
}

.media-info__texts p {
  font-family: Graphik LCG;
  font-weight: normal;
  line-height: 26px;
}

@media (max-width: 1100px) {
  .media-info__texts p {
    font-size: 16px;
    line-height: 1.5;
  }
}

@media (max-width: 700px) {
  .media-info__texts p {
    font-size: 14px;
    line-height: 20px;
  }
}

.media-info__texts p:not(:first-child) {
  margin-top: 30px;
}

@media (max-width: 1100px) {
  .media-info__texts p:not(:first-child) {
    margin-top: 20px;
  }
}

.media-info__texts a {
  font-weight: 700;
  text-decoration: underline;
}

.media-info__texts a:hover {
  text-decoration: none;
  color: #0060ff;
  color: var(--ui-blue);
}

.media-info__card {
  flex: 0 0 328px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  background: #ffffff;
  background: var(--default-text-color);
  padding: 35px 30px 50px;
  height: 100%;
}

@media (max-width: 1100px) {
  .media-info__card {
    margin-top: 40px;
    max-width: 344px;
    padding: 30px;
  }
}

@media (max-width: 500px) {
  .media-info__card {
    margin-top: 30px;
    max-width: none;
    width: 100%;
  }
}

.media-info__card-text {
  font-family: Graphik LCG;
  font-weight: normal;
  line-height: 26px;
  color: rgba(51, 51, 51, 0.5);
  color: var(--gray-2);
}

@media (max-width: 1100px) {
  .media-info__card-text {
    font-size: 16px;
    line-height: 1.1;
  }
}

.media-info__card-text:not(:first-child) {
  margin-top: 20px;
}

.media-info__card-link {
  margin-top: 2px;
  line-height: 26px;
  color: #000;
  color: var(--dark-text-color);
}

@media (max-width: 1100px) {
  .media-info__card-link {
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.1;
  }
}

.media-info__card-download {
  margin-top: 7px;
  color: #000;
  color: var(--dark-text-color);
  background: rgba(206, 210, 217, 0.4);
  background: var(--gray);
  border-radius: 40px;
  padding: 5px 10px;
  min-width: 110px;
  min-height: 30px;
  display: inline-flex;
  font-size: 13px;
  line-height: 80%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

@media (max-width: 1100px) {
  .media-info__card-download {
    margin-top: 20px;
    min-width: 0;
    padding: 10px 15px;
    min-height: 36px;
    font-size: 12px;
  }
}

@media (max-width: 500px) {
  .media-info__card-download {
    font-size: 10px;
    padding: 5px 10px;
  }
}

.media-info__card-download:hover {
  color: #ffffff;
  color: var(--default-text-color);
  background: #07429a;
  background: var(--ui-blue-hover);
}

.media-info__title {
  margin-top: 60px;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .media-info__title {
    font-size: 28px;
    line-height: 1.25;
  }
}

@media (max-width: 500px) {
  .media-info__title {
    font-size: 20px;
  }
}

.media-info__block {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  background: #ffffff;
  background: var(--default-text-color);
  padding: 35px 25px;
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .media-info__block {
    padding: 30px 25px;
  }
}

@media (max-width: 500px) {
  .media-info__block {
    padding: 25px 20px;
  }
}

.media-info__block--first {
  margin-top: 30px;
}

@media (max-width: 1100px) {
  .media-info__block--first {
    margin-top: 20px;
  }
}

.media-info__block-title,
.media-info__block-li {
  color: #000;
  color: var(--dark-text-color);
}

.media-info__block-title {
  font-size: 24px;
}

@media (max-width: 1100px) {
  .media-info__block-title {
    font-size: 20px;
    letter-spacing: 0.01em;
  }
}

.media-info__block-li,
.media-info__block-warning {
  font-family: Graphik LCG;
  font-weight: normal;
  line-height: 26px;
}

@media (max-width: 1100px) {
  .media-info__block-li,
  .media-info__block-warning {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 500px) {
  .media-info__block-li,
  .media-info__block-warning {
    font-size: 14px;
    line-height: 20px;
  }
}

.media-info__block-li {
  margin-top: 20px;
  padding-left: 30px;
  position: relative;
}

@media (max-width: 500px) {
  .media-info__block-li {
    padding-left: 24px;
  }
}

.media-info__block-li::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0060ff;
  background: var(--ui-blue);
  left: 6px;
  top: 7px;
}

@media (max-width: 500px) {
  .media-info__block-li::after {
    width: 8px;
    height: 8px;
    left: 4px;
    top: 8px;
  }
}

.media-info__block-warning {
  color: #ff4300;
  color: var(--red);
  margin-top: 30px;
  max-width: 700px;
}

@media (max-width: 1100px) {
  .media-info__block-warning {
    margin-top: 20px;
  }
}

.news--list .news__card-text {
  color: #ffffff;
  color: var(--default-text-color);
}

.news--list .news__card-row:not(:first-child) {
  border-top: 1px "solid" #0060ff;
  border-top: 1px "solid" var(--ui-blue);
}

.news--list .news__grid {
  margin-top: 12px;
}

@media (max-width: 1100px) {
  .news--list .news__grid {
    margin: 40px 0 0;
    justify-content: space-between;
  }
}

@media (max-width: 700px) {
  .news--list .news__grid {
    display: flex;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card {
    margin: 0 0 40px;
    overflow: visible;
  }
}

@media (max-width: 700px) {
  .news--list .news__card {
    margin-bottom: 20px;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card--3,
  .news--list .news__card--5 {
    display: block;
  }
}

@media (max-width: 700px) {
  .news--list .news__card--1,
  .news--list .news__card--2,
  .news--list .news__card--3,
  .news--list .news__card--4,
  .news--list .news__card--5 {
    flex: 0 1 100%;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card--2,
  .news--list .news__card--3,
  .news--list .news__card--4,
  .news--list .news__card--5 {
    margin: 0 0 40px;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card--1 {
    display: none;
  }
}

@media (max-width: 700px) {
  .news--list .news__card--1 {
    display: block;
    order: 1;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card--2 {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    order: 2;
    overflow: hidden;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card--3 {
    order: 4;
    flex: 0 1 100%;
  }

  .news--list .news__card--3 .news__card-img {
    height: 380px;
  }
}

@media (max-width: 700px) {
  .news--list .news__card--3 {
    order: 5;
  }

  .news--list .news__card--3 .news__card-img {
    height: 320px;
  }
}

@media (max-width: 700px) {
  .news--list .news__card--4 {
    display: block;
    order: 3;
  }

  .news--list .news__card--4 .news__card-img {
    height: 202px;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card--5 {
    order: 3;
    display: flex;
    flex: 0 1 100%;
    justify-content: space-between;
  }
}

@media (max-width: 700px) {
  .news--list .news__card--5 {
    order: 4;
    display: block;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card-date {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card-text {
    font-size: 16px;
    line-height: 110%;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card-title {
    margin-top: 0;
  }
}

@media (max-width: 500px) {
  .news--list .news__card-title {
    font-size: 20px;
  }
}

@media (max-width: 1100px) {
  .news--list .news__card-row {
    flex: 0 0 calc(33.33% - 16px);
    border-top: 1px "solid" #0060ff;
    border-top: 1px "solid" var(--ui-blue);
    border-bottom: 1px "solid" #0060ff;
    border-bottom: 1px "solid" var(--ui-blue);
    margin: 0;
    padding: 20px 0;
  }
}

@media (max-width: 700px) {
  .news--list .news__card-row {
    border-bottom: none;
  }
}

.news-card--0 {
  display: none;
  flex: 0 1 calc(50% - 16px);
  order: 1;
}

@media (max-width: 1100px) {
  .news-card--0 {
    display: block;
  }

  .news-card--0 .news__card:not(:last-child) {
    margin-bottom: 20px;
  }

  .news-card--0 .news__card:last-child {
    margin-bottom: 0;
  }

  .news-card--0 .news__card-img {
    height: 202px;
  }

  .news-card--0 .news__card-date {
    margin-top: 22px;
  }
}

@media (max-width: 700px) {
  .news-card--0 {
    display: none;
  }
}

.news__card-bg {
  max-width: 100%;
}

.news-list {
  margin-top: 40px;
}

@media (max-width: 700px) {
  .news-list {
    margin-top: 20px;
  }
}

@media (max-width: 700px) {
  .news-list__container {
    display: block;
  }
}

.news-list__column {
  margin-right: 20px;
  flex: 0 1 502px;
}

@media (max-width: 1100px) {
  .news-list__column {
    flex: 0 0 31%;
    margin-right: 16px;
  }
}

@media (max-width: 700px) {
  .news-list__column {
    margin-right: 0;
  }
}

.news-list__column-element:not(:last-child) {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px "solid" #0060ff;
  border-bottom: 1px "solid" var(--ui-blue);
}

@media (max-width: 1100px) {
  .news-list__column-element:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

.news-list__column-element-picture {
  width: 76px;
  min-width: 76px;
  flex: 0 0 76px;
  height: 76px;
  margin-right: 15px;
  border-radius: 5px;
}

.news-list__column-element-text {
  line-height: 110%;
  letter-spacing: 0.01em;
  max-height: 76px;
  overflow: hidden;
}

@media (max-width: 1100px) {
  .news-list__column-element-text {
    font-size: 16px;
    padding: 6px 0;
  }
}

.news-list__grid {
  flex: 0 1 502px;
  margin-bottom: -20px;
}

@media (max-width: 1100px) {
  .news-list__grid {
    flex: 0 1 calc(69% - 16px);
  }
}

@media (max-width: 700px) {
  .news-list__grid {
    margin-top: 20px;
    margin-bottom: 0;
    display: block;
  }
}

.news-list__grid-element {
  flex: 0 1 calc(50% - 10px);
  margin-bottom: 20px;
}

@media (max-width: 1100px) {
  .news-list__grid-element {
    flex: 0 1 calc(50% - 8px);
  }
}

@media (max-width: 700px) {
  .news-list__grid-element:last-child {
    margin-bottom: 0;
  }
}

.news-list__grid-img {
  width: 100%;
  height: 160px;
  border-radius: 7px;
}

@media (max-width: 700px) {
  .news-list__grid-img {
    height: 202px;
    border-radius: 10px;
  }
}

.news-list__grid-date {
  margin-top: 20px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
}

@media (max-width: 700px) {
  .news-list__grid-date {
    font-size: 14px;
    line-height: 20px;
  }
}

.news-list__grid-title {
  line-height: 110%;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .news-list__grid-title {
    font-size: 16px;
  }
}

.account-head__subtitle {
  margin-top: 60px;
}

@media (max-width: 500px) {
  .account-head__subtitle {
    margin-top: 40px;
  }
}

.account-card {
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.1);
  background: var(--gray-border);
  border-radius: 15px;
  padding: 50px 60px 70px;
}

@media (max-width: 1100px) {
  .account-card {
    padding: 35px 40px 40px;
  }
}

@media (max-width: 500px) {
  .account-card {
    padding: 25px 30px 30px;
  }
}

.account-card__title {
  max-width: 570px;
  margin-right: 10px;
}

.account-card__link {
  width: 60px;
  min-width: 60px;
  flex: 0 0 60px;
  height: 60px;
}

@media (max-width: 1100px) {
  .account-card__link {
    width: 50px;
    min-width: 50px;
    flex: 0 0 50px;
    height: 50px;
  }
}

@media (max-width: 500px) {
  .account-card__link {
    width: 40px;
    min-width: 40px;
    flex: 0 0 40px;
    height: 40px;
  }
}

.account-card__link:hover .account-card__icon {
  -webkit-animation: swing-h 0.6s ease;
          animation: swing-h 0.6s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

.account-card__icon {
  width: 44px;
  min-width: 44px;
  flex: 0 0 44px;
}

@media (max-width: 1100px) {
  .account-card__icon {
    width: 36px;
    min-width: 36px;
    flex: 0 0 36px;
  }
}

@media (max-width: 500px) {
  .account-card__icon {
    width: 30px;
    min-width: 30px;
    flex: 0 0 30px;
  }
}

.account-card__tags {
  margin-top: 30px;
  max-width: 590px;
}

@media (max-width: 1100px) {
  .account-card__tags {
    max-width: 100%;
  }
}

.authorization {
  min-height: calc(100vh - 267px);
  min-height: calc((var(--vh, 1vh) * 100) - 267px);
}

@media (max-width: 1100px) {
  .authorization {
    min-height: calc(100vh - 239px);
    min-height: calc((var(--vh, 1vh) * 100) - 239px);
  }
}

@media (max-width: 700px) {
  .authorization {
    min-height: calc(100vh - 379px);
    min-height: calc((var(--vh, 1vh) * 100) - 379px);
  }
}

@media (max-width: 500px) {
  .authorization {
    min-height: calc(100vh - 363px);
    min-height: calc((var(--vh, 1vh) * 100) - 363px);
  }
}

.authorization__wrapper {
  min-height: calc(100vh - 267px);
  min-height: calc((var(--vh, 1vh) * 100) - 267px);
  padding: 70px 38px;
}

@media (max-width: 1100px) {
  .authorization__wrapper {
    padding: 50px 32px;
    min-height: calc(100vh - 239px);
    min-height: calc((var(--vh, 1vh) * 100) - 239px);
  }
}

@media (max-width: 700px) {
  .authorization__wrapper {
    min-height: calc(100vh - 379px);
    min-height: calc((var(--vh, 1vh) * 100) - 379px);
  }
}

@media (max-width: 500px) {
  .authorization__wrapper {
    padding: 35px 16px;
    min-height: calc(100vh - 363px);
    min-height: calc((var(--vh, 1vh) * 100) - 363px);
  }
}

.authorization__block {
  height: 100%;
  background: #ffffff;
  background: var(--bg-authorization);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  width: 100%;
}

.authorization__block--tp-1 {
  max-width: 940px;
}

.authorization__block--tp-2 {
  max-width: 622px;
}

.authorization__block--pd-1 {
  padding: 55px 60px;
}

@media (max-width: 1100px) {
  .authorization__block--pd-1 {
    padding: 45px 50px;
  }
}

@media (max-width: 500px) {
  .authorization__block--pd-1 {
    padding: 30px;
  }
}

.authorization__block--pd-2 {
  padding: 55px 60px 70px;
}

@media (max-width: 1100px) {
  .authorization__block--pd-2 {
    padding: 45px 50px 60px;
  }
}

@media (max-width: 500px) {
  .authorization__block--pd-2 {
    padding: 30px 30px 45px;
  }
}

.authorization__tab {
  color: #000;
  color: var(--dark-text-color);
  font-size: 55px;
  line-height: 60px;
  position: relative;
  padding-bottom: 10px;
}

@media (max-width: 1100px) {
  .authorization__tab {
    font-size: 45px;
    line-height: 50px;
  }
}

@media (max-width: 700px) {
  .authorization__tab {
    font-size: 35px;
    line-height: 40px;
  }
}

@media (max-width: 500px) {
  .authorization__tab {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 8px;
  }
}

.authorization__tab::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: #0060ff;
  background: var(--ui-blue);
}

@media (max-width: 500px) {
  .authorization__tab::after {
    height: 3px;
  }
}

.authorization__tab:not(.active) {
  opacity: 0.15;
}

.authorization__tab:not(.active)::after {
  opacity: 0;
}

.authorization__tab:not(:last-child) {
  margin-right: 30px;
}

@media (max-width: 1100px) {
  .authorization__tab:not(:last-child) {
    margin-right: 20px;
  }
}

@media (max-width: 500px) {
  .authorization__tab:not(:last-child) {
    margin-right: 15px;
  }
}

.authorization__tab:hover:not(.active) {
  opacity: 0.7;
}

.authorization__war {
  margin-top: 25px;
  font-family: Graphik LCG;
  font-weight: normal;
  color: #222222;
  color: var(--text-authorization);
  line-height: 26px;
}

@media (max-width: 1100px) {
  .authorization__war {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 500px) {
  .authorization__war {
    font-size: 14px;
    line-height: 18px;
  }
}

.authorization__war-clr {
  color: #ff4300;
  color: var(--red);
}

@media (max-width: 700px) {
  .authorization__row {
    display: block;
  }
}

.authorization__button {
  width: 100%;
}

.authorization__text {
  color: #000;
  color: var(--dark-text-color);
  margin-top: 10px;
  font-family: Graphik LCG;
  font-weight: normal;
  line-height: 26px;
}

@media (max-width: 1100px) {
  .authorization__text {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 500px) {
  .authorization__text {
    font-size: 14px;
    line-height: 20px;
  }
}

.authorization__thank {
  background: rgba(149, 181, 212, 0.15);
  background: var(--bg-gray);
  border-radius: 10px;
  width: 68px;
  height: 68px;
  margin: 0 auto;
}

.authorization__title {
  text-align: center;
  margin-top: 25px;
}

@media (max-width: 1100px) {
  .authorization__title {
    margin-top: 20px;
  }
}

@media (max-width: 500px) {
  .authorization__title {
    margin-top: 15px;
  }
}

.auth-rw-mt-1 {
  margin-top: 40px;
}

@media (max-width: 1100px) {
  .auth-rw-mt-1 {
    margin-top: 30px;
  }
}

@media (max-width: 500px) {
  .auth-rw-mt-1 {
    margin-top: 25px;
  }
}

.auth-rw-mt-2 {
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .auth-rw-mt-2 {
    margin-top: 15px;
  }
}

@media (max-width: 700px) {
  .auth-rw-mt-2 {
    margin-top: 0;
  }
}

.auth-rw-mt-3 {
  margin-top: 20px;
}

@media (max-width: 700px) {
  .authorization-input {
    margin-top: 15px;
  }
}

.authorization-input.error .authorization-input__error {
  display: block;
}

.authorization-input.error .authorization-input__line {
  border: 1px "solid" #ff4300;
  border: 1px "solid" var(--red);
}

.authorization-input--hlf {
  flex: 0 0 calc(50% - 10px);
}

.authorization-input__title {
  color: #222222;
  color: var(--text-authorization);
  line-height: 26px;
}

@media (max-width: 1100px) {
  .authorization-input__title {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 500px) {
  .authorization-input__title {
    font-size: 14px;
    line-height: 18px;
  }
}

.authorization-input__line,
.authorization-input__line::-webkit-input-placeholder {
  color: #222222;
  color: var(--text-authorization);
  font-size: 16px;
  line-height: 24px;
}

.authorization-input__line,
.authorization-input__line::-moz-placeholder {
  color: #222222;
  color: var(--text-authorization);
  font-size: 16px;
  line-height: 24px;
}

.authorization-input__line,
.authorization-input__line:-ms-input-placeholder {
  color: #222222;
  color: var(--text-authorization);
  font-size: 16px;
  line-height: 24px;
}

.authorization-input__line,
.authorization-input__line::-ms-input-placeholder {
  color: #222222;
  color: var(--text-authorization);
  font-size: 16px;
  line-height: 24px;
}

.authorization-input__line,
.authorization-input__line::placeholder {
  color: #222222;
  color: var(--text-authorization);
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 500px) {
  .authorization-input__line,
  .authorization-input__line::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 20px;
  }
  .authorization-input__line,
  .authorization-input__line::-moz-placeholder {
    font-size: 14px;
    line-height: 20px;
  }
  .authorization-input__line,
  .authorization-input__line:-ms-input-placeholder {
    font-size: 14px;
    line-height: 20px;
  }
  .authorization-input__line,
  .authorization-input__line::-ms-input-placeholder {
    font-size: 14px;
    line-height: 20px;
  }
  .authorization-input__line,
  .authorization-input__line::placeholder {
    font-size: 14px;
    line-height: 20px;
  }
}

.authorization-input__line {
  width: 100%;
  height: 60px;
  border: 1px "solid" rgba(0, 0, 0, 0.2);
  border: 1px "solid" var(--border-authorization);
  border-radius: 5px;
  margin-top: 5px;
  padding: 0 15px;
  transition: 0.3s;
}

@media (max-width: 1100px) {
  .authorization-input__line {
    height: 55px;
    padding: 0 10px;
  }
}

@media (max-width: 500px) {
  .authorization-input__line {
    height: 50px;
  }
}

.authorization-input__line::-webkit-input-placeholder {
  opacity: 0.5;
  font-family: Gilroy;
  font-style: normal;
  font-weight: bold;
}

.authorization-input__line::-moz-placeholder {
  opacity: 0.5;
  font-family: Gilroy;
  font-style: normal;
  font-weight: bold;
}

.authorization-input__line:-ms-input-placeholder {
  opacity: 0.5;
  font-family: Gilroy;
  font-style: normal;
  font-weight: bold;
}

.authorization-input__line::-ms-input-placeholder {
  opacity: 0.5;
  font-family: Gilroy;
  font-style: normal;
  font-weight: bold;
}

.authorization-input__line::placeholder {
  opacity: 0.5;
  font-family: Gilroy;
  font-style: normal;
  font-weight: bold;
}

.authorization-input__line .filter-switch__text {
  padding: 0;
}

.authorization-input__line .filter-switch__icon {
  margin: 0;
}

.authorization-input__error {
  display: none;
  font-size: 13px;
  line-height: 16px;
  color: #ff4300;
  color: var(--red);
  margin-top: 5px;
}

@media (max-width: 500px) {
  .authorization-input__error {
    font-size: 12px;
    line-height: 14px;
  }
}

.authorization-input__button {
  margin-top: 30px;
  width: 100%;
}

@media (max-width: 1100px) {
  .authorization-input__button {
    margin-top: 27px;
  }
}

@media (max-width: 700px) {
  .authorization-input__button {
    margin-top: 25px;
  }
}

.authorization-input__text {
  margin-top: 15px;
  line-height: 1;
}

@media (max-width: 1100px) {
  .authorization-input__text {
    margin-top: 10px;
  }
}

.authorization-input__text-span,
.authorization-input__text-link {
  opacity: 0.5;
  font-size: 13px;
  line-height: 1;
}

@media (max-width: 500px) {
  .authorization-input__text-span,
  .authorization-input__text-link {
    font-size: 12px;
  }
}

.authorization-input__text-span {
  color: #222222;
  color: var(--text-authorization);
}

.authorization-input__text-link {
  color: #0060ff;
  color: var(--ui-blue);
}

.authorization-input__text-link:hover {
  opacity: 1;
}

.exhibition-head__text {
  max-width: 765px;
  margin-top: 20px;
  font-weight: normal;
  line-height: 26px;
  font-family: Graphik LCG;
}

@media (max-width: 1100px) {
  .exhibition-head__text {
    font-size: 16px;
    line-height: 1.5;
  }
}

@media (max-width: 500px) {
  .exhibition-head__text {
    font-size: 14px;
    line-height: 20px;
  }
}

.exhibition-head__tabs {
  margin-top: 60px;
}

@media (max-width: 1100px) {
  .exhibition-head__tabs {
    margin-top: 40px;
  }
}

@media (max-width: 500px) {
  .exhibition-head__tabs {
    margin-top: 30px;
  }
}

.exhibition-head__tags {
  margin-top: 30px;
}

.exhibition-cards__grid {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -40px;
}

.exhibition-cards__grid > * {
  flex: 0 0 calc(33.3333333333% - 20px);
  margin: 0 10px 40px;
}

@media (max-width: 1100px) {
  .exhibition-cards__grid {
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -40px;
  }

  .exhibition-cards__grid > * {
    flex: 0 0 calc(50% - 48px);
    margin: 0 24px 40px;
  }
}

@media (max-width: 900px) {
  .exhibition-cards__grid {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -40px;
  }

  .exhibition-cards__grid > * {
    flex: 0 0 calc(50% - 20px);
    margin: 0 10px 40px;
  }
}

@media (max-width: 700px) {
  .exhibition-cards__grid {
    margin-left: -0px;
    margin-right: -0px;
    margin-bottom: -40px;
  }

  .exhibition-cards__grid > * {
    flex: 0 0 calc(100% - 0px);
    margin: 0 0px 40px;
  }
}

.exhibition-card {
  border-radius: 20px;
  overflow: hidden;
  padding: 36px 20px 20px;
  position: relative;
  min-height: 360px;
}

@media (max-width: 1100px) {
  .exhibition-card {
    min-height: 324px;
  }
}

@media (max-width: 900px) {
  .exhibition-card {
    min-height: 420px;
  }
}

@media (max-width: 500px) {
  .exhibition-card {
    padding: 30px 20px 20px;
  }
}

.exhibition-card:not(:first-child) {
  margin-top: 20px;
}

.exhibition-card--1 {
  background: #72a2ed;
  background: conic-gradient(from 59.49deg at 25.73% 100%, rgba(255, 255, 255, 0.35) 0deg, rgba(255, 255, 255, 0) 359.96deg, rgba(255, 255, 255, 0.5) 360deg), linear-gradient(93.39deg, #79a8f2 0%, #0454be 98.51%);
}

.exhibition-card--2 {
  background: #ffdd6c;
  background: conic-gradient(from 65.48deg at 26.17% 100%, rgba(255, 255, 255, 0.35) 0deg, rgba(255, 255, 255, 0) 360deg), linear-gradient(93.39deg, #ffdf6e 0%, #ffa723 98.51%);
}

.exhibition-card--3 {
  background: #9371ed;
  background: conic-gradient(from 59.2deg at 25.59% 100%, rgba(255, 255, 255, 0.35) 0deg, rgba(255, 255, 255, 0) 360deg), linear-gradient(93.39deg, #9879f2 0%, #4b04be 98.51%);
}

.exhibition-card--4 {
  background: #72e997;
  background: conic-gradient(from 60.61deg at 25.88% 100%, rgba(255, 255, 255, 0.25) 0deg, rgba(255, 255, 255, 0) 360deg), linear-gradient(93.39deg, #79f29b 0%, #007e59 98.51%);
}

.exhibition-card--5 {
  background: #f276b7;
  background: conic-gradient(from 58.85deg at 26.22% 100%, rgba(255, 255, 255, 0.25) 0deg, rgba(255, 255, 255, 0) 360deg), linear-gradient(93.39deg, #f279ba 0%, #fe195e 98.51%);
}

.exhibition-card__bg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.exhibition-card__title {
  font-size: 44px;
  line-height: 50px;
  letter-spacing: 0.01em;
  max-width: 465px;
  padding-left: 16px;
}

@media (max-width: 1100px) {
  .exhibition-card__title {
    font-size: 32px;
    line-height: 1.25;
    max-width: 320px;
  }
}

@media (max-width: 500px) {
  .exhibition-card__title {
    font-size: 28px;
    padding-left: 0;
  }
}

.exhibition-card__slider {
  margin-top: 40px;
  overflow: visible;
  margin-left: 0;
  max-width: 100%;
}

.exhibition-card__slide {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  flex: 0 0 237px;
  width: 237px;
  padding: 16px;
  height: auto;
}

.exhibition-card__slide-logo {
  height: 32px;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.exhibition-card__slide-text {
  font-family: Graphik LCG;
  font-size: 15px;
  line-height: 22px;
  margin-top: 12px;
  color: #000;
  color: var(--dark-text-color);
}

.project-card {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  overflow: hidden;
  padding-bottom: 20px;
}

.project-card__picture {
  width: 100%;
  height: 120px;
  border-radius: 15px;
}

.project-card__title,
.project-card__text,
.project-card__link {
  margin-left: 20px;
  margin-right: 20px;
}

.project-card__title,
.project-card__text {
  color: #000;
  color: var(--dark-text-color);
}

.project-card__title {
  line-height: 110%;
  letter-spacing: 0.01em;
  margin-top: 20px;
}

.project-card__text {
  font-family: Graphik LCG;
  font-size: 15px;
  line-height: 22px;
  font-weight: normal;
  margin-top: 8px;
  margin-bottom: 12px;
}

.project-card__link {
  margin-top: auto;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0454be;
}

.project-card__link:hover {
  padding-left: 5px;
  font-style: italic;
}

.tabs-tag.big {
  font-size: 32px;
}

@media (max-width: 1100px) {
  .tabs-tag.big {
    font-size: 26px;
  }
}

@media (max-width: 500px) {
  .tabs-tag.big {
    font-size: 22px;
  }
}

@media (max-width: 360px) {
  .tabs-tag.big {
    font-size: 18px;
  }
}

.ttl-tp-5 {
  font-size: 32px;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .ttl-tp-5 {
    font-size: 24px;
  }
}

@media (max-width: 360px) {
  .ttl-tp-5 {
    font-size: 20px;
  }
}

.exhibit-head__inner {
  margin-top: 40px;
}

@media (max-width: 1100px) {
  .exhibit-head__inner {
    margin-top: 60px;
  }
}

@media (max-width: 700px) {
  .exhibit-head__inner {
    display: block;
  }
}

@media (max-width: 500px) {
  .exhibit-head__inner {
    margin-top: 20px;
  }
}

.exhibit-head__info {
  flex: 0 1 680px;
  margin-right: 25px;
  order: 1;
}

@media (max-width: 700px) {
  .exhibit-head__info {
    margin-right: 0;
    margin-top: 40px;
  }
}

.exhibit-head__title {
  font-size: 32px;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .exhibit-head__title {
    letter-spacing: normal;
  }
}

@media (max-width: 360px) {
  .exhibit-head__title {
    font-size: 26px;
  }
}

.exhibit-head__text {
  margin-top: 12px;
  line-height: 26px;
  font-family: Graphik LCG;
  font-weight: normal;
}

@media (max-width: 1100px) {
  .exhibit-head__text {
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.exhibit-head__data {
  order: 2;
  flex: 0 0 240px;
}

@media (max-width: 1100px) {
  .exhibit-head__data {
    flex: 0 0 225px;
  }
}

@media (max-width: 700px) {
  .exhibit-head__data {
    width: 100%;
  }
}

.exhibit-head__card {
  background: rgba(255, 255, 255, 0.1);
  background: var(--gray-border);
  box-shadow: 0px 6px 20px rgba(63, 66, 91, 0.12);
  border-radius: 0px 0px 15px 15px;
  text-align: center;
  padding-bottom: 16px;
}

@media (max-width: 1100px) {
  .exhibit-head__card {
    border-radius: 15px;
    box-shadow: none;
    background: transparent;
    padding-bottom: 0;
  }
}

.exhibit-head__card-logo {
  background: #ffffff;
  background: var(--default-text-color);
  border-radius: 15px 15px 0px 0px;
  padding: 20px;
  height: 140px;
  width: 100%;
}

@media (max-width: 1100px) {
  .exhibit-head__card-logo {
    height: 165px;
    border-radius: 15px;
  }
}

@media (max-width: 700px) {
  .exhibit-head__card-logo {
    height: 200px;
  }
}

.exhibit-head__card-logo-img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.exhibit-head__card-title,
.exhibit-head__card-text {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 1100px) {
  .exhibit-head__card-title,
  .exhibit-head__card-text {
    display: none;
  }
}

.exhibit-head__card-title {
  margin-top: 16px;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.02em;
  font-feature-settings: "cpsp" on, "ordn" on;
}

.exhibit-head__card-text {
  margin-top: 2px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-feature-settings: "cpsp" on;
}

.exhibit-head__contact {
  margin-top: 15px;
  position: relative;
  width: 100%;
}

@media (max-width: 1100px) {
  .exhibit-head__contact {
    margin-top: 30px;
  }
}

.exhibit-head__contact-inner {
  width: 100%;
}

@media (max-width: 700px) {
  .exhibit-head__contact-inner {
    display: none;
  }
}

.exhibit-head__contact-inner.active {
  background: rgba(206, 210, 217, 0.4);
  background: var(--gray);
}

.exhibit-head__contact-modal {
  position: absolute;
  background: #ffffff;
  background: var(--default-text-color);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
  color: #000;
  color: var(--dark-text-color);
  border-radius: 8px;
  width: 340px;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}

@media (max-width: 1100px) {
  .exhibit-head__contact-modal {
    position: fixed;
    left: 0;
    top: 0;
    transform: none;
    width: 100vw;
    padding: 20px 86px;
    border-radius: 0;
    height: calc(100vh - 0px);
    height: calc((var(--vh, 1vh) * 100) - 0px);
    z-index: 9999;
    background: rgba(6, 14, 31, 0.6);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (max-width: 500px) {
  .exhibit-head__contact-modal {
    padding: 104px 18px 30px;
  }
}

.exhibit-head__contact-modal.active {
  top: calc(100% + 13px);
  pointer-events: auto;
  opacity: 1;
}

@media (max-width: 1100px) {
  .exhibit-head__contact-modal.active {
    top: 0;
  }

  .exhibit-head__contact-modal.active .exhibit-head__contact-modal-inner {
    transform: translateY(0);
  }

  .exhibit-head__contact-modal.active .exhibit-head__contact-modal-close {
    transform: translateY(0);
    opacity: 1;
  }
}

.exhibit-head__contact-modal-inner {
  padding: 25px 20px 20px;
  position: relative;
}

@media (max-width: 1100px) {
  .exhibit-head__contact-modal-inner {
    background: #ffffff;
    background: var(--default-text-color);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    max-width: 340px;
    width: 100%;
    margin: auto;
    transform: translateY(-100%);
    transition: 0.3s;
  }
}

.exhibit-head__contact-modal-close {
  position: absolute;
  left: calc(100% + 16px);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  background: var(--bg-timer);
  display: none;
  top: 0;
  transform: translateY(-10px);
  transition-delay: 0.3s;
  opacity: 0;
}

@media (max-width: 1100px) {
  .exhibit-head__contact-modal-close {
    display: flex;
  }
}

@media (max-width: 500px) {
  .exhibit-head__contact-modal-close {
    left: auto;
    right: 0;
    top: auto;
    bottom: calc(100% + 24px);
  }
}

.exhibit-head__contact-modal-title {
  font-size: 16px;
  line-height: 1.2;
}

@media (max-width: 1100px) {
  .exhibit-head__contact-modal-title {
    line-height: 1.5;
    font-family: Graphik LCG;
  }
}

.exhibit-head__contact-modal-subtitle {
  margin-top: 4px;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #505559;
}

.exhibit-head__contact-modal-info {
  margin-top: 15px;
}

.exhibit-head__contact-modal-info-icon {
  margin-right: 12px;
  height: 100%;
}

.exhibit-head__contact-modal-info-link,
.exhibit-head__contact-modal-info-text {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
}

.exhibit-head__contact-modal-info-link {
  color: #0454be;
}

.exhibit-head__contact-modal-info-link:hover {
  font-style: italic;
}

.exhibit-head__contact-modal-line {
  background: #b6b9bf;
  height: 1px;
  width: 100%;
  margin: 20px 0;
}

.exhibit-head__contact-modal-button {
  background-color: #dc3701;
  min-height: 40px;
  margin-top: 20px;
  border-radius: 61px;
  display: inline-flex;
  font-size: 12px;
  line-height: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 10px 15px;
}

.exhibit-head__contact-modal-button:hover {
  background: #0060ff;
  background: var(--ui-blue);
}

.exhibit-head__more {
  display: none;
  margin-top: 30px;
}

@media (max-width: 700px) {
  .exhibit-head__more {
    display: flex;
  }
}

.exhibit-cards {
  margin-top: 50px;
}

@media (max-width: 1100px) {
  .exhibit-cards {
    margin-top: 40px;
  }
}

@media (max-width: 500px) {
  .exhibit-cards {
    margin-top: 60px;
  }
}

.exhibit-card {
  padding: 15px;
  border-radius: 15px;
  margin-top: 30px;
}

@media (max-width: 1100px) {
  .exhibit-card {
    margin-top: 25px;
  }
}

@media (max-width: 900px) {
  .exhibit-card {
    display: block;
  }
}

@media (max-width: 500px) {
  .exhibit-card {
    margin-top: 20px;
    padding: 10px;
  }
}

.exhibit-card__info {
  padding: 15px;
  margin-right: 30px;
  order: 1;
}

@media (max-width: 1100px) {
  .exhibit-card__info {
    margin-right: 15px;
  }
}

@media (max-width: 900px) {
  .exhibit-card__info {
    margin-top: 10px;
    margin-right: 0;
  }
}

@media (max-width: 500px) {
  .exhibit-card__info {
    padding: 10px;
  }
}

.exhibit-card__title {
  font-size: 24px;
  line-height: 32px;
}

@media (max-width: 1100px) {
  .exhibit-card__title {
    font-size: 20px;
    line-height: 1.2;
  }
}

@media (max-width: 500px) {
  .exhibit-card__title {
    font-size: 18px;
  }
}

.exhibit-card__text {
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  margin-top: 15px;
}

@media (max-width: 1100px) {
  .exhibit-card__text {
    font-size: 14px;
    line-height: 1.2;
  }
}

.exhibit-card__text p:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 1100px) {
  .exhibit-card__text p:not(:last-child) {
    margin-bottom: 15px;
  }
}

.exhibit-card__picture {
  border-radius: 10px;
  flex: 0 0 418px;
  width: 418px;
  display: block;
  order: 2;
  max-height: 440px;
}

@media (max-width: 1100px) {
  .exhibit-card__picture {
    flex: 0 0 350px;
    width: 350px;
    max-height: 360px;
  }
}

@media (max-width: 900px) {
  .exhibit-card__picture {
    max-width: 420px;
    width: 100%;
    display: block;
    margin: 0 auto;
    max-height: 330px;
  }
}

.card-event--4 {
  color: #000;
  color: var(--dark-text-color);
}

.project-head__tag {
  margin-top: 40px;
  background: #ffffff26;
  border-radius: 5px;
  min-height: 28px;
  padding: 4px 10px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  font-family: Graphik LCG;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
}

.project-head__inner {
  margin-top: 12px;
}

@media (max-width: 900px) {
  .project-head__inner {
    display: block;
  }
}

.project-head__texts {
  flex: 0 1 675px;
  margin-right: 40px;
}

@media (max-width: 900px) {
  .project-head__texts {
    margin-right: 0;
  }
}

.project-head__title {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.01em;
}

@media (max-width: 1100px) {
  .project-head__title {
    letter-spacing: normal;
  }
}

@media (max-width: 500px) {
  .project-head__title {
    font-size: 28px;
    line-height: 36px;
  }
}

@media (max-width: 360px) {
  .project-head__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.project-head__text {
  margin-top: 12px;
  font-family: Graphik LCG;
  font-weight: normal;
  line-height: 26px;
}

@media (max-width: 1100px) {
  .project-head__text {
    font-size: 16px;
    line-height: 1.5;
  }
}

.project-head__text p:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 1100px) {
  .project-head__text p:not(:last-child) {
    margin-bottom: 15px;
  }
}

.project-head__buttons {
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .project-head__buttons {
    margin-top: 16px;
  }
}

@media (max-width: 700px) {
  .project-head__buttons {
    display: block;
  }
}

@media (max-width: 500px) {
  .project-head__buttons {
    margin-top: 30px;
  }
}

@media (max-width: 1100px) {
  .project-head__more {
    min-height: 44px;
  }
}

@media (max-width: 500px) {
  .project-head__more {
    min-height: 44px;
  }

  .project-head__more .button-more__text {
    font-size: 13px;
    line-height: 80%;
  }
}

.project-head__more:not(:last-child) {
  margin-right: 20px;
}

@media (max-width: 700px) {
  .project-head__more:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.project-head__more.left .button-more__icon {
  margin-right: 5px;
}

.project-head__more.left .button-more__text {
  margin-right: 0;
}

.project-head__more.mobile {
  display: none;
}

@media (max-width: 900px) {
  .project-head__more.mobile {
    display: flex;
  }
}

.project-head__files {
  flex: 0 0 240px;
}

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

.project-head__files-title {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.01em;
}

.project-head__files-button {
  margin-top: 30px;
}

.project-file {
  margin-top: 20px;
  position: relative;
}

.project-file:hover .project-file__icon-download {
  top: 10px;
  transform: translateY(0);
}

.project-file:hover .project-file__icon-img.dark path {
  fill: #1959b9;
}

.project-file:hover .project-file__icon-img.light path {
  opacity: 0.25;
}

.project-file:hover .project-file__size {
  opacity: 1;
}

.project-file:hover .project-file__text.dark {
  color: #0060ff;
  color: var(--ui-blue);
}

.project-file__icon {
  position: relative;
  margin-right: 12px;
  overflow: hidden;
}

.project-file__icon.min {
  width: 70px;
  flex: 0 0 70px;
  min-width: 70px;
  height: 56px;
}

.project-file__icon.big {
  width: 80px;
  flex: 0 0 80px;
  min-width: 80px;
  height: 64px;
}

.project-file__icon-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.project-file__icon-download {
  position: absolute;
  left: 10px;
  top: 0;
  transform: translateY(-100%);
  transition: 0.3s;
}

.project-file__size {
  position: absolute;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.05em;
  bottom: 2px;
  right: 8px;
  opacity: 0.5;
  transition: 0.3s;
}

.project-file__size.dark {
  color: #ffffff;
  color: var(--default-text-color);
}

.project-file__text {
  font-family: Graphik LCG;
  font-weight: normal;
}

.project-file__text.big {
  font-size: 16px;
  line-height: 1.5;
}

.project-file__text.min {
  font-size: 14px;
  line-height: 20px;
}

.modal-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  transform: none;
  width: 100vw;
  height: calc(100vh - 0px);
  height: calc((var(--vh, 1vh) * 100) - 0px);
  padding: 20px 86px;
  border-radius: 0;
  z-index: 9999;
  background: rgba(6, 14, 31, 0.6);
  box-shadow: none;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: none;
  opacity: 0;
  transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.modal-wrapper.active {
  pointer-events: auto;
  opacity: 1;
}

.modal-wrapper.active .modal {
  transform: translateY(0);
}

.modal-wrapper.active .modal__close {
  transform: translateY(0);
  opacity: 1;
}

.modal {
  position: relative;
  background: #ffffff;
  background: var(--default-text-color);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  max-width: 500px;
  width: 100%;
  margin: auto;
  transform: translateY(-100%);
  transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.modal__close {
  position: absolute;
  left: calc(100% + 16px);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  background: var(--bg-timer);
  top: 0;
  transform: translateY(-10px);
  transition: 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition-delay: 0.6s;
  opacity: 0;
}

.modal__close:hover .modal__close-icon {
  transform: scale(1.3);
}

.modal__content {
  padding: 20px;
  max-height: 560px;
  overflow-y: auto;
  overflow-x: hidden;
  color: #000;
  color: var(--dark-text-color);
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
}

.modal__content::-webkit-scrollbar {
  width: 0;
}

.project-slider--1 {
  margin-top: 50px;
}

@media (max-width: 1100px) {
  .project-slider--1 {
    margin-top: 60px;
  }
}

.project-slider--2 {
  margin-top: 60px;
}

@media (max-width: 1100px) {
  .project-slider--2 {
    margin-top: 40px;
  }
}

.project-slider__swiper {
  margin-top: 30px;
  overflow: visible;
  width: 100%;
}

@media (max-width: 1100px) {
  .project-slider__swiper {
    margin-top: 20px;
  }
}

.project-slider__slide {
  width: 500px;
  opacity: 0.5;
  transition: 0.3s;
}

@media (max-width: 1100px) {
  .project-slider__slide {
    width: 464px;
  }
}

@media (max-width: 500px) {
  .project-slider__slide {
    width: 100%;
  }
}

.project-slider__slide-picture {
  position: relative;
  height: 340px;
}

@media (max-width: 1100px) {
  .project-slider__slide-picture {
    height: 306px;
  }
}

@media (max-width: 500px) {
  .project-slider__slide-picture {
    height: 228px;
  }
}

.project-slider__slide-picture:hover .project-slider__slide-picture-play-icon {
  transform: scale(1.3);
}

.project-slider__slide-picture:hover .project-slider__slide-picture-zoom {
  top: 10px;
  transform: translateY(0);
  opacity: 1;
}

.project-slider__slide-picture-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(139.54deg, #f3f7ff 22.65%, #cfdaf0 83.78%);
}

.project-slider__slide-picture-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 15px;
}

.project-slider__slide-picture-zoom {
  position: absolute;
  padding: 10px;
  width: 44px;
  height: 44px;
  box-shadow: 0px 6px 20px rgba(63, 66, 91, 0.12);
  border-radius: 50%;
  background: #ffffff;
  background: var(--default-text-color);
  top: 0;
  transform: translateY(100%);
  right: 10px;
  transition: 0.3s;
  opacity: 0;
}

@media (max-width: 1100px) {
  .project-slider__slide-picture-zoom {
    top: 20px !important;
    right: 20px;
    transform: none !important;
    opacity: 1;
  }
}

.project-slider__slide-title {
  margin-top: 10px;
  line-height: 1.1;
  letter-spacing: 0.01em;
}

.project-slider__slide.swiper-slide-next,
.project-slider__slide.swiper-slide-active {
  opacity: 1;
}

.project-slider .swiper-button-prev,
.project-slider .swiper-button-next {
  position: absolute;
  background: transparent;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 48px;
  height: 48px;
}

@media (max-width: 1100px) {
  .project-slider .swiper-button-prev,
  .project-slider .swiper-button-next {
    display: none;
  }
}

.project-slider .swiper-button-prev:hover .swiper-button-icon,
.project-slider .swiper-button-next:hover .swiper-button-icon {
  padding-left: 10px;
}

.project-slider .swiper-button-prev.swiper-button-disabled,
.project-slider .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.project-slider .swiper-button-prev .swiper-button-icon,
.project-slider .swiper-button-next .swiper-button-icon {
  transition: 0.3s;
}

.project-slider .swiper-button-prev {
  right: calc(100% + 100px);
}

@media (max-width: 1400px) {
  .project-slider .swiper-button-prev {
    right: calc(100% + 10px);
  }
}

.project-slider .swiper-button-prev .swiper-button-icon {
  transform: rotate(180deg);
}

.project-slider .swiper-button-next {
  left: calc(100% + 100px);
}

@media (max-width: 1400px) {
  .project-slider .swiper-button-next {
    left: calc(100% + 10px);
  }
}

.project-slider .swiper-pagination {
  margin-top: 20px;
  display: none;
}

@media (max-width: 500px) {
  .project-slider .swiper-pagination {
    display: flex;
  }
}

.project-slider .swiper-pagination .swiper-pagination-bullet {
  background: #ffffff;
  background: var(--default-text-color);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0.4;
  margin: 0 2px;
  transition: 0.3s;
}

.project-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 14px;
  opacity: 1;
  border-radius: 24px;
}

.online-slider {
  margin-top: 40px;
  overflow: visible;
}

@media (max-width: 1100px) {
  .online-slider {
    margin-top: 30px;
  }
}

@media (max-width: 500px) {
  .online-slider {
    margin-top: 20px;
  }
}

.online-slider .swiper-button-prev,
.online-slider .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(206, 210, 217, 0.4);
  background: var(--gray);
  z-index: 2;
  transition: 0.3s;
}

@media (max-width: 1100px) {
  .online-slider .swiper-button-prev,
  .online-slider .swiper-button-next {
    display: none;
  }
}

.online-slider .swiper-button-prev.swiper-button-disabled,
.online-slider .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.online-slider .swiper-button-prev {
  right: calc(100% + 50px);
}

@media (max-width: 1400px) {
  .online-slider .swiper-button-prev {
    right: auto;
    left: -25px;
  }
}

.online-slider .swiper-button-prev .swiper-arrow__icon {
  transform: rotate(180deg);
}

.online-slider .swiper-button-next {
  left: calc(100% + 50px);
}

@media (max-width: 1400px) {
  .online-slider .swiper-button-next {
    left: auto;
    right: -25px;
  }
}

.online-slide {
  flex: 0 0 328px;
  border-radius: 10px;
  padding: 14px 12px 22px;
  height: auto;
}

@media (max-width: 500px) {
  .online-slide {
    flex: 0 0 300px;
  }
}

.online-slide .bg-link {
  z-index: 1;
}

.online-slide__head {
  position: relative;
  z-index: 2;
}

.online-slide__head-tag {
  background: #4776da;
  border-radius: 3px;
  min-height: 20px;
  padding: 3px 10px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-feature-settings: "cpsp" on;
}

.online-slide__place {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-feature-settings: "cpsp" on;
  margin-top: 4px;
}

.online-slide__title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-top: 10px;
  margin-bottom: auto;
  max-height: 62px;
  overflow: hidden;
}

.online-slide__avatars {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

.avatars__element--min {
  width: 40px;
  min-width: 40px;
  flex: 0 0 40px;
  height: 40px;
}

.form__authorization .input-square {
  padding: 10px 20px;
  display: block;
  min-height: 60px;
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 1em;
}

.form__authorization .input-square.btn {
  color: #07429a;
  width: 100%;
}

.form__authorization .input-square.btn:hover {
  background-color: #07429a;
  color: #fff;
}

.form__title {
  margin-bottom: 10px;
  font-size: 1.3em;
}

.card-event__favorites {
  position: relative;
}

.card-event__favorites .comment {
  position: absolute;
  top: -75px;
  left: 0px;
  width: 100%;
  background-color: var(--ui-blue);
  color: var(--light);
  font-weight: 200;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 5px;
  display: none;
}

.about-card__back-text {
  font-size: 14px;
}

.share__modal-item a {
  display: flex;
  width: 100%;
}

.copyLinkInShareInput {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.copied_ok {
  position: absolute;
  top: 80%;
  opacity: 0;
  -moz-opacity: 0;
  background: #fff;
  color: #001740;
  padding: 5px 20px;
  font-weight: 400;
  font-size: smaller;
  z-index: -2;
}

.copied_ok::before,
.copied_ok::after {
  content: "";
  position: absolute;
  left: 10px;
  top: -20px;
  border: 10px solid transparent;
  border-bottom: 15px solid #fff;
}

.copied_ok::after {
  border-top: 10px solid white;
  top: -19px;
}

.copylinkBlock {
  position: relative;
}

.copylinkBlock .copied_ok {
  top: 80%;
  opacity: 0;
  -moz-opacity: 0;
  background: #fff;
}

.copylinkBlock .copied_ok::before,
.copylinkBlock .copied_ok::after {
  content: "";
  display: none;
  border: none;
}

.card-event__title a {
  color: inherit;
}

.news-list__column-element,
.news-list__grid-element {
  position: relative;
}

.buttons_news {
  display: flex;
}

.tags-filter__element {
  border: 1px solid var(--bg-tag);
}

.tags-filter__element img {
  max-height: 24px;
}

.errors_in_form {
  color: red;
  font-size: 1rem;
}

.authorization-input__line {
  border: 1px solid var(--border-authorization);
  border: 1px solid var(--var(--border-authorization));
}

@media (max-width: 1100px) {
  .card-event__footer {
    flex-wrap: wrap;
  }
}

.event_calendar {
  width: 90px;
  float: right;
  margin-top: 10px;
}

@media (min-width: 1100px) {
  .event_calendar--mobile {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  .event_calendar--mobile {
    display: flex;
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 700px) {
  .event_calendar--mobile {
    display: flex;
    margin-top: -20px;
  }

  .event_calendar--mobile img {
    width: 24px;
  }
}

.event_calendar-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: "Graphik LCG";
}

@media (max-width: 1100px) {
  .event_calendar-title {
    margin-right: 15px;
    font-size: 14px;
    line-height: 32px;
  }
}

@media (max-width: 500px) {
  .event_calendar-title {
    font-size: 12px;
    width: 70px;
    line-height: normal;
  }
}

.event_calendar-icons {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1100px) {
  .event_calendar-icons {
    justify-content: left;
  }

  .event_calendar-icons a {
    margin-right: 10px;
  }
}

.card-event--4 .event_calendar-title {
  color: #000;
}

.hiddenTab {
  display: none;
}

.exhibition-card__slide-text a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  overflow-wrap: break-word;
}

.project-card.hidden {
  display: none;
}

.tags-project {
  display: flex;
}

.tags-project div {
  margin-right: 10px;
}

#errorsShow {
  position: fixed;
  top: 15%;
  right: 50px;
  background: #ff4300;
  color: 1.25;
  padding: 10px 20px;
  border-radius: 6px;
  display: none;
  font-size: smaller;
  width: 300px;
  z-index: 10000;
}

#errorsShow.success {
  background: conic-gradient(from 90deg at 0% 100%, #046652 0deg, #068f73 90deg, #046652 360deg);
}

.main-topic__slide:hover .topic-card__link {
  opacity: 0;
}

.topic-card__link {
  opacity: 0;
}

.faq-element__answer ul {
  margin: 0 20px;
}

.faq-element__answer__link {
  color: var(--ui-blue);
}

.tags-filter__element {
  border: 1px solid #ffffff;
  cursor: pointer;
}

.event-information__text li {
  list-style: disc;
  margin: 5px 40px;
}

.event-information__text p {
  margin-bottom: 20px;
}

.card-event__text p {
  margin-bottom: 20px;
}

.card-event--4 .card-event__time-line {
  background: #000;
}

.card-event--4 a {
  color: #000;
}

ul.news-body__desktop {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

ul.news-body__desktop li {
  width: 24%;
  list-style: none;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 16px;
  font-size: 14px;
  line-height: 24px;
}

.news-body li::after {
  display: none;
}

ul.news-body__desktop li span {
  font-size: 25px;
  display: block;
  line-height: 1.3;
  font-weight: 600;
  font-family: "Gilroy";
}

@media (max-width: 1100px) {
  .program-head__tooltip {
    top: 0;
  }

  .tooltip-cov {
    height: auto;
  }

  .speaker-card__job {
    display: none;
  }

  .about-card__back {
    padding: 20px 20px 20px 20px;
  }

  .news-body__desktop {
    display: block;
  }

  .card-event__crumb:not(:last-child) {
    padding-right: 8px;
    margin-right: 4px;
  }

  ul.news-body__desktop li {
    width: calc(50% - 5px);
    padding: 15px;
    min-height: 110px;
    margin: 5px 0;
    font-size: 14px;
  }
}

@media (max-width: 500px) {
  .program-head__tooltip {
    top: 28px;
  }

  .tooltip-cov__img {
    height: 42px;
  }
}

/******/

.menu-title-mobile {
  font-family: Gilroy;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.01em;
  margin: 30px 0 20px 0;
  display: none;
}

.menu-title-mobile--dark {
  color: rgba(255, 255, 255, 0.5);
}

.menu-title-mobile--light {
  color: #000;
}

.menu-reg-mobile {
  font-family: Gilroy;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.01em;
  margin: 30px 0 20px 0;
  display: none;
  color: #ff4300;
}

@media (max-width: 1100px) {
  .menu-title-mobile {
    display: block;
  }

  .menu-reg-mobile {
    display: block;
  }
}

.news__card-inner {
  position: relative;
  z-index: 10;
}

.wide-modal {
  width: 160px;
}

.card-filter__container {
  position: relative;
}

.download {
  position: absolute;
  right: 25px;
  bottom: -15px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  padding: 10px 30px;
  margin: 20px;
  text-align: center;
}

@media (max-width: 1100px) {
  .download {
    position: relative;
    right: 0;
    bottom: 0;
  }
}

.account-text h1 {
  font-family: Gilroy;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
}

.account-text p,
ul,
ol {
  font-family: Graphik LCG;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  margin: 10px 0;
}

.account-text li {
  margin: 10px 40px;
}

.qr-text {
  padding: 50px 70px 10px;
}

.qr-img {
  position: absolute;
  bottom: 0;
  right: 20px;
  max-width: 240px;
}

@media (max-width: 1100px) {
  .qr-text {
    padding: 25px 30px 30px;
  }

  .qr-img {
    position: relative;
    left: 10%;
    bottom: -30px;
  }
}

.news-body li {
  padding-left: 10px;
  list-style: inherit;
  margin-left: 20px;
}

.archive li {
  padding-left: 10px;
  margin-left: 0;
}

.event-information__text {
  max-height: 200px;
}

.authorization-input__line {
  border: solid 1px rgba(0, 0, 0, 0.2);
}

.def-button {
  display: flex;
  align-items: center;
}

.faq-element__answer li {
  color: #000;
}

@media (max-width: 1100px) {
  .card-event__favorites--desktop {
    display: none !important;
  }
}

.team__slide-img {
  max-height: 80px;
}

.exhibit-card__picture {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.exhibit-card li {
  margin: 0 20px;
}

.exhibit-card li {
  list-style: disc;
}

.card-event--4 li {
  color: #000;
}

.exhibit-head__card {
  background: inherit;
  padding-bottom: 0;
}

.exhibit-head__card-logo {
  border-radius: 15px;
}

.def-button {
  color: #fff;
}

/*voting*/

.docs-images {
  position: absolute;
  top: -50px;
  right: 30px;
  max-width: 300px;
}

.event-voting {
  position: relative;
  background: #1C5CC3;
  padding: 20px 0 0 0;
  border-radius: 25px;
  margin-top: 70px;
}

.event-voting-top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 500px;
  width: 100%;
  margin: 0 20px 0;
}

.event-voting-top-title {
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: 10px;
}

.event-voting-text {
  font-family: Graphik LCG;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  font-weight: 500;
}

.event-voting-bottom {
  padding: 20px;
  background: #063D97;
  border-radius: 0 0 25px 25px;
  z-index: 10;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 0;
  min-height: 85px;
}

.event-voting-bottom .button {
  display: inline-block;
}

.button-1,
.button-3,
.button-4 {
  font-family: Gilroy;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 10px;
  text-align: center;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  margin-right: 15px;
  cursor: pointer;
}

.button-2 {
  font-weight: 500;
  margin-right: 30px;
}

.button-3 {
  background: white;
  color: #063D97;
}

.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

.simple-popup-content {
  border-radius: 15px;
  padding: 20px !important;
  width: 500px !important;
  max-width: 80% !important;
}

.simple-popup-content p {
  margin: 0px 0 10px 0;
  font-family: Gilroy;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #000;
}

.simple-popup-content textarea {
  border-radius: 5px;
  padding: 10px;
  border: solid 1px #ccc;
  width: 100%;
}

.simple-popup-content button {
  background: #0060FF;
  color: #fff;
  width: 100%;
  padding: 20px;
  border-radius: 15px;
  margin-top: 15px;
}

.vote-result {
  display: none;
}

@media (max-width: 900px) {
  .mobile-only {
    display: block;
  }

  .desktop-only {
    display: none !important;
  }

  .docs-images {
    top: 240px;
  }

  .event-voting-top {
    min-height: 370px;
  }

  .event-voting-top-title {
    max-width: 350px;
  }

  .voting-buttons {
    width: 100%;
    text-align: center;
  }

  .button-2,
  .button-3,
  .button-4 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}

.event-information__video {
  width: 100%;
  height: 576px;
}

.event-information__video html {
  overflow: hidden;
}

@media (max-width: 500px) {
  .event-information__video {
    height: calc((100vw - 32px) * 0.5625);
  }
}

.project-head__text li {
    list-style: disc;
    margin: 0 20px;
}

.online-slide__place {
    font-family: 'Graphik LCG';
}