@font-face {
  font-family: iCiel Gotham Ultra;
  font-style: normal;
  font-weight: 400;
  src: local("iCiel Gotham Ultra"), url(../fonts/icielgothamultraregular.52f78168af484d680454.woff) format("woff");
}
html, body {
  margin: 0;
}

body {
  font-family: "Quicksand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  background-color: #111111;
  scroll-behavior: smooth;
  overflow-x: hidden;
  padding: 25.1968px 15.748px;
}
@media (min-width: 768px) {
  body {
    padding: 25.1968px 31.496px;
  }
}
@media (min-width: 1330px) {
  body {
    padding: 50.3936px 0;
  }
}

.contain {
  box-sizing: border-box;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1330px;
  width: 100%;
}

.title {
  color: #ffffff;
  font-size: 33.8582px;
  font-weight: bold;
  line-height: 1.15em;
  text-align: center;
}
.title strong {
  background: linear-gradient(91.24deg, #D30D60 1.08%, #2C2660 82.35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
@media (min-width: 768px) {
  .title {
    font-size: 70.866px;
  }
}

.floating-register, .floating-register:hover {
  background: linear-gradient(91.24deg, #FF00CC 1.08%, #333399 82.35%);
  border-radius: 138.5824px;
  bottom: 16px;
  box-shadow: -2px 8px 12px rgba(255, 0, 204, 0.3058823529), 0px 8px 12px rgba(51, 51, 153, 0.3058823529);
  color: #ffffff;
  font-size: 18.8976px;
  font-weight: 700;
  line-height: 51.9684px;
  margin-top: 23.622px;
  padding: 0 42.5196px;
  position: fixed;
  right: 16px;
  text-decoration: none;
  z-index: 10;
}
@media (max-width: 768px) {
  .floating-register, .floating-register:hover {
    font-size: 14.1732px;
    line-height: 39.37px;
  }
}

.header {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.header--center {
  justify-content: center;
}
.header__logo img {
  height: 62.992px;
  width: auto;
}
@media (max-width: 768px) {
  .header__logo img {
    height: 31.496px;
  }
}
.header__register, .header__register:hover {
  border: solid 2px #ffffff;
  border-radius: 73.2282px;
  color: #ffffff;
  font-size: 15.748px;
  font-weight: 600;
  line-height: 37.7952px;
  padding: 0 31.496px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .header__register, .header__register:hover {
    font-size: 11.0236px;
    line-height: 25.1968px;
    padding: 0 18.8976px;
  }
}
@media (min-width: 1320px) {
  .header__register, .header__register:hover {
    margin-right: 15.748px;
  }
}

@keyframes banner__bubbles_y {
  from {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
  }
  to {
    transform: translateY(0);
  }
}
.banner__big_text {
  height: 354.33px;
  margin-top: 55.118px;
  mix-blend-mode: lighten;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .banner__big_text {
    margin-bottom: 27.559px;
    margin-top: 51.181px;
    height: 157.48px;
  }
}
.banner__bubble_01, .banner__bubble_02, .banner__bubble_03, .banner__bubble_04 {
  position: absolute;
  z-index: 2;
}
@media (max-width: 1166px) {
  .banner__bubble_01, .banner__bubble_02, .banner__bubble_03, .banner__bubble_04 {
    display: none;
  }
}
.banner__bubble_01 {
  animation: banner__bubbles_y 2s infinite;
  bottom: 0;
  right: 5%;
  height: 136.2202px;
  width: 136.2202px;
}
.banner__bubble_02 {
  animation: banner__bubbles_y 5s infinite;
  top: 10%;
  right: 15%;
  height: 70.866px;
  width: 70.866px;
}
.banner__bubble_03 {
  animation: banner__bubbles_y 4s infinite;
  bottom: 0;
  left: 15%;
  height: 86.614px;
  width: 86.614px;
}
.banner__bubble_04 {
  animation: banner__bubbles_y 3s infinite;
  top: 15%;
  left: 10%;
  height: 110.236px;
  width: 110.236px;
}
.banner__ww_bg {
  height: 100%;
  object-fit: cover;
  width: 99%;
  z-index: 0;
}
.banner__ww {
  background-color: #111111;
  font-family: "iCiel Gotham Ultra", sans-serif;
  font-size: 176.3776px;
  line-height: 0.8em;
  mix-blend-mode: multiply;
  user-select: none;
  z-index: 1;
}
@media (max-width: 768px) {
  .banner__ww {
    font-size: 78.74px;
  }
}
.banner__2022 {
  font-family: "iCiel Gotham Ultra", sans-serif;
  font-size: 73.2282px;
  z-index: 3;
}
@media (max-width: 768px) {
  .banner__2022 {
    font-size: 31.496px;
  }
}
.banner__ww, .banner__2022 {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.banner__intro {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.banner__intro_date {
  font-size: 33.0708px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .banner__intro_date {
    font-size: 18.8976px;
  }
}
.banner__intro_description {
  font-size: 22.0472px;
  font-weight: 600;
  line-height: 1.25em;
  margin-top: 15.748px;
  max-width: 670.8648px;
  text-align: center;
}
@media (max-width: 768px) {
  .banner__intro_description {
    font-size: 14.1732px;
    max-width: 90%;
  }
}
.banner__intro_register, .banner__intro_register:hover {
  background: linear-gradient(91.24deg, #FF00CC 1.08%, #333399 82.35%);
  border-radius: 138.5824px;
  box-shadow: -2px 8px 12px rgba(255, 0, 204, 0.3058823529), 0px 8px 12px rgba(51, 51, 153, 0.3058823529);
  color: #ffffff;
  font-size: 18.8976px;
  font-weight: 700;
  line-height: 51.9684px;
  margin-top: 23.622px;
  padding: 0 42.5196px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .banner__intro_register, .banner__intro_register:hover {
    font-size: 15.748px;
    line-height: 39.37px;
  }
}
.banner__intro_limited {
  font-size: 15.748px;
  font-weight: 600;
  margin-top: 10.2362px;
}
@media (max-width: 768px) {
  .banner__intro_limited {
    font-size: 15.748px;
  }
}

.introduction {
  padding: 47.244px 0;
}
@media (max-width: 767px) {
  .introduction .title {
    text-align: left;
  }
  .introduction .title span {
    display: block;
  }
}
@media (min-width: 768px) {
  .introduction {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 196.85px 0;
  }
}
.introduction__video {
  flex-shrink: 0;
  overflow: hidden;
}
.introduction__video video {
  margin: -10% -30% -10% -30%;
  width: 160%;
}
@media (min-width: 768px) {
  .introduction__video {
    width: 50%;
  }
  .introduction__video video {
    margin: -10% -50% -10% -45%;
    width: 190%;
  }
}
.introduction__text {
  flex-shrink: 0;
  font-size: 17.3228px;
}
@media (max-width: 767px) {
  .introduction__text {
    margin-top: 31.496px;
  }
}
@media (min-width: 768px) {
  .introduction__text {
    width: 50%;
  }
}
.introduction__text_content {
  text-align: justify;
}
.introduction__text .title {
  margin-bottom: 25.1968px;
  text-align: left;
}

@keyframes speakers_item_entrance {
  from {
    transform: translateX(789px);
    opacity: 0;
  }
  50% {
    opacity: 0.1;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.speakers {
  padding-bottom: 33.0708px;
}
@media (max-width: 767px) {
  .speakers {
    padding-bottom: 0;
  }
}
.speakers .title {
  margin: 0 auto;
  max-width: 944.88px;
}
@media (max-width: 767px) {
  .speakers .title {
    margin: 0;
    text-align: left;
  }
  .speakers .title span {
    display: block;
  }
}
@media (min-width: 768px) {
  .speakers .title span:after {
    content: " ";
  }
}
.speakers #speakers-carousel {
  margin-top: 36.2204px;
}
@media (min-width: 768px) {
  .speakers #speakers-carousel {
    margin-top: 122.047px;
  }
}
.speakers .splide__arrow {
  background: none;
  height: auto;
  margin-top: -47.244px;
  top: 0;
  width: auto;
}
@media (max-width: 767px) {
  .speakers .splide__arrow {
    display: none;
  }
}
.speakers .splide__arrow svg {
  fill: #ffffff;
  height: 28.3464px;
  width: 28.3464px;
}
.speakers .splide__arrow--prev {
  left: 12.5984px;
}
.speakers .splide__arrow--next {
  right: 12.5984px;
}
.speakers .splide__pagination {
  bottom: auto;
  margin-top: 33.0708px;
  top: 100%;
}
@media (max-width: 767px) {
  .speakers .splide__pagination {
    display: none;
  }
}
.speakers .splide__pagination__page {
  background: #ffffff;
  border-radius: 3.937px;
  height: 6.2992px;
  margin: 0 3.1496px;
  opacity: 1;
  transition: width 0.25s linear;
  width: 15.748px;
}
.speakers .splide__pagination__page.is-active {
  background: #D30D60;
  transform: none;
  width: 31.496px;
}
.speakers__item {
  background-color: black;
  border-radius: 12.5984px;
  position: relative;
  overflow: hidden;
}
.speakers__item:not(.is-visible) {
  opacity: 0;
}
@media (max-width: 576px) {
  .speakers__item {
    animation-duration: 0.25s;
  }
}
@media (min-width: 577px) and (max-width: 920px) {
  .speakers__item:nth-child(2n+1) {
    animation-duration: 0.25s;
  }
  .speakers__item:nth-child(2n+2) {
    animation-duration: 0.5s;
  }
}
@media (min-width: 921px) {
  .speakers__item:nth-child(4n+1) {
    animation-duration: 0.25s;
  }
  .speakers__item:nth-child(4n+2) {
    animation-duration: 0.5s;
  }
  .speakers__item:nth-child(4n+3) {
    animation-duration: 0.75s;
  }
  .speakers__item:nth-child(4n+4) {
    animation-duration: 1s;
  }
}
.speakers__item.is-visible {
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: speakers_item_entrance;
}
.speakers__item img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.speakers__item:after {
  background: linear-gradient(0deg, #D30D60 0%, rgba(17, 17, 17, 0) 100%);
  border-radius: 12.5984px;
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.speakers__flag {
  border: solid 2px #ffffff;
  border-radius: 100%;
  height: 35.433px;
  overflow: hidden;
  position: absolute;
  right: 18.8976px;
  top: 18.8976px;
  width: 35.433px;
  z-index: 2;
}
.speakers__flag img {
  display: block;
  height: 35.433px;
  line-height: 35.433px;
  object-fit: cover;
  width: 35.433px;
}
.speakers__info {
  bottom: 28.3464px;
  left: 28.3464px;
  line-height: 22.0472px;
  position: absolute;
  right: 28.3464px;
  z-index: 2;
}
.speakers__name {
  font-size: 22.0472px;
  font-weight: bold;
}
.speakers__title {
  font-size: 14.1732px;
  font-weight: 600;
}

.agenda {
  margin-top: 62.992px;
  text-align: left;
}
@media (max-width: 767px) {
  .agenda .title span {
    display: block;
  }
}
@media (min-width: 768px) {
  .agenda {
    margin-top: 177.165px;
  }
}
.agenda__tabs {
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 50.3936px;
}
.agenda__tab {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 9.4488px;
  text-decoration: none;
}
.agenda__tab.active {
  background: linear-gradient(91.24deg, #FF00CC 1.08%, #4141C1 82.35%);
}
.agenda__tab > .nav-link, .agenda__tab > .nav-link:hover {
  border: solid 2.3622px transparent;
  border-radius: 9.4488px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  font-size: 17.3228px;
  font-weight: bold;
  height: 37.0078px;
  line-height: 32.2834px;
  padding: 0 9.4488px;
}
.agenda__tab:not(.active) > .nav-link {
  border-color: #ffffff;
}
.agenda__tab + .agenda__tab {
  margin-left: 15.748px;
}
.agenda__contents {
  margin-top: 25.1968px;
}
.tab-content > .agenda__content.active {
  display: grid;
  grid-gap: 15.748px;
}
@media (min-width: 1320px) {
  .tab-content > .agenda__content.active {
    grid-template-columns: 50% 50%;
  }
}
.agenda__item {
  background-color: #181818;
  border-radius: 11.811px;
  min-height: 188.976px;
  padding: 21.2598px 26.7716px;
  position: relative;
}
@media (max-width: 767px) {
  .agenda__item {
    position: relative;
  }
}
@media (min-width: 768px) {
  .agenda__item {
    display: flex;
    flex-direction: row;
  }
}
.agenda__item_time {
  color: #6E6E6E;
  display: flex;
  flex-shrink: 0;
  font-size: 12.5984px;
  font-weight: 600;
  justify-content: space-between;
  position: relative;
  /*@media (max-width: 374px) {
    display: block;
    text-align: center;
  }*/
}
@media (max-width: 400px) {
  .agenda__item_time {
    display: block;
    margin: -7.874px 70.866px 0 62.992px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .agenda__item_time {
    align-items: center;
    flex-direction: row;
  }
}
@media (min-width: 401px) and (max-width: 577px) {
  .agenda__item_time {
    margin: 0 82.677px 0 78.74px;
  }
}
@media (min-width: 578px) and (max-width: 767px) {
  .agenda__item_time {
    margin: 0 114.173px 0 110.236px;
  }
}
@media (min-width: 768px) {
  .agenda__item_time {
    flex-direction: column;
    padding-right: 10.2362px;
    width: 70.866px;
  }
}
.agenda__item_time:after {
  background-color: #272727;
  content: " ";
  position: absolute;
}
@media (max-width: 400px) {
  .agenda__item_time:after {
    display: none;
  }
}
@media (min-width: 401px) and (max-width: 767px) {
  .agenda__item_time:after {
    left: 78px;
    height: 2px;
    right: 78px;
    top: 9px;
  }
}
@media (min-width: 768px) {
  .agenda__item_time:after {
    bottom: 0;
    right: 0;
    top: 0;
    width: 2px;
  }
}
@media (max-width: 400px) {
  .agenda__item_time_from {
    text-align: center;
    width: auto;
  }
}
@media (min-width: 401px) and (max-width: 767px) {
  .agenda__item_time_from {
    position: relative;
    text-align: right;
    width: 66px;
  }
}
@media (min-width: 768px) {
  .agenda__item_time_from {
    margin-top: -6px;
  }
}
@media (max-width: 400px) {
  .agenda__item_time_from:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .agenda__item_time_from:after {
    right: -16px;
    top: 6px;
  }
}
@media (min-width: 768px) {
  .agenda__item_time_from:after {
    top: 0;
  }
}
@media (max-width: 400px) {
  .agenda__item_time_to {
    text-align: center;
    width: auto;
  }
}
@media (min-width: 401px) and (max-width: 767px) {
  .agenda__item_time_to {
    position: relative;
    text-align: left;
    width: 66px;
  }
}
@media (min-width: 768px) {
  .agenda__item_time_to {
    margin-bottom: -6px;
  }
}
@media (max-width: 400px) {
  .agenda__item_time_to:before {
    content: "to ";
  }
}
@media (max-width: 400px) {
  .agenda__item_time_to:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .agenda__item_time_to:after {
    left: -16px;
    top: 6px;
  }
}
@media (min-width: 768px) {
  .agenda__item_time_to:after {
    bottom: 0;
  }
}
.agenda__item_time_from:after, .agenda__item_time_to:after {
  background-color: #272727;
  border-radius: 100%;
  content: " ";
  height: 8px;
  position: absolute;
  width: 8px;
}
@media (min-width: 768px) {
  .agenda__item_time_from:after, .agenda__item_time_to:after {
    right: -3px;
  }
}
.agenda__item_content {
  display: grid;
  flex-grow: 1;
  grid-template-rows: auto 1fr;
}
@media (max-width: 767px) {
  .agenda__item_content {
    margin-top: 22.0472px;
  }
}
@media (min-width: 768px) {
  .agenda__item_content {
    padding-left: 22.0472px;
  }
}
.agenda__item_title {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  padding-top: 6.2992px;
}
@media (min-width: 768px) {
  .agenda__item_title {
    position: relative;
  }
}
.agenda__item_avatar {
  border-radius: 100%;
  height: 60.6298px;
  margin: 0 18.8976px 0 0;
  width: 55.118px;
}
@media (min-width: 768px) {
  .agenda__item_avatar {
    margin-left: 6.2992px;
  }
}
.agenda__item_title .agenda__item_heading {
  flex-grow: 1;
  font-size: 17.3228px;
  font-weight: 600;
  line-height: 1.2em;
}
@media (min-width: 768px) {
  .agenda__item_title .agenda__item_heading {
    padding-right: 130.7084px;
  }
}
.agenda__item_title .agenda__item_heading .agenda__item_job_title {
  font-size: 12.5984px;
  font-weight: normal;
  line-height: 1.2em;
}
.agenda__item_title .agenda__item_heading .agenda__item_job_title:first-child {
  margin-top: 0.25em;
}
.agenda__item_type {
  border: solid 1px #454545;
  border-radius: 7.874px;
  color: #B5B5B5;
  font-size: 14.1732px;
  font-weight: 600;
  height: 31.496px;
  line-height: 31.496px;
  position: absolute;
  text-align: center;
  padding: 0 7.874px;
  /*@media (max-width: 400px) {
    left: 10px * $scale;
    top: 10px * $scale;
  }*/
}
@media (max-width: 767px) {
  .agenda__item_type {
    height: auto;
    line-height: 1.2em;
    padding: 6.2992px 0;
    text-align: center;
    left: 23.622px;
    top: 15.748px;
    width: 85.0392px;
  }
}
@media (min-width: 768px) {
  .agenda__item_type {
    right: 0;
    top: 0;
  }
}
.agenda__item_info {
  font-size: 15.748px;
  font-weight: normal;
  line-height: 1.3em;
  margin-top: 1em;
}
@media (max-width: 767px) {
  .agenda__item_info {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .agenda__item_info {
    padding: 12.5984px 0;
  }
}
.agenda__item_info--large {
  font-size: 18.8976px;
}
.agenda__item_info--no-padding {
  padding: 0;
}
.agenda__item_calendar:hover {
  background-color: #323232;
}
.agenda__item_images {
  display: grid;
  grid-gap: 15.748px 7.874px;
}
@media (max-width: 389px) {
  .agenda__item_images {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 390px) and (max-width: 577px) {
  .agenda__item_images {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 578px) {
  .agenda__item_images {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .agenda__item_images {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 920px) {
  .agenda__item_images {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1320px) {
  .agenda__item_images {
    grid-template-columns: repeat(3, 1fr);
    width: 96%;
  }
}
.agenda__item_image {
  text-align: center;
}
.agenda__item_image img {
  border-radius: 100%;
  height: 60.6298px;
  max-width: 100%;
  width: 55.118px;
}
.agenda__item_image span {
  display: block;
  font-size: 14.1732px;
  margin-top: 6.2992px;
  white-space: nowrap;
}
@media (max-width: 577px) {
  .agenda__item_image span {
    font-size: 12.5984px;
  }
}
.agenda__item_image--wrap span {
  white-space: break-spaces;
}
@media (min-width: 390px) {
  .agenda__item_image--span-2 {
    grid-column: span 2;
  }
}
.agenda__calendar, .agenda__calendar:hover {
  background-color: #252525;
  border: #272727;
  border-radius: 12.5984px;
  color: #6E6E6E;
  font-size: 11.0236px;
  font-weight: 900;
  line-height: 1em;
  position: absolute;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s linear;
  transition-property: background-color, color;
  z-index: 1;
  /*@media (max-width: 400px) {
    right: 10px * $scale;
    top: 10px * $scale;
  }*/
}
@media (max-width: 767px) {
  .agenda__calendar, .agenda__calendar:hover {
    align-items: center;
    display: flex;
    left: auto;
    padding: 7.874px 12.5984px;
    right: 15.748px;
    top: 15.748px;
  }
  .agenda__calendar svg, .agenda__calendar:hover svg {
    display: inline-block;
    height: 15.748px;
    margin-right: 7.874px;
    width: 15.748px;
  }
}
@media (min-width: 768px) {
  .agenda__calendar, .agenda__calendar:hover {
    height: 62.992px;
    left: 15.748px;
    margin-top: -32.2834px;
    padding: 6.2992px 9.4488px;
    top: 50%;
  }
  .agenda__calendar svg, .agenda__calendar:hover svg {
    display: block;
    height: 24px;
    margin: 4.7244px auto 9.4488px auto;
    width: 24px;
  }
}
.agenda__calendar:hover {
  background-color: #323232;
  color: #ffffff;
}
.agenda__color_text, .agenda__item_job_title strong {
  background: linear-gradient(91.24deg, #FF00CC 1.08%, #8181ff 82.35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.2em;
  font-weight: bold;
}

.organizer {
  padding: 47.244px 0;
}
.organizer .title span {
  display: block;
}
@media (max-width: 767px) {
  .organizer .title {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .organizer {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 78.74px 0;
  }
}
.organizer__video {
  flex-shrink: 0;
  overflow: hidden;
}
.organizer__video video {
  margin: -10% -30% -10% -30%;
  width: 160%;
}
@media (min-width: 768px) {
  .organizer__video {
    width: 60%;
  }
  .organizer__video video {
    margin: -10% -50% -10% -45%;
    width: 190%;
  }
}
.organizer__text {
  flex-shrink: 0;
  font-size: 17.3228px;
}
@media (max-width: 767px) {
  .organizer__text {
    margin-top: 31.496px;
  }
}
@media (min-width: 768px) {
  .organizer__text {
    width: 40%;
  }
}
.organizer__text_content {
  text-align: justify;
}
.organizer__text .title {
  margin-bottom: 25.1968px;
  text-align: left;
}
.organizer__link, .organizer__link:hover {
  color: #D30D60;
  display: inline-block;
  font-size: 15.748px;
  font-weight: 600;
  margin-top: 12.5984px;
  text-decoration: none;
}

.why .title {
  margin: 0 auto 102.362px auto;
  max-width: 1060px;
}
@media (max-width: 767px) {
  .why .title {
    margin-bottom: 0;
  }
  .why .title span {
    display: block;
  }
}
@media (max-width: 767px) {
  .why .title {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .why .title span:after {
    content: " ";
  }
}
.why__row {
  border-bottom: solid 1px #ffffff;
  display: grid;
  grid-gap: 15.748px;
  grid-template-columns: 1fr;
  padding: 25.1968px 0;
}
@media (min-width: 768px) {
  .why__row {
    grid-template-columns: 2fr 3fr;
    padding: 42.5196px 0;
  }
}
.why__left {
  font-size: 17.3228px;
  font-weight: 600;
  line-height: 1.2em;
  text-align: justify;
}
@media (min-width: 768px) {
  .why__left {
    font-size: 26.7716px;
  }
}
.why__right {
  font-size: 16.5354px;
  text-align: justify;
}
@media (min-width: 768px) {
  .why__right {
    font-size: 17.3228px;
  }
}

@keyframes apply__bubbles_y {
  from {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25px);
  }
  to {
    transform: translateY(0);
  }
}
.apply {
  margin-top: 31.496px;
}
@media (min-width: 920px) {
  .apply {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 110.236px;
  }
}
.apply__bubble_01, .apply__bubble_04 {
  position: absolute;
}
.apply__bubble_01 {
  animation: banner__bubbles_y 5s infinite;
  left: 5%;
  top: 50px;
}
.apply__bubble_04 {
  animation: banner__bubbles_y 3s infinite;
  bottom: -40px;
  right: 5%;
}
.apply__info {
  align-items: center;
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 0;
}
@media (min-width: 920px) {
  .apply__info {
    margin-right: -40px;
  }
}
.apply__info_container {
  padding: 118.11px 0 78.74px 0;
  position: relative;
}
.apply__info_content {
  border: solid 2px transparent;
  border-radius: 28.3464px;
  backdrop-filter: blur(31.496px);
  background-clip: content-box, border-box;
  background-image: linear-gradient(#111111, #111111), linear-gradient(125deg, #ffffff, transparent);
  background-origin: border-box;
  mix-blend-mode: lighten;
}
.apply__info_content_inner {
  padding: 23.622px;
}
@media (min-width: 920px) {
  .apply__info_content_inner {
    padding: 66.929px;
  }
}
@media (min-width: 920px) {
  .apply .title {
    font-size: 61.4172px;
    text-align: left;
  }
}
.apply__description {
  font-size: 16.5354px;
  margin-top: 25.1968px;
  text-align: justify;
}
@media (max-width: 767px) {
  .apply__description {
    margin-top: 9.4488px;
  }
}
.apply__form {
  background-color: #1A1A1A;
  border-radius: 23.622px;
  box-shadow: 0 0 50px #000000;
  height: 805px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.apply__form:before, .apply__form:after {
  background-color: rgb(31, 31, 31);
  bottom: 0;
  content: " ";
  position: absolute;
  top: 0;
  z-index: 1;
}
.apply__form:before {
  left: 0;
  right: 50%;
  margin-right: 230px;
}
.apply__form:after {
  right: 0;
  left: 50%;
  margin-left: 230px;
}
.apply__form iframe {
  height: 1200px;
  position: relative;
  width: 100%;
  z-index: 0;
}
@media (max-width: 471px) {
  .apply__form iframe {
    margin: -16px 0;
  }
}
@media (min-width: 472px) {
  .apply__form iframe {
    margin: -64px 0;
  }
}

.media-partners {
  margin-bottom: 181.102px;
  margin-top: 181.102px;
}
.media-partners .splide {
  margin-left: 24px;
  margin-right: 24px;
  padding-bottom: 96px;
  padding-top: 96px;
}
.media-partners .splide__arrow {
  background-color: transparent;
}
.media-partners .splide__arrow--prev {
  left: -24px;
}
.media-partners .splide__arrow--next {
  right: -24px;
}
.media-partners .splide__arrow svg {
  fill: #FFFFFF;
}
.media-partners .splide__pagination {
  bottom: auto;
  margin-top: 0;
  top: 100%;
}
.media-partners .splide__pagination__page {
  background: #ffffff;
  border-radius: 3.937px;
  height: 6.2992px;
  margin: 0 3.1496px;
  opacity: 1;
  transition: width 0.25s linear;
  width: 15.748px;
}
.media-partners .splide__pagination__page.is-active {
  background: #D30D60;
  transform: none;
  width: 31.496px;
}
.media-partners__item {
  align-items: center;
  display: flex;
  justify-content: center;
}
.media-partners__item img {
  background-color: #fff;
  border-radius: 16px;
  height: 103px;
  padding: 12px;
}

.footer {
  border-top: solid 1px #ffffff;
  margin-top: 70.866px;
  padding-top: 29.9212px;
}
@media (max-width: 767px) {
  .footer > .contain {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .footer > .contain {
    align-items: end;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.footer__logo {
  height: 55.118px;
}
.footer__slogan {
  font-size: 15.748px;
}
@media (max-width: 767px) {
  .footer__slogan {
    margin-top: 7.874px;
  }
}
@media (min-width: 768px) {
  .footer__slogan {
    margin: 18.8976px;
  }
}
@media (max-width: 767px) {
  .footer__social {
    margin-bottom: 11.811px;
    margin-top: 11.811px;
  }
}
@media (min-width: 768px) {
  .footer__social {
    margin-left: 16px;
  }
}
.footer__social a {
  display: inline-block;
  margin-right: 12.5984px;
  text-decoration: none;
}
.footer__social a:last-child {
  margin-right: 0;
}
.footer__social img {
  width: 31.496px;
}
@media (max-width: 767px) {
  .footer__right {
    margin: 0 auto;
    max-width: 310px;
  }
}
.footer__line {
  font-size: 14.1732px;
  font-weight: 600;
  margin-top: 6.2992px;
}
@media (max-width: 767px) {
  .footer__line {
    display: inline-block;
  }
}
.footer__line img {
  margin-right: 7.874px;
  width: 23.622px;
}
@media (max-width: 767px) {
  .footer__line img {
    margin-right: 0;
    width: 19.685px;
  }
}

.c-player {
  background-color: #111111;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 8;
  transition-duration: 250ms;
  transition-property: opacity;
  transition-timing-function: ease;
}
.c-player--initialized {
  opacity: 1;
}
.c-player__video {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9;
  width: 100%;
}
.c-player__close {
  align-items: center;
  background-color: #111111;
  border: solid 1px #ffffff;
  border-radius: 100%;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  position: fixed;
  right: 16px;
  text-decoration: none;
  top: 16px;
  width: 40px;
  z-index: 51;
  transition-duration: 250ms;
  transition-property: background-color, border-color, box-shadow, color, opacity;
  transition-timing-function: ease;
  transition-duration: 700ms;
  /*@include media-under(md) {
    left: from-pixel(16px);
  }

  @include media-under(sm) {
    left: unset;
    right: from-pixel(12px);
  }*/
}
.c-player__close:hover {
  background-color: #ffffff;
  color: #D30D60;
}
.c-player__close--highlight {
  background-color: #D30D60;
  box-shadow: 0 0 20px 4px #ffffff;
  color: #ffffff;
}
.c-player__close svg {
  height: 32px;
  width: 32px;
}

.videos {
  display: grid;
  gap: 24px;
  padding-bottom: 64px;
  padding-top: 128px;
}
@media (max-width: 767px) {
  .videos {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 768px) {
  .videos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .videos {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1330px) {
  .videos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.videos__item {
  background-color: #1B1B1B;
  border-radius: 16px;
  cursor: pointer;
  padding: 16px;
}
.videos__item__image {
  aspect-ratio: 16/9;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}
.videos__item__image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.videos__item__speakers {
  margin-top: -25px;
  padding-left: 24px;
}
.videos__item__speakers img {
  border: solid 4px #1B1B1B;
  border-radius: 100%;
  display: inline-block;
  height: 46px;
  width: 46px;
}
.videos__item__speakers img + img {
  margin-left: 0;
}
.videos__item__name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #ffffff;
  display: -webkit-box;
  font-size: 20px;
  font-weight: 700;
  height: 50px;
  line-height: 25px;
  margin-top: 8px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .videos__item__name {
    font-size: 18px;
    line-height: 24px;
  }
}
.videos__item__name:hover {
  color: #D30D60;
}
.videos__item__title {
  font-size: 16px;
  line-height: 22px;
  margin-top: 10px;
  opacity: 0.55;
}
@media (max-width: 767px) {
  .videos__item__title {
    font-size: 15px;
  }
}
.videos__item__speaker {
  color: #D30D60;
  font-size: 16px;
  font-weight: 500;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .videos__item__speaker {
    font-size: 15px;
  }
}
.videos-pagination {
  text-align: center;
}
.videos-pagination__item {
  color: #4D4D4D;
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
}
.videos-pagination__item--active, .videos-pagination__item:hover {
  color: #ffffff;
}
.videos-pagination__item + .videos-pagination__item {
  margin-left: 36px;
}

.video {
  padding-left: 128px;
  padding-right: 128px;
}
@media (max-width: 1199px) {
  .video {
    padding-left: 0;
    padding-right: 0;
  }
}
.video__container {
  aspect-ratio: 16/9;
  border-radius: 16px;
  margin-top: 40px;
  overflow: hidden;
  width: 100%;
}
.video__name {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.25em;
  margin-top: 32px;
}
.video__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25em;
  margin-top: 16px;
}
.video__description {
  font-size: 16px;
  line-height: 1.35em;
  margin-top: 16px;
}
.video__buttons {
  padding-top: 24px;
}
.video__buttons > * {
  background-color: #D30D60;
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  min-width: 140px;
  padding: 8px 24px;
  text-align: center;
  text-decoration: none;
}
.video__buttons > *:hover {
  color: #ffffff;
}
.video__buttons > * svg {
  display: inline-block;
  line-height: 1em;
  height: 1.25em;
  margin-right: 6px;
  transform: translateY(-2px);
  width: 1.25em;
}
.video__share {
  background-color: #2C2660;
  position: relative;
}
.video__share .need-share-button_button {
  bottom: 0;
  left: 0;
  font-size: 0;
  position: absolute;
  right: 0;
  text-indent: -1000px;
  top: 0;
}
.video .video-js .vjs-big-play-button {
  background-color: transparent;
  border: none;
  border-radius: 100%;
  height: 10rem;
  left: 50%;
  margin-left: -5rem;
  margin-top: -5rem;
  top: 50%;
  width: 10rem;
}
.video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-size: 10rem;
  line-height: 10rem;
}
.video .video-js:hover .vjs-big-play-button, .video .video-js .vjs-big-play-button:hover {
  background-color: #D30D60;
  color: #ffffff;
}
.video .need-share-button_dropdown {
  background-color: #111111;
  border: solid 1px #ffffff;
  border-radius: 8px;
  height: 60px;
  left: 0 !important;
  margin-left: 0 !important;
}
.video .need-share-button_link {
  height: 44px;
  line-height: 54px;
  padding: 8px;
  width: 44px;
}
.video .need-share-button_link:after {
  font-size: 32px;
  transform: translateY(8px);
}
.video .need-share-button_link + .need-share-button_link {
  margin-left: 10px;
}

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