@font-face {
  font-family: 'AudiType';
  font-weight: 400;
  src: url("../tour/fonts/AudiType-Normal.ttf"); }

@font-face {
  font-family: 'AudiType';
  font-weight: 700;
  src: url("../tour/fonts/AudiType-Bold.ttf"); }

@font-face {
  font-family: 'AudiExt';
  font-weight: 400;
  src: url("../tour/fonts/AudiType-ExtendedNormal.ttf"); }

@font-face {
  font-family: 'AudiExt';
  font-weight: 700;
  src: url("../tour/fonts/AudiType-ExtendedBold.ttf"); }

@font-face {
  font-family: 'AudiWide';
  font-weight: 400;
  src: url("../tour/fonts/AudiType-WideNormal.ttf"); }

@font-face {
  font-family: 'AudiWide';
  font-weight: 700;
  src: url("../tour/fonts/AudiType-WideBold.ttf"); }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0px;
  padding: 0px; }

html {
  height: 100%; }
  @media (max-width: 1024px) and (orientation: landscape) {
    html {
      height: 100vh; } }

body {
  background-color: #000;
  color: #fff;
  font-family: "AudiType";
  font-weight: normal;
  font-size: 16px;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0; }
  @media (max-width: 1024px) and (orientation: landscape) {
    body {
      height: 100vh; } }

a {
  color: #fff;
  text-decoration: none; }

iframe {
  height: 100%;
  width: 100%; }

h1, h2 {
  font-weight: normal; }

input:focus {
  outline: none; }

.disabled {
  pointer-events: none; }

.flex-centered {
  align-items: center;
  display: flex;
  justify-content: center; }

