/* Do not modify */
@import url(../assets/fonts/sfpro/stylesheet.css);
@import url(../assets/fonts/fontawesome-new/css/fontawesome.css);
@import url(../assets/fonts/fontawesome-new/css/solid.css);
@import url(../assets/fonts/fontawesome-new/css/regular.css);
@import url(../assets/fonts/fontawesome-new/css/brands.css);
@import url(../assets/fonts/fontawesome-new/css/light.css);
@import url(../assets/css/nick.css);
:root {
  --color-yellow: #FF3100;
  --color-blue: #1A1F29;
  --color-black: #151515;
  --color-menu-item: rgba(32, 39, 62, 1);
  --color-light-blue: #C7DCFA;
  --heading-font: "loretta-display", serif;
  --text-font: "indivisible", sans-serif; }

/* Colors: */
/* Font/text values */
/*      about page      */
/* Character Styles */
.light-h1-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: 0px;
  color: #333333; }

.light-h2-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: 0px;
  color: #333333; }

.light-h3-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0px;
  color: #333333; }

.light-h4-right {
  font-family: DMSans-Bold;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333; }

.light-h5-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 2px;
  color: #333333; }

.light-label-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0px;
  color: #333333; }

.light-text-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333; }

.light-text_gray-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #3333337F; }

.light-text_small-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #3333337F; }

.dark-h1-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-h2-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-h3-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-h4-right {
  font-family: DMSans-Bold;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-h5-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 2px;
  color: #FFFFFF; }

.dark-label-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-text-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-text_gray-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #FFFFFF80; }

.dark-text_small-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #FFFFFF7E; }

.light-text_big-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333; }

.dark-text_big-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.section_text_common {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.section_1_main_title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 100px;
  line-height: 80px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.visible {
  display: block;
  visibility: visible; }

.no_visible {
  display: none;
  visibility: hidden; }

@font-face {
  font-family: "Biennale", sans-serif;
  src: url("../fonts/biennale/Biennale-SemiBold.woff2") format("woff2"), url("../fonts/biennale/Biennale-SemiBold.woff") format("woff"), url("../fonts/biennale/Biennale-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Biennale", sans-serif;
  src: url("../fonts/biennale/Biennale-Regular.woff2") format("woff2"), url("../fonts/biennale/Biennale-Regular.woff") format("woff"), url("../fonts/biennale/Biennale-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Biennale", sans-serif;
  src: url("../fonts/biennale/Biennale-Medium.woff2") format("woff2"), url("../fonts/biennale/Biennale-Medium.woff") format("woff"), url("../fonts/biennale/Biennale-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Biennale", sans-serif;
  src: url("../fonts/biennale/Biennale-Light.woff2") format("woff2"), url("../fonts/biennale/Biennale-Light.woff") format("woff"), url("../fonts/biennale/Biennale-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Biennale", sans-serif;
  src: url("../fonts/biennale/Biennale-Bold.woff2") format("woff2"), url("../fonts/biennale/Biennale-Bold.woff") format("woff"), url("../fonts/biennale/Biennale-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
:root {
  --color-yellow: #FF3100;
  --color-blue: #1A1F29;
  --color-black: #151515;
  --color-menu-item: rgba(32, 39, 62, 1);
  --color-light-blue: #C7DCFA;
  --heading-font: "loretta-display", serif;
  --text-font: "indivisible", sans-serif; }

/* Colors: */
/* Font/text values */
/*      about page      */
/* Character Styles */
.light-h1-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: 0px;
  color: #333333; }

.light-h2-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: 0px;
  color: #333333; }

.light-h3-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0px;
  color: #333333; }

.light-h4-right {
  font-family: DMSans-Bold;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333; }

.light-h5-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 2px;
  color: #333333; }

.light-label-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0px;
  color: #333333; }

.light-text-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333; }

.light-text_gray-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #3333337F; }

.light-text_small-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #3333337F; }

.dark-h1-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-h2-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-h3-right {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-h4-right {
  font-family: DMSans-Bold;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-h5-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 2px;
  color: #FFFFFF; }

.dark-label-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-text-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.dark-text_gray-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #FFFFFF80; }

.dark-text_small-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #FFFFFF7E; }

.light-text_big-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333; }

.dark-text_big-right {
  font-family: DMSans-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.section_text_common {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.section_1_main_title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 100px;
  line-height: 80px;
  letter-spacing: 0px;
  color: #FFFFFF; }

.visible {
  display: block;
  visibility: visible; }

.no_visible {
  display: none;
  visibility: hidden; }

.menu_text {
  font-size: 19px;
  line-height: 23px; }

/* custom css for menu items */
.navbar_footer {
  height: 70px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 0 0; }

.nav-menu_footer {
  padding-left: 0; }
  .nav-menu_footer .menu-item {
    padding: 0 0; }

#logo2 {
  opacity: 0;
  transition: 0.2s opacity; }

#logo {
  opacity: 1;
  transition: 0.2s opacity; }

.logo_container {
  align-items: center;
  display: grid;
  width: 40%; }
  @media only screen and (max-width: 767px) {
    .logo_container {
      width: calc(100% - 80px);
      align-items: flex-start; } }
  .logo_container .big_letter_container, .logo_container .sub_logo_container {
    grid-row: 1;
    grid-column: 1; }
    .logo_container .big_letter_container .logo, .logo_container .sub_logo_container .logo {
      margin-left: 18px;
      z-index: 81;
      position: absolute;
      cursor: pointer;
      top: 0;
      height: 100%;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .logo_container .big_letter_container .logo, .logo_container .sub_logo_container .logo {
          margin-left: 12px;
          font-size: 27px;
          top: 10px;
          height: auto; } }
    .logo_container .big_letter_container .logo_sub, .logo_container .sub_logo_container .logo_sub {
      margin-left: 71px;
      width: 85%; }
      @media only screen and (max-width: 767px) {
        .logo_container .big_letter_container .logo_sub, .logo_container .sub_logo_container .logo_sub {
          margin: 17px 52px;
          z-index: 81;
          margin-right: 0;
          position: relative; } }

/* HAMBURGER css */
li {
  list-style: none;
  font-size: 16px;
  line-height: 23px; }

.logo {
  margin-left: 18px;
  font-weight: bold;
  font-size: 63px;
  line-height: 80px;
  color: #FFFFFF;
  transition-duration: 1s;
  transition-property: color; }
  .logo img {
    width: 353px; }
    @media only screen and (max-width: 767px) {
      .logo img {
        width: 290px; } }

.logo_1 {
  color: var(--color-yellow); }

.logo_sub {
  font-weight: 500;
  color: var(--color-blue);
  opacity: 1;
  transition: opacity 0.7s; }

.logo_sub.ondarkbackground {
  transition: opacity 0.7s;
  color: white; }

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

.top_bar {
  height: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  z-index: 80;
  border-bottom: 1px solid rgba(21, 21, 21, 0.2);
  backdrop-filter: blur(37px);
  -webkit-backdrop-filter: blur(37px);
  background-color: rgba(255, 255, 255, 0.2); }
  @media only screen and (max-width: 767px) {
    .top_bar {
      font-family: var(--heading-font);
      height: 65px; } }
  @media only screen and (max-width: 767px) {
    .top_bar.active #logo2 {
      opacity: 1; }
    .top_bar.active #logo {
      opacity: 0; } }
  .top_bar.ondarkbackground:not(.active) {
    background-color: rgba(43, 43, 43, 0.35); }
  .top_bar.ondarkbackground #logo2 {
    opacity: 1; }
  .top_bar.ondarkbackground #logo {
    opacity: 0; }
  .top_bar.ondarkbackground .hamburger .bar {
    background-color: white !important; }

.navbar {
  height: 70px;
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 9px;
  z-index: 80; }
  @media only screen and (max-width: 767px) {
    .navbar {
      width: 70px;
      height: 56px; } }
  .navbar.ondarkbackground .menu-item a {
    color: white; }
  .navbar.ondarkbackground .menu-item.active a {
    color: white; }
  .navbar .nav-menu {
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 8px;
    margin-block-start: 15px;
    transition: background-color 2s; }
  .navbar .menu-item {
    cursor: pointer;
    color: var(--color-menu-item);
    transition: 0.3s background-color, color 0.3s;
    border-radius: 5px;
    margin-left: 3px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .navbar .menu-item a {
      color: var(--color-menu-item);
      transition: opacity 0.3s;
      padding: 0 2vw;
      height: 40px;
      display: flex;
      opacity: 0.7;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .navbar .menu-item a {
          height: auto;
          font-size: 50px;
          opacity: 1;
          color: var(--color-light-blue) !important; } }
  .navbar .menu-item.active a {
    opacity: 1; }
  .navbar .menu-item:hover a {
    opacity: 1; }

/* transition for links */
.nav-link {
  transition: 0.5s ease; }

.nav-link:hover {
  color: #1a1a1a; }

.hamburger {
  display: none;
  cursor: pointer;
  width: 60px;
  right: -10px;
  padding-top: 18px;
  padding-bottom: 10px;
  position: relative; }

.bar {
  width: 37px;
  height: 1px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #1E2333; }

.nav-item {
  padding: 0 1.5rem; }

@media (max-width: 767px) {
  .bar {
    display: block; }

  .hamburger {
    display: block; }

  .hamburger.active .bar {
    background-color: white; }

  .hamburger.active .bar:nth-child(2) {
    transform: rotate(0deg); }

  .hamburger.active .bar:nth-child(1) {
    transform: rotate(20deg) translate(1.8px, 5.5px); }

  .hamburger.active .bar:nth-child(3) {
    transform: rotate(-20deg) translate(1.8px, -5.5px); }

  .navbar {
    padding-left: 0;
    padding-right: 12px; }

  .top_bar {
    align-items: flex-start;
    justify-content: flex-start; }
    .top_bar.active {
      height: 100vh; }

  .nav-menu {
    position: fixed;
    left: 0;
    top: 0;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    text-align: center;
    background-color: #1a1f29d9;
    transition: 0.3s all !important;
    margin: 0 !important;
    justify-content: center;
    border-radius: 0 !important;
    backdrop-filter: blur(23px);
    -webkit-backdrop-filter: blur(23px);
    opacity: 0;
    visibility: hidden;
    padding: 0 !important;
    margin-block-start: 0;
    gap: 29px; }
    .nav-menu .menu-item {
      font-size: 22px;
      font-weight: 500;
      height: auto;
      line-height: 1.5;
      margin-left: 0; }
      .nav-menu .menu-item.active {
        background-color: unset; }
    .nav-menu.active {
      opacity: 1;
      visibility: visible; }

  .nav-item {
    padding: 1.5rem 0; }

  .nav-menu.active {
    right: 0; } }
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .footer1 .footer_container .content .form .form_container {
    width: 90% !important; }

  .footer1 .footer_container.bottom .bottom_row {
    padding-bottom: 15px; }

  .footer1 .footer_container .content .form {
    margin-bottom: 20px !important; }

  .address {
    margin-bottom: 20px; }

  h4 {
    font-size: 20px; } }
@media only screen and (max-width: 767px) {
  .footer1 .footer_container.bottom .bottom_row {
    padding-bottom: 15px; } }
.address {
  text-align: center;
  margin-bottom: 34px; }

@media only screen and (min-width: 768px) {
  #home .is-mobile {
    display: none; } }
@media only screen and (max-width: 767px) {
  #home .is-desktop {
    display: none; } }
#home .top .top_up {
  position: relative; }
  #home .top .top_up .lottie-elem {
    width: 100%; }
  #home .top .top_up video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 50;
    opacity: 0;
    visibility: hidden; }
    @media only screen and (max-width: 767px) {
      #home .top .top_up video.home-top-video {
        display: none; } }
    @media only screen and (min-width: 768px) {
      #home .top .top_up video.home-top-video-mobile {
        display: none; } }
