html {
  height: 100%;
  background-color: black;
}
html.last {
  height: auto;
}
html.last #super-wrapper {
  min-height: auto;
  height: auto;
}
html.last #main-wrapper {
  display: none;
}
html.last body {
  min-height: auto;
}
body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
body:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
}
body {
  background: #000000 url('../img/body.jpg') center center no-repeat;
  background-size: contain;
}
audio {
  display: none;
}
#img-pano {
  display: none;
}
#super-wrapper {
  min-height: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#main-wrapper {
  background: #ffffff url('../img/body.jpg') center center no-repeat;
  height: 100%;
  /*display: none;*/
  /*opacity: 0;*/
  visibility: hidden;
}
#main-wrapper #pano {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100px;
  width: 100%;
  height: calc(100% - 100px);
}
#main-wrapper #button-wrap {
  background-color: #04070d;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
#main-wrapper #button-wrap #button img {
  max-width: 100%;
}
#main-wrapper.animated {
  /*display: block;*/
  visibility: visible;
}
#main2-wrapper {
  background-color: #04070d;
  text-align: center;
  /*display: none;*/
  visibility: hidden;
  /*height:100%;*/
  /*position: absolute;*/
  /*top: 0;*/
  width: 100%;
}
#main2-wrapper.animated {
  /*display: block;*/
  visibility: visible;
}
#main2-wrapper img {
  /*max-height: 100%;*/
  display: block;
  max-width: 100%;
}
#spinner-wrapper {
  position: absolute;
  bottom: 30%;
  width: 100%;
}
#panacontainer.swipe {
  /*overflow: hidden;*/
  overflow-x: scroll;
  /*overflow-y: hidden;*/
  height: calc(100% - 100px);
  width: 100%;
}
#panacontainer.swipe img {
  height: 100%;
  /*display: block;*/
}
#panacontainer.swipe > div {
  height: 100%;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: center center;
}
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #484532;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*# sourceMappingURL=pf2018.css.map */