@charset "UTF-8";
*,
::after,
::before {
  box-sizing: border-box
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"
}
h1 {
  margin: .67em 0;
  font-size: 2em
}
hr {
  height: 0;
  border: 0;
  color: inherit
}
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}
b,
strong {
  font-weight: bolder
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub,
sup {
  position: relative;
  font-size: 70%;
  line-height: 0;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
table {
  border-color: inherit;
  text-indent: 0
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15
}
button,
select {
  text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}
::-moz-focus-inner {
  padding: 0;
  border-style: none
}
:-moz-focusring {
  outline: 1px dotted currentColor
}
:-moz-ui-invalid {
  box-shadow: none
}
legend {
  padding: 0
}
progress {
  vertical-align: baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
summary {
  display: list-item;
  cursor: pointer
}
/*! twbs/bootstrap v5.0.0 | MIT License | https://github.com/twbs/bootstrap */
pre {
  overflow: auto;
  -ms-overflow-style: scrollbar
}
button:focus {
  outline: 0
}
button:focus:not(:focus-visible) {
  outline: 0
}
textarea {
  resize: vertical
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0
}
::file-selector-button {
  font: inherit
}
::-webkit-color-swatch-wrapper {
  padding: 0
}
iframe {
  border: 0
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro"),url(/fonts/GothamPro.woff2) format("woff2"),url(/fonts/GothamPro.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-Bold"),url(/fonts/GothamPro-Bold.woff2) format("woff2"),url(/fonts/GothamPro-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-Black"),url(/fonts/GothamPro-Black.woff2) format("woff2"),url(/fonts/GothamPro-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-BoldItalic"),url(/fonts/GothamPro-BoldItalic.woff2) format("woff2"),url(/fonts/GothamPro-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-BlackItalic"),url(/fonts/GothamPro-BlackItalic.woff2) format("woff2"),url(/fonts/GothamPro-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-LightItalic"),url(/fonts/GothamPro-LightItalic.woff2) format("woff2"),url(/fonts/GothamPro-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-MediumItalic"),url(/fonts/GothamPro-MediumItalic.woff2) format("woff2"),url(/fonts/GothamPro-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-Italic"),url(/fonts/GothamPro-Italic.woff2) format("woff2"),url(/fonts/GothamPro-Italic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-Medium"),url(/fonts/GothamPro-Medium.woff2) format("woff2"),url(/fonts/GothamPro-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Gotham Pro";
  src: local("GothamPro-Light"),url(/fonts/GothamPro-Light.woff2) format("woff2"),url(/fonts/GothamPro-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}
body,
html {
  height: 100%
}
body {
  overflow-x: hidden;
  background-color: #f8f7f5;
  color: #111613;
  font-family: "Gotham Pro";
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}
.root {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  background-color: #f8f7f5;
  overflow: hidden
}
main {
  flex-grow: 1;
  flex-shrink: 0
}
.container {
  padding: 0 15px;
  margin: 0 auto
}
@media (min-width:768px) {
  .container {
    padding: 0 20px
  }
}
@media (min-width:992px) {
  .container {
    max-width: 1410px
  }
}
.icon {
  display: inline-block;
  font-size: 18px;
  width: 1em;
  height: 1em
}
.h1,
h1 {
  font-size: 34px;
  line-height: 1;
  font-weight: 500;
  margin: 0
}
@media (min-width:768px) {
  .h1,
  h1 {
    font-size: 42px
  }
}
@media (min-width:992px) {
  .h1,
  h1 {
    font-size: 52px;
    line-height: 48px
  }
}
@media (max-width:374px) {
  .h1,
  h1 {
    font-size: 30px
  }
}
.h2,
h2 {
  font-size: 26px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0
}
@media (min-width:768px) {
  .h2,
  h2 {
    font-size: 32px
  }
}
@media (min-width:992px) {
  .h2,
  h2 {
    font-size: 36px;
    line-height: 1.2
  }
}
@media (max-width:374px) {
  .h2,
  h2 {
    font-size: 24px
  }
}
.h3,
h3 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0
}
@media (min-width:768px) {
  .h3,
  h3 {
    font-size: 24px
  }
}
.h4,
h4,
h5,
h6 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0
}
p {
  margin: 0
}
p + p {
  margin-top: 20px
}
b,
strong {
  font-weight: 700
}
i {
  font-style: italic
}
.cl-green {
  color: #17836c!important
}
a {
  color: #135bcd;
  transition: color .4s
}
a[href*="tel:"] {
  text-decoration: none
}
@media (hover:hover) {
  a:focus,
  a:hover {
    text-decoration: none
  }
}
button {
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  padding: 0
}
button:active button:focus {
  box-shadow: none
}
.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  min-height: 44px;
  font-family: "Gotham Pro";
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background-color: #105cba;
  border-radius: 10px;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all .4s;
  padding: 15px 20px;
  box-shadow: 3px 4px 0 0 #043f88,5px 8px 12px 0 #043f88
}
@media (min-width:768px) {
  .button {
    min-width: 200px;
    min-height: 48px;
    font-size: 16px
  }
}
@media (hover:hover) {
  .button:focus-visible,
  .button:hover {
    box-shadow: 3px 4px 0 0 #043f88
  }
}
.button:active {
  transform: translate(3px,4px);
  box-shadow: none
}
.button--large {
  min-height: 48px;
  min-width: 200px;
  box-shadow: 4px 5px 0 0 #043f88,5px 8px 12px 0 #043f88
}
.button--large::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-top: 2px solid rgba(255,255,255,.49);
  border-left: 1px solid rgba(255,255,255,.49);
  border-radius: 10px;
  -webkit-mask-image: linear-gradient(167deg,#fff 10%,transparent 50%);
  mask-image: linear-gradient(167deg,#fff 10%,transparent 50%)
}
@media (min-width:768px) {
  .button--large {
    min-height: 58px;
    min-width: 245px;
    padding: 20px 30px
  }
}
@media (hover:hover) {
  .button--large:focus-visible,
  .button--large:hover {
    box-shadow: 4px 5px 0 0 #043f88
  }
}
.button--large:active {
  transform: translate(4px,5px);
  box-shadow: none
}
.button--huge {
  min-height: 62px;
  min-width: 280px;
  font-size: 18px;
  background: linear-gradient(-183deg,#1264ca 20px,#1160c2 20px,#1160c2 45px,#105cba 45px,#105cba);
  padding: 20px 40px;
  box-shadow: 4px 5px 0 0 #043f88,10px 22px 22px -10px #043f88
}
@media (min-width:768px) {
  .button--huge {
    min-height: 84px;
    min-width: 345px;
    padding: 25px 50px
  }
}
@media (max-width:374px) {
  .button--huge {
    min-height: 58px;
    min-width: 240px;
    font-size: 16px;
    padding: 20px 30px
  }
}
.button--green {
  background-color: #0eb7a3;
  box-shadow: 2px 2px 0 0 #027567,4px 5px 0 0 #026558,5px 8px 12px 0 #027567
}
@media (hover:hover) {
  .button--green:focus-visible,
  .button--green:hover {
    box-shadow: 2px 2px 0 0 #027567,4px 5px 0 0 #026558
  }
}
.button--green:active {
  transform: translate(4px,5px);
  box-shadow: none
}
.button--loader {
  pointer-events: none
}
.button--loader::before {
  box-shadow: none
}
.button--loader::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-right-color: transparent!important;
  border-radius: 50%;
  margin-left: 15px;
  animation: loader-border .75s linear infinite
}
.button--loader.button--large::after {
  width: 16px;
  height: 16px;
  border-width: 2px
}
.button--loader.button--huge::after {
  width: 18px;
  height: 18px;
  border-width: 2px
}
@media (max-width:374px) {
  .button--loader.button--huge::after {
    width: 16px;
    height: 16px
  }
}
.button[disabled] {
  opacity: .4;
  pointer-events: none
}
.button[disabled]::before {
  box-shadow: none
}
.swiper-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 13px rgba(122,152,190,.18)
}
.swiper-button::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent
}
.swiper-button--next {
  padding-left: 2px
}
.swiper-button--next::before {
  border-left: 7px solid #0eaf9b
}
.swiper-button--prev {
  padding-right: 2px
}
.swiper-button--prev::before {
  border-right: 7px solid #0eaf9b
}
.swiper-button.swiper-button-disabled {
  opacity: 0;
  pointer-events: none
}
.form__group-input,
.form__group-textarea {
  display: inline-flex;
  height: 60px;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: #345b80;
  background-color: #fff;
  border: none;
  outline: 0;
  border-radius: 8px;
  padding: 0 15px;
  box-shadow: 2px 4px 0 0 #becfe1;
  transition: box-shadow .4s
}
@media (min-width:768px) {
  .form__group-input,
  .form__group-textarea {
    height: 68px;
    font-size: 24px;
    padding: 0 35px;
    box-shadow: 2px 6px 0 0 #becfe1
  }
}
.form__group-input:active,
.form__group-input:focus,
.form__group-textarea:active,
.form__group-textarea:focus {
  box-shadow: 2px 4px 0 0 #105cba
}
@media (min-width:768px) {
  .form__group-input:active,
  .form__group-input:focus,
  .form__group-textarea:active,
  .form__group-textarea:focus {
    box-shadow: 2px 6px 0 0 #105cba
  }
}
.form__group-input::-moz-placeholder,
.form__group-textarea::-moz-placeholder {
  font-size: 16px;
  line-height: 1;
  color: #111613;
  opacity: .5
}
.form__group-input::placeholder,
.form__group-textarea::placeholder {
  font-size: 16px;
  line-height: 1;
  color: #111613;
  opacity: .5
}
@media (min-width:768px) {
  .form__group-input::-moz-placeholder,
  .form__group-textarea::-moz-placeholder {
    font-size: 24px
  }
  .form__group-input::placeholder,
  .form__group-textarea::placeholder {
    font-size: 24px
  }
}
.form {
  display: grid;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
  max-width: 640px
}
@media (min-width:601px) {
  .form {
    grid-template-columns: 1fr 1fr
  }
}
@media (min-width:768px) {
  .form {
    gap: 40px
  }
}
.form__group {
  position: relative;
  width: 100%
}
.form__group--error .form__group-input,
.form__group--error .form__group-textarea {
  box-shadow: 2px 4px 0 0 red
}
@media (min-width:768px) {
  .form__group--error .form__group-input,
  .form__group--error .form__group-textarea {
    box-shadow: 2px 6px 0 0 red
  }
}
@media (min-width:601px) {
  .form__group--full {
    grid-column: 2 span
  }
}
.form__group-title {
  display: block;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .form__group-title {
    font-size: 18px
  }
}
.form__group-error,
.form__group-text {
  display: block;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: -5px
}
.form__group-error:last-child,
.form__group-text:last-child {
  margin-bottom: 0
}
@media (min-width:768px) {
  .form__group-error,
  .form__group-text {
    font-size: 14px
  }
}
.form__group-select {
  position: relative;
  height: 60px
}
@media (min-width:768px) {
  .form__group-select {
    height: 68px
  }
}
.form__group-select select {
  position: absolute;
  display: none
}
.form__group-select .nice-select {
  display: flex;
  align-items: center;
  height: 60px;
  width: 100%;
  font: 500 16px/1 "Gotham Pro";
  color: #345b80;
  background: #fff;
  border-radius: 8px;
  border: none;
  white-space: normal;
  transition: box-shadow .4s;
  padding: 10px 15px;
  box-shadow: 2px 4px 0 0 #becfe1
}
@media (min-width:768px) {
  .form__group-select .nice-select {
    height: 68px;
    padding-left: 35px;
    padding-right: 35px;
    box-shadow: 2px 6px 0 0 #becfe1
  }
}
.form__group-select .nice-select.open,
.form__group-select .nice-select:active,
.form__group-select .nice-select:focus,
.form__group-select .nice-select:hover {
  box-shadow: 2px 4px 0 0 #105cba
}
@media (min-width:768px) {
  .form__group-select .nice-select.open,
  .form__group-select .nice-select:active,
  .form__group-select .nice-select:focus,
  .form__group-select .nice-select:hover {
    box-shadow: 2px 6px 0 0 #105cba
  }
}
.form__group-select .nice-select.open::after {
  transform: rotate(180deg)
}
.form__group-select .nice-select .nice-select-dropdown {
  width: 100%
}
.form__group-select .nice-select .nice-select-dropdown .list {
  margin: 0
}
.form__group-select .nice-select .option {
  font-weight: 500;
  line-height: 1.2;
  padding: 10px 15px
}
@media (min-width:768px) {
  .form__group-select .nice-select .option {
    padding: 15px 35px
  }
}
.form__group-select .nice-select .option.selected {
  font-weight: 700
}
.form__group-select .nice-select::after {
  right: 10px;
  width: 26px;
  height: 26px;
  background: url(/img/icons/arrow.png) center/12px auto no-repeat #1160c2;
  border: none;
  transform-origin: center;
  transform: none;
  border-radius: 50%;
  margin-top: -13px
}
@media (min-width:768px) {
  .form__group-select .nice-select::after {
    width: 34px;
    height: 34px;
    background-size: 15px auto;
    right: 15px;
    margin-top: -17px
  }
}
.form__group-error {
  color: red
}
.form__consent {
  position: relative;
  text-align: left
}
@media (min-width:601px) {
  .form__consent {
    grid-column: 2 span
  }
}
.form__consent a {
  color: #105bb9
}
.form__button {
  justify-self: start
}
@media (min-width:601px) {
  .form__button {
    grid-column: 2 span
  }
}
.form__consent-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap
}
.form__consent-input:checked + .form__consent-name::before {
  background-position: 5px 4px
}
.form__consent-name {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  cursor: pointer;
  padding-left: 40px
}
@media (min-width:768px) {
  .form__consent-name {
    padding-left: 50px
  }
}
.form__consent-name::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 28px;
  height: 28px;
  background-color: #105cba;
  background-image: url(/img/icons/check.png);
  background-size: 15px auto;
  background-position: 5px -15px;
  background-repeat: no-repeat;
  border-radius: 8px;
  transition: background-color .4s,background-position .4s
}
@media (min-width:768px) {
  .form__consent-name::before {
    left: 5px
  }
}
.menu {
  width: 100%;
  max-width: 770px
}
.menu__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0
}
.menu__item {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-transform: uppercase
}
.menu__link {
  display: inline-block;
  color: #111613;
  text-decoration: none;
  padding: 2px
}
@media (hover:hover) {
  .menu__link:focus-visible,
  .menu__link:hover {
    color: #17836c
  }
}
.mobile {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 50
}
@media (min-width:1201px) {
  .mobile {
    display: none!important
  }
}
@media (max-width:1200px) {
  .mobile-scroll {
    overflow: hidden
  }
}
.mobile__overlay {
  position: absolute;
  inset: 0
}
@media (min-width:481px) {
  .mobile__overlay {
    background-color: rgba(36,53,74,.63)
  }
}
.mobile__scroll {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden
}
@media (min-width:481px) {
  .mobile__scroll {
    max-width: 375px
  }
}
@media (min-width:768px) {
  .mobile__scroll::-webkit-scrollbar {
    width: 0;
    background: 0 0
  }
}
.mobile__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
  color: #fff;
  background: url(/img/bg-mobile.jpg) center top/100% auto no-repeat,#0d9598;
  padding: 105px 35px
}
@media (max-width:480px) {
  .mobile__inner {
    clip-path: polygon(0 0,100% 0,100% calc(100% - 65px),0 100%)
  }
}
.mobile__close {
  position: absolute;
  top: 20px;
  right: 15px;
  display: block;
  width: 47px;
  height: 37px;
  background: url(/img/icons/menu-close.png) center/cover
}
.mobile__menu-list {
  list-style: none;
  padding: 0;
  margin: 0
}
.mobile__menu-item {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin-top: 25px
}
.mobile__menu-link {
  display: inline-block;
  color: #fff;
  text-decoration: none
}
.modals {
  position: fixed;
  inset: 0;
  z-index: 110;
  overflow-y: auto;
  display: none
}
.modals-scroll {
  overflow: hidden
}
.modals__overlay {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  background-color: rgba(40,39,39,.63);
  overflow: hidden;
  padding: 30px 15px
}
@media (min-width:768px) {
  .modals__overlay {
    padding: 40px 20px
  }
}
@media (max-width:374px) {
  .modals__overlay {
    padding-left: 10px;
    padding-right: 10px
  }
}
.modal {
  position: relative;
  display: none;
  width: 100%;
  max-width: 1045px;
  color: #111613;
  background-color: #fff;
  overflow: hidden
}
.modal__top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 70px;
  background: url(/img/modal/bg-top.jpg) center/cover,#105bb9;
  padding: 15px 20px
}
@media (min-width:768px) {
  .modal__top {
    min-height: 85px
  }
}
@media (min-width:992px) {
  .modal__top {
    min-height: 95px
  }
}
.modal__close {
  position: relative;
  width: 34px;
  height: 34px;
  background-color: rgba(16,198,180,.73);
  border-radius: 50%
}
.modal__close::after {
  content: "+";
  position: absolute;
  inset: 2px;
  font-size: 26px;
  line-height: 28px;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
  transform: rotate(45deg)
}
.modal__content {
  position: relative;
  padding: 30px 20px
}
@media (min-width:768px) {
  .modal__content {
    padding: 40px 30px
  }
}
@media (min-width:992px) {
  .modal__content {
    padding: 60px 40px
  }
}
.modal__content::before {
  content: url(/img/modal/bg-pattern.png);
  position: absolute;
  top: 0;
  right: 0
}
@media (min-width:992px) {
  .modal__content::before {
    right: 46px
  }
}
@media (min-width:768px) {
  .modal__content--interview {
    display: flex;
    align-items: flex-start
  }
}
@media (min-width:992px) {
  .modal__content--interview {
    padding-left: 70px;
    padding-right: 70px
  }
  .modal__content--interview::before {
    right: 140px
  }
}
@media (min-width:992px) {
  .modal__content--interview .modal__scroll {
    max-width: 710px;
    max-height: 440px
  }
}
.modal__person {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #5f7992
}
@media (min-width:768px) {
  .modal__person {
    width: 185px;
    flex-shrink: 0
  }
}
@media (min-width:992px) {
  .modal__person {
    padding-top: 85px
  }
}
@media (max-width:767px) {
  .modal__person {
    margin-bottom: 30px
  }
}
.modal__person::before {
  content: url(/img/modal/pattern-person.png);
  position: absolute;
  top: -80px;
  left: -70px
}
@media (min-width:992px) {
  .modal__person::before {
    top: -40px
  }
}
.modal__person-foto {
  position: relative;
  display: block;
  width: 116px;
  height: 116px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 10px solid rgba(129,178,239,.34);
  border-radius: 50%;
  margin-left: -10px;
  margin-bottom: 15px
}
.modal__person-name {
  color: #111613;
  margin-bottom: 10px
}
.modal__scroll {
  position: relative
}
@media (min-width:992px) {
  .modal__scroll {
    width: 100%;
    max-width: 920px;
    max-height: 620px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 30px
  }
  .modal__scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 9px
  }
  .modal__scroll::-webkit-scrollbar-thumb {
    background: #11cbb9
  }
}
@media (min-width:768px) {
  .modal__text {
    line-height: 20px;
    padding-left: 20px
  }
}
@media (min-width:992px) {
  .modal__text {
    padding-top: 35px;
    padding-left: 65px
  }
  .modal__text p {
    max-width: 535px
  }
}
.modal__text h2 {
  margin-bottom: 15px
}
@media (min-width:768px) {
  .modal__text h2 {
    margin-bottom: 20px
  }
}
@media (min-width:992px) {
  .modal__text h2 {
    font-size: 30px;
    margin-left: -65px;
    margin-bottom: 35px
  }
}
.modal__areas {
  max-width: 870px
}
.modal__areas-item {
  background-color: #e6f5f9;
  border-radius: 16px;
  padding: 25px 20px
}
@media (min-width:768px) {
  .modal__areas-item {
    padding-left: 25px;
    padding-right: 25px
  }
}
@media (min-width:992px) {
  .modal__areas-item {
    padding: 35px 30px 60px 40px
  }
}
.modal__areas-item + .modal__areas-item {
  margin-top: 20px
}
.modal__areas-title {
  font-size: 24px;
  margin-bottom: 20px
}
@media (min-width:768px) {
  .modal__areas-title {
    font-size: 30px;
    margin-bottom: 25px
  }
}
.modal__area {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  background-color: #fff;
  border-radius: 16px
}
@media (min-width:768px) {
  .modal__area {
    display: flex;
    align-items: center;
    min-height: 90px;
    padding: 10px 5px 10px 15px;
    margin-top: 10px
  }
}
@media (max-width:767px) {
  .modal__area {
    max-width: 500px;
    padding: 15px 15px 20px 15px;
    margin: 10px auto 0 auto
  }
  .modal__area p + p {
    margin-top: 15px
  }
}
.modal__area--no-img .modal__area-logo {
  display: none
}
@media (min-width:768px) {
  .modal__area--no-img {
    padding-top: 15px;
    padding-left: 115px
  }
}
@media (max-width:767px) {
  .modal__area--no-img {
    padding-top: 20px
  }
}
.modal__area-logo {
  display: block;
  width: 85px;
  height: auto
}
@media (min-width:768px) {
  .modal__area-logo {
    flex-shrink: 0;
    margin-right: 15px
  }
}
@media (max-width:767px) {
  .modal__area-logo {
    margin: 0 auto 10px auto
  }
}
@media (min-width:768px) {
  .modal__area-name {
    flex-grow: 1
  }
}
@media (min-width:768px) {
  .modal__area-city {
    position: relative;
    width: 170px;
    flex-shrink: 0;
    padding-left: 20px;
    margin-left: 20px;
    margin-top: 0
  }
  .modal__area-city::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 100%;
    min-height: 70px;
    background-color: #bcd4ee;
    border-radius: 2px;
    transform: translateY(-50%)
  }
}
.header {
  position: absolute;
  inset: 0 0 auto 0;
  transform: translateY(-115%);
  transition: transform .8s .3s;
  padding-top: 20px;
  z-index: 5
}
@media (min-width:1201px) {
  .header {
    padding-top: 30px
  }
}
.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between
}
@media (min-width:992px) {
  .header .container {
    max-width: 1520px
  }
}
@media (min-width:992px) and (max-width:1700px) {
  .header .container {
    padding-right: 60px
  }
}
.header__logos {
  display: flex;
  align-items: center;
  gap: 0 15px
}
@media (min-width:601px) {
  .header__logos {
    gap: 0 30px
  }
}
.header__logos-item img {
  display: block
}
@media (max-width:600px) {
  .header__logos-item img {
    width: auto;
    height: 40px
  }
  .header__logos-item:first-child img {
    height: 40px
  }
  .header__logos-item:last-child img {
    height: 34px
  }
}
@media (min-width:1201px) {
  .header__menu {
    margin-left: 50px
  }
}
@media (max-width:1200px) {
  .header__menu {
    display: none
  }
}
.header__trigger {
  display: block;
  width: 45px;
  height: 35px;
  background: url(/img/icons/menu.png) center/contain;
  margin-left: auto
}
@media (min-width:1201px) {
  .header__trigger {
    display: none
  }
}
.footer {
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  background-size: cover;
  background-color: #1a2a3a;
  padding-top: 35px;
  padding-bottom: 35px
}
@media (min-width:768px) {
  .footer {
    background-image: url(/img/footer/bg.jpg);
    background-position: center
  }
}
@media (max-width:767px) {
  .footer {
    background-image: url(/img/footer/bg-mobile.jpg);
    background-position: left top
  }
}
@media (min-width:481px) {
  .footer .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 40px
  }
}
@media (min-width:768px) and (max-width:991px) {
  .footer .container {
    -moz-column-gap: 70px;
    column-gap: 70px
  }
}
@media (min-width:992px) {
  .footer .container {
    max-width: 1520px;
    -moz-column-gap: 50px;
    column-gap: 50px
  }
}
.footer__logos {
  display: flex
}
@media (min-width:481px) {
  .footer__logos {
    align-items: center;
    gap: 0 30px;
    margin-top: 10px
  }
}
@media (min-width:481px) and (max-width:767px) {
  .footer__logos {
    grid-column: 2 span
  }
}
@media (max-width:480px) {
  .footer__logos {
    flex-direction: column;
    align-items: flex-start
  }
}
.footer__logos-item {
  display: inline-block
}
@media (max-width:480px) {
  .footer__logos-item + .footer__logos-item {
    margin-top: 30px
  }
}
.footer__logos-item img {
  display: block
}
.footer__socials {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 90px;
  max-width: 440px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  background-color: #136383;
  background: url(/img/footer/bg-socials.png) right center/auto no-repeat;
  clip-path: polygon(27px 0,100% 0,100% 100%,4px 100%,0 calc(100% - 6px),0 47px);
  padding: 15px 50px 20px 35px
}
@media (min-width:481px) and (max-width:767px) {
  .footer__socials {
    grid-column: 2 span
  }
}
@media (max-width:480px),
(min-width:768px) and (max-width:991px) {
  .footer__socials {
    display: block;
    max-width: 250px;
    background: 0 0;
    clip-path: none;
    padding: 0
  }
}
@media (min-width:1201px) {
  .footer__socials {
    max-width: 500px;
    padding-left: 55px;
    padding-right: 90px
  }
}
@media (max-width:480px) {
  .footer__socials {
    margin-top: 40px
  }
}
.footer__socials p a {
  display: inline-block;
  font-size: 18px;
  line-height: 1.2;
  color: #00edd4;
  border-bottom: 1px solid #00edd4;
  text-decoration: none;
  margin-top: 5px
}
@media (hover:hover) {
  .footer__socials p a {
    transition: color .4s,border-color .4s
  }
  .footer__socials p a:focus,
  .footer__socials p a:hover {
    color: #fff;
    border-color: transparent
  }
}
.footer__socials .socials {
  min-width: 120px;
  margin-left: 15px
}
@media (max-width:480px),
(min-width:768px) and (max-width:991px) {
  .footer__socials .socials {
    display: inline-flex;
    min-width: 225px;
    background-color: #136383;
    background: url(/img/footer/bg-socials.png) right center/auto no-repeat;
    clip-path: polygon(27px 0,100% 0,100% 100%,4px 100%,0 calc(100% - 6px),0 47px);
    padding: 15px 65px 20px 30px;
    margin-left: 0;
    margin-top: 15px
  }
}
.footer__copyright {
  color: #9ffff3
}
@media (max-width:480px) {
  .footer__copyright {
    margin-top: 20px
  }
}
.footer__policy {
  display: inline-block;
  color: #adf1ff
}
@media (min-width:481px) {
  .footer__policy {
    order: 4
  }
}
@media (max-width:480px) {
  .footer__policy {
    margin-top: 40px
  }
}
@media (hover:hover) {
  .footer__policy:focus,
  .footer__policy:hover {
    color: #fff
  }
}
.socials {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 15px
}
.socials__item {
  text-decoration: none
}
.socials__item img {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all .4s
}
.socials__item--tg img {
  box-shadow: 4px 5px 0 0 #0d71a3
}
.socials__item--vk img {
  box-shadow: 4px 5px 0 0 #004696
}
.socials__item:active img {
  transform: translate(4px,5px);
  box-shadow: none
}
.document {
  position: relative;
  color: #111613;
  padding: 40px 20px 30px 60px;
  z-index: 1
}
@media (min-width:481px) {
  .document {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 150px;
    padding: 40px 20px 40px 60px
  }
}
@media (min-width:768px) {
  .document {
    padding: 40px 100px
  }
}
@media (min-width:901px) {
  .document {
    max-width: 930px;
    padding-right: 155px
  }
}
.document::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fff;
  clip-path: polygon(0 0,145px 0,160px 15px,100% 15px,100% 100%,0 100%);
  z-index: -1
}
@media (min-width:481px) {
  .document::before {
    clip-path: polygon(0 0,245px 0,260px 15px,100% 15px,100% 100%,0 100%)
  }
}
@media (hover:hover) {
  .document {
    transition: box-shadow .4s
  }
  .document::before {
    transition: background-color .4s
  }
  .document::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: #fff;
    background: url(/img/icons/download.png) center/17px auto no-repeat,linear-gradient(to bottom,#154c95,#0c7367);
    border-radius: 50%;
    opacity: 0;
    transition: opacity .4s;
    transform: translateY(-50%)
  }
  .document .document__info,
  .document .document__title {
    transition: color .4s
  }
  .document .document__icon::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/img/icons/doc-light.png) center/contain;
    opacity: 0;
    transition: opacity .4s
  }
  .document:focus-within,
  .document:hover {
    box-shadow: 0 30px 40px -15px #267c9e
  }
  .document:focus-within::before,
  .document:hover::before {
    background-color: #267c9e
  }
  .document:focus-within::after,
  .document:hover::after {
    opacity: 1
  }
  .document:focus-within .document__info,
  .document:focus-within .document__title,
  .document:hover .document__info,
  .document:hover .document__title {
    color: #fff
  }
  .document:focus-within .document__icon::before,
  .document:hover .document__icon::before {
    opacity: 1
  }
}
.document__icon {
  position: absolute;
  top: 45px;
  left: 15px;
  width: 23px;
  height: 26px;
  background: url(/img/icons/doc.png) center/contain
}
@media (min-width:481px) {
  .document__icon {
    top: 50%;
    transform: translateY(-50%)
  }
}
@media (min-width:768px) {
  .document__icon {
    left: 45px
  }
}
.document__title {
  font: normal 16px/1.2 "Gotham Pro";
  color: #000
}
@media (min-width:481px) {
  .document__title {
    max-width: 420px
  }
}
.document__info {
  display: block;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  color: #1160c2;
  text-transform: uppercase
}
@media (min-width:481px) {
  .document__info {
    flex-shrink: 0;
    margin-left: 10px
  }
}
@media (max-width:480px) {
  .document__info {
    margin-top: 15px
  }
}
.document__link {
  position: absolute;
  inset: 0;
  clip-path: polygon(0 0,145px 0,160px 15px,100% 15px,100% 100%,0 100%)
}
@media (min-width:481px) {
  .document__link {
    clip-path: polygon(0 0,245px 0,260px 15px,100% 15px,100% 100%,0 100%)
  }
}
.clearfix::after {
  content: "";
  display: block;
  clear: both
}
.text-break {
  word-wrap: break-word;
  word-break: break-word
}
.font-italic {
  font-style: italic
}
.td-u {
  text-decoration: underline
}
.td-n {
  text-decoration: none
}
.tt-l {
  text-transform: lowercase
}
.tt-u {
  text-transform: uppercase
}
.tt-c {
  text-transform: capitalize
}
.ta-j {
  text-align: justify
}
.ta-l {
  text-align: left
}
.ta-r {
  text-align: right
}
.ta-c {
  text-align: center
}
.text-wrap {
  white-space: normal
}
.text-nowrap {
  white-space: nowrap
}
.visible {
  visibility: visible
}
.invisible {
  visibility: hidden
}
@keyframes loader-border {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
[data-animate] {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.33,1,.68,1);
  transition-property: all
}
[data-animate][data-animate-delay="1"] {
  transition-delay: .2s
}
[data-animate][data-animate-delay="2"] {
  transition-delay: .4s
}
[data-animate][data-animate-delay="3"] {
  transition-delay: .6s
}
[data-animate][data-animate-delay="4"] {
  transition-delay: .8s
}
[data-animate][data-animate-delay="5"] {
  transition-delay: 1s
}
[data-animate][data-animate-top] {
  opacity: 0;
  transform: translateY(-100px)
}
[data-animate][data-animate-bottom] {
  opacity: 0;
  transform: translateY(100px)
}
[data-animate][data-animate-left] {
  opacity: 0;
  transform: translateX(-100px)
}
[data-animate][data-animate-right] {
  opacity: 0;
  transform: translateX(100px)
}
[data-animate][data-animate-slideleft] {
  transform: translateX(-100%)
}
[data-animate][data-animate-slideright] {
  transform: translateX(100%)
}
[data-animate][data-animate-scale] {
  transform: scale(0)
}
[data-animate][data-animate-slidetop] {
  height: 0
}
[data-animate][data-animate-slidebottom] {
  height: 0
}
.is-loaded [data-animate].animate {
  transform: none;
  opacity: 1
}
.is-loaded [data-animate].animate[data-animate-slidebottom],
.is-loaded [data-animate].animate[data-animate-slidetop] {
  height: 100%
}
.is-loaded .header {
  transform: translateY(0)
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap
}
.visually-hidden-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap
}
.intro {
  position: relative;
  background: right top/cover,#e9f1f8
}
@media (min-width:768px) {
  .intro {
    background-image: url(/img/intro/bg.jpg)
  }
}
@media (max-width:767px) {
  .intro {
    background-image: url(/img/intro/bg-mobile.jpg)
  }
}
.intro .container {
  position: relative;
  padding-top: 90px;
  padding-bottom: 50px;
  z-index: 1
}
@media (min-width:601px) {
  .intro .container {
    padding-top: 110px;
    padding-bottom: 60px
  }
}
@media (min-width:768px) {
  .intro .container {
    padding-top: 120px;
    padding-bottom: 60px
  }
  .intro .container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 75%;
    width: 692px;
    height: 360px;
    background: url(/img/intro/bg-img.png) center top/contain;
    transform: translateX(-50%);
    z-index: -1
  }
}
@media (min-width:768px) and (min-width:992px) {
  .intro .container::before {
    left: 70%;
    width: 808px;
    height: 420px
  }
}
@media (min-width:768px) and (min-width:1440px) {
  .intro .container::before {
    left: 62%;
    width: 981px;
    height: 510px
  }
}
@media (min-width:1201px) {
  .intro .container {
    padding-top: 150px;
    padding-bottom: 90px
  }
}
@media (min-width:1440px) {
  .intro .container {
    min-height: 980px;
    padding-top: 175px;
    padding-bottom: 200px
  }
}
@media (min-width:992px) {
  .intro .container {
    max-width: 1390px
  }
}
.intro__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500
}
@media (min-width:601px) and (max-width:767px) {
  .intro__text {
    padding-right: 210px
  }
}
@media (min-width:768px) {
  .intro__text {
    max-width: 520px;
    font-size: 18px;
    line-height: 24px
  }
}
@media (min-width:481px) and (max-width:600px) {
  .intro__text {
    max-width: 480px
  }
}
@media (max-width:767px) {
  .intro__text {
    position: relative;
    z-index: 2
  }
}
.intro__title {
  margin-bottom: 15px
}
@media (max-width:600px) {
  .intro__title {
    padding-right: 130px
  }
}
@media (max-width:374px) {
  .intro__title {
    padding-right: 110px
  }
}
.intro__subtitle {
  margin-top: 15px;
  margin-bottom: 10px
}
@media (min-width:768px) {
  .intro__subtitle {
    margin-top: 25px
  }
}
@media (min-width:992px) {
  .intro__subtitle {
    font-size: 30px
  }
}
@media (min-width:1440px) {
  .intro__subtitle {
    margin-top: 35px
  }
}
.intro__video {
  position: absolute;
  top: 160px;
  right: 10px;
  width: 130px;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
  transform: rotate(-5deg)
}
@media (min-width:601px) {
  .intro__video {
    top: 200px;
    right: 20px;
    width: 190px;
    background: #fff;
    border-radius: 10px;
    padding: 10px
  }
}
@media (min-width:768px) {
  .intro__video {
    top: 400px
  }
}
@media (min-width:1440px) {
  .intro__video {
    top: 450px
  }
}
@media (min-width:1501px) {
  .intro__video {
    right: -20px
  }
}
@media (max-width:374px) {
  .intro__video {
    right: -10px
  }
}
.intro__video::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 50%;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: url(/img/icons/play.png) center/cover;
  transform: translateX(-50%) rotate(5deg);
  box-shadow: 4px 4px 0 0 #0259e4
}
@media (min-width:601px) {
  .intro__video::before {
    top: -110px;
    width: 91px;
    height: 91px
  }
}
@media (max-width:600px) {
  .intro__video p {
    display: none
  }
}
.intro__video-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  background-color: #12cdbc;
  border-radius: 5px;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  transform: rotate(4deg);
  transition: all .4s;
  margin-top: -25px;
  box-shadow: 3px 4px 0 0 #10a396
}
@media (min-width:601px) {
  .intro__video-button {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    margin: -40px 0 10px -5px
  }
}
.intro__video-button::after,
.intro__video-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: 0 0;
  border-radius: 5px;
  pointer-events: none;
  transition: all .4s;
  box-shadow: 3px 4px 0 0 #10a396
}
.intro__video-button::before {
  transform: translate(5px,5px)
}
.intro__video-button::after {
  transform: translate(10px,10px);
  opacity: .52
}
@media (hover:hover) {
  .intro__video-button:focus-visible::after,
  .intro__video-button:focus-visible::before,
  .intro__video-button:hover::after,
  .intro__video-button:hover::before {
    transform: translate(0,0)
  }
}
.intro__video-button:active {
  transform: translate(3px,4px) rotate(4deg);
  box-shadow: none
}
.intro__video-button:active::after,
.intro__video-button:active::before {
  box-shadow: none
}
.intro__video-title {
  font-size: 28px
}
@media (max-width:600px) {
  .intro__video-title {
    display: none
  }
}
.intro__registration {
  margin-top: 10px
}
@media (min-width:992px) {
  .intro__registration {
    display: flex;
    align-items: flex-end
  }
}
@media (max-width:767px) {
  .intro__registration {
    position: relative;
    z-index: 1
  }
  .intro__registration::before {
    content: "";
    position: absolute;
    top: -50px;
    right: -180px;
    width: 375px;
    height: 225px;
    background: url(/img/intro/bg-img-mobile.png) center top/contain;
    z-index: -1
  }
}
@media (min-width:992px) and (max-width:1200px) {
  .intro__registration {
    margin-right: -80px
  }
}
.intro__registration-img {
  position: relative;
  width: 100%;
  max-width: 483px;
  height: auto;
  z-index: 1
}
@media (min-width:992px) {
  .intro__registration-img {
    width: 43%
  }
}
@media (max-width:767px) {
  .intro__registration-img {
    margin: 0 auto
  }
}
.intro__registration-img::before {
  content: url(/img/intro/arrow.png);
  position: absolute;
  bottom: 0;
  right: -85px;
  pointer-events: none;
  z-index: 1
}
@media (min-width:768px) and (max-width:991px) {
  .intro__registration-img::before {
    bottom: -60px;
    right: -85px;
    transform: rotate(80deg)
  }
}
@media (max-width:767px) {
  .intro__registration-img::before {
    right: 50%;
    bottom: -80px;
    transform: translateX(50%) rotate(80deg) scale(.7)
  }
}
.intro__registration-img img {
  display: block;
  width: 100%;
  height: auto
}
.intro__registration-block {
  background: url(/img/intro/bg-text.png) right center/auto 100% no-repeat
}
@media (min-width:768px) {
  .intro__registration-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 650px;
    min-height: 180px;
    background-size: auto;
    clip-path: polygon(55px 0,100% 0,100% 100%,10px 100%,0 calc(100% - 15px),0 90px);
    padding: 25px 110px 25px 70px
  }
}
@media (min-width:992px) and (max-width:1200px) {
  .intro__registration-block {
    padding: 25px 95px 25px 65px
  }
}
@media (min-width:992px) {
  .intro__registration-block {
    width: 57%
  }
}
@media (max-width:991px) {
  .intro__registration-block {
    margin-left: auto
  }
}
@media (max-width:767px) {
  .intro__registration-block {
    max-width: 500px;
    min-width: 400px;
    text-align: center;
    clip-path: polygon(35px 0,100% 0,100% 100%,10px 100%,0 calc(100% - 15px),0 50px);
    padding: 20px 90px 20px 30px;
    margin: 15px auto 0 auto
  }
}
@media (max-width:374px) {
  .intro__registration-block {
    min-width: 380px
  }
}
.intro__registration-text {
  font-size: 13px;
  font-weight: 500;
  color: #fff
}
.intro__registration-title {
  margin-bottom: 10px
}
@media (min-width:992px) {
  .intro__registration-title {
    font-size: 28px
  }
}
.intro__registration-title span {
  display: inline-block;
  color: #6ceed6
}
@media (min-width:768px) {
  .intro__registration-title span {
    display: block;
    font-size: 24px
  }
}
.intro__registration-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  min-height: 52px;
  font-family: "Gotham Pro";
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: #111613;
  background: linear-gradient(to bottom,#2dfefb,#0ca691 85%);
  border-radius: 10px;
  text-decoration: none;
  transition: all .4s;
  padding: 10px 30px;
  box-shadow: 5px 7px 0 0 #064d42,-10px -10px 20px -10px #2cfaf7,13px 15px 0 0 rgba(3,44,98,.61),18px 20px 25px -2px rgba(3,44,98,.61);
  z-index: 1
}
@media (min-width:768px) {
  .intro__registration-button {
    min-width: 240px;
    min-height: 56px;
    font-size: 16px;
    border-radius: 15px;
    margin-left: 20px
  }
}
@media (max-width:767px) {
  .intro__registration-button {
    margin-top: 15px
  }
}
.intro__registration-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(/img/intro/button-pattern.png) left top/auto no-repeat;
  border: 1px solid #91fff1;
  border-radius: 15px;
  -webkit-mask-image: linear-gradient(170deg,#91fff1 10%,transparent 70%);
  mask-image: linear-gradient(170deg,#91fff1 10%,transparent 70%);
  z-index: -1
}
@media (hover:hover) {
  .intro__registration-button:focus-visible,
  .intro__registration-button:hover {
    box-shadow: 5px 7px 0 0 #064d42
  }
}
.intro__registration-button:active {
  transform: translate(5px,7px);
  box-shadow: none
}
.infomation {
  font-weight: 500;
  background-color: #f8f7f5;
  padding-top: 40px;
  margin-bottom: -80px
}
@media (min-width:768px) {
  .infomation {
    padding-top: 50px
  }
}
@media (min-width:992px) {
  .infomation {
    padding-top: 90px
  }
}
@media (min-width:1440px) {
  .infomation {
    padding-top: 0;
    margin-top: -90px
  }
}
.infomation .container {
  position: relative;
  z-index: 1
}
@media (min-width:992px) {
  .infomation .container {
    max-width: 1520px
  }
}
.infomation__title {
  position: relative;
  padding-left: 65px;
  margin-bottom: 30px;
  z-index: 1
}
@media (min-width:768px) {
  .infomation__title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 40px
  }
}
@media (min-width:1440px) {
  .infomation__title {
    margin-bottom: 55px
  }
}
.infomation__title::before {
  content: "";
  position: absolute;
  top: -120px;
  left: -130px;
  width: 203px;
  height: 214px;
  background: url(/img/information/pattern.png) center/contain;
  z-index: -1
}
@media (min-width:1801px) {
  .infomation__title::before {
    top: -154px;
    left: -219px;
    width: 308px;
    height: 325px
  }
}
.infomation__list {
  list-style: none;
  padding: 0;
  margin: 0
}
@media (min-width:768px) and (max-width:1439px) {
  .infomation__list {
    max-width: 1200px;
    margin: 0 auto
  }
}
@media (min-width:1440px) {
  .infomation__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px
  }
}
.infomation__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 12px
}
@media (min-width:768px) and (max-width:1439px) {
  .infomation__item {
    max-width: 800px
  }
}
@media (min-width:1440px) {
  .infomation__item {
    min-height: 345px
  }
}
.infomation__item--1 {
  background-color: #e9f1f8;
  padding: 25px 120px 25px 20px
}
@media (min-width:481px) {
  .infomation__item--1 {
    padding: 30px 200px 30px 20px
  }
}
@media (min-width:768px) {
  .infomation__item--1 {
    padding: 35px 280px 40px 70px
  }
}
@media (min-width:768px) and (max-width:1439px) {
  .infomation__item--1 {
    margin-right: auto
  }
}
@media (min-width:1440px) {
  .infomation__item--1 {
    padding-top: 50px
  }
}
@media (max-width:374px) {
  .infomation__item--1 {
    padding-right: 20px
  }
}
.infomation__item--1 .infomation__item-header {
  margin-top: 15px
}
@media (min-width:481px) {
  .infomation__item--1 .infomation__item-header {
    margin-top: 25px
  }
}
.infomation__item--1 .infomation__item-img {
  right: 0;
  width: 100px;
  border-radius: 0 12px 12px 0;
  overflow: hidden
}
@media (min-width:481px) {
  .infomation__item--1 .infomation__item-img {
    width: 180px
  }
}
@media (min-width:768px) {
  .infomation__item--1 .infomation__item-img {
    width: 260px;
    clip-path: polygon(0 0,100% 0,100% 100%,140px 100%,140px calc(100% - 135px),0 calc(100% - 135px))
  }
}
.infomation__item--1 .infomation__item-img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 214px;
  background: url(/img/information/pattern-img.png) right top/contain
}
@media (min-width:481px) {
  .infomation__item--1 .infomation__item-img::after {
    width: 162px;
    height: 346px
  }
}
.infomation__item--2 {
  color: #fff;
  background: url(/img/information/pattern-item.png) right bottom/auto no-repeat,#105bb9;
  padding: 25px 20px 25px 120px
}
@media (min-width:481px) {
  .infomation__item--2 {
    padding: 30px 20px 30px 200px
  }
}
@media (min-width:768px) {
  .infomation__item--2 {
    padding-left: 300px;
    padding-right: 50px
  }
}
@media (min-width:768px) and (max-width:1439px) {
  .infomation__item--2 {
    margin-left: auto
  }
}
@media (min-width:1440px) {
  .infomation__item--2 {
    padding-top: 50px
  }
}
@media (max-width:1439px) {
  .infomation__item--2 {
    margin-top: 15px
  }
}
@media (max-width:374px) {
  .infomation__item--2 {
    padding-left: 20px
  }
}
.infomation__item--2 .infomation__item-img {
  left: 0;
  width: 100px
}
@media (min-width:481px) {
  .infomation__item--2 .infomation__item-img {
    width: 170px
  }
}
@media (min-width:768px) {
  .infomation__item--2 .infomation__item-img {
    width: 250px
  }
}
.infomation__item--2 .infomation__item-img::after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -30px;
  width: 150px;
  height: 125px;
  background: url(/img/information/3.png) center/contain;
  z-index: 1
}
@media (min-width:481px) {
  .infomation__item--2 .infomation__item-img::after {
    right: -30px;
    width: 200px;
    height: 167px
  }
}
@media (min-width:768px) {
  .infomation__item--2 .infomation__item-img::after {
    width: 258px;
    height: 215px;
    right: -95px;
    bottom: -50px
  }
}
@media (min-width:1440px) and (max-width:1500px) {
  .infomation__item--2 .infomation__item-img::after {
    right: -60px
  }
}
.infomation__item--2 .infomation__item-img img {
  border-radius: 12px 0 0 12px
}
.infomation__item--2 .infomation__item-header {
  margin-bottom: 10px
}
@media (min-width:481px) {
  .infomation__item--2 .infomation__item-header {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px
  }
}
.infomation__item--2 .infomation__item-header span {
  color: #4ed2fa
}
.infomation__item--2 .infomation__item-dates {
  max-width: 340px
}
.infomation__item--2 .infomation__item-dates::before {
  background-color: #19baea
}
.infomation__item--2 .infomation__item-date span {
  color: #6ceed6
}
.infomation__item-img {
  position: absolute;
  top: 0;
  bottom: 0
}
.infomation__item-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
@media (max-width:374px) {
  .infomation__item-img {
    display: none
  }
}
.infomation__item-dates {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 350px;
  border-bottom: 4px solid #a6d1e2;
  padding-bottom: 10px
}
@media (min-width:481px) {
  .infomation__item-dates {
    padding-bottom: 20px
  }
}
.infomation__item-dates::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 80px;
  height: 4px;
  background-color: #105bb9
}
.infomation__item-date {
  font-size: 12px;
  line-height: 1
}
@media (min-width:481px) {
  .infomation__item-date {
    font-size: 14px
  }
}
@media (min-width:601px) {
  .infomation__item-date {
    font-size: 18px
  }
}
.infomation__item-date span {
  font-size: 36px;
  color: #0ca38e
}
@media (min-width:481px) {
  .infomation__item-date span {
    font-size: 40px
  }
}
@media (min-width:601px) {
  .infomation__item-date span {
    font-size: 60px
  }
}
.infomation__item-date + .infomation__item-date {
  margin-left: 25px
}
@media (min-width:601px) {
  .infomation__item-date + .infomation__item-date {
    margin-left: 45px
  }
}
@media (max-width:480px) {
  .infomation__item-header {
    font-size: 12px;
    line-height: 1.2
  }
}
.infomation__item-title {
  margin-bottom: 5px
}
@media (max-width:480px) {
  .infomation__item-title {
    font-size: 22px
  }
}
.infomation__item-button {
  margin-top: 15px
}
@media (min-width:481px) {
  .infomation__item-button {
    margin-top: 25px
  }
}
@media (min-width:768px) {
  .infomation__item-button {
    margin: 25px -115px 0 auto
  }
}
.infomation__item-desc {
  margin-top: 20px
}
@media (min-width:768px) {
  .infomation__item-desc {
    padding-left: 35px
  }
}
@media (min-width:1440px) and (max-width:1500px) {
  .infomation__item-desc {
    padding-left: 0
  }
}
.infomation__item-desc span {
  color: #6ceed6
}
@media (max-width:480px) {
  .infomation__item-desc {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 15px
  }
}
.infomation__content {
  margin-top: 40px
}
@media (min-width:1440px) {
  .infomation__content {
    display: flex;
    justify-content: space-between
  }
}
@media (min-width:481px) {
  .information__stages {
    display: grid;
    grid-template-columns: 1fr 1fr
  }
}
@media (min-width:992px) {
  .information__stages {
    grid-template-columns: 400px 1fr 1fr
  }
}
@media (min-width:1201px) {
  .information__stages {
    grid-template-columns: 1fr 315px 315px
  }
}
@media (min-width:1440px) {
  .information__stages {
    width: 100%;
    max-width: 1035px
  }
}
.information__stages-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  background: url(/img/information/map.png) right 5px bottom 10px/auto no-repeat,#fff;
  padding: 30px 20px
}
@media (min-width:481px) {
  .information__stages-text {
    padding: 40px 20px 65px 40px
  }
}
@media (min-width:481px) and (max-width:991px) {
  .information__stages-text {
    grid-column: 2 span
  }
}
@media (min-width:1551px) {
  .information__stages-text {
    padding-left: 60px;
    padding-right: 15px
  }
}
.information__stages-text span {
  color: #105bb9
}
.information__stages-text h2 {
  margin-bottom: 15px
}
.information__stages-text .button {
  margin-top: 15px
}
@media (min-width:768px) {
  .information__stages-text .button {
    margin-top: 25px
  }
}
.information__stage {
  background-color: #e9f1f8
}
@media (min-width:992px) {
  .information__stage {
    border-radius: 0 12px 12px 0
  }
}
@media (max-width:480px) {
  .information__stage:nth-child(2) {
    position: relative;
    border-bottom: 2px solid #fff
  }
  .information__stage:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 282px;
    background: url(/img/information/pattern-stage.png) right top/contain
  }
}
@media (min-width:481px) {
  .information__stage + .information__stage {
    position: relative;
    margin-left: 2px;
    background: url(/img/information/pattern-stage.png) right top/auto no-repeat,#e9f1f8
  }
}
@media (min-width:992px) {
  .information__stage + .information__stage .information__stage-desc,
  .information__stage + .information__stage .information__stage-header {
    padding-left: 25px
  }
}
.information__stage-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 25px 20px 15px 20px
}
@media (min-width:481px) {
  .information__stage-header {
    border-bottom: 4px solid #fff;
    padding-bottom: 25px
  }
}
@media (min-width:601px) {
  .information__stage-header {
    min-height: 140px;
    padding: 15px 40px
  }
}
.information__stage-header h4 {
  margin-bottom: 10px
}
.information__stage-header time {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1;
  padding-left: 5px
}
.information__stage-header time::before {
  content: "";
  width: 27px;
  height: 26px;
  flex-shrink: 0;
  background: url(/img/icons/calendar.png) center/contain;
  margin-right: 10px
}
.information__stage-desc {
  font-size: 16px;
  color: #5f7992;
  padding: 0 20px 25px 20px
}
@media (min-width:601px) {
  .information__stage-desc {
    padding-top: 20px;
    padding-bottom: 20px
  }
}
@media (min-width:601px) {
  .information__stage-desc {
    padding: 30px 40px
  }
}
.infomation__results {
  position: relative;
  width: 100%;
  max-width: 350px;
  min-height: 300px;
  flex-shrink: 0;
  font-weight: 500;
  background: linear-gradient(to left,#e9f1f8,#e9f1f8 120px,#fff 120px,#fff);
  border-radius: 12px;
  padding: 25px 20px
}
@media (min-width:768px) {
  .infomation__results {
    max-width: 410px;
    min-height: 345px;
    background: linear-gradient(to left,#e9f1f8,#e9f1f8 150px,#fff 150px,#fff);
    padding: 35px
  }
}
@media (min-width:1440px) {
  .infomation__results {
    margin-left: 10px
  }
}
@media (min-width:1440px) and (max-width:1501px) {
  .infomation__results {
    max-width: 360px
  }
}
@media (min-width:768px) and (max-width:1439px) {
  .infomation__results {
    margin-top: 30px
  }
}
@media (max-width:767px) {
  .infomation__results {
    margin-top: 20px
  }
}
.infomation__results::before {
  content: "";
  position: absolute;
  right: 120px;
  bottom: -5px;
  width: 120px;
  height: 140px;
  background: url(/img/information/cup.png) center/contain
}
@media (min-width:768px) {
  .infomation__results::before {
    right: 155px;
    bottom: -6px;
    width: 143px;
    height: 167px
  }
}
.infomation__results img {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  float: right;
  margin-top: 10px
}
@media (min-width:768px) {
  .infomation__results img {
    width: 160px;
    height: 160px;
    margin-top: -10px
  }
}
.infomation__results-title {
  margin-bottom: 15px
}
.presents {
  width: 100%;
  min-height: 550px;
  color: #fff;
  background: url(/img/presents/bg.jpg) center/cover,#1059b5;
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 200px
}
@media (min-width:768px) {
  .presents {
    min-height: 0;
    background-image: url(/img/presents/bg.jpg);
    border-top-left-radius: 50% 20px;
    border-top-right-radius: 50% 20px;
    margin-top: -20px;
    padding-top: 140px;
    padding-bottom: 100px
  }
}
@media (min-width:992px) {
  .presents {
    padding-top: 170px;
    padding-bottom: 150px
  }
}
@media (min-width:1440px) {
  .presents {
    border-top-left-radius: 50% 65px;
    border-top-right-radius: 50% 70px;
    margin-top: -70px
  }
}
@media (max-width:767px) {
  .presents {
    background-image: url(/img/presents/bg-mobile.jpg)
  }
}
@media (min-width:992px) {
  .presents .container {
    max-width: 1160px
  }
}
.presents__text {
  font-weight: 500
}
@media (min-width:768px) {
  .presents__text {
    font-size: 16px;
    line-height: 20px;
    max-width: 450px
  }
}
@media (min-width:992px) {
  .presents__text {
    max-width: 550px;
    font-size: 20px;
    line-height: 24px
  }
}
.presents__text span {
  color: #31f6e4
}
.presents__title {
  margin-bottom: 20px
}
@media (min-width:768px) {
  .presents__title {
    margin-bottom: 25px
  }
}
@media (min-width:992px) {
  .presents__title {
    margin-bottom: 40px
  }
}
.training {
  position: relative;
  background: url(/img/training/bg.jpg) right top/150% auto no-repeat,#cee0f3;
  padding-top: 40px;
  padding-bottom: 50px;
  z-index: 1
}
@media (min-width:768px) {
  .training {
    padding-top: 50px;
    padding-bottom: 60px
  }
}
@media (min-width:992px) {
  .training {
    padding-top: 80px;
    padding-bottom: 90px
  }
}
@media (min-width:1280px) {
  .training {
    border-radius: 50%/20px;
    padding-top: 90px;
    margin-top: -20px;
    margin-bottom: -20px
  }
}
@media (min-width:1440px) {
  .training {
    background-size: auto;
    border-radius: 50%/30px 60px 60px 30px;
    margin-top: -60px;
    margin-bottom: -60px
  }
}
@media (min-width:992px) {
  .training .container {
    max-width: 1390px
  }
}
.training__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 30px
}
@media (min-width:768px) {
  .training__list {
    max-width: 945px;
    display: flex;
    gap: 5px;
    margin: 40px auto 0 auto
  }
}
.training__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 380px;
  min-height: 130px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  border-radius: 24px;
  border-bottom: 4px solid;
  padding: 30px 30px
}
@media (min-width:768px) {
  .training__item {
    max-width: 470px;
    min-height: 175px;
    width: 50%;
    font-size: 18px;
    border-radius: 35px;
    padding: 30px 40px 40px 40px
  }
}
@media (max-width:767px) {
  .training__item {
    margin-right: 30px
  }
}
@media (max-width:374px) {
  .training__item {
    font-size: 14px;
    padding: 25px 20px
  }
}
.training__item--1 {
  background: url(/img/training/bg-item.png) right bottom/auto no-repeat,linear-gradient(to right,#0da793,#13dac9 30%,#13dac9 70%,#0da793);
  border-color: #087262
}
.training__item--1::after {
  content: "";
  position: absolute;
  top: -45px;
  right: -45px;
  width: 78px;
  height: 36px;
  background: url(/img/training/arrow.png) center/contain
}
@media (max-width:767px) {
  .training__item--1::after {
    top: auto;
    right: -50px;
    bottom: 0;
    width: 60px;
    height: 28px;
    transform: rotate(80deg)
  }
}
.training__item--2 {
  color: #fff;
  background: #105bb9;
  border-color: #0c428b;
  box-shadow: 0 40px 40px -30px #0c428b
}
@media (min-width:768px) {
  .training__item--2 {
    font-size: 16px
  }
}
@media (max-width:767px) {
  .training__item--2 {
    margin-top: 25px;
    margin-left: auto
  }
}
.training__item--2 p {
  border-bottom: 1px solid rgba(255,255,255,.21);
  padding-bottom: 15px
}
@media (max-width:374px) {
  .training__item--2 p {
    padding-bottom: 10px
  }
}
.training__item--2 .training__item-text {
  position: relative;
  max-width: 345px;
  padding-right: 90px;
  margin-right: 0
}
@media (min-width:768px) {
  .training__item--2 .training__item-text {
    padding-right: 125px
  }
}
@media (max-width:374px) {
  .training__item--2 .training__item-text {
    padding-right: 70px
  }
}
.training__item--2 .training__item-text::before {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 53px;
  height: 65px;
  background: url(/img/icons/pdf.png) center/contain;
  transform: translateY(-50%)
}
@media (min-width:768px) {
  .training__item--2 .training__item-text::before {
    right: 40px;
    width: 63px;
    height: 77px
  }
}
@media (max-width:374px) {
  .training__item--2 .training__item-text::before {
    width: 41px;
    height: 50px
  }
}
.training__item--2 .training__item-text::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  width: 35px;
  height: 35px;
  background: url(/img/icons/download2.png) center/contain;
  opacity: .24;
  transform: translateY(-45%);
  pointer-events: none;
  z-index: 2
}
@media (min-width:768px) {
  .training__item--2 .training__item-text::after {
    right: 0;
    width: 45px;
    height: 45px
  }
}
@media (max-width:374px) {
  .training__item--2 .training__item-text::after {
    right: -15px;
    width: 28px;
    height: 28px
  }
}
@media (hover:hover) {
  .training__item--2 .training__item-text::after {
    transition: opacity .4s,transform .4s
  }
  .training__item--2:focus-within .training__item-text::after,
  .training__item--2:hover .training__item-text::after {
    opacity: 1;
    transform: translateY(-25%)
  }
}
.training__item-text {
  width: 100%;
  max-width: 300px;
  margin: 0 auto
}
.training__item-text a {
  position: relative;
  display: inline-block;
  color: #6ceed6;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  z-index: 2
}
@media (hover:hover) {
  .training__item-text a:focus-within,
  .training__item-text a:hover {
    color: #fff
  }
}
.training__item-link {
  position: absolute;
  inset: 0;
  z-index: 1
}
.training__item-link::after {
  content: "";
  position: absolute;
  right: -84px;
  bottom: 4px;
  width: 95px;
  height: 132px;
  background: url(/img/training/border-right.png) left bottom/contain
}
@media (min-width:768px) {
  .training__item-link::after {
    width: 116px;
    height: 161px;
    right: -96px;
    bottom: 8px
  }
}
@media (max-width:374px) {
  .training__item-link::after {
    right: -75px;
    width: 85px;
    height: 118px
  }
}
.training__content {
  position: relative;
  margin-top: 50px
}
@media (min-width:992px) {
  .training__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1220px;
    margin: 90px auto 0 auto
  }
}
@media (min-width:1280px) {
  .training__content::before {
    content: "";
    position: absolute;
    top: -115px;
    right: -60px;
    width: 1190px;
    height: 292px;
    background: url(/img/training/pattern.png) center/contain;
    pointer-events: none
  }
}
.training__text {
  position: relative
}
@media (min-width:481px) {
  .training__text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
  }
}
@media (min-width:992px) {
  .training__text {
    max-width: 660px
  }
}
.training__text-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500
}
@media (min-width:481px) {
  .training__text-desc {
    max-width: 200px
  }
}
@media (min-width:768px) {
  .training__text-desc {
    line-height: 24px
  }
}
@media (max-width:480px) {
  .training__text-button {
    margin-top: 15px
  }
}
.training__subtitle {
  font-size: 32px;
  line-height: 1;
  border-bottom: 1px solid #567ca1;
  padding-bottom: 25px;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .training__subtitle {
    font-size: 42px;
    line-height: 1
  }
}
@media (min-width:1280px) {
  .training__subtitle {
    font-size: 48px;
    line-height: 1
  }
}
.training__subtitle-imgs {
  display: inline-flex;
  align-items: center;
  transform: translateY(10px);
  margin-top: -10px
}
@media (min-width:1280px) {
  .training__subtitle-imgs {
    transform: translateY(20px);
    margin-top: -20px
  }
}
.training__subtitle-imgs img {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 4px solid #fff;
  border-radius: 50%
}
@media (min-width:768px) {
  .training__subtitle-imgs img {
    width: 60px;
    height: 60px;
    border-width: 6px
  }
}
@media (min-width:1280px) {
  .training__subtitle-imgs img {
    width: 77px;
    height: 77px
  }
}
.training__subtitle-imgs img + img {
  margin-left: -10px
}
@media (min-width:768px) {
  .training__subtitle-imgs img + img {
    margin-left: -15px
  }
}
@media (min-width:1280px) {
  .training__subtitle-imgs img + img {
    margin-left: -20px
  }
}
.training__block {
  position: relative
}
@media (min-width:481px) {
  .training__block {
    width: 445px
  }
}
@media (min-width:992px) {
  .training__block {
    flex-shrink: 0;
    margin-left: 30px
  }
}
@media (max-width:991px) {
  .training__block {
    margin: 40px auto 0 auto
  }
}
.training__video {
  position: relative;
  width: 100%;
  max-width: 445px;
  margin-top: 15px
}
@media (hover:hover) {
  .training__video .training__video-text {
    transition: background-color .4s,box-shadow .4s
  }
  .training__video .training__video-text::after,
  .training__video .training__video-text::before {
    transition: transform .4s
  }
  .training__video:focus-within .training__video-text,
  .training__video:hover .training__video-text {
    background-color: rgba(16,91,185,.9);
    box-shadow: none
  }
  .training__video:focus-within .training__video-text::after,
  .training__video:focus-within .training__video-text::before,
  .training__video:hover .training__video-text::after,
  .training__video:hover .training__video-text::before {
    transform: translateY(-15px)
  }
}
.training__video-preview {
  position: relative;
  margin: 0
}
.training__video-preview img {
  display: block
}
.training__video-preview img:first-child {
  width: 100%;
  height: auto;
  border-radius: 16px
}
.training__video-preview img:last-child {
  position: absolute;
  left: 55%;
  bottom: 0;
  width: auto;
  max-height: 120%;
  transform: translateX(-50%);
  pointer-events: none
}
.training__video-text {
  position: absolute;
  inset: auto 0 0 0;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: rgba(16,91,185,.74);
  padding: 20px 15px;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 30px 30px -15px #073d80;
  margin-top: auto
}
@media (min-width:481px) {
  .training__video-text {
    min-height: 110px;
    font-size: 16px;
    padding: 25px
  }
}
.training__video-text::after,
.training__video-text::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%
}
@media (min-width:481px) {
  .training__video-text::after,
  .training__video-text::before {
    width: 76px;
    height: 76px
  }
}
.training__video-text::before {
  top: -47px;
  left: 18px;
  background-color: #0259e4
}
@media (min-width:481px) {
  .training__video-text::before {
    top: -61px;
    left: 34px
  }
}
.training__video-text::after {
  top: -50px;
  left: 15px;
  background: url(/img/icons/play.png) center/cover
}
@media (min-width:481px) {
  .training__video-text::after {
    top: -61px;
    left: 34px
  }
}
@media (min-width:768px) {
  .training__video-title {
    font-size: 30px
  }
}
@media (max-width:480px) {
  .training__video-title {
    font-size: 18px
  }
}
.training__video-link {
  position: absolute;
  inset: 0
}
.start {
  position: relative;
  background-color: #cee0f3;
  padding-top: 40px;
  padding-bottom: 40px
}
@media (min-width:768px) {
  .start {
    height: 1000px;
    padding-bottom: 0
  }
}
@media (min-width:1280px) {
  .start {
    padding-top: 80px
  }
}
@media (min-width:1440px) {
  .start {
    height: 1040px;
    padding-top: 140px
  }
}
.start::before {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  background: url(/img/start/bg.jpg) center/cover no-repeat;
  transform: translateX(-50%)
}
@media (min-width:768px) {
  .start::before {
    width: 1588px;
    height: 860px;
    background-image: url(/img/start/bg.jpg)
  }
}
@media (min-width:1280px) {
  .start::before {
    width: 1920px;
    height: 1040px
  }
}
@media (min-width:1921px) {
  .start::before {
    -webkit-mask-image: linear-gradient(to right,transparent,#cee0f3 10%,#cee0f3 90%,transparent);
    mask-image: linear-gradient(to right,transparent,#cee0f3 10%,#cee0f3 90%,transparent)
  }
}
@media (max-width:767px) {
  .start::before {
    width: 775px;
    height: 1040px;
    background-image: url(/img/start/bg-mobile.jpg)
  }
}
.start .container {
  position: relative
}
@media (min-width:992px) {
  .start .container {
    max-width: 1300px
  }
}
@media (min-width:1280px) {
  .start__header {
    max-width: 500px
  }
}
.start__title {
  margin-bottom: 20px
}
@media (min-width:1280px) {
  .start__title {
    font-size: 40px;
    line-height: 48px
  }
}
@media (max-width:480px) {
  .start__title {
    font-size: 30px
  }
}
.start__subtitle {
  padding-left: 40px
}
@media (min-width:768px) {
  .start__subtitle {
    padding-left: 80px
  }
}
@media (max-width:480px) {
  .start__subtitle {
    font-size: 18px;
    padding-left: 30px
  }
}
.start__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 220px
}
@media (min-width:768px) {
  .start__list {
    max-width: 1100px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 330px auto 0 auto
  }
}
@media (min-width:1280px) {
  .start__list {
    margin-top: 60px;
    margin: 120px 50px 0 auto
  }
}
@media (min-width:1440px) {
  .start__list {
    margin-top: 60px
  }
}
.start__item {
  width: 100%;
  font-weight: 500;
  border-radius: 20px
}
@media (min-width:768px) {
  .start__item {
    font-size: 16px;
    line-height: 1.2;
    border-radius: 33px
  }
}
.start__item:first-child {
  max-width: 370px;
  background-color: rgba(255,255,255,.76);
  padding: 30px 20px
}
@media (min-width:768px) {
  .start__item:first-child {
    max-width: 370px;
    padding: 35px 45px 50px 45px
  }
  .start__item:first-child .start__item-title {
    margin-right: -45px
  }
}
.start__item:last-child {
  max-width: 335px;
  color: #fff;
  background: url(/img/start/bg-item.jpg) center/cover,#0eaf9b;
  padding: 30px 20px
}
@media (min-width:768px) {
  .start__item:last-child {
    min-height: 420px;
    line-height: 24px;
    padding: 30px 35px 50px 45px;
    margin-top: -50px
  }
}
@media (min-width:1280px) {
  .start__item:last-child {
    margin-top: -115px
  }
}
@media (max-width:767px) {
  .start__item:last-child {
    margin-top: 30px
  }
}
@media (max-width:767px) {
  .start__item p + p {
    margin-top: 10px
  }
}
.start__item-title {
  margin-bottom: 15px
}
@media (min-width:768px) {
  .start__item-title {
    font-size: 30px;
    margin-bottom: 25px
  }
}
.map {
  position: relative;
  color: #fff;
  background-color: #1b293a;
  padding-top: 100px;
  padding-bottom: 60px
}
@media (min-width:768px) {
  .map {
    padding-top: 50px
  }
  .map::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(40% 50% at right center,rgba(16,101,183,.84),transparent),radial-gradient(60% 55% at 50% 45%,rgba(18,210,192,.84),transparent)
  }
}
@media (min-width:992px) {
  .map {
    padding-top: 70px;
    padding-bottom: 90px
  }
}
@media (min-width:1440px) {
  .map {
    padding-top: 90px
  }
}
.map::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 870px;
  height: 960px
}
.map .container {
  position: relative;
  z-index: 1
}
@media (min-width:992px) {
  .map .container {
    max-width: 1260px
  }
}
.map__bg {
  position: absolute;
  inset: 0 0 auto 0;
  -webkit-mask-image: linear-gradient(to bottom,#1b293a 90%,transparent);
  mask-image: linear-gradient(to bottom,#1b293a 90%,transparent)
}
@media (min-width:768px) {
  .map__bg {
    top: 70px;
    -webkit-mask-image: linear-gradient(to bottom,transparent,#1b293a 10%,#1b293a 90%,transparent);
    mask-image: linear-gradient(to bottom,transparent,#1b293a 10%,#1b293a 90%,transparent)
  }
}
.map__bg img {
  display: block;
  width: 770px;
  height: auto;
  opacity: .28
}
@media (min-width:768px) {
  .map__bg img {
    width: 100%
  }
}
@media (min-width:1201px) {
  .map__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
  }
}
.map__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500
}
@media (min-width:768px) {
  .map__text {
    max-width: 900px;
    font-size: 18px;
    line-height: 24px
  }
}
@media (min-width:1201px) {
  .map__text {
    max-width: 600px
  }
}
.map__title {
  font-size: 48px;
  line-height: 1;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .map__title {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 25px
  }
}
@media (min-width:992px) {
  .map__title {
    font-size: 72px;
    line-height: 60px
  }
}
@media (max-width:374px) {
  .map__title {
    font-size: 42px
  }
}
.map__title span {
  color: #0eaf9b
}
.map__flag {
  position: relative;
  min-height: 100px;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 100px;
  margin-top: 30px
}
@media (min-width:481px) {
  .map__flag {
    max-width: 560px;
    min-height: 120px;
    font-size: 16px;
    line-height: 1.2;
    padding-left: 140px
  }
}
@media (min-width:768px) {
  .map__flag {
    margin-top: 45px
  }
}
.map__flag::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 86px;
  height: 120px;
  background: url(/img/map/flag.png) center/contain
}
@media (min-width:481px) {
  .map__flag::before {
    top: -20px;
    width: 111px;
    height: 155px
  }
}
.map__info {
  padding-top: 40px
}
@media (min-width:768px) {
  .map__info {
    max-width: 900px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: auto;
    padding-top: 50px
  }
}
@media (min-width:1201px) {
  .map__info {
    width: 100%;
    max-width: 620px;
    padding-top: 25px;
    margin-left: 25px
  }
}
@media (min-width:1440px) {
  .map__info {
    margin-right: -80px
  }
}
.map__list {
  list-style: none;
  padding: 0;
  margin: 0
}
@media (min-width:1201px) {
  .map__list {
    width: 300px;
    padding-top: 15px
  }
}
.map__item {
  font-size: 16px;
  line-height: 18px;
  color: #9ffff3;
  border-top: 1px solid rgba(251,251,251,.38);
  padding-top: 25px
}
@media (min-width:768px) {
  .map__item {
    padding-right: 5px
  }
}
@media (min-width:1440px) {
  .map__item {
    padding-top: 45px
  }
}
.map__item + .map__item {
  margin-top: 40px
}
.map__item-title {
  font-weight: 700;
  color: #fff;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .map__item-title {
    margin-bottom: 20px
  }
}
.map__item-title span {
  display: inline-block;
  font-size: 40px;
  line-height: 1;
  margin-top: -15px
}
.map__img {
  position: relative;
  width: 275px;
  border-radius: 33px;
  overflow: hidden
}
@media (min-width:768px) {
  .map__img {
    flex-shrink: 0;
    margin-left: 25px
  }
}
@media (max-width:767px) {
  .map__img {
    margin-top: 35px
  }
}
.map__img::after {
  content: url(/img/map/pattern-img.png);
  position: absolute;
  top: 0;
  right: 0
}
.map__img img {
  display: block;
  width: 100%;
  height: auto
}
.map__subtitle {
  position: relative;
  margin-top: 60px
}
.map__company {
  font-weight: 500;
  color: #111613;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 15px 20px 25px
}
.map__company-scroll {
  max-height: 250px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 20px
}
.map__company-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px
}
.map__company-scroll::-webkit-scrollbar-thumb {
  background: #11cbb9
}
.map__company-columns {
  display: flex;
  align-items: flex-start
}
.map__company-columns .map__company-column {
  width: 200px
}
.map__company-columns .map__company-column + .map__company-column {
  margin-left: 20px
}
.map__company-columns .map__company-item:last-child {
  padding-bottom: 10px
}
.map__company-location {
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  background-color: #cadbea;
  border-radius: 8px;
  padding: 5px 10px;
  margin-bottom: 15px
}
.map__company-column {
  width: 260px
}
.map__company-item {
  font-size: 12px;
  line-height: 1.2;
  color: #5f7992
}
.map__company-item + .map__company-item {
  margin-top: 25px
}
.map__company-item p + p {
  margin-top: 5px
}
.map__company-item ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px
}
.map__company-item ul:last-child {
  margin-bottom: 0
}
.map__company-item ul:first-child {
  margin-top: 0
}
.map__company-item ul li {
  position: relative;
  padding-left: 15px
}
.map__company-item ul li::before {
  content: "—";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  line-height: 1.2
}
.map__company-title {
  font-size: 13px;
  font-weight: 700;
  color: #111613;
  text-transform: uppercase;
  margin-bottom: 10px
}
.map__company-title + .map__company-city {
  margin-top: -5px
}
.map__company-city {
  color: #111613;
  margin-bottom: 10px
}
.map__company-city:last-child {
  margin-bottom: 0
}
@media (min-width:768px) {
  .map__slider {
    display: none
  }
}
@media (max-width:767px) {
  .map__slider {
    max-width: 600px;
    overflow: visible;
    padding: 0 10px;
    margin-top: 30px
  }
  .map__slider .swiper-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
  }
  .map__slider .swiper-button--next {
    right: -10px
  }
  .map__slider .swiper-button--prev {
    left: -10px
  }
}
.map__scroll {
  position: relative;
  height: 956px;
  margin: -380px -250px -220px -130px
}
@media (min-width:768px) {
  .map__scroll {
    margin-top: -150px
  }
}
@media (min-width:768px) and (max-width:1439px) {
  .map__scroll {
    overflow: scroll
  }
  .map__scroll::-webkit-scrollbar {
    height: 0;
    width: 0;
    background: 0 0
  }
}
.map__transform {
  position: relative;
  width: 1705px;
  height: 100%;
  transition: transform 1s;
  pointer-events: none
}
.map__view {
  display: block;
  width: 100%;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.map__point {
  position: absolute;
  pointer-events: auto
}
@media (min-width:768px) {
  .map__point .map__company {
    position: absolute;
    left: -50px;
    bottom: 110%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s,visibility .4s;
    z-index: 1
  }
  .map__point .map__company::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 57px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
  }
  .map__point--open .map__point-button::before {
    opacity: 1;
    transform: scale(1)
  }
  .map__point--open .map__point-button::after {
    background-color: #172add
  }
  .map__point--open .map__company {
    opacity: 1;
    visibility: visible
  }
}
@media (max-width:767px) {
  .map__point .map__company {
    display: none
  }
  .map__point--active .map__point-button::before {
    opacity: 1;
    transform: scale(1)
  }
  .map__point--active .map__point-button::after {
    background-color: #172add
  }
}
.map__point-button {
  position: relative;
  width: 33px;
  height: 33px;
  border: 10px solid rgba(58,219,216,.49);
  border-radius: 50%
}
.map__point-button::before {
  content: "";
  position: absolute;
  inset: -16px;
  background-color: rgba(23,42,221,.36);
  border-radius: 50%;
  opacity: 0;
  transform-origin: center;
  transform: scale(0);
  transition: transform .4s,opacity .4s
}
.map__point-button::after {
  content: "";
  position: relative;
  display: block;
  width: 13px;
  height: 13px;
  background-color: #17ddda;
  border: 3px solid #fff;
  border-radius: 50%;
  transition: background-color .4s;
  box-shadow: 1px 2px 0 0 rgba(22,71,82,.47),2px 3px 10px 2px rgba(22,71,82,.47)
}
@media (hover:hover) {
  .map__point-button:focus-visible::before,
  .map__point-button:hover::before {
    opacity: 1;
    transform: scale(1)
  }
  .map__point-button:focus-visible::after,
  .map__point-button:hover::after {
    background-color: #172add
  }
  .map__point-button:focus-visible + .map__company,
  .map__point-button:hover + .map__company {
    opacity: 1;
    visibility: visible
  }
}
.interview {
  position: relative;
  color: #fff;
  background-color: #0c2637;
  overflow: hidden
}
.interview .container {
  position: relative;
  padding-top: 40px;
  padding-bottom: 30px
}
@media (min-width:768px) {
  .interview .container {
    min-height: 550px;
    padding-top: 50px
  }
}
@media (min-width:992px) {
  .interview .container {
    display: flex;
    justify-content: space-between;
    max-width: 1270px;
    min-height: 624px;
    padding-top: 75px;
    padding-bottom: 90px
  }
}
.interview__img {
  position: absolute;
  inset: 0
}
@media (min-width:1440px) {
  .interview__img::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -40px;
    width: 438px;
    height: 955px;
    background: url(/img/interview/bg-pattern.png) right bottom/auto
  }
}
.interview__img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,rgba(11,38,56,.5) 50%,transparent 80%)
}
@media (min-width:768px) {
  .interview__img::after {
    background: linear-gradient(to bottom,rgba(11,38,56,.9),rgba(11,38,56,.3) 85px,transparent 85px),linear-gradient(to right,rgba(11,38,56,.5) 50%,transparent 80%)
  }
}
.interview__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top
}
@media (min-width:2221px) {
  .interview__img img {
    -o-object-position: center -30px;
    object-position: center -30px
  }
}
.interview__text {
  position: relative;
  z-index: 1
}
@media (min-width:768px) and (max-width:991px) {
  .interview__text {
    max-width: 800px;
    font-size: 16px;
    line-height: 24px;
    padding-right: 250px
  }
}
@media (min-width:992px) {
  .interview__text {
    max-width: 660px
  }
}
.interview__title {
  position: relative;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .interview__title {
    margin-bottom: 20px
  }
}
@media (min-width:992px) {
  .interview__title {
    line-height: 48px;
    margin-bottom: 25px
  }
}
.interview__title::before {
  content: "";
  position: absolute;
  left: -30px;
  bottom: -40px;
  width: 60px;
  height: 55px;
  background: url(/img/icons/quotes.png) center/contain;
  opacity: .45;
  z-index: -1
}
@media (min-width:768px) {
  .interview__title::before {
    left: -35px;
    bottom: -45px;
    width: 70px;
    height: 64px
  }
}
@media (min-width:992px) {
  .interview__title::before {
    left: -75px;
    bottom: -65px;
    width: 88px;
    height: 81px
  }
}
.interview__desc {
  font-weight: 500
}
@media (min-width:768px) and (max-width:991px) {
  .interview__desc {
    font-size: 16px;
    line-height: 24px
  }
}
@media (min-width:992px) {
  .interview__desc {
    font-size: 18px;
    line-height: 30px
  }
}
@media (max-width:991px) {
  .interview__desc {
    display: -webkit-box;
    height: 72px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
  }
}
@media (max-width:767px) {
  .interview__desc {
    height: 54px
  }
}
.interview__button {
  margin-top: 20px
}
@media (min-width:768px) {
  .interview__button {
    margin-top: 30px
  }
}
.interview__info {
  width: 100%;
  max-width: 250px;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  background: url(/img/interview/bg-info.jpg) center top/cover,#0eaf9b;
  border-radius: 33px;
  padding: 20px;
  margin-top: 100px
}
@media (min-width:481px) {
  .interview__info {
    max-width: 345px;
    min-height: 145px;
    padding: 30px 35px
  }
}
@media (min-width:768px) {
  .interview__info {
    background-color: rgba(36,36,36,.79);
    margin-top: 40px
  }
}
@media (min-width:992px) {
  .interview__info {
    flex-shrink: 0;
    align-self: flex-end;
    margin-left: 25px;
    margin-top: 0
  }
}
@media (min-width:1501px) {
  .interview__info {
    margin-right: -50px
  }
}
.interview__info h2 {
  margin-bottom: 10px
}
@media (min-width:768px) {
  .interview__info h2 {
    font-size: 30px;
    margin-bottom: 15px
  }
}
@media (max-width:480px) {
  .interview__info h2 {
    font-size: 22px
  }
}
.organizers {
  position: relative;
  background: url(/img/organizers/bg.jpg) top center/cover,#e7f1fb;
  border-bottom-left-radius: 50% 30px;
  border-bottom-right-radius: 50% 30px;
  padding-top: 40px;
  padding-bottom: 140px;
  z-index: 1
}
@media (min-width:768px) {
  .organizers {
    padding-top: 50px;
    padding-bottom: 180px
  }
}
@media (min-width:992px) {
  .organizers {
    padding-bottom: 200px
  }
}
@media (min-width:1440px) {
  .organizers {
    border-bottom-left-radius: 50% 50px;
    border-bottom-right-radius: 50% 50px;
    padding-bottom: 255px
  }
}
@media (min-width:1701px) {
  .organizers {
    border-bottom-left-radius: 50% 105px;
    border-bottom-right-radius: 50% 105px
  }
}
.organizers::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -60px;
  width: 140px;
  height: 296px;
  background: url(/img/organizers/flask.png) center/contain
}
@media (min-width:375px) {
  .organizers::after {
    right: -70px;
    width: 163px;
    height: 345px
  }
}
@media (min-width:768px) {
  .organizers::after {
    right: -80px;
    bottom: -80px;
    width: 200px;
    height: 423px
  }
}
@media (min-width:1440px) {
  .organizers::after {
    right: -100px;
    bottom: -160px;
    width: 240px;
    height: 508px
  }
}
@media (min-width:1701px) {
  .organizers::after {
    right: 5%
  }
}
@media (min-width:1901px) {
  .organizers::after {
    right: 10%
  }
}
@media (min-width:992px) {
  .organizers .container {
    max-width: 1400px
  }
}
@media (min-width:768px) {
  .organizers__title {
    font-size: 30px
  }
}
.organizers__list {
  display: grid;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 20px;
  padding: 0 5px;
  margin-top: 30px
}
@media (min-width:375px) {
  .organizers__list {
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    padding: 0 15px
  }
}
@media (min-width:768px) {
  .organizers__list {
    grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 30px;
    margin-top: 40px
  }
}
@media (min-width:992px) {
  .organizers__list {
    max-width: 1350px;
    margin-top: 50px
  }
}
@media (min-width:1440px) {
  .organizers__list {
    margin-top: 75px
  }
}
.organizers__item {
  display: block;
  width: 100%;
  max-width: 500px;
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 430/155;
  background-color: #fff;
  border: 1px solid #cad8e4;
  text-decoration: none;
  border-radius: 12px
}
.organizers__item img {
  display: block;
  width: 90%;
  max-width: 330px;
  height: auto
}
.faq {
  position: relative;
  background-color: #f8f7f5;
  padding-top: 40px;
  padding-bottom: 50px
}
@media (min-width:768px) {
  .faq {
    padding-top: 50px;
    padding-bottom: 60px
  }
}
@media (min-width:992px) {
  .faq {
    padding-top: 80px;
    padding-bottom: 90px
  }
}
@media (min-width:1440px) {
  .faq {
    padding-top: 100px;
    padding-bottom: 100px
  }
}
@media (min-width:1801px) {
  .faq {
    border-bottom-left-radius: 50% 30px;
    border-bottom-right-radius: 50% 30px;
    margin-bottom: -30px
  }
}
@media (min-width:992px) {
  .faq .container {
    max-width: 1380px
  }
}
@media (min-width:768px) {
  .faq__title {
    font-size: 30px
  }
}
.faq__list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: faq-list;
  margin-top: 30px
}
@media (min-width:768px) {
  .faq__list {
    margin-top: 40px
  }
}
@media (min-width:992px) {
  .faq__list {
    max-width: 1115px;
    margin: 50px auto 0 auto
  }
}
@media (min-width:1440px) {
  .faq__list {
    margin-top: 70px
  }
}
.faq__item + .faq__item {
  margin-top: 25px
}
@media (hover:none) {
  .faq__item {
    border-radius: 22px;
    box-shadow: 3px 5px 0 0 #cbe0f2,0 25px 40px -30px #819fc5
  }
}
.faq__item.accordion--open .faq__item-button {
  background-color: #b3d2e8;
  box-shadow: none;
  border-radius: 22px 22px 0 0;
  transition: background-color .4s,border-radius 0s,box-shadow .4s
}
.faq__item.accordion--open .faq__item-button::before {
  color: #fff
}
@media (max-width:767px) {
  .faq__item.accordion--open .faq__item-button::before {
    color: rgba(255,255,255,.52)
  }
}
.faq__item.accordion--open .faq__item-button::after {
  content: "_";
  line-height: 14px;
  color: #111613;
  background-color: #fff
}
@media (min-width:768px) {
  .faq__item.accordion--open .faq__item-button::after {
    line-height: 20px
  }
}
@media (hover:hover) {
  .faq__item.accordion--open .faq__item-button:focus-visible::after,
  .faq__item.accordion--open .faq__item-button:hover::after {
    color: #fff;
    background-color: #115fc0
  }
}
@media (min-width:768px) and (max-width:991px) {
  .faq__item-message {
    font-size: 22px
  }
}
@media (max-width:767px) {
  .faq__item-message {
    font-size: 18px
  }
}
.faq__item-button {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 80px;
  font-weight: 500;
  background-color: #e9f1f8;
  text-align: left;
  border-radius: 22px;
  padding: 45px 20px 20px 20px
}
@media (min-width:768px) {
  .faq__item-button {
    min-height: 110px;
    padding: 20px 40px 20px 30px
  }
}
@media (min-width:992px) {
  .faq__item-button {
    min-height: 135px;
    padding-left: 70px;
    padding-right: 65px
  }
}
@media (max-width:767px) {
  .faq__item-button {
    position: relative;
    z-index: 1
  }
}
.faq__item-button::before {
  counter-increment: faq-list;
  content: counter(faq-list,decimal-leading-zero);
  font-size: 50px;
  line-height: 1;
  color: #b9d6eb;
  transition: color .4s
}
@media (min-width:768px) {
  .faq__item-button::before {
    min-width: 70px;
    margin-right: 20px
  }
}
@media (min-width:992px) {
  .faq__item-button::before {
    min-width: 90px;
    font-size: 60px;
    margin-right: 35px
  }
}
@media (max-width:767px) {
  .faq__item-button::before {
    position: absolute;
    top: 10px;
    left: 15px;
    color: rgba(185,214,235,.52);
    z-index: -1
  }
}
.faq__item-button::after {
  content: "+";
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  color: #fff;
  background-color: #b6d6ee;
  border-radius: 50%;
  text-align: center;
  transition: color .4s,background-color .4s;
  margin-left: 15px
}
@media (min-width:768px) {
  .faq__item-button::after {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 42px;
    margin-left: auto
  }
}
@media (hover:hover) {
  .faq__item-button {
    box-shadow: none;
    transition: background-color .4s,border-radius 0s .4s,box-shadow .4s .4s
  }
  .faq__item-button:focus-visible,
  .faq__item-button:hover {
    box-shadow: 5px 5px 0 0 #cbe0f2,0 25px 40px -30px #819fc5
  }
  .faq__item-button:focus-visible::after,
  .faq__item-button:hover::after {
    background-color: #115fc0
  }
}
.faq__item-answer {
  display: none;
  background-color: #b3d2e8;
  border-radius: 0 0 22px 22px;
  padding: 0 20px 30px 20px
}
@media (min-width:768px) {
  .faq__item-answer {
    padding: 0 40px 40px 40px
  }
}
@media (min-width:992px) {
  .faq__item-answer {
    padding: 0 65px 60px 80px;
    margin-top: -15px
  }
}
.faq__item-text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  border-top: 1px solid #e9f1f8;
  padding-top: 15px
}
@media (min-width:768px) {
  .faq__item-text {
    font-size: 16px;
    line-height: 24px;
    padding-top: 35px
  }
}
.registration {
  background-color: #e7f1f9
}
@media (min-width:768px) {
  .registration {
    background: url(/img/registration/bg-right.jpg) right bottom/auto no-repeat,#e7f1f9;
    overflow: hidden
  }
}
@media (min-width:1801px) {
  .registration {
    background: url(/img/registration/bg-left.png) left top/auto 100% no-repeat,url(/img/registration/bg-right.jpg) right bottom/auto no-repeat,#e7f1f9
  }
}
@media (max-width:767px) {
  .registration {
    background: url(/img/registration/bg-left-mobile.png) left top/auto no-repeat #e7f1f9
  }
}
.registration .container {
  position: relative;
  padding-top: 40px;
  padding-bottom: 50px
}
@media (min-width:768px) and (max-width:1800px) {
  .registration .container::before {
    content: "";
    position: absolute;
    inset: -20px 250px 0 auto;
    width: 1000px;
    background: url(/img/registration/bg-left.png) left top/auto 100% no-repeat
  }
}
@media (min-width:768px) and (max-width:991px) {
  .registration .container::before {
    right: 140px
  }
}
@media (min-width:992px) and (max-width:1440px) {
  .registration .container::before {
    right: 220px
  }
}
@media (min-width:768px) {
  .registration .container {
    max-width: 690px;
    padding-top: 50px;
    padding-bottom: 60px
  }
}
@media (min-width:992px) {
  .registration .container {
    max-width: 690px;
    padding-top: 80px;
    padding-bottom: 90px
  }
}
@media (min-width:1440px) {
  .registration .container {
    max-width: 690px;
    padding-top: 110px;
    padding-bottom: 110px
  }
}
@media (max-width:767px) {
  .registration .container {
    padding-left: 60px
  }
}
.registration__header {
  font-weight: 500
}
.registration__title {
  margin-bottom: 10px
}
.registration__form {
  margin-top: 35px
}
.documents {
  padding-top: 40px;
  padding-bottom: 50px
}
@media (min-width:768px) {
  .documents {
    padding-top: 50px;
    padding-bottom: 60px
  }
}
@media (min-width:992px) {
  .documents {
    padding-top: 80px;
    padding-bottom: 90px
  }
}
@media (min-width:1440px) {
  .documents {
    padding-bottom: 115px
  }
}
@media (min-width:992px) {
  .documents .container {
    max-width: 1380px
  }
}
.documents__title {
  margin-bottom: 15px
}
@media (min-width:768px) {
  .documents__title {
    font-size: 30px
  }
}
.documents__title:last-child {
  margin-bottom: 0
}
.documents__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 30px
}
@media (min-width:768px) {
  .documents__list {
    margin-top: 40px
  }
}
@media (min-width:992px) {
  .documents__list {
    max-width: 1330px;
    margin-top: 50px
  }
}
@media (min-width:1440px) {
  .documents__list {
    margin-top: 70px
  }
}
.documents__list--lvl2 {
  margin-top: 30px
}
@media (min-width:992px) {
  .documents__list--lvl2 {
    margin-top: 50px
  }
}
.documents__list--lvl2 .documents__item + .documents__item {
  margin-top: 20px
}
@media (hover:none) {
  .documents__list--lvl2 .documents__item {
    border-radius: 0;
    box-shadow: none
  }
}
.documents__item + .documents__item {
  margin-top: 20px
}
@media (min-width:768px) {
  .documents__item + .documents__item {
    margin-top: 30px
  }
}
@media (hover:none) {
  .documents__item {
    border-radius: 22px;
    box-shadow: 3px 5px 0 0 #cbe0f2,0 25px 40px -30px #819fc5
  }
}
.documents__item.accordion--open > h3 > .documents__item-button {
  background-color: #d5ebff;
  box-shadow: none;
  border-radius: 22px 22px 0 0;
  transition: background-color .4s,border-radius 0s,box-shadow .4s
}
.documents__item.accordion--open > h3 > .documents__item-button::after {
  content: "_";
  line-height: 14px;
  color: #111613;
  background-color: #fff
}
@media (min-width:768px) {
  .documents__item.accordion--open > h3 > .documents__item-button::after {
    line-height: 20px
  }
}
@media (hover:hover) {
  .documents__item.accordion--open > h3 > .documents__item-button:focus-visible::after,
  .documents__item.accordion--open > h3 > .documents__item-button:hover::after {
    color: #fff;
    background-color: #115fc0
  }
}
@media (max-width:767px) {
  .documents__item-category {
    font-size: 18px
  }
}
.documents__item-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 80px;
  width: 100%;
  font-weight: 500;
  background-color: #e9f1f8;
  border-radius: 22px;
  text-align: left;
  transition: background-color .4s,border-radius 0s .4s;
  padding: 20px
}
@media (min-width:768px) {
  .documents__item-button {
    min-height: 110px;
    padding-left: 40px;
    padding-right: 40px
  }
}
@media (min-width:992px) {
  .documents__item-button {
    min-height: 135px;
    padding-left: 90px;
    padding-right: 65px
  }
}
.documents__item-button::after {
  content: "+";
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  color: #fff;
  background-color: #b6d6ee;
  border-radius: 50%;
  text-align: center;
  transition: color .4s,background-color .4s;
  margin-left: 15px
}
@media (min-width:768px) {
  .documents__item-button::after {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 42px;
    margin-left: 25px
  }
}
@media (hover:hover) {
  .documents__item-button {
    box-shadow: none;
    transition: background-color .4s,border-radius 0s .4s,box-shadow .4s .4s
  }
  .documents__item-button:focus-visible,
  .documents__item-button:hover {
    box-shadow: 5px 5px 0 0 #cbe0f2,0 25px 40px -30px #819fc5
  }
  .documents__item-button:focus-visible::after,
  .documents__item-button:hover::after {
    background-color: #115fc0
  }
}
.documents__item-content {
  display: none;
  background-color: #d5ebff;
  border-radius: 0 0 22px 22px;
  padding: 0 20px 40px 20px
}
@media (min-width:768px) {
  .documents__item-content {
    padding: 0 40px 60px 40px
  }
}
@media (min-width:992px) {
  .documents__item-content {
    padding: 25px 65px 110px 90px
  }
}
.documents__item-text {
  max-width: 975px;
  font-weight: 500;
  border-top: 1px solid #b3cbe0;
  padding-top: 25px
}
@media (min-width:768px) {
  .documents__item-text {
    line-height: 24px;
    padding-top: 30px
  }
}
@media (min-width:992px) {
  .documents__item-text {
    padding-top: 45px
  }
}
.documents__item-text h3 {
  margin-bottom: 15px
}
@media (min-width:768px) {
  .documents__item-text h3 {
    margin-bottom: 20px
  }
}
@media (min-width:992px) {
  .documents__item-text h3 {
    margin-bottom: 25px
  }
}
.page {
  position: inherit
}
/*# sourceMappingURL=maps/style.css.map */