#home .video_stack h1 {
  color: inherit;
  margin: 30px; }
#home .text_blur_container p {
  max-width: 890px;
  margin: 0 auto;
  color: white; }
#home .stack_3_red_label .red_label_container {
  margin-top: 0; }
#home .red_label_title.black {
  color: var(--color-yellow);
  font-family: var(--text-font); }
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  #home .main .main_content .red_label_container {
    margin-left: 20px; }
  #home .stack_3_red_label .red_label_container {
    margin-top: -50px; }
  #home .main .main_content .red_label_container_special {
    margin-left: 0; }
  #home .main .main_content .part_right {
    padding-left: 20px; }
  #home .main .main_content .part_right .part_right_container {
    width: calc(100% - 20px); }
  #home .main .main_content .stack_4 .stack_4_text_blur:first-child {
    margin-top: 300px; }
  #home .main .main_content .stack_4 .stack_4_text_blur .text_blur_container {
    height: auto; }
  #home .text_blur_container p {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 750px; }
  #home .video_stack h1 {
    margin-left: 20px;
    margin-right: 20px; }
  #home h3.filling_letter {
    font-size: 40px !important; }
  #home .main .main_content .stack_4 .stack_4_text_blur {
    margin-top: 0; }
  #home .services {
    margin-top: -450px;
    padding: 20px !important;
    padding-bottom: 40px !important; }
  #home .services__title {
    margin-bottom: 24px !important; }
  #home .services__left-title, #home .services__right-title {
    font-size: 30px !important;
    line-height: 44px !important; }
  #home h4 {
    font-size: 23px;
    line-height: 36px; } }
@media only screen and (max-width: 767px) {
  #home .main .main_content .stack_4 .stack_4_text_blur:first-child {
    margin-top: 150px; }
  #home .main .main_content .red_label_container_special {
    margin-left: 20px; }
  #home .text_blur_container p {
    padding-left: 20px;
    padding-right: 20px; }
  #home .video_stack h1 {
    margin-left: 20px;
    margin-right: 20px; }
  #home .services {
    padding: 20px !important;
    padding-bottom: 40px !important; } }
#home .services {
  padding: 3.5vw 5vw 5vw 5vw;
  background-color: #f6f6f6;
  width: auto; }
  @media only screen and (max-width: 767px) {
    #home .services {
      padding: 20px !important;
      padding-bottom: 32px !important; } }
  #home .services__title {
    margin-bottom: 24px !important; }
    @media only screen and (max-width: 767px) {
      #home .services__title {
        margin-bottom: 24px;
        margin-top: 20px; } }
    #home .services__title h4 {
      margin-bottom: 0;
      color: var(--color-yellow); }
  #home .services__in {
    display: flex;
    gap: 3vw; }
    @media only screen and (max-width: 1224px) {
      #home .services__in {
        gap: 2vw; } }
    @media only screen and (max-width: 767px) {
      #home .services__in {
        flex-direction: column;
        gap: 2.5vw; } }
  #home .services__cta i {
    font-size: 40px; }
    @media only screen and (max-width: 1224px) {
      #home .services__cta i {
        font-size: 35px; } }
    @media only screen and (max-width: 767px) {
      #home .services__cta i {
        font-size: 20px; } }
  #home .services__left, #home .services__right {
    width: 50%;
    display: flex;
    flex-direction: column;
    color: var(--color-blue); }
    @media only screen and (max-width: 767px) {
      #home .services__left, #home .services__right {
        width: 100%; } }
    #home .services__left .services-link, #home .services__right .services-link {
      display: flex;
      flex-direction: column;
      gap: 30px; }
      @media only screen and (max-width: 1224px) {
        #home .services__left .services-link, #home .services__right .services-link {
          gap: 20px; } }
      @media only screen and (max-width: 767px) {
        #home .services__left .services-link, #home .services__right .services-link {
          width: 100%;
          gap: 10px; } }
    #home .services__left-image, #home .services__right-image {
      margin: 0;
      width: 100%; }
      #home .services__left-image img, #home .services__right-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 1.72; }
        @media only screen and (max-width: 767px) {
          #home .services__left-image img, #home .services__right-image img {
            aspect-ratio: 1.52; } }
    #home .services__left-title, #home .services__right-title {
      font-size: calc(30px + 0.5vw);
      line-height: 1.5;
      font-weight: 600;
      font-family: var(--heading-font); }
      @media only screen and (max-width: 1224px) {
        #home .services__left-title, #home .services__right-title {
          font-size: 30px;
          line-height: 44px; } }
      @media only screen and (max-width: 767px) {
        #home .services__left-title, #home .services__right-title {
          font-weight: 500;
          margin-bottom: 10px; } }
    #home .services__left-text, #home .services__right-text {
      font-weight: 400;
      margin: 0; }
      @media only screen and (max-width: 1224px) {
        #home .services__left-text, #home .services__right-text {
          font-size: 17px;
          line-height: 32px; } }

@media only screen and (max-width: 767px) {
  .footer1 {
    padding: 20px; } }
.footer1 .FooterLogo {
  margin-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .footer1 .FooterLogo {
      margin-bottom: 20px; } }
  .footer1 .FooterLogo img {
    width: 360px; }
    @media only screen and (max-width: 1023px) and (min-width: 768px) {
      .footer1 .FooterLogo img {
        width: 300px; } }
    @media only screen and (max-width: 767px) {
      .footer1 .FooterLogo img {
        width: 250px; } }
    @media only screen and (max-width: 420px) {
      .footer1 .FooterLogo img {
        width: 200px; } }
.footer1 .FooterSubLogo {
  font-family: "Biennale", sans-serif; }
  @media only screen and (max-width: 767px) {
    .footer1 .FooterSubLogo {
      margin-bottom: 20px; } }
  @media only screen and (max-width: 420px) {
    .footer1 .FooterSubLogo h3 {
      font-size: 24px; } }
.footer1 .form_row_top_title {
  font-family: "Biennale", sans-serif;
  font-size: 22px;
  font-weight: 400; }

