@charset "UTF-8";
@font-face {
  font-family: "icons";
  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
  font-weight: normal;
  font-style: normal; }

.icon-back {
  font-family: "icons";
  font-style: normal; }
  .icon-back:after {
    content: "\f101"; }

.icon-camera-flip {
  font-family: "icons";
  font-style: normal; }
  .icon-camera-flip:after {
    content: "\f102"; }

.icon-dot-focus {
  font-family: "icons";
  font-style: normal; }
  .icon-dot-focus:after {
    content: "\f103"; }

.icon-dot-full {
  font-family: "icons";
  font-style: normal; }
  .icon-dot-full:after {
    content: "\f104"; }

.icon-dot-large {
  font-family: "icons";
  font-style: normal; }
  .icon-dot-large:after {
    content: "\f105"; }

.icon-dot-ring {
  font-family: "icons";
  font-style: normal; }
  .icon-dot-ring:after {
    content: "\f106"; }

.icon-dot {
  font-family: "icons";
  font-style: normal; }
  .icon-dot:after {
    content: "\f107"; }

.icon-email {
  font-family: "icons";
  font-style: normal; }
  .icon-email:after {
    content: "\f108"; }

.icon-expand-small {
  font-family: "icons";
  font-style: normal; }
  .icon-expand-small:after {
    content: "\f109"; }

.icon-flip-left {
  font-family: "icons";
  font-style: normal; }
  .icon-flip-left:after {
    content: "\f10a"; }

.icon-flip-middle {
  font-family: "icons";
  font-style: normal; }
  .icon-flip-middle:after {
    content: "\f10b"; }

.icon-flip-right {
  font-family: "icons";
  font-style: normal; }
  .icon-flip-right:after {
    content: "\f10c"; }

.icon-full-screen {
  font-family: "icons";
  font-style: normal; }
  .icon-full-screen:after {
    content: "\f10d"; }

.icon-next {
  font-family: "icons";
  font-style: normal; }
  .icon-next:after {
    content: "\f10e"; }

.icon-play {
  font-family: "icons";
  font-style: normal; }
  .icon-play:after {
    content: "\f10f"; }

.icon-prev {
  font-family: "icons";
  font-style: normal; }
  .icon-prev:after {
    content: "\f110"; }

.icon-tall-slash {
  font-family: "icons";
  font-style: normal; }
  .icon-tall-slash:after {
    content: "\f111"; }

.icon-threads {
  font-family: "icons";
  font-style: normal; }
  .icon-threads:after {
    content: "\f112"; }

.icon-threesixty {
  font-family: "icons";
  font-style: normal; }
  .icon-threesixty:after {
    content: "\f113"; }

.tour-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .tour-container .slide-container {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.0;
    overflow: hidden;
    transition: none; }
  .tour-container .slide-current {
    opacity: 1.0; }
  .tour-container .slide-previous {
    opacity: 1.0; }
  .tour-container .slide-image {
    position: absolute;
    top: 0;
    left: 0; }
  .tour-container .portrait-image {
    background-color: black; }
  .tour-container .hotspot-hidden {
    display: none; }
  .tour-container .video-hotspot-hidden {
    display: none; }
  .tour-container .video-hotspot-visible {
    display: block; }

#container-pano, .video-360-host {
  width: 100%;
  height: 100%; }

