@font-face {
  font-family: Futura;
  src: url('../fonts/FuturaPT-Book.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Futura;
  src: url('../fonts/FuturaPT-ExtraBold.woff') format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Futura;
  src: url('../fonts/FuturaPT-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --blue--100: #d8e4ff;
  --black: black;
  --blue--400: #3a77ff;
  --white: white;
  --none: transparent;
}

body {
  background-color: var(--blue--100);
  color: var(--black);
  font-family: Futura, Arial, sans-serif;
  font-size: 1.11111vw;
  font-weight: 400;
  line-height: 1.3;
}

p {
  margin-bottom: 0;
}

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

.header-row {
  background-color: var(--blue--100);
  text-align: center;
  text-transform: uppercase;
  padding: .1em;
  font-size: 8.5em;
  font-weight: 700;
  line-height: .8;
}

.header-row.is-flex {
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.header-title.is-human {
  z-index: 99;
  padding-bottom: 1em;
  position: sticky;
  top: 0;
}

.header-title.is-war {
  position: relative;
}

.header-title-letter {
  display: inline-block;
}

.header-divider {
  background-color: var(--black);
  height: 1px;
  margin-bottom: 1em;
}

.header-logo {
  width: 10em;
  display: block;
}

.p-16px {
  font-size: 1em;
  font-weight: 700;
}

.p-16px.is-button {
  pointer-events: none;
}

.button {
  background-color: var(--blue--400);
  color: var(--white);
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 1.4em;
  line-height: 1;
  position: relative;
}

.button:hover {
  box-shadow: -.3em .3em 0 0 var(--black);
  top: -.3em;
  left: .3em;
}

.button.is-white {
  background-color: var(--white);
  color: var(--blue--400);
}

.header-bottom {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section.is-blue {
  background-color: var(--blue--400);
}

.container {
  padding-top: 10em;
  padding-bottom: 10em;
}

.container.is-no-top {
  padding-top: 0;
}

.container.is-footer {
  padding-top: 3em;
  padding-bottom: 3em;
}

.wrapper {
  max-width: 61em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.layout {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  display: grid;
}

.layout.is-3col {
  grid-column-gap: 6em;
  grid-row-gap: 6em;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start;
}

.layout.is-3col.is-partners {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.layout.is-3col.is-program {
  grid-column-gap: 11em;
  grid-row-gap: 2em;
}

.title {
  text-align: center;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 2.625em;
  font-weight: 700;
}

.p-lead {
  font-size: 1.2em;
  font-weight: 700;
}

.margin-t-60px {
  margin-top: 3.75em;
}

.margin-t-40px {
  margin-top: 2.5em;
}

.margin-t--40px {
  margin-top: -2.5em;
}

.speaker {
  width: 100%;
}

.p-base {
  font-size: 1em;
}

.p-base.is-caps {
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700;
}

.p-base.is-time {
  position: absolute;
  inset: 0% auto auto -1em;
  transform: translate(-100%);
}

.speaker-photo {
  opacity: .94;
  object-fit: cover;
  width: 100%;
  height: 20em;
  margin-bottom: 1.5em;
}

.speaker-photo.is-hartia {
  object-fit: contain;
}

.partner {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
}

.partner:hover {
  box-shadow: -.3em .3em 0 0 var(--black);
  top: -.3em;
  left: .3em;
}

.partner-status {
  opacity: .6;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: .9em;
  position: absolute;
  inset: .4em auto auto .4em;
}

.button-place {
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 6em;
  padding-top: 4em;
  display: flex;
}

.program-item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  font-weight: 700;
  display: flex;
  position: relative;
}

.program-item.is-second {
  margin-top: 2.875em;
}

.program-item.is-second.is-2 {
  margin-top: 8em;
}

.program-item.is-third {
  margin-top: 5.75em;
}

.program-item.is-third.is-3 {
  margin-top: 10em;
}

.margin-t-10px {
  margin-top: .625em;
}

.program-info {
  position: relative;
}

.program-icon-box {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  justify-content: flex-start;
  align-items: flex-start;
  height: 3em;
  display: flex;
  position: absolute;
  inset: -1em auto auto 0%;
  transform: translate(0, -100%);
}

.margin-t-80px {
  margin-top: 5em;
}

.header-image {
  width: 98%;
  position: absolute;
  inset: auto auto 0% 1%;
}

.button-mask-tbx {
  z-index: 999;
  position: absolute;
  inset: 0%;
}

.tbx-modal {
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.program-icon {
  height: 100%;
}

.partner-logo {
  object-fit: contain;
  height: 60%;
}

.p-47px {
  font-size: 2.9375em;
}

.p-47px.is-footer-title {
  text-align: center;
  width: 100%;
  font-weight: 600;
}

.social-button {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  display: flex;
}

.social-button:hover {
  background-color: #de2a2c;
}

.social-button.is-mail {
  color: #7462e3;
  border: 1px solid #7462e3;
}

.social-button.is-mail:hover {
  color: #edede4;
  background-color: #7462e3;
}

.social-button.is-tg {
  background-color: #009eeb;
}

.social-button.is-fb {
  background-color: #3f51b5;
}

.social-button.is-ig {
  background-image: url('../images/ig_1ig.webp');
  background-position: 50%;
  background-size: cover;
}

.social-button.is-twitter {
  background-color: #040404;
}

.social-button.is-yt {
  background-color: red;
}

.social-button-text {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: 1;
  position: relative;
  top: .07em;
}

.social-button-text.is-x {
  color: var(--white);
}

.footer-contacts {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.footer-logo {
  width: 21.875em;
  margin-top: 4em;
  display: flex;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 2.08333vw;
  }

  .header-row {
    font-size: 4.5em;
  }

  .layout.is-3col {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .title {
    font-size: 2em;
  }

  .speaker-photo {
    height: 15em;
  }

  .footer-contacts {
    margin-top: 5em;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 2.8169vw;
  }

  .header-row {
    font-size: 3.27em;
  }

  .container {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .title {
    font-size: 1.7em;
  }

  .p-47px.is-footer-title {
    font-size: 2.1em;
  }

  .social-button {
    width: 5em;
    height: 5em;
  }

  .social-button-text {
    font-size: 1.3em;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 5vw;
  }

  .header-row {
    font-size: 1.75em;
  }

  .header-logo {
    width: 7em;
  }

  .p-16px.is-button {
    font-size: .8em;
  }

  .button {
    padding: .9em .6em;
  }

  .layout {
    grid-template-columns: 1fr;
    display: block;
  }

  .layout.is-3col {
    grid-column-gap: 2em;
    grid-row-gap: 3em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .layout.is-3col.is-partners {
    grid-row-gap: 1em;
    grid-template-columns: 1fr 1fr;
  }

  .layout.is-3col.is-program {
    grid-template-columns: 1fr;
  }

  .layout.is-flex {
    flex-flow: column;
    display: flex;
  }

  .title {
    font-size: 1.1em;
  }

  .p-lead {
    font-size: 1em;
  }

  .margin-t--40px {
    margin-top: 2.5em;
  }

  .p-base {
    font-size: .8em;
  }

  .p-base.is-caps {
    font-size: .9em;
  }

  .p-base.is-time {
    width: 6em;
    position: relative;
    left: 0;
    transform: none;
  }

  .speaker-photo {
    height: 10em;
  }

  .partner {
    height: 8em;
  }

  .partner-status {
    font-size: .7em;
  }

  .button-place {
    margin-bottom: 4em;
    padding-top: 2em;
  }

  .program-item.is-second {
    margin-top: 0;
  }

  .program-item.is-second.is-icon {
    margin-top: 3em;
  }

  .program-item.is-third {
    margin-top: 0;
  }

  .program-item.is-third.is-icon {
    margin-top: 4em;
  }

  .program-info {
    width: 11.2em;
  }

  .margin-t-80px {
    margin-top: 3em;
  }

  .social-button {
    width: 3.2em;
    height: 3.2em;
  }

  .social-button-text {
    font-size: 1em;
  }

  .footer-contacts {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    width: 100%;
    margin-top: 2em;
  }

  .footer-logo {
    width: auto;
  }
}

#w-node-_8aa12102-0d95-8f77-443c-d15c9ddf0fc0-b8d69591 {
  grid-area: 1 / 2 / 2 / 8;
}

#w-node-_24a59141-0c2f-d7dc-5b52-82110c0cca63-b8d69591 {
  grid-area: 1 / 6 / 2 / 12;
}

#w-node-_3d7e8876-3d7d-0290-d328-6a334e0ec4f9-b8d69591 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_3d7e8876-3d7d-0290-d328-6a334e0ec4fd-b8d69591 {
  grid-area: 1 / 8 / 2 / 13;
}

#w-node-d62310ba-776a-4dbf-ebe0-a9a26c86e824-b8d69591 {
  grid-area: 1 / 2 / 2 / 8;
}

#w-node-_2bfd4887-edc9-8ade-5239-2096516d3f9a-b8d69591 {
  grid-area: 1 / 9 / 2 / 12;
}

#w-node-_973be26d-1d0b-6f52-9053-af69c77fbb3e-b8d69591 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-d967d3f7-692a-f7c4-6965-493e047186f6-b8d69591 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: start center;
}

@media screen and (max-width: 479px) {
  #w-node-_6e155248-9c2b-24e1-2ec6-f6d5c219d348-b8d69591 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d967d3f7-692a-f7c4-6965-493e047186f6-b8d69591 {
    grid-column: span 3 / span 3;
  }
}


@font-face {
  font-family: 'Futura';
  src: url('../fonts/FuturaPT-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura';
  src: url('../fonts/FuturaPT-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Futura';
  src: url('../fonts/FuturaPT-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}