@media only screen and (max-width: 1024px) {
  .column_alpha {
    display: none !important; }

  .crazy_contents .part_narrow {
    width: 22% !important; }
    .crazy_contents .part_narrow .stack_3_part_container .narrow_column_inner_L, .crazy_contents .part_narrow .stack_3_part_container .narrow_column_inner_R {
      height: 60vw !important; } }
@media only screen and (max-width: 922px) {
  .footer_container.bottom {
    justify-content: center !important;
    padding-top: 2px;
    flex-direction: column !important; }
    .footer_container.bottom .bottom_row {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: center !important;
      margin-left: calc($global_margin_left - $footer_padding_left); }
      .footer_container.bottom .bottom_row__right {
        margin-top: 20px;
        margin-bottom: 20px; }
        .footer_container.bottom .bottom_row__right i {
          font-size: 23px !important;
          color: #20273E; }
          .footer_container.bottom .bottom_row__right i:not(:last-child) {
            margin-right: 23px !important; }
    .footer_container.bottom .spec_item {
      margin: 0 10px 0 0; }
      .footer_container.bottom .spec_item:last-child {
        margin-right: 0 !important; }
      .footer_container.bottom .spec_item h5.footer_bottom {
        margin-block-start: 0.2em;
        margin-block-end: 0.2em;
        font-size: 15px;
        line-height: 23px; }
    .footer_container.bottom .spec_item.responsive_dominant {
      display: flex;
      width: 100%;
      justify-content: center;
      margin-right: 0 !important; }
      .footer_container.bottom .spec_item.responsive_dominant h5.footer_bottom {
        margin-top: 20px;
        margin-block-end: 0.2em;
        font-size: 15px;
        line-height: 33px; } }
@media only screen and (max-width: 767px) {
  .elementor-9 .elementor-element.elementor-element-55a34b02 {
    --padding-block-end: 0 !important; } }

body {
  font-family: var(--text-font);
  color: #000;
  display: flex;
  flex-direction: column;
  overflow: overlay;
  overflow-x: hidden; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #C0CADD;
  margin: 30px 0;
  padding: 0; }

.loretta h2 {
  font-family: var(--heading-font) !important; }

.indivisible {
  font-family: var(--text-font) !important; }

h1 {
  font-style: normal;
  font-weight: 400;
  color: #f6f6f6;
  font-size: 110px;
  line-height: 135px;
  letter-spacing: 0px;
  letter-spacing: 0px; }

h1.text_blur {
  font-size: 9vw;
  font-weight: 500;
  line-height: 1.1; }

h1.big_letters_blur {
  font-size: 70vw;
  font-weight: 700;
  -webkit-text-stroke: 3px #bdbdbd;
  color: transparent; }

h1, h2, h3, h4, h5 {
  font-family: var(--heading-font);
  font-weight: 600; }

h1.hero_letter {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-size: calc(30px + 6vw);
  line-height: 0.9;
  color: var(--color-light-blue);
  font-weight: 400; }
  h1.hero_letter.top_up_hero_letter_line1 {
    font-family: var(--text-font);
    color: white;
    line-height: calc(20px + 3vw);
    font-size: calc(14px + 1.5vw);
    letter-spacing: -0.05vw; }
  @media only screen and (max-width: 767px) {
    h1.hero_letter {
      font-size: 11.3vw;
      line-height: 1.05; }
      h1.hero_letter.top_up_hero_letter_line1 {
        font-family: var(--text-font);
        color: white;
        font-size: 3.4vw; } }

h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 231px;
  line-height: 279px;
  letter-spacing: 0px;
  letter-spacing: 0px; }

h2.section-in-title {
  font-weight: 600;
  font-size: 3em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  color: #FFFFFF; }

h3 {
  font-style: normal;
  font-weight: 600;
  font-size: calc(30px + 0.5vw);
  line-height: 1.5;
  letter-spacing: 0px;
  letter-spacing: 0px; }
  @media only screen and (max-width: 1224px) {
    h3 {
      font-size: 30px;
      line-height: 44px; } }
  @media only screen and (max-width: 767px) {
    h3 {
      margin: 0; } }

h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0px;
  letter-spacing: 0px;
  margin: 28px 0; }
  @media only screen and (max-width: 1224px) {
    h4 {
      font-size: 28px;
      line-height: 30px; } }
  @media only screen and (max-width: 767px) {
    h4 {
      font-size: 26px;
      line-height: 36px;
      margin: 0; } }

h4.footer_form {
  text-transform: none;
  font-weight: 400;
  font-size: 22px;
  line-height: 33px; }

h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0px;
  letter-spacing: 0px; }

h5.footer_bottom {
  font-weight: 400;
  font-size: 17px;
  color: var(--color-light-blue);
  margin: 40px 0;
  font-family: var(--text-font); }
  h5.footer_bottom a {
    color: white; }

h5.footer_form, h6.footer_form, h7.footer_form {
  font-weight: 400;
  font-size: 22px;
  line-height: 33px; }

h6 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0px;
  letter-spacing: 0px; }

p {
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 31px;
  letter-spacing: 0px;
  letter-spacing: -0.5px; }
  @media only screen and (max-width: 1224px) {
    p {
      font-size: 17px;
      line-height: 32px; } }

.button {
  width: 172px;
  height: 56px;
  border-radius: 34px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  z-index: 110;
  background-color: var(--color-yellow); }
  .button:hover {
    cursor: pointer; }

.no_margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.fixed {
  position: fixed;
  top: 0;
  left: 0; }

.absolute {
  position: absolute;
  top: 0;
  left: 0; }