.video-hotspot {
  position: absolute;
  height: 48px;
  padding-right: 18px;
  padding-left: 48px;
  font-family: "circular-web", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 48px;
  vertical-align: middle;
  cursor: pointer;
  background-color: rgba(16, 16, 16, 0.15);
  border-radius: 24px; }
  .video-hotspot .hotspot-icon {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%; }
    .video-hotspot .hotspot-icon:after {
      position: absolute;
      top: 12px;
      left: 12px;
      display: block;
      width: 12px;
      height: 12px;
      content: '';
      background-color: white;
      border-radius: 50%; }
  .video-hotspot .hotspot-title {
    display: inline-block;
    margin-left: 0;
    font-size: 16px;
    color: white;
    font-weight: 800;
    white-space: nowrap; }
  .video-hotspot:hover .hotspot-icon {
    background-color: #282828; }

.image-hotspot-viewer, .video-hotspot-viewer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #101010; }
  .image-hotspot-viewer .exit-hotspot-viewer, .video-hotspot-viewer .exit-hotspot-viewer {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 16px;
    font-size: 32px;
    color: white;
    text-align: center;
    cursor: pointer;
    background-color: #101010; }
    .image-hotspot-viewer .exit-hotspot-viewer:after, .video-hotspot-viewer .exit-hotspot-viewer:after {
      font-family: icons;
      content: ""; }
  .image-hotspot-viewer .next-hotspot, .video-hotspot-viewer .next-hotspot {
    position: absolute;
    right: 12px;
    top: 50%;
    padding: 16px;
    font-size: 32px;
    color: white;
    text-align: center;
    cursor: pointer;
    background-color: #101010;
    z-index: 10000; }
    .image-hotspot-viewer .next-hotspot:after, .video-hotspot-viewer .next-hotspot:after {
      content: '>'; }
  .image-hotspot-viewer .prev-hotspot, .video-hotspot-viewer .prev-hotspot {
    position: absolute;
    left: 12px;
    top: 50%;
    padding: 16px;
    font-size: 32px;
    color: white;
    text-align: center;
    cursor: pointer;
    background-color: #101010;
    z-index: 10000; }
    .image-hotspot-viewer .prev-hotspot:after, .video-hotspot-viewer .prev-hotspot:after {
      content: '<'; }

.image-hotspot-viewer {
  background-color: #101010; }
  .image-hotspot-viewer .image-hotspot-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat; }
  .image-hotspot-viewer .image-hotspot-caption {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1em;
    font-family: "circular-web", sans-serif;
    color: white;
    background-color: rgba(0, 0, 0, 0.65); }

.video-hotspot-viewer {
  background-color: #101010; }
  .video-hotspot-viewer .video-hotspot-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.pano-fullscreen-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 10px;
  width: 50px;
  height: 50px; }
  .pano-fullscreen-btn.full-screened {
    display: none; }
  .pano-fullscreen-btn:after {
    content: 'full'; }

.tour-action {
  display: inline-block;
  min-width: 160px;
  height: 36px;
  line-height: 35px;
  padding: 0 16px;
  margin: 8px 0 0 0;
  font-size: 18px;
  font-weight: 700;
  color: white;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: black;
  border: 0;
  border-radius: 18px;
  outline: 0; }
  .tour-action:hover {
    background-color: #202020;
    color: white; }

.tour-scroller {
  position: relative;
  width: 100%;
  background: #202020; }

.tour-scroller-pinned {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden; }

.tour-timeline {
  position: absolute;
  top: 0;
  bottom: 100vh;
  z-index: 9999;
  width: 100px;
  overflow: hidden;
  transition: left 0.35s, opacity 0.35s; }
  .tour-timeline .tour-timeline-tick, .tour-timeline .tour-timeline-subtick {
    position: absolute;
    width: 20px;
    border-top: 2px solid white; }
    .tour-timeline .tour-timeline-tick > span, .tour-timeline .tour-timeline-subtick > span {
      position: absolute;
      top: -8px;
      left: 24px;
      display: inline-block;
      font-size: 14px;
      font-weight: 700;
      line-height: 1;
      color: white;
      text-transform: uppercase;
      white-space: nowrap; }
  .tour-timeline .tour-timeline-tick {
    left: 27px; }
  .tour-timeline .tour-timeline-subtick {
    width: 6px; }
    .tour-timeline .tour-timeline-subtick:first-child {
      display: none;
      height: 0; }
  .tour-timeline .tour-timeline-minzero {
    display: none; }
  .tour-timeline .tour-timeline-marker {
    position: absolute;
    left: 42px; }
  .tour-timeline .tour-timeline-markers {
    position: absolute;
    top: 0;
    bottom: 0; }

.tour-scroler-hastimeline .tour-title-overlay {
  left: 16px; }