.flex-centered-v {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

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

.flex-start-v {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.flex-end {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end; }

.flex-end-v {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

.fullscreen {
  height: 100%;
  position: absolute;
  width: 100%; }

.video-container-ar-169 {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%; }

.video-ar {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.pointer {
  cursor: pointer !important;
  pointer-events: all !important; }

.truly-hidden {
  opacity: 0;
  pointer-events: none !important; }
  .truly-hidden * {
    pointer-events: none !important; }

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

@media (min-width: 1025px) {
  .mobile-only {
    display: none !important; } }

.nav-element {
  transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
  .nav-element--disabled {
    opacity: 0.5;
    pointer-events: none; }

.aerial-header {
  background: #fff;
  height: 96px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 2; }

.back-button {
  left: 0px;
  position: absolute;
  top: 0px;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 2; }
  @media (min-width: 1025px) {
    .back-button {
      background: #fff;
      color: #000;
      padding: 24px 40px 24px 24px; } }
  @media (max-width: 1024px) {
    .back-button {
      color: #fff;
      padding: 22px 40px 22px 24px; } }
  .back-button img {
    margin-right: 16px; }
  @media (min-width: 1025px) {
    .back-button span {
      font-size: 18px; } }
  @media (max-width: 1024px) {
    .back-button span {
      font-size: 16px; } }
  .back-button span:nth-of-type(1) {
    margin-right: 5px; }
    @media (min-width: 1025px) {
      .back-button span:nth-of-type(1) {
        font-weight: 700; } }
    @media (max-width: 1024px) {
      .back-button span:nth-of-type(1) {
        font-weight: 400; } }
  .back-button span:nth-of-type(2) {
    font-weight: 400; }

.bottom-nav {
  z-index: 3; }
  @media (min-width: 1025px) {
    .bottom-nav {
      margin: 50px 0px 13px; } }
  @media (max-width: 1024px) {
    .bottom-nav {
      margin: 50px 0px 24px; } }
  .bottom-nav__item {
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
    @media (min-width: 1025px) {
      .bottom-nav__item {
        height: 40px;
        width: 64px; } }
    @media (max-width: 1024px) {
      .bottom-nav__item {
        height: 40px;
        width: 48px; } }
    .bottom-nav__item__pause {
      opacity: 0;
      position: absolute;
      transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
      z-index: 3; }
    .bottom-nav__item__play {
      margin-left: 2px;
      opacity: 0;
      position: absolute;
      transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
      z-index: 3; }
    .bottom-nav__item__shape-1 {
      position: absolute;
      transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
      z-index: 1; }
      @media (min-width: 1025px) {
        .bottom-nav__item__shape-1 {
          border-radius: 16px;
          height: 16px;
          width: 16px; } }
      @media (max-width: 1024px) {
        .bottom-nav__item__shape-1 {
          border-radius: 8px;
          height: 8px;
          width: 8px; } }
    .bottom-nav__item__shape-2 {
      background: #fff;
      position: absolute;
      transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
      z-index: 2; }
      @media (min-width: 1025px) {
        .bottom-nav__item__shape-2 {
          border-radius: 16px;
          height: 16px;
          width: 16px; } }
      @media (max-width: 1024px) {
        .bottom-nav__item__shape-2 {
          border-radius: 8px;
          height: 8px;
          width: 8px; } }
    .bottom-nav__item--active .bottom-nav__item__shape-1 {
      background: #F50537;
      border-radius: 40px;
      height: 40px;
      width: 40px; }
    .bottom-nav__item--active .bottom-nav__item__shape-2 {
      border-radius: 8px;
      height: 8px;
      width: 8px; }
    @media (hover: hover) and (pointer: fine) {
      .bottom-nav__item:hover .bottom-nav__item__shape-1 {
        background: #F50537;
        border-radius: 40px;
        height: 40px;
        width: 40px; }
      .bottom-nav__item:hover .bottom-nav__item__shape-2 {
        border-radius: 8px;
        height: 8px;
        width: 8px; } }
    @media (min-width: 1025px) {
      .bottom-nav__item--playing .bottom-nav__item__shape-1 {
        border-radius: 48px;
        height: 48px;
        width: 48px; } }
    @media (max-width: 1024px) {
      .bottom-nav__item--playing .bottom-nav__item__shape-1 {
        border-radius: 44px;
        height: 44px;
        width: 44px; } }
    .bottom-nav__item--playing .bottom-nav__item__shape-2 {
      background: #F50537; }

.button {
  align-items: center;
  background: #fff;
  border: 1px solid #fff;
  color: #000;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  padding: 14px 36px;
  pointer-events: all;
  position: relative;
  text-align: center;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  /*
    &--white-filled {
        background: $color-2;
        color: $color-1;

        @media (hover: hover) and (pointer: fine) {     
            &:hover {
                background: $color-4;
                color: $color-2;
            }
        }
    }
    */ }
  @media (max-width: 1024px) {
    .button {
      background-position: center !important;
      border: none !important; } }
  .button svg path {
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
  .button--black-filled {
    background: #000;
    color: #fff; }
    @media (hover: hover) and (pointer: fine) {
      .button--black-filled:hover {
        background: #4C4C4C; } }
  .button--white-filled, .button--prev-episode, .button--next-episode {
    background: #fff;
    color: #000; }
    @media (hover: hover) and (pointer: fine) {
      .button--white-filled:hover, .button--prev-episode:hover, .button--next-episode:hover {
        background: #d9d9d9;
        border: 1px solid #d9d9d9;
        opacity: 0.7; } }
    .button--white-filled svg path, .button--prev-episode svg path, .button--next-episode svg path {
      stroke: #000; }
  .button--black-chl, .button--prev-chapter {
    background-color: transparent;
    color: #fff;
    padding: 14px 24px; }
    .button--black-chl svg, .button--prev-chapter svg {
      margin-right: 26px; }
      .button--black-chl svg path, .button--prev-chapter svg path {
        stroke: #fff; }
    @media (min-width: 1025px) {
      .button--black-chl, .button--prev-chapter {
        border: 1px solid #fff; } }
    @media (hover: hover) and (pointer: fine) {
      .button--black-chl:hover, .button--prev-chapter:hover {
        opacity: 0.7;
        /*
                border-color: $color-4;
                color: $color-4;

                svg path {
                    stroke: $color-4;
                }
                */ } }
  .button--white-chl {
    background-color: transparent;
    color: #000;
    padding: 14px 24px; }
    .button--white-chl svg {
      margin-right: 26px; }
      .button--white-chl svg path {
        stroke: #000; }
    @media (min-width: 1025px) {
      .button--white-chl {
        border: 1px solid #000; } }
    @media (hover: hover) and (pointer: fine) {
      .button--white-chl:hover {
        border-color: #4C4C4C;
        color: #4C4C4C; }
        .button--white-chl:hover svg path {
          stroke: #4C4C4C; } }
  .button--black-chr, .button--next-chapter {
    background-color: transparent;
    color: #fff;
    padding: 14px 24px; }
    .button--black-chr svg, .button--next-chapter svg {
      margin-left: 26px; }
      .button--black-chr svg path, .button--next-chapter svg path {
        stroke: #fff; }
    @media (min-width: 1025px) {
      .button--black-chr, .button--next-chapter {
        border: 1px solid #fff; } }
    @media (hover: hover) and (pointer: fine) {
      .button--black-chr:hover, .button--next-chapter:hover {
        opacity: 0.7;
        /*
                border-color: $color-4;
                color: $color-4;

                svg path {
                    stroke: $color-4;
                }
                */ } }
  .button--white-chr {
    background-color: transparent;
    color: #000;
    padding: 14px 24px; }
    .button--white-chr svg {
      margin-left: 26px; }
      .button--white-chr svg path {
        stroke: #000; }
    @media (min-width: 1025px) {
      .button--white-chr {
        border: 1px solid #000; } }
    @media (hover: hover) and (pointer: fine) {
      .button--white-chr:hover {
        border-color: #4C4C4C;
        color: #4C4C4C; }
        .button--white-chr:hover svg path {
          stroke: #4C4C4C; } }
  .button--prev-episode svg {
    margin-right: 26px; }
  .button--next-episode svg {
    margin-left: 26px; }

.copy-modal-v5-wrapper {
  align-items: center;
  height: 100%;
  justify-content: center;
  left: 0%;
  pointer-events: all;
  position: absolute;
  top: 0px;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  width: 100%;
  z-index: 10; }
  .copy-modal-v5-wrapper__container {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2; }
  .copy-modal-v5-wrapper__content {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .copy-modal-v5-wrapper__mask {
    background: rgba(0, 0, 0, 0.75);
    height: 100%;
    position: absolute;
    width: 100%; }
  .copy-modal-v5-wrapper--hidden {
    opacity: 0;
    pointer-events: none; }
    .copy-modal-v5-wrapper--hidden * {
      pointer-events: none !important; }

.copy-modal-v5 {
  background: #fff;
  color: #333333;
  pointer-events: all;
  right: 0px;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
  @media (min-width: 1025px) {
    .copy-modal-v5 {
      max-height: 95vh;
      position: relative;
      width: 670px; } }
  @media (max-width: 1024px) {
    .copy-modal-v5 {
      border-radius: 15px 15px 0px 0px;
      bottom: 0px;
      height: 50%;
      overflow: hidden;
      position: absolute;
      width: 100%; } }
  .copy-modal-v5__close-button {
    z-index: 1; }
    @media (min-width: 1025px) {
      .copy-modal-v5__close-button {
        position: absolute;
        right: 24px;
        top: 24px;
        width: 16px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__close-button {
        position: absolute;
        right: 24px;
        top: 24px;
        width: 15px; } }
  .copy-modal-v5__first {
    box-sizing: border-box;
    flex-direction: column;
    position: relative;
    width: 100%; }
    @media (min-width: 1025px) {
      .copy-modal-v5__first {
        height: 40vh; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__first {
        height: 200px; } }
    .copy-modal-v5__first video {
      height: 100%;
      object-fit: cover;
      width: 100%; }
  .copy-modal-v5__gallery {
    height: 100%;
    position: relative; }
  .copy-modal-v5__gallery-controls {
    height: 100%;
    justify-content: space-between;
    position: absolute;
    top: 0px;
    width: 100%; }
  .copy-modal-v5__gallery-main {
    height: 100%;
    object-fit: cover;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 100%; }
    .copy-modal-v5__gallery-main--hidden {
      opacity: 0; }
  .copy-modal-v5__gallery-next {
    transform: scale(-1); }
  .copy-modal-v5__gallery-thumbnail {
    background: #fff;
    cursor: pointer;
    height: 8px;
    margin: 0px 8px;
    pointer-events: all;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 8px; }
    .copy-modal-v5__gallery-thumbnail img {
      display: none; }
    .copy-modal-v5__gallery-thumbnail--active {
      height: 4px;
      width: 4px; }
  .copy-modal-v5__gallery-thumbnails {
    bottom: 18px;
    position: absolute;
    width: 100%; }
  .copy-modal-v5__main {
    box-sizing: border-box;
    cursor: default;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    right: 0px;
    top: 0px;
    width: 100%; }
    @media (min-width: 1025px) {
      .copy-modal-v5__main {
        height: 100%;
        max-height: 80vh; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__main {
        height: 100%; } }
  .copy-modal-v5__second {
    box-sizing: border-box;
    flex-direction: column;
    justify-content: flex-start; }
    @media (min-width: 1025px) {
      .copy-modal-v5__second {
        padding: 40px;
        width: 100%; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__second {
        height: calc(100% - 88px);
        padding: 56px 24px 32px; } }
  .copy-modal-v5__scrollable {
    height: 100%;
    overflow-y: auto;
    width: 100%; }
    @media (min-width: 1025px) {
      .copy-modal-v5__scrollable {
        max-height: calc(40vh - 60px);
        padding-right: 40px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__scrollable {
        padding-right: 24px; } }
  .copy-modal-v5__video-controls {
    background: rgba(0, 0, 0, 0.5);
    bottom: -1px;
    box-sizing: border-box;
    color: #fff;
    height: 135px;
    justify-content: space-between;
    padding: 0px 50px;
    position: absolute;
    width: 100%;
    z-index: 12147483647; }
    .copy-modal-v5__video-controls__button {
      cursor: pointer;
      margin: 0px 14px;
      pointer-events: all; }
      .copy-modal-v5__video-controls__button:first-child {
        margin-left: 0px;
        margin-right: 42px; }
    .copy-modal-v5__video-controls__duration {
      margin-right: 72px; }
    .copy-modal-v5__video-controls__duration, .copy-modal-v5__video-controls__time {
      font-size: 20px;
      font-weight: 400; }
    .copy-modal-v5__video-controls__handle {
      cursor: pointer;
      left: 0%;
      pointer-events: all;
      position: absolute;
      top: -12px; }
    .copy-modal-v5__video-controls__seeker {
      background: #4C4C4C;
      cursor: pointer;
      height: 1.5px;
      margin: 0px 16px;
      position: relative;
      width: 100%; }
  .copy-modal-v5 h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px; }
  .copy-modal-v5 p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px; }
  .copy-modal-v5 ul {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px;
    padding-left: 18px; }
  .copy-modal-v5 video {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%; }
  .copy-modal-v5 .button {
    display: inline-block;
    margin-top: 24px; }
  @media (min-width: 1025px) {
    .copy-modal-v5--cb .copy-modal-v5__close-button {
      right: 16px;
      top: 16px; } }
  @media (max-width: 1024px) {
    .copy-modal-v5--tag {
      height: 75%; } }
  @media (max-width: 1024px) {
    .copy-modal-v5--tag .copy-modal-v5__close-button {
      right: 16px;
      top: 16px; } }
  @media (max-width: 1024px) {
    .copy-modal-v5--tag .copy-modal-v5__second {
      height: calc(100% - 200px);
      padding: 46px 24px 24px; } }
  @media (min-width: 1025px) {
    .copy-modal-v5--gallery {
      height: calc(100vh - 140px);
      width: calc(100vw - 80px); } }
  @media (max-width: 1024px) {
    .copy-modal-v5--gallery {
      border-radius: 0px;
      height: 200px;
      margin-top: -100px;
      top: 50%; } }
  @media (max-width: 1024px) {
    .copy-modal-v5--gallery .copy-modal-v5__close-button {
      right: 16px;
      top: 16px; } }
  @media (min-width: 1025px) {
    .copy-modal-v5--gallery .copy-modal-v5__first {
      height: 100%; } }
  @media (min-width: 1025px) {
    .copy-modal-v5--gallery .copy-modal-v5__gallery-thumbnails {
      bottom: 42px; } }
  @media (min-width: 1025px) {
    .copy-modal-v5--gallery .copy-modal-v5__main {
      height: 100%;
      max-height: 100%; } }
  @media (min-width: 1025px) {
    .copy-modal-v5--video {
      height: calc(min(1280px, 90vw) / 16 * 9);
      width: calc(min(1280px, 90vw)); } }
  @media (max-width: 1024px) {
    .copy-modal-v5--video {
      border-radius: 0px;
      height: 56.25vw;
      margin-top: -28.125vw;
      top: 50%;
      width: 100%; } }
  .copy-modal-v5--video .copy-modal-v5__close-button {
    position: absolute; }
    @media (min-width: 1025px) {
      .copy-modal-v5--video .copy-modal-v5__close-button {
        right: 16px;
        top: 16px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5--video .copy-modal-v5__close-button {
        right: 16px;
        top: 16px; } }
  @media (min-width: 1025px) {
    .copy-modal-v5--video .copy-modal-v5__first {
      height: 100%; } }
  @media (max-width: 1024px) {
    .copy-modal-v5--video .copy-modal-v5__first {
      height: 56.25vw; } }
  @media (min-width: 1025px) {
    .copy-modal-v5--video .copy-modal-v5__main {
      height: 100%;
      max-height: 100%; } }
  @media (max-width: 1024px) {
    .copy-modal-v5--video .copy-modal-v5__video-controls {
      display: none; } }
  @media (min-width: 1025px) {
    .copy-modal-v5--video-text {
      height: calc(min(1280px, 90vw) / 16 * 9 + 200px); } }
  @media (max-width: 1024px) {
    .copy-modal-v5--video-text {
      height: 100%;
      margin-top: 0px;
      top: 0px; } }
  @media (min-width: 1025px) {
    .copy-modal-v5--video-text .copy-modal-v5__second {
      height: 200px; } }
  @media (max-width: 1024px) {
    .copy-modal-v5--video-text .copy-modal-v5__second {
      height: calc(100% - 56.25vw);
      padding: 16px 24px 32px; } }
  .copy-modal-v5--text-only .copy-modal-v5__second {
    height: 100%; }

.gui-stage {
  background: #FFF;
  box-shadow: inset 0px 10px 15px -10px rgba(0, 0, 0, 0.25);
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: 100%; }

.gui-pano {
  color: #fff;
  height: 100%;
  width: 100%; }
  .gui-pano--hidden {
    display: none; }

.gui-static {
  height: 100%;
  position: absolute;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  width: 100%; }
  .gui-static__bottom-shadow {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11.28%, rgba(0, 0, 0, 0.5625) 100%);
    bottom: 0px;
    height: 160px;
    position: absolute;
    width: 100%; }
  .gui-static__top-shadow {
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    height: 64px;
    position: absolute;
    top: 0px;
    width: 100%; }

.hotspot-v2 {
  height: 32px;
  margin: -16px 0px 0px -16px;
  position: relative;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  width: 32px; }
  .hotspot-v2__icon {
    position: absolute;
    top: 4px;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 3; }
  .hotspot-v2__shape {
    background: #F50537;
    border-radius: 100%;
    height: 100%;
    left: 0px;
    position: absolute;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 100%;
    z-index: 2; }
  .hotspot-v2--traversal.hotspot-v2:hover, .hotspot-v2--traversal.hotspot-v2--tapped {
    height: 38px;
    margin: -19px 0px 0px -19px;
    width: 38px; }
  .hotspot-v2--traversal.hotspot-v2:hover .hotspot-v2__icon, .hotspot-v2--traversal.hotspot-v2--tapped .hotspot-v2__icon {
    top: 6.5px; }
  .hotspot-v2--traversal.hotspot-v2--minified {
    transform: scale(0.01); }
  .hotspot-v2--traversal .hotspot-v2__tail, .hotspot-v2--traversal .hotspot-v2__text {
    display: none; }
  .hotspot-v2--overview.hotspot-v2--minified {
    opacity: 0; }
  .hotspot-v2--overview {
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.55));
    height: 0px;
    margin: 0px;
    width: 0px; }
  .hotspot-v2--overview .hotspot-v2__shape {
    display: none; }
  .hotspot-v2--overview .hotspot-v2__title {
    background: #fff;
    color: #000;
    border-radius: 20px;
    font-weight: 400; }
  .hotspot-v2__index {
    font-size: 12px;
    font-weight: 400;
    margin-right: 8px; }
  .hotspot-v2__tail {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    bottom: 00px;
    height: 100px;
    position: absolute;
    width: 1px; }
  .hotspot-v2__text {
    margin-bottom: 200px; }
  .hotspot-v2__title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 6px 12px;
    white-space: nowrap; }
  .hotspot-v2--custom-icon .hotspot-v2__title {
    background: #fff;
    color: #000; }
  .hotspot-v2--custom-icon.hotspot-v2--no-title .hotspot-v2__tail, .hotspot-v2--custom-icon.hotspot-v2--no-title .hotspot-v2__text {
    display: none; }

.info {
  position: absolute;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
  @media (min-width: 1025px) {
    .info {
      bottom: 15px;
      left: 50%;
      margin-left: -285px;
      width: 570px; } }
  @media (max-width: 1024px) {
    .info {
      bottom: 0px;
      flex-direction: column-reverse;
      width: 100%; } }
  .info__description {
    background: rgba(0, 0, 0, 0.55);
    font-weight: 400; }
    @media (min-width: 1025px) {
      .info__description {
        font-size: 18px;
        line-height: 22px;
        padding: 16px 24px 16px 32px; } }
    @media (max-width: 1024px) {
      .info__description {
        box-sizing: border-box;
        font-size: 16px;
        line-height: 24px;
        padding: 12px 16px;
        width: 100%; } }
  .info__description-container {
    display: none; }
    .info__description-container img {
      left: -16px;
      position: absolute; }
  .info__title {
    font-size: 16px;
    font-weight: 400; }
  .info__title-container span {
    font-size: 16px;
    font-weight: 700;
    margin-right: 5px; }

.landing {
  cursor: default;
  pointer-events: all;
  z-index: 7; }
  .landing__background-1 {
    z-index: 1; }
    @media (min-width: 1025px) {
      .landing__background-1 {
        background: url("/tour/img/landing.jpg") center/cover no-repeat; } }
    @media (max-width: 1024px) {
      .landing__background-1 {
        background: url("/tour/img/landing-mobile.jpg") top/100% no-repeat; } }
  .landing__background-2 {
    z-index: 2; }
    @media (max-width: 1024px) {
      .landing__background-2 {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 39.97%);
        bottom: 0px;
        height: 70%;
        position: absolute; } }
  .landing__content {
    align-items: flex-start;
    position: absolute;
    z-index: 4; }
    @media (min-width: 1025px) {
      .landing__content {
        bottom: 235px;
        left: 155px;
        max-width: 555px; } }
    @media (max-width: 1024px) {
      .landing__content {
        bottom: 24px;
        box-sizing: border-box;
        padding: 0px 24px;
        width: 100%; } }
    .landing__content h1 {
      font-family: "AudiExt";
      font-weight: 700; }
      @media (min-width: 1025px) {
        .landing__content h1 {
          font-size: 48px; } }
      @media (max-width: 1024px) {
        .landing__content h1 {
          font-size: 40px; } }
    .landing__content h2 {
      font-family: "AudiExt";
      font-weight: 700;
      margin-bottom: 16px; }
      @media (min-width: 1025px) {
        .landing__content h2 {
          font-size: 24px; } }
      @media (max-width: 1024px) {
        .landing__content h2 {
          font-size: 18px; } }
    .landing__content p {
      font-family: "AudiWide";
      font-weight: 400;
      margin-bottom: 16px; }
      @media (min-width: 1025px) {
        .landing__content p {
          font-size: 18px;
          line-height: 28px; } }
      @media (max-width: 1024px) {
        .landing__content p {
          font-size: 16px;
          line-height: 26px; } }
  .landing__stats {
    bottom: 56px;
    font-family: "AudiExt";
    left: 155px;
    justify-content: space-between;
    position: absolute;
    width: calc(100% - 310px);
    z-index: 4; }
    @media (max-width: 1024px) {
      .landing__stats {
        display: none; } }
    .landing__stats h2 {
      font-family: "AudiExt";
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 8px; }
    .landing__stats p {
      font-family: "AudiExt";
      font-size: 16px;
      font-weight: 400; }
  .landing .button {
    margin-top: 24px; }

.lang-list {
  align-items: flex-start;
  color: #fff;
  position: fixed;
  width: 108px;
  z-index: 9; }
  @media (min-width: 1025px) {
    .lang-list {
      left: 40px;
      top: 64px; } }
  @media (max-width: 1024px) {
    .lang-list {
      left: 12px;
      top: 48px; } }
  .lang-list__item {
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: flex-start;
    margin: 0.5px 0px;
    padding-left: 8px;
    pointer-events: all;
    width: 108px; }
  .lang-list--hidden {
    opacity: 0;
    pointer-events: none; }
    .lang-list--hidden * {
      pointer-events: none; }

.lang-switcher {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  height: 32px;
  pointer-events: all;
  position: fixed;
  text-transform: uppercase;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  width: 53px;
  z-index: 9; }
  @media (min-width: 1025px) {
    .lang-switcher {
      left: 40px;
      top: 32px; } }
  @media (max-width: 1024px) {
    .lang-switcher {
      left: 12px;
      top: 16px; } }
  .lang-switcher__arrow {
    margin-bottom: 3px;
    margin-left: 8px; }
  .lang-switcher__flag {
    display: none; }
  .lang-switcher svg path {
    fill: #fff;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
  .lang-switcher--black {
    color: #000; }
    .lang-switcher--black svg path {
      fill: #000; }

.logo {
  position: absolute;
  pointer-events: all;
  z-index: 8; }
  @media (min-width: 1025px) {
    .logo {
      right: 24px;
      top: 18px; } }
  @media (max-width: 1024px) {
    .logo {
      right: 18px;
      top: 20px; } }
  @media (min-width: 1025px) {
    .logo__img {
      width: 81px; } }
  @media (max-width: 1024px) {
    .logo__img {
      width: 70px; } }

.nav {
  cursor: default;
  left: 0%;
  pointer-events: all;
  position: absolute;
  top: 0px;
  transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 5; }
  .nav__button-container {
    width: 33%; }
  .nav__controls {
    box-sizing: border-box;
    justify-content: space-between;
    left: 0px;
    position: fixed;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0.75s;
    width: 100%;
    z-index: 10; }
    @media (min-width: 1025px) {
      .nav__controls {
        bottom: 40px;
        padding: 0px 40px; } }
    @media (max-width: 1024px) {
      .nav__controls {
        bottom: 10vh; } }
    .nav__controls > div {
      width: 100%; }
  .nav__container {
    height: 100%;
    justify-content: flex-start;
    transition: all 0.85s cubic-bezier(0.86, 0, 0.07, 1); }
  .nav__copyright {
    margin-top: 10px;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
    .nav__copyright--black {
      color: #000; }
  @media (min-width: 1025px) {
    .nav__enter {
      width: 150px; } }
  @media (max-width: 1024px) {
    .nav__enter {
      min-width: 94px; } }
  .nav--opened .nav-item__separator {
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
  .nav--opened .nav__controls {
    opacity: 0;
    pointer-events: none !important;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0.25s; }
    .nav--opened .nav__controls * {
      pointer-events: none !important; }

.nav-item {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition: all 0.85s cubic-bezier(0.86, 0, 0.07, 1); }
  .nav-item__background {
    height: 100%;
    transition: all 0.85s cubic-bezier(0.86, 0, 0.07, 1);
    width: 100%;
    z-index: 1; }
    @media (max-width: 1024px) {
      .nav-item__background {
        bottom: 0px;
        position: absolute; } }
    .nav-item__background img {
      height: 100%;
      object-fit: cover;
      transition: all 0.85s cubic-bezier(0.86, 0, 0.07, 1);
      width: 100%; }
      @media (min-width: 1025px) {
        .nav-item__background img {
          transform: scale(0.8); } }
  .nav-item__back-button {
    cursor: pointer;
    opacity: 0; }
  .nav-item__bottom-shadow {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    bottom: 0px;
    height: 500px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: all 0.85s cubic-bezier(0.86, 0, 0.07, 1);
    width: 100%;
    z-index: 2; }
    @media (max-width: 1024px) {
      .nav-item__bottom-shadow {
        display: none; } }
  .nav-item__halo {
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0) 86.46%, rgba(255, 255, 255, 0.5) 100%), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 100%;
    position: absolute;
    z-index: 2; }
    @media (min-width: 1025px) {
      .nav-item__halo {
        transition: all 0.95s cubic-bezier(0.86, 0, 0.07, 1); } }
    @media (max-width: 1024px) {
      .nav-item__halo {
        transition: all 1.2s cubic-bezier(0.86, 0, 0.07, 1) 0.15s; } }
    .nav-item__halo--en {
      cursor: url("/tour/img/cursor-en.svg"), auto; }
    .nav-item__halo--fr {
      cursor: url("/tour/img/cursor-fr.svg"), auto; }
    .nav-item__halo--nl {
      cursor: url("/tour/img/cursor-nl.svg"), auto; }
  .nav-item__info {
    align-items: flex-start;
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: all 0.85s cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 3; }
    @media (min-width: 1025px) {
      .nav-item__info {
        bottom: 40px;
        left: 40px; } }
    @media (max-width: 1024px) {
      .nav-item__info {
        height: calc(50% - 48px);
        justify-content: flex-start;
        left: 24px;
        overflow-y: auto;
        padding-right: 24px;
        top: calc(50% + 24px);
        width: calc(100% - 48px); } }
  .nav-item__info-description {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px; }
    @media (min-width: 1025px) {
      .nav-item__info-description {
        max-width: 600px; } }
  .nav-item__info-title {
    font-family: "AudiExt";
    margin-bottom: 20px; }
    @media (min-width: 1025px) {
      .nav-item__info-title {
        font-size: 56px;
        font-weight: 700; } }
    @media (max-width: 1024px) {
      .nav-item__info-title {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px; } }
  .nav-item__separator {
    background: #fff;
    height: 1px;
    position: absolute;
    transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0.5s, background 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    top: 50%; }
    @media (max-width: 1024px) {
      .nav-item__separator {
        display: none; } }
    .nav-item__separator--left {
      left: 0px; }
    .nav-item__separator--right {
      right: 0px; }
  .nav-item__start-button {
    pointer-events: none;
    opacity: 0;
    transition: all 0.85s cubic-bezier(0.86, 0, 0.07, 1); }
    @media (min-width: 1025px) {
      .nav-item__start-button {
        margin-top: 40px; } }
    @media (max-width: 1024px) {
      .nav-item__start-button {
        margin-top: 24px; } }
    .nav-item__start-button__blur {
      border-radius: 72px;
      height: 72px;
      left: 0px;
      opacity: 0;
      position: absolute;
      transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
      width: 72px; }
    .nav-item__start-button__inside {
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(12px);
      border-radius: 72px;
      height: 72px;
      margin-right: 24px;
      transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
      width: 72px; }
    .nav-item__start-button span {
      font-size: 18px;
      font-weight: 400; }
    .nav-item__start-button:hover .nav-item__start-button__blur {
      background: #F50537;
      filter: blur(40px);
      opacity: 1; }
    .nav-item__start-button:hover .nav-item__start-button__inside {
      background: #F50537; }
  .nav-item__title {
    color: #fff;
    font-family: "AudiExt";
    font-weight: 700;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    white-space: nowrap;
    z-index: 5; }
    @media (min-width: 1025px) {
      .nav-item__title {
        font-size: 40px;
        text-align: center;
        top: calc(25vh - 75px);
        width: 100%;
        white-space: nowrap; } }
    @media (max-width: 1024px) {
      .nav-item__title {
        bottom: calc(50% + 35vw);
        font-size: 40px;
        left: calc(-7.5vh + 24px);
        line-height: 44px;
        text-align: left;
        width: calc(100% - 48px); } }
  .nav-item:nth-child(1) .nav-item__separator--left {
    display: none; }
  .nav-item:last-child .nav-item__separator--right {
    display: none; }
  .nav-item--active .nav-item__title {
    opacity: 1; }
  .nav-item--opened .nav-item__background {
    clip-path: circle(calc(max(100vh,100vw))) !important; }
    @media (max-width: 1024px) {
      .nav-item--opened .nav-item__background {
        bottom: 50%; } }
    @media (min-width: 1025px) {
      .nav-item--opened .nav-item__background img {
        transform: scale(1.2); } }
  .nav-item--opened .nav-item__back-button, .nav-item--opened .nav-item__bottom-shadow, .nav-item--opened .nav-item__info, .nav-item--opened .nav-item__start-button {
    opacity: 1;
    transition: all 0.85s cubic-bezier(0.86, 0, 0.07, 1) 0.5s; }
  .nav-item--opened .nav-item__halo {
    cursor: default;
    opacity: 0; }
    @media (min-width: 1025px) {
      .nav-item--opened .nav-item__halo {
        transition: height 0.5s cubic-bezier(0.86, 0, 0.07, 1), width 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.85s cubic-bezier(0.86, 0, 0.07, 1); } }
    @media (max-width: 1024px) {
      .nav-item--opened .nav-item__halo {
        transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); } }
  .nav-item--opened .nav-item__info {
    pointer-events: all; }
  .nav-item--opened .nav-item__start-button {
    cursor: pointer;
    pointer-events: all; }
  .nav-item--opened .nav-item__title {
    opacity: 0 !important; }

.pano-steppers {
  bottom: 40px;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 0px 40px;
  position: absolute;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  width: 100%; }

.top-switch {
  font-weight: 400;
  left: 0px;
  position: fixed;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  width: 100%;
  z-index: 6; }
  @media (min-width: 1025px) {
    .top-switch {
      font-size: 14px;
      top: 36px; } }
  @media (max-width: 1024px) {
    .top-switch {
      font-size: 12px;
      top: 20px; } }
  .top-switch__button {
    border: 2px solid #fff;
    border-radius: 48px;
    height: 24px;
    position: relative;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 42px; }
    @media (min-width: 1025px) {
      .top-switch__button {
        margin: 0px 12px; } }
    @media (max-width: 1024px) {
      .top-switch__button {
        margin: 0px 6px; } }
    .top-switch__button__inside {
      background: #fff;
      border-radius: 16px;
      height: 16px;
      position: absolute;
      right: 5px;
      transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
      top: 4px;
      width: 16px; }
    .top-switch__button--overview .top-switch__button__inside {
      right: 21px; }
  .top-switch--black {
    color: #000; }
  .top-switch--black .top-switch__button {
    border: 2px solid #000; }
    .top-switch--black .top-switch__button__inside {
      background: #000; }

* {
  scrollbar-width: thin;
  scrollbar-color: #fff #C1C1C1; }

*::-webkit-scrollbar {
  height: 6px;
  width: 6px; }

*::-webkit-scrollbar-track {
  background: #fff; }

*::-webkit-scrollbar-thumb {
  background-color: #C1C1C1;
  border: none; }

.os-theme-minimal-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  background: #C1C1C1;
  border-radius: 0px;
  opacity: 1.0; }