@media only screen and (min-width: 768px) {
  .transition_curtain {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    height: 0;
    width: 100vw;
    background-color: var(--color-blue);
    z-index: -10;
    opacity: 0; }

  .transition_curtain.active-front {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100vw;
    background-color: var(--color-blue);
    z-index: 100;
    opacity: 0; }

  .transition_curtain.active-back {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100vw;
    background-color: var(--color-blue);
    z-index: -10;
    opacity: 1; }

  .only_small {
    display: none !important; }

  .only_big {
    display: flex !important; }

  h3.filling_letter {
    font-size: 39px;
    line-height: 46px;
    font-weight: 400;
    color: #b2b2b260;
    transition: 1s; }

  h3.filling_letter.highlight {
    font-weight: 400;
    color: #f6f6f6;
    transition: 1s; }

  .top {
    z-index: 0; }

  .top_bottom {
    z-index: 10; }

  .vertical_line {
    z-index: 0; }

  .main {
    z-index: 55; }

  .footer1 {
    z-index: 30; }

  .vertical_line {
    position: relative;
    width: 1px;
    background-color: #e2e2e271; }

  header {
    position: fixed;
    z-index: 5000;
    border-radius: var(--menu-border-radius);
    float: left;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start; }
    header .left {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: start; }
      header .left .top_menu {
        width: 50%;
        max-width: 550px; }
        header .left .top_menu ul li {
          display: block; }
          header .left .top_menu ul li a {
            color: #000000;
            text-decoration: none; }
    header .right {
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: start;
      width: 0; }
      header .right .button {
        margin-top: 25px;
        margin-right: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 154px;
        height: 48px;
        text-transform: uppercase;
        background: #56748200 0% 0% no-repeat padding-box;
        color: #FFFFFF;
        border: 1px solid #fff;
        opacity: 1; }

  .video_play_controls_overlay {
    display: none;
    opacity: 0;
    position: absolute;
    justify-content: center;
    align-items: center;
    height: 0px;
    top: calc(50vh - 0px);
    width: 100vw;
    transition: opacity 2s, display 3s;
    z-index: 100; }
    .video_play_controls_overlay .video_play_controls {
      width: 200px;
      height: 200px;
      display: grid;
      justify-content: center;
      align-items: center; }
      .video_play_controls_overlay .video_play_controls .video_control_element {
        grid-row: 1;
        grid-column: 1;
        grid-area: 1/1;
        display: flex;
        justify-content: center;
        align-items: center; }
      .video_play_controls_overlay .video_play_controls .video_cancel_button {
        cursor: pointer;
        font-size: 200%;
        color: rgba(255, 255, 255, 0.438); }
      .video_play_controls_overlay .video_play_controls .video_play_button {
        cursor: pointer;
        font-size: 500%;
        color: rgba(255, 255, 255, 0.438);
        background-color: transparent; }

  .video_play_controls_overlay.active {
    display: flex;
    opacity: 1;
    transition: display 0.1s, opacity 2s; }

  .top_up_left_content_top_title {
    color: #FFFFFF;
    display: grid; }

  .top {
    background-color: #fff; }
    .top .top_up .top_up_left {
      height: 100vh;
      width: 100vw;
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: start;
      grid-row: 1;
      grid-column: 1;
      display: grid; }
      .top .top_up .top_up_left .top_up_hero, .top .top_up .top_up_left .top_up_hero_1, .top .top_up .top_up_left .top_up_hero_2 {
        grid-row: 1;
        grid-column: 1;
        background-color: transparent;
        z-index: 60;
        width: 82%;
        margin-left: 5vw;
        margin-top: 72vh;
        display: flex;
        flex-direction: column;
        justify-content: start; }
        .top .top_up .top_up_left .top_up_hero .top_up_hero_line, .top .top_up .top_up_left .top_up_hero_1 .top_up_hero_line, .top .top_up .top_up_left .top_up_hero_2 .top_up_hero_line {
          display: flex;
          flex-direction: row;
          justify-content: start; }
      .top .top_up .top_up_left .animation_window_stack_top_container_for_pinning {
        width: 100vw;
        height: 100vh;
        grid-row: 1;
        grid-column: 1;
        background-color: transparent;
        overflow: hidden;
        display: grid;
        justify-content: start;
        z-index: 50; }
        .top .top_up .top_up_left .animation_window_stack_top_container_for_pinning .animation_window_stack_top_container {
          grid-row: 1;
          grid-column: 1;
          width: 100vw;
          height: 100vh;
          z-index: 50;
          position: relative;
          background-color: var(--color-blue);
          display: flex;
          justify-content: center;
          align-items: center; }
      .top .top_up .top_up_left .top_up_left_content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        max-width: calc($width_1440px/2);
        width: calc(100% - 1 * $top_padding_LR);
        height: 90%; }
        .top .top_up .top_up_left .top_up_left_content .top_up_left_content_helper {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: start;
          width: 93%;
          height: 100%;
          padding-right: 50px; }
          .top .top_up .top_up_left .top_up_left_content .top_up_left_content_helper .top_up_left_content_top {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: start;
            width: 100%; }

  .main {
    position: relative;
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: start;
    transform: translate(0px, 0px); }
    .main .main_content {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: start; }
      .main .main_content .plain-intro {
        width: 100vw;
        background-color: var(--color-blue);
        display: flex;
        flex-direction: row;
        justify-content: center; }
        .main .main_content .plain-intro .section-in {
          width: calc(100vw - 2* $section-in_padding_LR);
          max-width: 1000px;
          color: white;
          margin-bottom: 141px; }
          .main .main_content .plain-intro .section-in p, .main .main_content .plain-intro .section-in span {
            font-size: 16px;
            line-height: 130% !important; }
          .main .main_content .plain-intro .section-in .title {
            height: 200px; }
          .main .main_content .plain-intro .section-in ol {
            counter-reset: list-number; }
            .main .main_content .plain-intro .section-in ol li {
              counter-increment: list-number; }
            .main .main_content .plain-intro .section-in ol li:before {
              content: counter(list-number,lower-roman) "."; }
      .main .main_content .stack_1_responsive_only_container {
        display: none; }
      .main .main_content .main_content_stack {
        width: 100vw;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
      .main .main_content .stack_1 {
        height: auto;
        width: calc(100vw - 2 * $stack_padding_left );
        padding: 0 0 0 0; }
      .main .main_content .stack_2 {
        height: auto;
        width: calc(100vw - 2 * $stack_padding_left );
        padding: 0 0 0 0; }
      .main .main_content .stack_outer_column {
        display: none; }
      .main .main_content .part_left {
        width: 23%; }
      .main .main_content .part_middle {
        width: 27%;
        display: block; }
      .main .main_content .part_right {
        width: 50%;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        padding-left: 5vw; }
        .main .main_content .part_right .part_right_container {
          width: 80%;
          max-width: 840px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 100%; }
          .main .main_content .part_right .part_right_container .part_right_container_upper {
            margin-top: 200px; }
          .main .main_content .part_right .part_right_container .part_right_container_up p:first-child {
            margin-top: 0; }
          .main .main_content .part_right .part_right_container .part_right_container_down {
            margin-bottom: 0; }
            .main .main_content .part_right .part_right_container .part_right_container_down h3 {
              margin-block-end: 1em; }
            .main .main_content .part_right .part_right_container .part_right_container_down h4 {
              margin-block-end: 0;
              margin-block-start: 0; }
            .main .main_content .part_right .part_right_container .part_right_container_down p:first-child {
              margin-top: 0; }
      .main .main_content .red_label_container {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        margin-left: 5vw;
        margin-top: 200px; }
        .main .main_content .red_label_container .square {
          width: 12px;
          height: 12px;
          background-color: var(--color-yellow);
          margin-right: 10px; }
        .main .main_content .red_label_container .label_title h4 {
          font-family: var(--text-font); }
        .main .main_content .red_label_container .label_title h4, .main .main_content .red_label_container .label_title h5 {
          color: var(--color-yellow); }
      .main .main_content .red_label_container_special {
        grid-row: 1;
        grid-column: 1;
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        margin-left: 5vw; }
        .main .main_content .red_label_container_special .square {
          width: 12px;
          height: 12px;
          background-color: var(--color-yellow);
          margin-right: 10px; }
        .main .main_content .red_label_container_special .label_title h4, .main .main_content .red_label_container_special .label_title h5 {
          color: var(--color-yellow); }
      .main .main_content .filling_letters_super_container {
        grid-row: 1;
        grid-column: 1;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center; }
        .main .main_content .filling_letters_super_container .filling_letter_container {
          color: white;
          display: flex;
          justify-content: center; }
      .main .main_content .video_stack_container {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: start;
        background-color: var(--color-blue); }
        .main .main_content .video_stack_container .pinner {
          width: 100%;
          height: 2px; }
        .main .main_content .video_stack_container .top_row_v {
          width: 100%;
          display: flex;
          flex-direction: row;
          align-items: start;
          margin-bottom: 4vw;
          margin-top: 8vw; }
          .main .main_content .video_stack_container .top_row_v .stack_3_red_label {
            width: 25%;
            z-index: 20;
            display: flex;
            flex-direction: row;
            justify-content: start;
            align-items: flex-start; }
          .main .main_content .video_stack_container .top_row_v .stack_3_video_text {
            width: 50%;
            margin-top: calc($red_label_margin_top + 10px);
            z-index: 20;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start; }
            .main .main_content .video_stack_container .top_row_v .stack_3_video_text .video_text_container {
              width: 37vw;
              min-width: 650px; }
              .main .main_content .video_stack_container .top_row_v .stack_3_video_text .video_text_container .video_text {
                text-align: center; }
                .main .main_content .video_stack_container .top_row_v .stack_3_video_text .video_text_container .video_text p {
                  margin: 30px 0; }
        .main .main_content .video_stack_container .video_stack {
          grid-row: 1;
          grid-column: 1;
          width: 100vw;
          background-color: var(--color-blue);
          display: grid; }
          .main .main_content .video_stack_container .video_stack .pin_container {
            grid-row: 1;
            grid-column: 1;
            width: 100vw;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-content: center;
            flex-wrap: wrap; }
            .main .main_content .video_stack_container .video_stack .pin_container .pinner {
              width: 100vw;
              height: 0px; }
          .main .main_content .video_stack_container .video_stack .pin_container_scrolling_text {
            grid-row: 1;
            grid-column: 1;
            width: 100vw;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-content: start;
            flex-wrap: wrap; }
            .main .main_content .video_stack_container .video_stack .pin_container_scrolling_text .pinner_2 {
              width: 100vw;
              height: 0px; }
          .main .main_content .video_stack_container .video_stack .pin_container_scrolling_red_label {
            grid-row: 1;
            grid-column: 1;
            opacity: 0;
            width: 100vw;
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-content: start;
            flex-wrap: wrap;
            z-index: 30; }
            .main .main_content .video_stack_container .video_stack .pin_container_scrolling_red_label .pinner_0 {
              width: 100vw;
              height: 0px; }
            .main .main_content .video_stack_container .video_stack .pin_container_scrolling_red_label .red_label_special_stack {
              width: 100vw; }
              .main .main_content .video_stack_container .video_stack .pin_container_scrolling_red_label .red_label_special_stack .red_label_special {
                display: grid;
                width: 100%;
                margin-left: 0; }
          .main .main_content .video_stack_container .video_stack .pinned_on_video {
            align-content: center; }
          .main .main_content .video_stack_container .video_stack .gsap_container {
            grid-row: 1;
            grid-column: 1;
            width: 100vw;
            display: grid; }
            .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 {
              grid-row: 1;
              grid-column: 1;
              width: 100vw;
              display: grid;
              justify-content: center;
              align-items: center; }
            .main .main_content .video_stack_container .video_stack .gsap_container .media_1_container {
              width: 100%;
              height: 22vw;
              overflow: hidden;
              display: flex;
              justify-content: center;
              align-items: center;
              background-color: transparent; }
              .main .main_content .video_stack_container .video_stack .gsap_container .media_1_container .video_element {
                grid-row: 1;
                grid-column: 1; }
              .main .main_content .video_stack_container .video_stack .gsap_container .media_1_container .play_button {
                width: 100%;
                background-color: transparent;
                z-index: 100;
                cursor: pointer; }
            .main .main_content .video_stack_container .video_stack .gsap_container .stack_3_animation_video {
              grid-row: 1;
              grid-column: 1;
              width: 100vw;
              display: flex;
              flex-direction: row;
              justify-content: center;
              align-items: center; }
              .main .main_content .video_stack_container .video_stack .gsap_container .stack_3_animation_video .stack_3_part__video_container {
                width: 37vw;
                display: flex;
                flex-direction: column;
                align-items: start;
                align-content: center;
                flex-wrap: wrap; }
                .main .main_content .video_stack_container .video_stack .gsap_container .stack_3_animation_video .stack_3_part__video_container .stack_3_part_content {
                  background-color: transparent;
                  width: 100%;
                  height: auto;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center; }
                .main .main_content .video_stack_container .video_stack .gsap_container .stack_3_animation_video .stack_3_part__video_container .media_div {
                  width: 100%;
                  aspect-ratio: 1/1;
                  overflow: hidden;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center; }
                .main .main_content .video_stack_container .video_stack .gsap_container .stack_3_animation_video .stack_3_part__video_container .stack_3_image {
                  object-fit: cover;
                  width: 150%;
                  height: auto; }
                  .main .main_content .video_stack_container .video_stack .gsap_container .stack_3_animation_video .stack_3_part__video_container .stack_3_image .stack_3_video {
                    object-fit: cover;
                    scale: 1; }
          .main .main_content .video_stack_container .video_stack .gsap_container_2 {
            grid-row: 1;
            grid-column: 1;
            width: 100vw;
            height: 30vh;
            display: flex;
            justify-content: center;
            align-items: center; }
            .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents {
              width: 100vw;
              height: 23vw;
              display: flex;
              flex-direction: row;
              justify-content: space-evenly; } }
            @media only screen and (min-width: 768px) and (max-width: 1024px) {
              .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents {
                justify-content: space-around !important; } }
@media only screen and (min-width: 768px) {
              .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .part_narrow {
                width: 13.25%; }
              .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .part_wide {
                width: 37%;
                height: 100%;
                z-index: 30;
                display: flex;
                flex-direction: row;
                justify-content: center;
                flex-wrap: wrap; }
              .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part {
                text-align: center; }
                .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part .special {
                  margin-bottom: 30px; }
                .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part .stack_3_part_container {
                  width: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: start; }
                  .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part .stack_3_part_container .stack_3_part_content {
                    background-color: transparent;
                    width: 100%;
                    height: auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center; }
                  .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part .stack_3_part_container .media_div {
                    width: 100%;
                    aspect-ratio: 1/1;
                    overflow: hidden;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center; }
                  .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part .stack_3_part_container .stack_3_image {
                    height: 120%; }
      .main .main_content .scrolling_text_group {
        display: none;
        position: relative;
        flex-direction: row;
        justify-content: center;
        align-content: start;
        flex-wrap: wrap;
        margin-top: 30vh; }
      .main .main_content .stack_4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 30;
        width: 100vw;
        color: #FFFFFF;
        background-color: transparent;
        transform: translate(0, 0);
        padding: 0 !important; }
        .main .main_content .stack_4 .stack_4_text_blur {
          margin-top: 10vw;
          text-align: center;
          display: grid; }
          .main .main_content .stack_4 .stack_4_text_blur:first-child {
            margin-top: 14vw; }
          .main .main_content .stack_4 .stack_4_text_blur .text_blur_container {
            opacity: 0;
            height: 150px;
            grid-column: 1;
            grid-row: 1;
            display: flex;
            flex-direction: column;
            justify-content: center; }
          .main .main_content .stack_4 .stack_4_text_blur .big_letters_container {
            height: 150px;
            grid-column: 1;
            grid-row: 1;
            display: flex;
            flex-direction: column;
            justify-content: center; }
      .main .main_content .stack_5 {
        z-index: 50;
        width: 100vw;
        transform: translate(0, 0);
        display: grid;
        justify-content: start;
        margin-top: -8vw; }
        .main .main_content .stack_5 .stack_5_line_container {
          grid-row: 1;
          grid-column: 1; }
          .main .main_content .stack_5 .stack_5_line_container .vertical_lines_containter {
            margin-top: 280px;
            height: calc(100% - ($red_label_margin_top + 80px));
            display: flex;
            flex-direction: row;
            justify-content: center; }
        .main .main_content .stack_5 .stack_5_container {
          grid-row: 1;
          grid-column: 1;
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: 100%; }
          .main .main_content .stack_5 .stack_5_container .stack_5_container_top {
            display: flex;
            flex-direction: row;
            justify-content: center; }
          .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom {
            display: flex;
            flex-direction: row;
            justify-content: center;
            margin-bottom: 200px; }
            .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_wide_container {
              display: flex;
              flex-direction: column;
              width: 24%;
              margin-left: 20px;
              margin-right: 20px; }
              .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_wide_container .stack_5_wide_row_left {
                display: flex;
                justify-content: right;
                margin-top: 20px;
                width: 100%; }
                .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_wide_container .stack_5_wide_row_left p {
                  text-align: right;
                  color: #ffffff;
                  width: 100%; }
              .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_wide_container .stack_5_wide_row_right {
                display: flex;
                justify-content: left;
                margin-top: 20px;
                width: 100%; }
                .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_wide_container .stack_5_wide_row_right p {
                  text-align: left;
                  color: #ffffff;
                  width: 100%; }
            .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .left {
              justify-content: start;
              align-items: end;
              margin-top: 100px; }
              .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .left p {
                text-align: right;
                color: #ffffff; }
            .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .right {
              justify-content: end;
              align-items: start;
              margin-top: calc(14vw + $stack_5_leftImg_marginTop); }
              .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .right p {
                text-align: left;
                color: #ffffff; }
            .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_image {
              object-fit: cover;
              width: 21vw;
              height: 14vw; }
            .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_image_container {
              display: flex;
              flex-direction: column;
              justify-content: center;
              width: 10%;
              z-index: 10; }
    .main .column_alpha {
      display: flex; }

  .footer1 {
    position: relative;
    transform: translate(0, 0);
    background-color: var(--color-blue);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    z-index: 40; }
    .footer1 .footer_container {
      width: 100%;
      background-color: var(--color-blue);
      color: #FFFFFF;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .footer1 .footer_container.bottom {
        background-color: #000000; }
      .footer1 .footer_container .content {
        padding-top: 65px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 90%; }
        .footer1 .footer_container .content .FooterLogo {
          font-size: 230px;
          font-weight: 700;
          line-height: 130px; }
        .footer1 .footer_container .content .FooterSubLogo {
          font-size: 2vw;
          color: var(--color-blue); }
        .footer1 .footer_container .content .row {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: start; }
        .footer1 .footer_container .content .row_center {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
        .footer1 .footer_container .content .social {
          margin: 20px 0 20px 0; }
        .footer1 .footer_container .content .form {
          margin-bottom: 11px; }
          .footer1 .footer_container .content .form input, .footer1 .footer_container .content .form textarea {
            font-size: clamp(12px, 1vw, 16px);
            font-family: "Biennale", sans-serif;
            color: var(--color-blue);
            padding-block: 0;
            width: 100%;
            text-indent: 12px;
            font-size: 17px; }
            .footer1 .footer_container .content .form input::placeholder, .footer1 .footer_container .content .form textarea::placeholder {
              color: #6E6E6E; }
          .footer1 .footer_container .content .form .form_container {
            margin: 25px 0 25px 0;
            background-color: #000;
            width: 56vw;
            min-width: 450px;
            max-width: 800px;
            max-height: 600px;
            border-radius: 8px;
            border: 1px solid #000;
            display: flex;
            flex-direction: column; }
            .footer1 .footer_container .content .form .form_container .form_cell_container {
              width: 100%;
              height: 100%; }
              .footer1 .footer_container .content .form .form_container .form_cell_container .form_cell {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: end;
                grid-row: 1;
                grid-column: 1;
                width: -webkit-fill-available;
                height: -webkit-fill-available; }
            .footer1 .footer_container .content .form .form_container .form_name {
              padding: 6px 3px 3px 6px;
              display: grid;
              height: auto; }
            .footer1 .footer_container .content .form .form_container .form_surname {
              padding: 6px 3px 3px 3px;
              display: grid;
              height: auto; }
            .footer1 .footer_container .content .form .form_container .form_email {
              padding: 3px 3px 6px 6px;
              display: grid;
              height: auto; }
            .footer1 .footer_container .content .form .form_container .form_comments {
              padding: 6px 6px 6px 3px;
              display: grid;
              height: auto; }
            .footer1 .footer_container .content .form .form_container .form_row_top {
              height: 3vh;
              min-height: 40px;
              display: flex;
              flex-direction: row;
              justify-content: center;
              flex-wrap: wrap;
              align-content: center;
              margin: 0;
              cursor: pointer; }
              .footer1 .footer_container .content .form .form_container .form_row_top .content {
                background-color: #1E2333; }
            .footer1 .footer_container .content .form .form_container .form_bottom {
              height: 120px;
              min-height: calc(80px + 2 * $form_cell_padding); }
            .footer1 .footer_container .content .form .form_container .form_row_flex_row {
              display: flex;
              flex-direction: row; }
            .footer1 .footer_container .content .form .form_container .form_row_flex_column {
              width: 50%;
              display: flex;
              flex-direction: column; }
            .footer1 .footer_container .content .form .form_container input {
              height: 49px;
              max-height: 49px;
              padding: 0 !important; }
            .footer1 .footer_container .content .form .form_container .form_field {
              background-color: var(--color-light-blue);
              border: 1px solid var(--color-light-blue);
              border-radius: 5px;
              text-align: left;
              align-items: center;
              display: flex;
              flex-direction: row;
              justify-content: start;
              align-items: center;
              padding: 14.6px 0; }
              .footer1 .footer_container .content .form .form_container .form_field h5, .footer1 .footer_container .content .form .form_container .form_field h6, .footer1 .footer_container .content .form .form_container .form_field h7 {
                color: #B2B2B2; }
            .footer1 .footer_container .content .form .form_container .form_field.area {
              resize: none;
              align-items: start;
              padding: 18px 0 0 0; }
        .footer1 .footer_container .content .col {
          display: flex;
          flex-direction: column;
          justify-content: start;
          align-items: start;
          color: #FFFFFF; }
          .footer1 .footer_container .content .col .bottom_item {
            margin-bottom: 5px;
            display: flex;
            justify-content: space-between; }
          .footer1 .footer_container .content .col .head {
            margin-bottom: 12px; }
        .footer1 .footer_container .content .spec {
          color: #a7a7a7; }
    .footer1 .footer_container.bottom {
      padding-top: 2px;
      display: flex;
      justify-content: center;
      padding: 0 5vw;
      width: calc(100% - 10vw);
      border-top: 1px solid var(--color-blue); }
      .footer1 .footer_container.bottom .bottom_row {
        justify-content: space-between;
        display: flex; }
        .footer1 .footer_container.bottom .bottom_row__right i {
          font-size: 30px;
          color: white; }
          .footer1 .footer_container.bottom .bottom_row__right i:not(:last-child) {
            margin-right: 30px !important; }
      .footer1 .footer_container.bottom .spec_item {
        margin: 0 20px 0 0; } }
@media only screen and (max-width: 767px) {
  .transition_curtain {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    height: 0;
    width: 100vw;
    background-color: var(--color-blue);
    z-index: -10;
    opacity: 0; }

  .transition_curtain.active-front {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100vw;
    background-color: var(--color-blue);
    z-index: 100;
    opacity: 0; }

  .transition_curtain.active-back {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100vw;
    background-color: var(--color-blue);
    z-index: -10;
    opacity: 1; }

  .only_small {
    display: flex !important; }

  .only_big {
    display: none !important; }

  h4.red_label_title {
    font-size: 17px;
    line-height: 19px;
    font-family: var(--text-font); }

  h3.filling_letter {
    margin-right: 5px;
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
    color: #b2b2b260;
    transition: 1s; }

  h3.filling_letter.highlight {
    font-weight: 400;
    color: #f6f6f6;
    transition: 1s; }

  .top {
    z-index: 0; }

  .top_bottom {
    z-index: 10; }

  .vertical_line {
    z-index: 0; }

  .main {
    z-index: 40; }

  .footer1 {
    z-index: 30; }

  .vertical_line {
    position: relative;
    width: 1px;
    background-color: #e2e2e271; }

  header {
    position: fixed;
    z-index: 5000;
    border-radius: var(--menu-border-radius);
    float: left;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start; }
    header .left {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: start; }
      header .left .top_menu {
        width: 50%;
        max-width: 550px; }
        header .left .top_menu ul li {
          display: block; }
          header .left .top_menu ul li a {
            color: #000000;
            text-decoration: none; }
    header .right {
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: start;
      width: 0; }
      header .right .button {
        margin-top: 25px;
        margin-right: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 154px;
        height: 48px;
        text-transform: uppercase;
        background: #56748200 0% 0% no-repeat padding-box;
        color: #FFFFFF;
        border: 1px solid #fff;
        opacity: 1; }

  .video_play_controls_overlay {
    display: none;
    opacity: 0;
    position: absolute;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    transition: opacity 2s, display 3s;
    z-index: 100; }
    .video_play_controls_overlay .video_play_controls {
      width: 200px;
      height: 200px;
      display: grid;
      justify-content: center;
      align-items: center; }
      .video_play_controls_overlay .video_play_controls .video_control_element {
        grid-row: 1;
        grid-column: 1;
        grid-area: 1/1;
        display: flex;
        justify-content: center;
        align-items: center; }
      .video_play_controls_overlay .video_play_controls .video_cancel_button {
        cursor: pointer;
        font-size: 200%;
        color: rgba(255, 255, 255, 0.438); }
      .video_play_controls_overlay .video_play_controls .video_play_button {
        cursor: pointer;
        font-size: 500%;
        color: rgba(255, 255, 255, 0.438);
        background-color: transparent; }

  .video_play_controls_overlay.active {
    display: flex;
    opacity: 1;
    transition: display 0.1s, opacity 2s; }

  .top_up_left_content_top_title {
    color: #FFFFFF;
    display: grid; }

  .top {
    background-color: #fff;
    z-index: 50; }
    .top .top_up .top_up_left {
      height: 100vh;
      width: 100vw;
      display: flex;
      flex-direction: row;
      justify-content: end;
      align-items: start;
      grid-row: 1;
      grid-column: 1;
      display: grid; }
      .top .top_up .top_up_left .top_up_hero, .top .top_up .top_up_left .top_up_hero_1, .top .top_up .top_up_left .top_up_hero_2 {
        grid-row: 1;
        grid-column: 1;
        background-color: transparent;
        z-index: 60;
        width: 82%;
        margin-left: 20px;
        margin-top: 72vh;
        display: flex;
        flex-direction: column;
        justify-content: start; }
        .top .top_up .top_up_left .top_up_hero .top_up_hero_line, .top .top_up .top_up_left .top_up_hero_1 .top_up_hero_line, .top .top_up .top_up_left .top_up_hero_2 .top_up_hero_line {
          display: flex;
          flex-direction: row;
          justify-content: start; }
      .top .top_up .top_up_left .animation_window_stack_top_container_for_pinning {
        width: 100vw;
        height: 100vh;
        grid-row: 1;
        grid-column: 1;
        background-color: transparent;
        display: grid;
        justify-content: center;
        z-index: 50; }
        .top .top_up .top_up_left .animation_window_stack_top_container_for_pinning .animation_window_stack_top_container {
          grid-row: 1;
          grid-column: 1;
          width: 100vw;
          height: 100vh;
          z-index: 50;
          position: relative;
          background-color: var(--color-blue);
          display: flex;
          justify-content: center;
          align-items: center; }
      .top .top_up .top_up_left .top_up_left_content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        max-width: calc($width_1440px/2);
        width: calc(100% - 1 * $top_padding_LR);
        height: 90%; }
        .top .top_up .top_up_left .top_up_left_content .top_up_left_content_helper {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: start;
          width: 93%;
          height: 100%;
          padding-right: 50px; }
          .top .top_up .top_up_left .top_up_left_content .top_up_left_content_helper .top_up_left_content_top {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: start;
            width: 100%; }

  .main {
    position: relative;
    width: 100vw;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: row;
    justify-content: start;
    transform: translate(0px, 0px); }
    .main .main_content {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .main .main_content .plain-intro {
        width: 100vw;
        background-color: var(--color-blue);
        display: flex;
        flex-direction: row;
        justify-content: center; }
        .main .main_content .plain-intro .section-in {
          width: calc(100vw - 2* $section-in_padding_LR);
          max-width: 1000px;
          color: white;
          margin-bottom: 141px; }
          .main .main_content .plain-intro .section-in p, .main .main_content .plain-intro .section-in span {
            font-size: 16px;
            line-height: 130% !important; }
          .main .main_content .plain-intro .section-in .title {
            height: 200px; }
          .main .main_content .plain-intro .section-in ol {
            counter-reset: list-number; }
            .main .main_content .plain-intro .section-in ol li {
              counter-increment: list-number; }
            .main .main_content .plain-intro .section-in ol li:before {
              content: counter(list-number,lower-roman) "."; }
      .main .main_content .stack_1_responsive_only_container {
        width: 100%;
        background-color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px; }
      .main .main_content .main_content_stack {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start; }
      .main .main_content .stack_1 {
        height: auto;
        width: 100%;
        background-color: #FFFFFF;
        padding: 20px; }
      .main .main_content .stack_2 {
        height: auto;
        width: calc(100% - 40px);
        background-color: #fff;
        padding: 20px;
        padding-bottom: calc(40px + 38px); }
      .main .main_content .stack_outer_column {
        display: none !important;
        display: flex;
        width: calc(100vw - 2 * $upTo767_margin_LR );
        height: calc( 0.7 * (100vw - 2 * $upTo767_margin_LR ));
        margin-top: 30px; }
        .main .main_content .stack_outer_column .stack_mobile_only_image {
          width: 100%;
          object-fit: cover; }
      .main .main_content .part_left {
        width: 100%; }
      .main .main_content .part_middle {
        width: 0%;
        display: none; }
      .main .main_content .part_right {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        padding-left: 0; }
        .main .main_content .part_right .part_right_container {
          width: 100%;
          max-width: 840px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 100%; }
          .main .main_content .part_right .part_right_container .part_right_container_up {
            margin-top: 0; }
          .main .main_content .part_right .part_right_container .part_right_container_upper p {
            margin-top: 0;
            margin-bottom: 20px; }
            .main .main_content .part_right .part_right_container .part_right_container_upper p br {
              line-height: 7px; }
          .main .main_content .part_right .part_right_container .part_right_container_down {
            margin-bottom: 0; }
            .main .main_content .part_right .part_right_container .part_right_container_down h3 {
              margin-block-end: 0; }
            .main .main_content .part_right .part_right_container .part_right_container_down p {
              margin-bottom: 0; }
      .main .main_content .red_label_container {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        margin-left: 0;
        margin-top: 38px;
        margin-bottom: 30px; }
        .main .main_content .red_label_container .square {
          width: 12px;
          height: 12px;
          background-color: var(--color-yellow);
          margin-right: 10px; }
        .main .main_content .red_label_container .label_title h4 {
          font-family: var(--text-font); }
        .main .main_content .red_label_container .label_title h4, .main .main_content .red_label_container .label_title h5 {
          color: var(--color-yellow); }
      .main .main_content .red_label_container_special {
        grid-row: 1;
        grid-column: 1;
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        margin-left: 5vw; }
        .main .main_content .red_label_container_special .square {
          width: 12px;
          height: 12px;
          background-color: var(--color-yellow);
          margin-right: 10px; }
        .main .main_content .red_label_container_special .label_title h4 {
          font-family: var(--text-font); }
        .main .main_content .red_label_container_special .label_title h4, .main .main_content .red_label_container_special .label_title h5 {
          color: var(--color-yellow); }
      .main .main_content .filling_letters_super_container {
        grid-row: 1;
        grid-column: 1;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center; }
        .main .main_content .filling_letters_super_container .filling_letter_container {
          color: white;
          display: flex;
          justify-content: center; }
      .main .main_content .video_stack_container {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: var(--color-blue); }
        .main .main_content .video_stack_container .pinner {
          width: 100%;
          height: 2px; }
        .main .main_content .video_stack_container .top_row_v {
          width: calc(100vw - 2 * $upTo767_margin_LR );
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin-bottom: 9vw; }
          .main .main_content .video_stack_container .top_row_v .stack_3_red_label {
            width: 100%;
            z-index: 20;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center; }
            .main .main_content .video_stack_container .top_row_v .stack_3_red_label .red_label_container {
              margin-top: calc(38px + 20px) !important;
              margin-bottom: 44px !important; }
          .main .main_content .video_stack_container .top_row_v .stack_3_video_text {
            width: 100%;
            margin-top: 0;
            z-index: 20;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start; }
            .main .main_content .video_stack_container .top_row_v .stack_3_video_text .video_text_container {
              width: 80%; }
              .main .main_content .video_stack_container .top_row_v .stack_3_video_text .video_text_container .video_text {
                text-align: center; }
                .main .main_content .video_stack_container .top_row_v .stack_3_video_text .video_text_container .video_text p {
                  margin: 30px 0; }
        .main .main_content .video_stack_container .video_stack {
          grid-row: 1;
          grid-column: 1;
          width: 100vw;
          background-color: var(--color-blue);
          display: grid;
          align-items: start; }
          .main .main_content .video_stack_container .video_stack .pin_container {
            grid-row: 1;
            grid-column: 1;
            width: 100vw;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-content: center;
            flex-wrap: wrap;
            height: 100%; }
            .main .main_content .video_stack_container .video_stack .pin_container .pinner {
              width: 100vw;
              height: 0px; }
          .main .main_content .video_stack_container .video_stack .pin_container_scrolling_text {
            grid-row: 1;
            grid-column: 1;
            width: 100vw;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-content: start;
            flex-wrap: wrap;
            height: 100%; }
            .main .main_content .video_stack_container .video_stack .pin_container_scrolling_text .pinner_2 {
              width: 100vw;
              height: 0px; }
          .main .main_content .video_stack_container .video_stack .pin_container_scrolling_red_label {
            grid-row: 1;
            grid-column: 1;
            opacity: 0;
            width: 100vw;
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-content: start;
            flex-wrap: wrap;
            z-index: 30;
            height: 100%; }
            .main .main_content .video_stack_container .video_stack .pin_container_scrolling_red_label .pinner_0 {
              width: 100vw;
              height: 0px; }
            .main .main_content .video_stack_container .video_stack .pin_container_scrolling_red_label .red_label_special_stack {
              width: 100vw; }
              .main .main_content .video_stack_container .video_stack .pin_container_scrolling_red_label .red_label_special_stack .red_label_special {
                display: grid;
                width: 100%;
                margin-left: 0; }
          .main .main_content .video_stack_container .video_stack .pinned_on_video {
            align-content: center; }
          .main .main_content .video_stack_container .video_stack .gsap_container {
            grid-row: 1;
            grid-column: 1;
            width: 100vw;
            display: grid; }
            .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 {
              grid-row: 1;
              grid-column: 1;
              width: 100vw;
              display: grid;
              justify-content: center;
              align-items: center; }
              .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 .media_1_container {
                width: 100%;
                height: 60vw;
                overflow: hidden;
                display: flex;
                justify-content: center;
                align-items: center;
                justify-content: center;
                background-color: transparent; }
                .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 .media_1_container .video_element {
                  grid-row: 1;
                  grid-column: 1; }
                .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 .media_1_container .play_button {
                  width: 100%;
                  background-color: transparent;
                  z-index: 100;
                  cursor: pointer; }
              .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 .stack_3_animation_video {
                grid-row: 1;
                grid-column: 1;
                width: 100vw;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center; }
                .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 .stack_3_animation_video .stack_3_part__video_container {
                  width: 42vw;
                  display: flex;
                  flex-direction: column;
                  align-items: start; }
                  .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 .stack_3_animation_video .stack_3_part__video_container .stack_3_part_content {
                    background-color: transparent;
                    width: 100%;
                    height: auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center; }
                  .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 .stack_3_animation_video .stack_3_part__video_container .media_div {
                    width: 100%;
                    aspect-ratio: 1/1;
                    overflow: hidden;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center; }
                  .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 .stack_3_animation_video .stack_3_part__video_container .stack_3_image {
                    object-fit: cover;
                    width: 150%;
                    height: auto; }
                  .main .main_content .video_stack_container .video_stack .gsap_container .gsap_container_1 .stack_3_animation_video .stack_3_part__video_container .stack_3_video {
                    object-fit: cover;
                    scale: 1; }
          .main .main_content .video_stack_container .video_stack .gsap_container_2 {
            grid-row: 1;
            grid-column: 1;
            width: 100vw;
            height: 30vh;
            display: flex;
            justify-content: center;
            align-items: center; }
            .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents {
              width: 100vw;
              height: 23vw;
              display: flex;
              flex-direction: row;
              justify-content: space-around;
              align-items: center; }
              .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .part_narrow {
                width: 22%; }
                .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .part_narrow .stack_3_part_container .narrow_column_inner_L, .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .part_narrow .stack_3_part_container .narrow_column_inner_R {
                  height: 60vw !important; }
              .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .part_wide {
                width: 37%;
                height: 100%;
                z-index: 30;
                display: flex;
                flex-direction: row;
                justify-content: center;
                flex-wrap: wrap; }
              .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part {
                text-align: center; }
                .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part .special {
                  margin-bottom: 30px; }
                .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part .stack_3_part_container {
                  width: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: start; }
                  .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part .stack_3_part_container .stack_3_part_content {
                    background-color: transparent;
                    width: 100%;
                    height: auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center; }
                  .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part .stack_3_part_container .media_div {
                    width: 100%;
                    aspect-ratio: 1/1;
                    overflow: hidden;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center; }
                  .main .main_content .video_stack_container .video_stack .gsap_container_2 .crazy_contents .stack_3_part .stack_3_part_container .stack_3_image {
                    height: 120%; }
      .main .main_content .scrolling_text_group {
        display: none;
        position: relative;
        flex-direction: row;
        justify-content: center;
        align-content: start;
        flex-wrap: wrap;
        margin-top: 30vh; }
      .main .main_content .stack_4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 30;
        width: 100vw;
        color: #FFFFFF;
        background-color: transparent;
        transform: translate(0, 0);
        padding: 0 !important; }
        .main .main_content .stack_4 .stack_4_text_blur {
          margin-top: 2vw;
          text-align: center;
          display: grid; }
          .main .main_content .stack_4 .stack_4_text_blur .text_blur_container {
            opacity: 0;
            grid-column: 1;
            grid-row: 1;
            display: flex;
            flex-direction: column;
            justify-content: center; }
          .main .main_content .stack_4 .stack_4_text_blur .big_letters_container {
            height: 22px;
            grid-column: 1;
            grid-row: 1;
            display: flex;
            flex-direction: column;
            justify-content: center; }
      .main .main_content .stack_5 {
        z-index: 50;
        width: 100vw;
        transform: translate(0, 0);
        padding: 0 !important;
        display: grid;
        justify-content: center;
        margin-top: -200px; } }
      @media only screen and (max-width: 767px) and (max-width: 480px) {
        .main .main_content .stack_5 {
          margin-top: -150px; } }
@media only screen and (max-width: 767px) {
        .main .main_content .stack_5 .stack_5_line_container {
          grid-row: 1;
          grid-column: 1;
          display: none; }
          .main .main_content .stack_5 .stack_5_line_container .vertical_lines_containter {
            margin-top: 280px;
            height: calc(100% - ($red_label_margin_top + 80px));
            display: flex;
            flex-direction: row;
            justify-content: center; }
        .main .main_content .stack_5 .stack_5_container {
          grid-row: 1;
          grid-column: 1;
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: calc(100vw - 2 * $upTo767_margin_LR ); }
          .main .main_content .stack_5 .stack_5_container .stack_5_container_top {
            display: flex;
            flex-direction: row;
            justify-content: center; }
          .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-bottom: 200px; }
            .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_wide_container {
              display: flex;
              flex-direction: column;
              width: 100%;
              margin-left: 0;
              margin-right: 0; }
              .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_wide_container .stack_5_wide_row_left {
                display: flex;
                justify-content: center;
                margin-top: 20px;
                width: 100%; }
                .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_wide_container .stack_5_wide_row_left p {
                  text-align: center;
                  color: #ffffff;
                  width: 80%; }
              .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_wide_container .stack_5_wide_row_right {
                display: flex;
                justify-content: center;
                margin-top: 20px;
                width: 100%; }
                .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_wide_container .stack_5_wide_row_right p {
                  text-align: center;
                  color: #ffffff;
                  width: 80%; }
            .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .left {
              width: 100%;
              justify-content: center;
              align-items: center;
              margin-top: 100px; }
            .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .right {
              width: 100%;
              justify-content: center;
              align-items: center;
              margin-top: calc(14vw + $stack_5_leftImg_marginTop); }
            .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_image {
              object-fit: cover;
              width: 100%; }
            .main .main_content .stack_5 .stack_5_container .stack_5_container_bottom .stack_5_image_container {
              display: none;
              flex-direction: column;
              justify-content: center;
              width: 10%;
              z-index: 10; }

  .footer1 {
    position: relative;
    transform: translate(0, 0);
    background-color: var(--color-blue);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    z-index: 40;
    padding: 0; }
    .footer1 .footer_container {
      width: 100%;
      background-color: var(--color-blue);
      color: #FFFFFF;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .footer1 .footer_container.bottom {
        background-color: #000000; }
      .footer1 .footer_container .content {
        padding-top: 37px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%; }
        .footer1 .footer_container .content .FooterLogo {
          font-size: 230px;
          font-weight: 700;
          line-height: 130px; }
        .footer1 .footer_container .content .FooterSubLogo {
          font-size: 2vw;
          text-align: center;
          color: var(--color-blue); }
        .footer1 .footer_container .content .row {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: start; }
        .footer1 .footer_container .content .row_center {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
        .footer1 .footer_container .content .social {
          margin: 20px 0 20px 0; }
        .footer1 .footer_container .content .form input, .footer1 .footer_container .content .form textarea {
          font-size: clamp(12px, 1vw, 16px);
          font-family: "Biennale", sans-serif;
          color: var(--color-blue);
          padding-block: 0;
          width: 100%;
          text-indent: 12px;
          font-size: 17px; }
          .footer1 .footer_container .content .form input::placeholder, .footer1 .footer_container .content .form textarea::placeholder {
            color: #6E6E6E; }
        .footer1 .footer_container .content .form .form_container {
          margin: 25px;
          background-color: #000;
          width: 100%;
          border-radius: 8px;
          border: 1px solid #000;
          display: flex;
          flex-direction: column; }
          .footer1 .footer_container .content .form .form_container .form_cell_container {
            width: 100%;
            height: 100%; }
            .footer1 .footer_container .content .form .form_container .form_cell_container .form_cell {
              width: 100%;
              height: 100%;
              display: flex;
              justify-content: end;
              grid-row: 1;
              grid-column: 1;
              width: -webkit-fill-available;
              max-height: 58px; }
          .footer1 .footer_container .content .form .form_container .form_name {
            padding: 6px 3px 3px 6px;
            display: grid;
            height: auto; }
          .footer1 .footer_container .content .form .form_container .form_surname {
            padding: 6px 6px 3px 3px;
            display: grid;
            height: auto; }
          .footer1 .footer_container .content .form .form_container .form_email {
            padding: 3px 6px 3px 6px;
            display: grid;
            height: auto; }
          .footer1 .footer_container .content .form .form_container .form_comments {
            padding: 3px 6px 6px 6px;
            display: grid;
            height: auto; }
          .footer1 .footer_container .content .form .form_container .form_row_top {
            min-height: 40px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            flex-wrap: wrap;
            align-content: center;
            margin: 0;
            cursor: pointer; }
            .footer1 .footer_container .content .form .form_container .form_row_top .content {
              background-color: #1E2333; }
          .footer1 .footer_container .content .form .form_container .form_bottom {
            min-height: calc(80px + 2 * $form_cell_padding); }
          .footer1 .footer_container .content .form .form_container .form_row_flex_row {
            display: flex;
            flex-direction: row; }
          .footer1 .footer_container .content .form .form_container .form_row_flex_column {
            width: 100%;
            display: flex;
            flex-direction: column; }
          .footer1 .footer_container .content .form .form_container input {
            height: 56px;
            max-height: 56px;
            padding: 0 !important; }
          .footer1 .footer_container .content .form .form_container .form_field {
            background-color: var(--color-light-blue);
            border: 1px solid var(--color-light-blue);
            border-radius: 5px;
            text-align: left;
            align-items: center;
            display: flex;
            flex-direction: row;
            justify-content: start;
            align-items: center;
            padding: 18px 0; }
            .footer1 .footer_container .content .form .form_container .form_field h5, .footer1 .footer_container .content .form .form_container .form_field h6, .footer1 .footer_container .content .form .form_container .form_field h7 {
              color: #B2B2B2; }
          .footer1 .footer_container .content .form .form_container .form_field.area {
            resize: none;
            align-items: start;
            padding: 18px 0 0 0; }
        .footer1 .footer_container .content .col {
          display: flex;
          flex-direction: column;
          justify-content: start;
          align-items: start;
          color: #FFFFFF; }
          .footer1 .footer_container .content .col .bottom_item {
            margin-bottom: 5px;
            display: flex;
            justify-content: space-between; }
          .footer1 .footer_container .content .col .head {
            margin-bottom: 12px; }
        .footer1 .footer_container .content .spec {
          color: #a7a7a7; } }
.pinned_on_video {
  align-content: center;
  transition: none !important; }

.gsap_container {
  grid-row: 1;
  grid-column: 1;
  width: 100vw;
  display: grid; }
  .gsap_container .gsap_container_1 {
    grid-row: 1;
    grid-column: 1;
    width: 100vw;
    display: grid;
    justify-content: center;
    align-items: center; }
  .gsap_container .media_1_container {
    width: 100%;
    height: 22vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent; }
    .gsap_container .media_1_container .video_element {
      grid-row: 1;
      grid-column: 1; }
    .gsap_container .media_1_container .play_button {
      width: 100%;
      background-color: transparent;
      z-index: 100;
      cursor: pointer; }
  .gsap_container .stack_3_animation_video {
    grid-row: 1;
    grid-column: 1;
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    .gsap_container .stack_3_animation_video .stack_3_part__video_container {
      width: 37vw;
      display: flex;
      flex-direction: column;
      align-items: start;
      align-content: center;
      flex-wrap: wrap; }
      .gsap_container .stack_3_animation_video .stack_3_part__video_container .stack_3_part_content {
        background-color: transparent;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .gsap_container .stack_3_animation_video .stack_3_part__video_container .media_div {
        width: 100%;
        aspect-ratio: 1/1;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .gsap_container .stack_3_animation_video .stack_3_part__video_container .stack_3_image {
        object-fit: cover;
        width: 150%;
        height: auto; }
        .gsap_container .stack_3_animation_video .stack_3_part__video_container .stack_3_image .stack_3_video {
          object-fit: cover;
          scale: 1; }

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