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

@font-face {
  font-family: 'TisaSansProRegular';
  src: url("../tour/fonts/TisaSansPro-Regular.ttf"); }

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

@font-face {
  font-family: 'TisaSansProBold';
  src: url("../tour/fonts/TisaSansPro-Bold.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: #27368b;
  color: #FFF;
  font-family: "TisaSansProRegular";
  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; }

.artists {
  background: #293886;
  box-sizing: border-box;
  cursor: default;
  pointer-events: all;
  transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 11; }
  @media (min-width: 1025px) {
    .artists {
      padding: 80px 0px; } }
  @media (max-width: 1024px) {
    .artists {
      padding: 64px 0px 20px; } }
  .artists__close-button {
    position: absolute; }
    @media (min-width: 1025px) {
      .artists__close-button {
        flex-direction: column;
        right: 27px;
        top: 25px; } }
    @media (max-width: 1024px) {
      .artists__close-button {
        flex-direction: row-reverse;
        right: 19px;
        top: 24px; } }
    .artists__close-button span {
      font-family: "LucaRegular";
      font-size: 15px; }
      @media (min-width: 1025px) {
        .artists__close-button span {
          margin-top: 5px; } }
      @media (max-width: 1024px) {
        .artists__close-button span {
          margin-right: 18px; } }
  .artists__container {
    display: grid;
    grid-gap: 20px;
    height: 100%;
    justify-content: center;
    overflow-y: auto;
    width: 100%; }
    @media (min-width: 1025px) {
      .artists__container {
        box-sizing: border-box;
        grid-template-columns: repeat(auto-fit, 270px);
        padding: 0px 20px; } }
    @media (max-width: 1024px) {
      .artists__container {
        grid-template-columns: repeat(auto-fit, 100%);
        box-sizing: border-box;
        padding: 0px 15px; } }
    .artists__container > h1 {
      font-family: "LucaBold";
      grid-column: 1 / -1; }
      @media (min-width: 1025px) {
        .artists__container > h1 {
          font-size: 36px; } }
      @media (max-width: 1024px) {
        .artists__container > h1 {
          font-size: 24px; } }
  .artists hr {
    opacity: 0;
    width: 100%; }
  .artists--hidden {
    opacity: 0;
    pointer-events: none !important; }
    .artists--hidden * {
      pointer-events: none !important; }

.artist {
  cursor: pointer;
  position: relative; }
  @media (min-width: 1025px) {
    .artist {
      height: 348px;
      width: 270px; } }
  @media (max-width: 1024px) {
    .artist {
      height: 322px;
      width: 100%; } }
  .artist__overlay {
    background: url("/tour/img/artist-overlay.png");
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 2;
    width: 100%;
    opacity: 0;
    height: calc(100% - 100px);
    background-repeat: repeat-y;
    background-position: right;
    transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    overflow: hidden; }
    .artist__overlay img {
      position: absolute; }
      .artist__overlay img:nth-of-type(1) {
        height: 100%;
        left: 126px; }
      .artist__overlay img:nth-of-type(2) {
        width: 32px;
        right: 9px;
        bottom: 12px;
        height: 16px; }
  .artist__title {
    align-items: flex-start;
    background: #3650DA;
    bottom: 0px;
    box-sizing: border-box;
    flex-direction: column;
    height: 100px;
    padding: 15px 15px 10px;
    position: absolute;
    width: 100%; }
    .artist__title h1 {
      font-family: "LucaBold";
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 5px; }
    .artist__title h2 {
      color: #F4B0CE;
      font-family: "TisaSansProRegular";
      font-size: 18px;
      line-height: 26px; }
  .artist img {
    height: calc(100% - 80px);
    object-fit: cover;
    width: 100%; }
  .artist:hover .artist__overlay {
    opacity: 1; }

.cta {
  bottom: 20px;
  font-family: "LucaBold";
  font-size: 18px;
  line-height: 22px;
  position: absolute;
  right: 40px;
  z-index: 2; }
  .cta a, .cta div {
    margin-right: 67px;
    transition: color 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
    .cta a:last-of-type(), .cta div:last-of-type() {
      margin-right: 0px; }
    .cta a:hover, .cta div:hover {
      color: #27368b; }

.bottom-nav {
  bottom: 25px;
  position: absolute;
  width: calc(100% - 400px);
  z-index: 3; }
  .bottom-nav__item {
    border-radius: 50%;
    border: 1.5px solid #FFF;
    box-sizing: border-box;
    height: 12px;
    margin: 0px 11px;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 12px; }
    .bottom-nav__item:hover, .bottom-nav__item--active {
      background: #27368b;
      border: 1.5px solid #27368b; }
  .bottom-nav__tooltip {
    font-family: "LucaBold";
    font-size: 17px;
    margin-bottom: 90px;
    position: absolute;
    transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
    .bottom-nav__tooltip--hidden {
      opacity: 0; }

.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: 12; }
  .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.5);
    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;
  pointer-events: all;
  position: relative;
  right: 0px;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
  @media (min-width: 1025px) {
    .copy-modal-v5 {
      width: 680px; } }
  @media (max-width: 1024px) {
    .copy-modal-v5 {
      height: 100%;
      width: 100%; } }
  .copy-modal-v5__audio-display {
    font-family: "TisaSansProRegular"; }
    @media (min-width: 1025px) {
      .copy-modal-v5__audio-display {
        font-size: 18px;
        width: calc(100% - 140px); } }
    @media (max-width: 1024px) {
      .copy-modal-v5__audio-display {
        flex-wrap: wrap;
        font-size: 14px;
        justify-content: space-between;
        width: calc(100% - 30px); } }
  .copy-modal-v5__audio-seeker {
    cursor: pointer;
    background: linear-gradient(90deg, #f4b0ce 0%, #f4b0ce 0%, white 0%, white 100%);
    height: 4px;
    pointer-events: all;
    transition: height 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 100%; }
    @media (min-width: 1025px) {
      .copy-modal-v5__audio-seeker {
        margin: 0px 16px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__audio-seeker {
        margin-top: 2px;
        order: 3; } }
    .copy-modal-v5__audio-seeker:hover {
      height: 6px; }
  .copy-modal-v5__back-button {
    color: #000;
    font-family: "LucaRegular";
    font-size: 15px;
    position: absolute;
    z-index: 1; }
    @media (min-width: 1025px) {
      .copy-modal-v5__back-button {
        left: 42px;
        top: 22px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__back-button {
        left: 15px;
        top: 24px; } }
    @media (min-width: 1025px) {
      .copy-modal-v5__back-button span {
        margin-left: 17px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__back-button span {
        margin-left: 10px; } }
  .copy-modal-v5__close-button {
    color: #000;
    font-family: "LucaRegular";
    font-size: 15px;
    position: absolute;
    z-index: 1; }
    @media (min-width: 1025px) {
      .copy-modal-v5__close-button {
        height: 13px;
        right: 26px;
        top: 27px;
        width: 13px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__close-button {
        height: 13px;
        right: 19px;
        top: 22px;
        width: 13px; } }
    .copy-modal-v5__close-button span {
      margin-right: 17px; }
  .copy-modal-v5__first {
    flex: 1;
    flex-direction: column; }
    @media (min-width: 1025px) {
      .copy-modal-v5__first {
        padding: 0px 25px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__first {
        padding: 0px 14px; } }
  .copy-modal-v5__footer {
    background: #3650DA;
    bottom: 0px;
    color: #FFF;
    flex-direction: column;
    height: 88px;
    left: 0px;
    position: absolute;
    width: 100%; }
    .copy-modal-v5__footer audio {
      outline: none; }
  .copy-modal-v5__image-controls {
    background: #FFF;
    color: #000;
    height: 100%;
    justify-content: space-evenly;
    width: 115px; }
  .copy-modal-v5__main {
    align-items: flex-start;
    background: url("/tour/img/texture.png");
    background-repeat: repeat-y;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    height: 100%;
    flex-direction: column;
    right: 0px;
    top: 0px;
    width: 100%; }
    @media (min-width: 1025px) {
      .copy-modal-v5__main {
        padding: 50px 0px 50px 60px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__main {
        background-size: 30px;
        padding: 46px 0px 20px; } }
  .copy-modal-v5__pp-button {
    margin-bottom: 3px; }
  .copy-modal-v5__preloader {
    left: 50%;
    margin: -40px 0px 0px -40px;
    position: absolute !important;
    top: 50%;
    transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
    .copy-modal-v5__preloader--hidden {
      opacity: 0; }
  .copy-modal-v5__second {
    flex: 2;
    flex-direction: column;
    justify-content: flex-start; }
    @media (min-width: 1025px) {
      .copy-modal-v5__second {
        padding: 0px 25px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__second {
        padding: 0px 14px; } }
    .copy-modal-v5__second img {
      width: 100%; }
  .copy-modal-v5__scrollable {
    height: 100%;
    margin-top: 16px;
    overflow-y: auto; }
    @media (min-width: 1025px) {
      .copy-modal-v5__scrollable {
        max-height: 400px;
        padding-right: 60px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5__scrollable {
        padding: 0px 14px; } }
  @media (min-width: 1025px) {
    .copy-modal-v5__title {
      margin-bottom: 8px;
      max-width: calc(100% - 36px); } }
  @media (max-width: 1024px) {
    .copy-modal-v5__title {
      align-items: flex-start;
      flex-direction: column;
      margin-bottom: 13px;
      width: calc(100% - 40px); } }
  .copy-modal-v5__tutorial {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0px;
    transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 100%; }
    .copy-modal-v5__tutorial span {
      margin-left: 10px;
      padding-top: 4px; }
    .copy-modal-v5__tutorial--hidden {
      opacity: 0;
      pointer-events: none; }
  .copy-modal-v5__zoom-level {
    text-align: center;
    width: 50px; }
  .copy-modal-v5 h1 {
    color: #000;
    font-family: "LucaBold"; }
    @media (min-width: 1025px) {
      .copy-modal-v5 h1 {
        font-size: 36px;
        line-height: 43px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5 h1 {
        font-size: 24px;
        line-height: 28px;
        margin-left: 14px;
        max-width: calc(100% - 28px); } }
  .copy-modal-v5 h2 {
    color: #27368b;
    font-family: "LucaBold"; }
    @media (min-width: 1025px) {
      .copy-modal-v5 h2 {
        font-size: 24px;
        line-height: 28px;
        margin-top: 10px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5 h2 {
        font-size: 18px;
        line-height: 22px;
        margin-left: 14px;
        margin-top: 2px;
        max-width: calc(100% - 28px); } }
  .copy-modal-v5 p {
    color: #000;
    font-family: "TisaSansProRegular";
    font-size: 15px;
    line-height: 20px; }
    @media (min-width: 1025px) {
      .copy-modal-v5 p {
        margin: 25px 0px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5 p {
        margin: 15px 0px; } }
    .copy-modal-v5 p:first-of-type {
      margin-top: 0px; }
    .copy-modal-v5 p:last-of-type {
      margin-bottom: 0px; }
  .copy-modal-v5 p.faded {
    color: #C4C4C4; }
  .copy-modal-v5--artist {
    height: 100%;
    width: 100%; }
    .copy-modal-v5--artist h1, .copy-modal-v5--artist h2 {
      margin-left: 0px; }
    .copy-modal-v5--artist h2 {
      font-family: "TisaSansProBold";
      font-size: 18px;
      line-height: 26px;
      margin-top: 0px; }
    @media (min-width: 1025px) {
      .copy-modal-v5--artist p {
        font-size: 18px;
        line-height: 25px;
        margin: 30px 0px !important; } }
    @media (max-width: 1024px) {
      .copy-modal-v5--artist p {
        font-size: 14px;
        line-height: 20px;
        margin: 15px 0px !important; } }
    .copy-modal-v5--artist p:last-of-type {
      margin-bottom: 0px !important; }
  .copy-modal-v5--artist .copy-modal-v5__close-button {
    width: auto; }
    @media (min-width: 1025px) {
      .copy-modal-v5--artist .copy-modal-v5__close-button {
        right: 42px;
        top: 27px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5--artist .copy-modal-v5__close-button {
        top: 27px; } }
  .copy-modal-v5--artist .copy-modal-v5__main {
    background: none;
    overflow-y: auto; }
    @media (min-width: 1025px) {
      .copy-modal-v5--artist .copy-modal-v5__main {
        flex-direction: row;
        height: calc(100% - 120px);
        margin-top: 60px;
        padding: 0px 150px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5--artist .copy-modal-v5__main {
        flex-direction: column;
        height: calc(100% - 70px);
        justify-content: flex-start;
        padding: 0px;
        position: absolute;
        top: 56px; } }
  @media (min-width: 1025px) {
    .copy-modal-v5--audio .copy-modal-v5__main {
      padding: 50px 0px 120px 60px; } }
  @media (max-width: 1024px) {
    .copy-modal-v5--audio .copy-modal-v5__main {
      padding-bottom: 100px; } }
  .copy-modal-v5--image {
    align-items: center;
    position: relative;
    justify-content: center;
    height: auto;
    width: auto;
    /*
        @media ($desktop) {
            max-height: none;
            width: auto;
        }
        
        @media ($mobile) {
            height: 100%;
            align-items: center;
            position: relative;
            justify-content: center;
        }
        */ }
    @media (max-width: 1024px) {
      .copy-modal-v5--image {
        background: none;
        display: flex; } }
    .copy-modal-v5--image h1 {
      color: #FFF;
      margin: 0px; }
      @media (min-width: 1025px) {
        .copy-modal-v5--image h1 {
          font-size: 18px;
          line-height: 22px; } }
      @media (max-width: 1024px) {
        .copy-modal-v5--image h1 {
          font-size: 14px;
          line-height: 20px; } }
    .copy-modal-v5--image h2 {
      color: #FFF;
      margin: 0px; }
      @media (min-width: 1025px) {
        .copy-modal-v5--image h2 {
          font-size: 18px;
          line-height: 22px; } }
      @media (max-width: 1024px) {
        .copy-modal-v5--image h2 {
          font-size: 14px;
          line-height: 17px; } }
    .copy-modal-v5--image img.copy {
      cursor: zoom-in;
      opacity: 0; }
    .copy-modal-v5--image img.iv-image {
      transform: scale(1.02); }
  .copy-modal-v5--image .copy-modal-v5__close-button {
    background: white;
    padding: 8.5px;
    right: 0px;
    top: -40px; }
  .copy-modal-v5--image .copy-modal-v5__footer {
    background: none;
    height: 30px; }
    @media (min-width: 1025px) {
      .copy-modal-v5--image .copy-modal-v5__footer {
        bottom: -15px; } }
    @media (max-width: 1024px) {
      .copy-modal-v5--image .copy-modal-v5__footer {
        bottom: -50px; } }
  .copy-modal-v5--image .copy-modal-v5__main {
    background: white;
    height: 160px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 160px; }
  .copy-modal-v5--image .copy-modal-v5__title {
    bottom: calc(100% - 5px);
    position: absolute; }
  .copy-modal-v5--video {
    background: none; }
    @media (min-width: 1025px) {
      .copy-modal-v5--video {
        height: calc(min(100vw - 100px, 177vh - 177px) * 0.5625);
        width: calc(min(100vw - 100px, 177vh - 177px)); } }
    @media (max-width: 1024px) {
      .copy-modal-v5--video {
        height: 50.625vw;
        width: 90vw; } }
    .copy-modal-v5--video h1 {
      color: #FFF;
      margin: 0px; }
      @media (min-width: 1025px) {
        .copy-modal-v5--video h1 {
          font-size: 18px;
          line-height: 22px; } }
      @media (max-width: 1024px) {
        .copy-modal-v5--video h1 {
          font-size: 14px;
          line-height: 20px; } }
    .copy-modal-v5--video h2 {
      color: #FFF;
      margin: 0px; }
      @media (min-width: 1025px) {
        .copy-modal-v5--video h2 {
          font-size: 18px;
          line-height: 22px; } }
      @media (max-width: 1024px) {
        .copy-modal-v5--video h2 {
          font-size: 14px;
          line-height: 17px; } }
    .copy-modal-v5--video video {
      height: 100%;
      object-fit: cover;
      outline: none;
      width: 100%; }
  .copy-modal-v5--video .copy-modal-v5__close-button {
    background: white;
    padding: 8.5px;
    right: 1px;
    top: -20px; }
  .copy-modal-v5--video .copy-modal-v5__main {
    background: none;
    padding: 0px; }
  @media (min-width: 1025px) {
    .copy-modal-v5--video-vertical {
      height: calc(100vh - 100px);
      width: calc((100vh - 100px) / 1.77); } }
  @media (max-width: 1024px) {
    .copy-modal-v5--video-vertical {
      height: calc(min(100vw * 1.77,100vh - 80px));
      width: calc(min(100vw * 1.77,100vh - 80px) / 1.77); } }
  @media (max-width: 1024px) {
    .copy-modal-v5--video-vertical video {
      margin: 0px auto; } }

.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 {
  height: 100%;
  width: 100%; }
  .gui-pano--hidden {
    display: none; }

.hotspot-v2 {
  height: 35px;
  margin: -17px 0px 0px -17px;
  position: absolute;
  transition: transform 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  width: 35px; }
  .hotspot-v2__icon {
    transition: filter 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
    .hotspot-v2__icon img {
      height: 11px; }
  .hotspot-v2__shape-1, .hotspot-v2__shape-2 {
    border: 6px solid #C4C4C4;
    border-top: 8px solid #C4C4C4;
    box-sizing: border-box;
    height: 36px;
    position: absolute;
    top: 0px;
    transform: perspective(80px) rotateX(50deg);
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 30px; }
  .hotspot-v2__shape-2 {
    border: 8px solid #27368b;
    border-bottom: 10px solid #27368b;
    height: 44px;
    opacity: 0;
    top: -3px;
    transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 36px; }
  .hotspot-v2__title {
    bottom: 34px;
    font-family: "LucaBold";
    font-size: 15px;
    line-height: 18px;
    opacity: 1;
    position: absolute;
    text-align: center;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    width: 200px; }
  .hotspot-v2__title-shadow {
    background: rgba(0, 0, 0, 0.5);
    filter: blur(10px);
    height: 2px;
    position: absolute;
    top: 14px;
    width: 70px;
    z-index: 2; }
  .hotspot-v2--custom-icon {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
    height: 25px;
    margin: -12.5px 0px 0px -12.5px;
    width: 25px; }
  .hotspot-v2--custom-icon .hotspot-v2 {
    /*
        &__background {
            background: $color-2;
            height: 30px;
            left: 0px;
            position: absolute;
            transition: background $duration $easing;
            top: 0px;
            width: 30px;
        }
        */ }
    .hotspot-v2--custom-icon .hotspot-v2__shape-1, .hotspot-v2--custom-icon .hotspot-v2__shape-2, .hotspot-v2--custom-icon .hotspot-v2__title, .hotspot-v2--custom-icon .hotspot-v2__title-shadow {
      display: none; }
    .hotspot-v2--custom-icon .hotspot-v2__border {
      border: 1px solid #FFF;
      box-sizing: border-box;
      height: 25px;
      left: 0px;
      position: absolute;
      top: 0px;
      transition: border 0.35s cubic-bezier(0.86, 0, 0.07, 1);
      width: 25px; }
    .hotspot-v2--custom-icon .hotspot-v2__icon {
      position: absolute; }
  .hotspot-v2--traversal .hotspot-v2__background, .hotspot-v2--traversal .hotspot-v2__border, .hotspot-v2--traversal .hotspot-v2__icon {
    display: none; }
  .hotspot-v2:hover .hotspot-v2__background {
    background: #27368b; }
  .hotspot-v2:hover .hotspot-v2__border {
    border: 1px solid #FFF; }
  .hotspot-v2:hover .hotspot-v2__shape-1 {
    border: 6px solid #27368b;
    border-top: 8px solid #27368b; }
  .hotspot-v2:hover .hotspot-v2__shape-2 {
    opacity: 1; }
  .hotspot-v2:hover .hotspot-v2__title {
    bottom: 38px; }
  .hotspot-v2:hover.hotspot-v2--traversal__icon {
    filter: invert(1); }
  .hotspot-v2--minified {
    transform: scale(0.01); }

.landing {
  background: url("/tour/img/landing.jpg") no-repeat;
  background-size: cover;
  pointer-events: all;
  transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 8; }
  .landing__button {
    border: 3px solid #FFF;
    font-family: "TisaSansProRegular";
    font-size: 18px;
    padding: 9px 0px; }
    @media (min-width: 1025px) {
      .landing__button {
        min-width: 250px; } }
    @media (max-width: 1024px) {
      .landing__button {
        width: 100%; } }
    @media (min-width: 1025px) {
      .landing__button:nth-of-type(1) {
        margin-right: 24px; } }
    @media (max-width: 1024px) {
      .landing__button:nth-of-type(1) {
        margin-bottom: 10px; } }
  .landing__buttons {
    flex-shrink: 0; }
    @media (min-width: 1025px) {
      .landing__buttons {
        flex-wrap: nowrap; } }
    @media (max-width: 1024px) {
      .landing__buttons {
        flex-direction: column;
        width: 100%; } }
  .landing__container {
    align-items: flex-start;
    box-sizing: border-box;
    flex-direction: column;
    z-index: 2; }
    @media (min-width: 1025px) {
      .landing__container {
        margin-left: 270px;
        max-width: 600px; } }
    @media (max-width: 1024px) {
      .landing__container {
        justify-content: space-between;
        overflow-y: auto;
        padding: 150px 16px 22px;
        width: 100%; } }
  .landing__logo {
    justify-content: flex-start;
    pointer-events: all;
    position: absolute;
    z-index: 5; }
    @media (min-width: 1025px) {
      .landing__logo {
        left: 40px;
        top: 32px; } }
    @media (max-width: 1024px) {
      .landing__logo {
        left: 14px;
        top: 17px; } }
    .landing__logo img {
      background: #FFF;
      box-sizing: border-box; }
      @media (min-width: 1025px) {
        .landing__logo img:nth-of-type(1) {
          margin-right: 24px;
          padding: 20px;
          width: 168px; } }
      @media (max-width: 1024px) {
        .landing__logo img:nth-of-type(1) {
          margin-right: 12px;
          padding: 8px;
          width: 83px; } }
      @media (min-width: 1025px) {
        .landing__logo img:nth-of-type(2) {
          height: 140px;
          padding: 20px;
          width: 168px; } }
      @media (max-width: 1024px) {
        .landing__logo img:nth-of-type(2) {
          height: 68px;
          padding: 8px;
          width: 83px; } }
  .landing__mask {
    background: rgba(0, 0, 0, 0.75);
    z-index: 1; }
  .landing h1 {
    font-family: "LucaBold"; }
    @media (min-width: 1025px) {
      .landing h1 {
        font-size: 64px;
        line-height: 77px;
        max-width: 400px; } }
    @media (max-width: 1024px) {
      .landing h1 {
        font-size: 36px;
        line-height: 43px;
        max-width: 250px; } }
  .landing p {
    font-family: "TisaSansProRegular";
    margin: 16px 0px 30px; }
    @media (min-width: 1025px) {
      .landing p {
        font-size: 18px;
        line-height: 25px; } }
    @media (max-width: 1024px) {
      .landing p {
        font-size: 16px;
        line-height: 22px; } }
  .landing--hidden {
    opacity: 0;
    pointer-events: none; }
    .landing--hidden * {
      pointer-events: none !important; }

.logo {
  justify-content: flex-start;
  pointer-events: all;
  position: absolute;
  z-index: 7; }
  @media (min-width: 1025px) {
    .logo {
      left: 40px;
      top: 32px; } }
  @media (max-width: 1024px) {
    .logo {
      left: 14px;
      top: 17px; } }
  @media (min-width: 1025px) {
    .logo__img {
      margin-right: 24px; } }
  @media (max-width: 1024px) {
    .logo__img {
      margin-right: 12px; } }
  .logo__img, .logo__second {
    box-sizing: border-box; }
    @media (min-width: 1025px) {
      .logo__img, .logo__second {
        padding: 20px;
        width: 168px; } }
    @media (max-width: 1024px) {
      .logo__img, .logo__second {
        padding: 8px;
        width: 83px; } }
  @media (min-width: 1025px) {
    .logo__second {
      height: 140px; } }
  @media (max-width: 1024px) {
    .logo__second {
      height: 68px; } }

.menu {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  position: absolute;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) 0.35s; }
  @media (min-width: 1025px) {
    .menu {
      bottom: 23px;
      justify-content: flex-end;
      position: absolute;
      right: 5px;
      width: 240px; } }
  .menu__menuItem {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    pointer-events: all;
    text-align: center; }
    @media (min-width: 1025px) {
      .menu__menuItem {
        width: 70px; } }
    @media (max-width: 1024px) {
      .menu__menuItem {
        height: 60px;
        width: 60px; } }
    .menu__menuItem img {
      margin-bottom: 5px; }
    .menu__menuItem span {
      font-size: 12px;
      opacity: 0;
      position: absolute;
      top: 24px;
      transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
      @media (max-width: 1024px) {
        .menu__menuItem span {
          opacity: 1;
          top: 45px; } }
    .menu__menuItem svg {
      height: 24px;
      width: 24px; }
      @media (min-width: 1025px) {
        .menu__menuItem svg path {
          fill: #FFF; } }
      @media (max-width: 1024px) {
        .menu__menuItem svg path {
          fill: #FFF; } }
    .menu__menuItem:hover {
      opacity: 0.8; }
      .menu__menuItem:hover span {
        opacity: 1; }
        @media (min-width: 1025px) {
          .menu__menuItem:hover span {
            top: 30px; } }
        @media (max-width: 1024px) {
          .menu__menuItem:hover span {
            top: 45px; } }
      @media (min-width: 1025px) {
        .menu__menuItem:hover svg path {
          fill: #FFF; } }
      @media (max-width: 1024px) {
        .menu__menuItem:hover svg path {
          fill: #FFF; } }

.nav-button {
  position: absolute;
  z-index: 6; }
  @media (min-width: 1025px) {
    .nav-button {
      right: 0px;
      top: 0px; } }
  @media (max-width: 1024px) {
    .nav-button {
      right: -3px;
      top: -7px; } }
  .nav-button__off {
    right: 27px;
    top: 24px; }
  .nav-button__on {
    opacity: 0;
    pointer-events: none;
    right: 0px;
    top: 0px;
    transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
  .nav-button img {
    position: absolute; }
  .nav-button:hover .nav-button__on {
    opacity: 1; }

.nav-close-button {
  position: absolute; }
  @media (min-width: 1025px) {
    .nav-close-button {
      right: 27px;
      top: 24px; } }
  @media (max-width: 1024px) {
    .nav-close-button {
      right: 14px;
      top: 18px; } }

.nav-mask {
  background: rgba(6, 6, 6, 0.5);
  left: 0px;
  transition: left 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 9; }
  .nav-mask--hidden {
    left: 100%; }

.nav {
  background: #060606;
  pointer-events: all;
  position: absolute;
  right: 0px;
  top: 0px;
  transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 10; }
  @media (min-width: 1025px) {
    .nav {
      height: 100%;
      width: 50%; } }
  @media (max-width: 1024px) {
    .nav {
      height: 100%;
      width: 100%; } }
  .nav--hidden {
    right: -100%; }
  .nav__container {
    display: flex;
    flex-direction: column;
    margin: 0px;
    position: absolute;
    top: 86px;
    width: 100%; }
    @media (min-width: 1025px) {
      .nav__container {
        height: calc(100% - 116px); } }
    @media (max-width: 1024px) {
      .nav__container {
        height: calc(100% - 86px); } }
  .nav__footer {
    bottom: 0px;
    background: #3650DA;
    font-family: "LucaRegular";
    font-size: 16px;
    height: 50px;
    justify-content: space-evenly;
    position: absolute;
    width: 100%; }
  .nav__list {
    list-style: none;
    margin: 0px;
    overflow-x: hidden;
    padding: 0px;
    pointer-events: all; }
    .nav__list--root {
      overflow: hidden; }
      @media (min-width: 1025px) {
        .nav__list--root {
          margin-left: 135px;
          width: calc(100% - 270px); } }
    .nav__list--sub {
      overflow: hidden; }
      @media (max-width: 1024px) {
        .nav__list--sub {
          margin-top: 8px; } }
  .nav__list-container {
    margin: 0px;
    overflow-y: scroll;
    width: 100%; }
    @media (min-width: 1025px) {
      .nav__list-container {
        height: calc(100%); } }
    @media (max-width: 1024px) {
      .nav__list-container {
        box-sizing: border-box;
        height: calc(100% - 66px);
        padding: 0px 28px; } }
  .nav__list-item {
    color: #FFF;
    cursor: pointer;
    font-family: "TisaSansProRegular";
    opacity: 1;
    transition: color 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
    .nav__list-item--always-expanded {
      cursor: default; }
    .nav__list-item--active {
      cursor: default; }
    .nav__list-item--category {
      font-family: "LucaBold";
      pointer-events: none; }
      @media (min-width: 1025px) {
        .nav__list-item--category {
          font-size: 36px;
          line-height: 44px;
          margin-bottom: 36px; } }
      @media (max-width: 1024px) {
        .nav__list-item--category {
          font-size: 24px;
          line-height: 28px;
          margin-bottom: 18px; } }
      .nav__list-item--category:last-of-type {
        margin-bottom: 0px; }
    .nav__list-item--spot {
      display: flex;
      font-family: "LucaBold"; }
      @media (min-width: 1025px) {
        .nav__list-item--spot {
          font-size: 18px;
          line-height: 22px;
          margin: 22px 0px; } }
      @media (max-width: 1024px) {
        .nav__list-item--spot {
          font-size: 14px;
          line-height: 17px;
          margin: 4px 0px; } }
    .nav__list-item--spot.nav__list-item--active, .nav__list-item--spot.nav__list-item:hover {
      color: #27368b; }
  .nav__list-item-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); }
    .nav__list-item-header--active {
      color: #27368b; }
  .nav__list-item-toggle {
    display: none; }
  @media (min-width: 1025px) {
    .nav .os-theme-minimal-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
      width: 20px; } }
  .nav .os-theme-minimal-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
    background: #27368b;
    border-radius: 0px;
    opacity: 1.0; }
    @media (min-width: 1025px) {
      .nav .os-theme-minimal-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
        width: 10px; } }
  @media (min-width: 1025px) {
    .nav .os-scrollbar-vertical {
      left: -10px; } }

.radar-container {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 4; }
  @media (min-width: 1025px) {
    .radar-container {
      right: 37px;
      top: 95px; } }
  @media (max-width: 1024px) {
    .radar-container {
      right: 34px;
      top: 88px; } }

.radar {
  background: #101b22;
  border-radius: 50%;
  height: 24px;
  width: 24px; }
  .radar__center {
    background: #FFF;
    border-radius: 50%;
    height: 4px;
    margin: -2px 0px 0px -2px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px; }
  .radar__hotspots {
    height: 24px;
    position: absolute;
    width: 24px; }
  .radar__hotspot {
    background: #FFF;
    border-radius: 4px;
    height: 4px;
    margin: -2px 0px 0px -2px;
    position: absolute;
    width: 4px; }
  .radar__seeker {
    border: 2px solid white;
    border-radius: 50%;
    box-sizing: border-box;
    height: 24px;
    width: 24px; }

.tutorial {
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  pointer-events: all;
  transition: opacity 0.35s cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 5; }
  .tutorial__step {
    position: absolute;
    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); }
    @media (max-width: 1024px) {
      .tutorial__step {
        width: calc(100% - 48px); } }
    .tutorial__step--fade-1 {
      opacity: 0;
      padding-top: 150px; }
    .tutorial__step--fade-2 {
      opacity: 0;
      padding-bottom: 150px; }
    .tutorial__step img {
      margin-right: 15px; }
    .tutorial__step p {
      font-family: "LucaBold"; }
      @media (min-width: 1025px) {
        .tutorial__step p {
          font-size: 24px;
          line-height: 29px; } }
      @media (max-width: 1024px) {
        .tutorial__step p {
          font-size: 18px;
          line-height: 22px; } }
  .tutorial--hidden {
    opacity: 0;
    pointer-events: none; }
    .tutorial--hidden * {
      pointer-events: none !important; }

.ios-safari {
  padding-top: 2px; }

.macos-chrome {
  padding-top: 4px; }

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

* {
  scrollbar-color: #FFF #27368b; }
  @media (min-width: 1025px) {
    * {
      scrollbar-width: auto; } }
  @media (max-width: 1024px) {
    * {
      scrollbar-width: thin; } }

*::-webkit-scrollbar {
  border-radius: 0px;
  height: 6px; }
  @media (min-width: 1025px) {
    *::-webkit-scrollbar {
      width: 10px; } }
  @media (max-width: 1024px) {
    *::-webkit-scrollbar {
      width: 6px; } }

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

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

lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px; }

.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite; }

.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px; }

.lds-default div:nth-child(2) {
  animation-delay: -.1s;
  top: 22px;
  left: 62px; }

.lds-default div:nth-child(3) {
  animation-delay: -.2s;
  top: 11px;
  left: 52px; }

.lds-default div:nth-child(4) {
  animation-delay: -.3s;
  top: 7px;
  left: 37px; }

.lds-default div:nth-child(5) {
  animation-delay: -.4s;
  top: 11px;
  left: 22px; }

.lds-default div:nth-child(6) {
  animation-delay: -.5s;
  top: 22px;
  left: 11px; }

.lds-default div:nth-child(7) {
  animation-delay: -.6s;
  top: 37px;
  left: 7px; }

.lds-default div:nth-child(8) {
  animation-delay: -.7s;
  top: 52px;
  left: 11px; }

.lds-default div:nth-child(9) {
  animation-delay: -.8s;
  top: 62px;
  left: 22px; }

.lds-default div:nth-child(10) {
  animation-delay: -.9s;
  top: 66px;
  left: 37px; }

.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px; }

.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px; }

@keyframes lds-default {
  0%, 100%, 20%, 80% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); } }