@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

#theta-viewer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 80%;
  border: 1px solid black;
  overflow: hidden;
}

#theta-viewer.active {
    border: 4px solid red;
}
.swiper-container {
      width: 100%;
      height: 20%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
     .swiper-slide img{
     	width: 100%;
     }