@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

body {
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  transition: all .6s ease-in;
  overflow-x: hidden;
}
body * {
  font-family: 'Poppins', sans-serif;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden!important;
}
body.leave {
  transform: scale(4.5);
  overflow: hidden;
}
.menu-toggle {
  display: none;
  position: fixed;
  width: 100%;
  padding: 20px 60px 20px 20px;
  color: #fff;
  text-align: right;
  background: rgba(0,0,0,0.7);
}
.menu-toggle span {
  position: absolute;
  right: 20px;
  top: 19px;
  width: 27px;
  height: 3px;
  background: #fff;
}
.menu-toggle span:nth-child(2) {
  top: 26px;
}
.menu-toggle span:nth-child(3) {
  top: 33px;
}
video {
  pointer-events: none!important;
  width: 100vw;
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  object-fit: fill;
}
video::-webkit-media-controls-panel {
display: none !important;
opacity: 1 !important;}

/**
* Stage
*/
.video-container{
  width:100%;
  height:100%;
  overflow:hidden;
  position:relative;
  background: #000;
}
.video-container iframe{
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: calc(100% + 120px);
}
.video-foreground{
  pointer-events:none;
}
.stage {
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
}
.stage a {
  position: absolute;
  display: block;
  transition: all .3s linear;
}
.stage a .inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.stage a .inner .more {
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../images/search.svg') rgba(0,0,0,0.3);
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .3s linear;
}
.stage a:hover .inner .more {
  opacity: 1;
  visibility: visible;
}
.stage a:hover {
  box-shadow: 0px 0px 25px rgba(238, 238, 0, 0.5);
}
.stage01 {
  background: url('../images/bg01.jpg');
  background-size: 100% 100%;
}
.stage02 {
  background: url('../images/bg02.jpg');
  background-size: 100% 100%;
}
.stage03 {
  background: url('../images/bg03.jpg');
  background-size: 100% 100%;
}
.stage04 {
  background: url('../images/bg04.jpg');
  background-size: 100% 100%;
}
.stage05 {
  background: url('../images/bg05.jpg');
  background-size: 100% 100%;
}
.stage06 {
  background: url('../images/bg06.jpg');
  background-size: 100% 100%;
}
.stage02 .banner.video,
.stage03 .banner.video,
.stage04 .banner.video,
.stage05 .banner.video,
.stage06 .banner.video,
.stage01 .banner.video {
  left: 34.8%;
  top: 4.8%;
  width: 31%;
  height: 31%;
}
.stage04 .banner.video {
  top: 13%;
  transform: scale(.9);
}
.stage05 .banner.video {
  top: 12%!important;
  transform: scale(.7);
}
.stage06 .banner.video {
  top: 12%!important;
  transform: scale(.7);
}
.stage01 .banner.banner-one {
  left: 23.45%;
  top: 64.7%;
  z-index: 10;
  width: 8.1%;
  height: 21%;
  background: url('../images/door01/left.png');
  background-size: 100% 100%;
}
.stage01 .banner.banner-one img {
  z-index: 10;
  left: 30%;
  top: 64.7%;
  width: 85.7%;
  height: 55%;
  margin: 6%;
  transform: skew(1deg, -1deg);
}
.stage01 .banner.banner-two {
  left: 55.9%;
  top: 64.6%;
  z-index: 10;
  width: 7.8%;
  height: 19.5%;
  background: url('../images/door01/center.png');
  background-size: 100% 100%;
}
.stage01 .banner.banner-two img {
  z-index: 10;
  left: 30%;
  top: 64.7%;
  width: 89.3%;
  height: 58.7%;
  margin: 4.2%;
}
.stage01 .banner.banner-three {
  left: 87%;
  top: 65.3%;
  z-index: 10;
  width: 8.4%;
  height: 21%;
  background: url('../images/door01/right.png');
  background-size: 100% 100%;
}
.stage01 .banner.banner-three img {
  z-index: 10;
  left: 30%;
  top: 64.7%;
  width: 83.5%;
  height: 58.5%;
  margin: 9% 8%;
  transform: skew(-5deg, 0deg);
}
.stage01 .banner.title-one {
  left: 13.3%;
  top: 42.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage01 .banner.title-two {
  left: 47.3%;
  top: 42.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage01 .banner.title-three {
  left: 79.3%;
  top: 42.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage01 .banner.title-two img,
.stage01 .banner.title-one img,
.stage01 .banner.title-three img {
  object-fit: contain;
  object-position: center;
}
.stage01 .banner.banner-hall01 {
  left: 8.6%;
  top: 53.7%;
  width: 16.8%;
  height: 26%;
}
.stage01 .banner.banner-hall02 {
  left: 42.3%;
  top: 53.5%;
  width: 16.8%;
  height: 26%;
}
.stage01 .banner.banner-hall03 {
  left: 74.2%;
  top: 53.7%;
  width: 16.8%;
  height: 26%;
}


/**
* Stage02
*/
.stage02 .banner.video {
  top: 4%;
}
.stage02 .banner.banner-one {
  left: 20.45%;
  top: 57.7%;
  z-index: 10;
  width: 7.3%;
  height: 17.9%;
  background: url('../images/door02/01.png');
  background-size: 100% 100%;
}
.stage02 .banner.banner-one img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 78%;
  height: 54%;
  margin: 10% 0 0 11.1%;
  transform: skew(2deg, -1deg);
}
.stage02 .banner.banner-two {
  left: 43.5%;
  top: 57.7%;
  z-index: 10;
  width: 6.4%;
  height: 15.5%;
  background: url('../images/door02/02.png');
  background-size: 100% 100%;
}
.stage02 .banner.banner-two img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 90%;
  height: 60%;
  margin: 5%;
}
.stage02 .banner.banner-three {
  left: 65.5%;
  top: 57.7%;
  z-index: 10;
  width: 6.4%;
  height: 15.5%;
  background: url('../images/door02/02.png');
  background-size: 100% 100%;
}
.stage02 .banner.banner-three img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 90%;
  height: 60%;
  margin: 5%;
}
.stage02 .banner.banner-four {
  left: 86.5%;
  top: 57.7%;
  z-index: 10;
  width: 6.4%;
  height: 15.5%;
  background: url('../images/door02/04.png');
  background-size: 100% 100%;
}
.stage02 .banner.banner-four img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 83%;
  height: 60%;
  margin: 7%;
  transform: skew(-3deg, 1deg);
}
.stage02 .banner.title-one {
  left: 13%;
  top: 39.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage02 .banner.title-two {
  left: 35.3%;
  top: 39.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage02 .banner.title-three {
  left: 57.7%;
  top: 39.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage02 .banner.title-four {
  left: 79.7%;
  top: 39.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage02 .banner.title-two img,
.stage02 .banner.title-one img,
.stage02 .banner.title-three img,
.stage02 .banner.title-four img {
  object-fit: contain;
  object-position: center;
}
.stage02 .banner.banner-hall01 {
  left: 9.2%;
  top: 48.7%;
  width: 14.8%;
  height: 23%;
}
.stage02 .banner.banner-hall02 {
  left: 31.4%;
  top: 48.4%;
  width: 14.8%;
  height: 22%;
}
.stage02 .banner.banner-hall03 {
  left: 53.7%;
  top: 48.4%;
  width: 14.8%;
  height: 23%;
}
.stage02 .banner.banner-hall04 {
  left: 76.1%;
  top: 48.4%;
  width: 14.8%;
  height: 23%;
}

/**
* Stage03
*/
.stage03 .banner.video {
  top: 4%;
}
.stage03 .banner.banner-one {
  left: 12.45%;
  top: 59.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/01.png');
  background-size: 100% 100%;
}
.stage03 .banner.banner-one img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 80%;
  height: 58%;
  margin: 6.8% 0 0 11.1%;
  transform: skew(7deg, -1deg);
}
.stage03 .banner.banner-two {
  left: 34.45%;
  top: 58.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/02.png');
  background-size: 100% 100%;
}
.stage03 .banner.banner-two img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 84%;
  height: 58%;
  margin: 6.8% 0 0 8%;
  transform: skew(3deg, -1deg);
}
.stage03 .banner.banner-three {
  left: 53.45%;
  top: 57.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/03.png');
  background-size: 100% 100%;
}
.stage03 .banner.banner-three img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 87%;
  height: 60%;
  margin: 7% 0 0 6%;
  transform: unset;
}
.stage03 .banner.banner-four {
  left: 73.45%;
  top: 58.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/04.png');
  background-size: 100% 100%;
}
.stage03 .banner.banner-four img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 82%;
  height: 60%;
  margin: 7% 0 0 8%;
  transform: skew(-4deg, 1deg);
}
.stage03 .banner.banner-five {
  left: 92.45%;
  top: 59.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/04.png');
  background-size: 100% 100%;
}
.stage03 .banner.banner-five img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 81%;
  height: 60%;
  margin: 7% 0 0 8%;
  transform: skew(-4deg, 1deg);
}
.stage03 .banner.title-one {
  left: 5%;
  top: 44.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage03 .banner.title-two {
  left: 28%;
  top: 44.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage03 .banner.title-three {
  left: 46.5%;
  top: 44.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage03 .banner.title-four {
  left: 66%;
  top: 44.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage03 .banner.title-five {
  left: 85.5%;
  top: 44.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage03 .banner.title-two img,
.stage03 .banner.title-one img,
.stage03 .banner.title-three img,
.stage03 .banner.title-five img,
.stage03 .banner.title-four img {
  object-fit: contain;
  object-position: center;
}
.stage03 .banner.banner-hall01 {
  left: 2.3%;
  top: 52.4%;
  width: 11.5%;
  height: 18.5%;
}
.stage03 .banner.banner-hall02 {
  left: 25.5%;
  top: 51.7%;
  width: 11.5%;
  height: 17.3%;
}
.stage03 .banner.banner-hall03 {
  left: 44.2%;
  top: 51.7%;
  width: 11.5%;
  height: 16.3%;
}
.stage03 .banner.banner-hall04 {
  left: 64.4%;
  top: 51.7%;
  width: 11.1%;
  height: 16.5%;
}
.stage03 .banner.banner-hall05 {
  left: 83.4%;
  top: 52.4%;
  width: 11.5%;
  height: 18.5%;
}

/**
* Stage04
*/
.stage04 .banner.video {
  top: 4%;
}
.stage04 .banner.banner-one {
  left: 15.45%;
  top: 55.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/01.png');
  background-size: 100% 100%;
  transform: scale(.9);
}
.stage04 .banner.banner-one img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 80%;
  height: 58%;
  margin: 6.8% 0 0 11.1%;
  transform: skew(7deg, -1deg);
}
.stage04 .banner.banner-two {
  left: 30.45%;
  top: 54.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/02.png');
  background-size: 100% 100%;
  transform: scale(.9);
}
.stage04 .banner.banner-two img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 84%;
  height: 58%;
  margin: 6.8% 0 0 8%;
  transform: skew(3deg, -1deg);
}
.stage04 .banner.banner-three {
  left: 44.45%;
  top: 54.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/03.png');
  background-size: 100% 100%;
  transform: scale(.9);
}
.stage04 .banner.banner-three img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 87%;
  height: 60%;
  margin: 7% 0 0 6%;
  transform: unset;
}
.stage04 .banner.banner-four {
  left: 59.45%;
  top: 54.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/03.png');
  background-size: 100% 100%;
  transform: scale(.9);
}
.stage04 .banner.banner-four img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 87%;
  height: 60%;
  margin: 7% 0 0 6%;
  transform: unset;
}
.stage04 .banner.banner-five {
  left: 74.45%;
  top: 54.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/04.png');
  background-size: 100% 100%;
  transform: scale(.9);
}
.stage04 .banner.banner-five img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 81%;
  height: 60%;
  margin: 7% 0 0 8%;
  transform: skew(-4deg, 1deg);
}
.stage04 .banner.banner-six {
  left: 90.45%;
  top: 54.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/04.png');
  background-size: 100% 100%;
  transform: scale(.9);
}
.stage04 .banner.banner-six img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 81%;
  height: 60%;
  margin: 7% 0 0 8%;
  transform: skew(-4deg, 1deg);
}
.stage04 .banner.title-one {
  left: 8.5%;
  top: 42.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage04 .banner.title-two {
  left: 23.9%;
  top: 42.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage04 .banner.title-three {
  left: 38.9%;
  top: 42.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage04 .banner.title-four {
  left: 53.9%;
  top: 42.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage04 .banner.title-five {
  left: 68.9%;
  top: 42.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage04 .banner.title-six {
  left: 83.9%;
  top: 42.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
}
.stage04 .banner.title-two img,
.stage04 .banner.title-one img,
.stage04 .banner.title-three img,
.stage04 .banner.title-six img,
.stage04 .banner.title-five img,
.stage04 .banner.title-four img {
  object-fit: contain;
  object-position: center;
}
.stage04 .banner.banner-hall01 {
  left: 7.3%;
  top: 49.4%;
  width: 10%;
  height: 16.5%;
}
.stage04 .banner.banner-hall02 {
  left: 22.4%;
  top: 49%;
  width: 10%;
  height: 15%;
}
.stage04 .banner.banner-hall03 {
  left: 37.6%;
  top: 49%;
  width: 9.9%;
  height: 14.5%;
}
.stage04 .banner.banner-hall04 {
  left: 52.5%;
  top: 49%;
  width: 10%;
  height: 15%;
}
.stage04 .banner.banner-hall05 {
  left: 67.5%;
  top: 49%;
  width: 10.1%;
  height: 15.5%;
}
.stage04 .banner.banner-hall06 {
  left: 82.6%;
  top: 49%;
  width: 10.1%;
  height: 17.2%;
}


/**
* Stage05
*/
.stage05 .banner.video {
  top: 4%;
}
.stage05 .banner.banner-one {
  left: 7.45%;
  top: 56.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/01.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage05 .banner.banner-one img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 80%;
  height: 58%;
  margin: 6.8% 0 0 11.1%;
  transform: skew(7deg, -1deg);
}
.stage05 .banner.banner-two {
  left: 22.45%;
  top: 55.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/02.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage05 .banner.banner-two img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 84%;
  height: 58%;
  margin: 6.8% 0 0 8%;
  transform: skew(3deg, -1deg);
}
.stage05 .banner.banner-three {
  left: 37.50%;
  top: 54.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/03.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage05 .banner.banner-three img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 87%;
  height: 60%;
  margin: 7% 0 0 6%;
  transform: unset;
}
.stage05 .banner.banner-four {
  left: 51.5%;
  top: 54.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/03.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage05 .banner.banner-four img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 87%;
  height: 60%;
  margin: 7% 0 0 6%;
  transform: unset;
}
.stage05 .banner.banner-five {
  left: 66.5%;
  top: 54.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/04.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage05 .banner.banner-five img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 81%;
  height: 60%;
  margin: 7% 0 0 8%;
  transform: skew(-4deg, 1deg);
}
.stage05 .banner.banner-six {
  left: 80.5%;
  top: 55.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/04.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage05 .banner.banner-six img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 81%;
  height: 60%;
  margin: 7% 0 0 8%;
  transform: skew(-4deg, 1deg);
}
.stage05 .banner.banner-seven {
  left: 94.5%;
  top: 58.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/04.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage05 .banner.banner-seven img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 81%;
  height: 60%;
  margin: 7% 0 0 8%;
  transform: skew(-4deg, 1deg);
}
.stage05 .banner.title-one {
  left: 2.5%;
  top: 46.2%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage05 .banner.title-two {
  left: 16.7%;
  top: 45.8%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage05 .banner.title-three {
  left: 32.7%;
  top: 45.6%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage05 .banner.title-four {
  left: 46.4%;
  top: 45.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage05 .banner.title-five {
  left: 61.4%;
  top: 45.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage05 .banner.title-six {
  left: 75.4%;
  top: 45.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage05 .banner.title-seven {
  left: 90.4%;
  top: 45.9%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8) rotate(1deg);
}
.stage05 .banner.title-two img,
.stage05 .banner.title-one img,
.stage05 .banner.title-three img,
.stage05 .banner.title-six img,
.stage05 .banner.title-five img,
.stage05 .banner.title-seven img,
.stage05 .banner.title-four img {
  object-fit: contain;
  object-position: center;
}
.stage05 .banner.banner-hall01 {
  left: 1.5%;
  top: 52.4%;
  width: 8.5%;
  height: 15.3%;
}
.stage05 .banner.banner-hall02 {
  left: 16.1%;
  top: 51.4%;
  width: 8.5%;
  height: 14.3%;
}
.stage05 .banner.banner-hall03 {
  left: 32%;
  top: 51.4%;
  width: 8.5%;
  height: 12.3%;
}
.stage05 .banner.banner-hall04 {
  left: 45.7%;
  top: 51.3%;
  width: 8.5%;
  height: 12.3%;
}
.stage05 .banner.banner-hall05 {
  left: 60.5%;
  top: 51.3%;
  width: 8.5%;
  height: 12.3%;
}
.stage05 .banner.banner-hall06 {
  left: 74.9%;
  top: 51.5%;
  width: 8.5%;
  height: 13.7%;
}
.stage05 .banner.banner-hall07 {
  left: 90%;
  top: 52.5%;
  width: 8.5%;
  height: 15%;
}

/**
* Stage06
*/
.stage06 .banner.video {
  top: 4%;
}
.stage06 .banner.banner-one {
  left: 10.45%;
  top: 54.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/01.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage06 .banner.banner-one img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 80%;
  height: 58%;
  margin: 6.8% 0 0 11.1%;
  transform: skew(7deg, -1deg);
}
.stage06 .banner.banner-two {
  left: 22.45%;
  top: 53.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/02.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage06 .banner.banner-two img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 84%;
  height: 58%;
  margin: 6.8% 0 0 8%;
  transform: skew(3deg, -1deg);
}
.stage06 .banner.banner-three {
  left: 34.5%;
  top: 52.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/03.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage06 .banner.banner-three img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 87%;
  height: 60%;
  margin: 7% 0 0 6%;
  transform: unset;
}
.stage06 .banner.banner-four {
  left: 45.2%;
  top: 52.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/03.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage06 .banner.banner-four img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 87%;
  height: 60%;
  margin: 7% 0 0 6%;
  transform: unset;
}
.stage06 .banner.banner-five {
  left: 57.3%;
  top: 52.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/03.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage06 .banner.banner-five img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 87%;
  height: 60%;
  margin: 7% 0 0 6%;
  transform: unset;
}
.stage06 .banner.banner-six {
  left: 69%;
  top: 53.5%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/04.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage06 .banner.banner-six img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 81%;
  height: 60%;
  margin: 7% 0 0 8%;
  transform: skew(-4deg, 1deg);
}
.stage06 .banner.banner-seven {
  left: 80.5%;
  top: 54.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/04.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage06 .banner.banner-seven img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 81%;
  height: 60%;
  margin: 7% 0 0 8%;
  transform: skew(-4deg, 1deg);
}
.stage06 .banner.banner-nine {
  left: 93.5%;
  top: 56.7%;
  z-index: 10;
  width: 5.3%;
  height: 12.8%;
  background: url('../images/door03/04.png');
  background-size: 100% 100%;
  transform: scale(.8);
}
.stage06 .banner.banner-nine img {
  z-index: 10;
  left: 0;
  top: 0;
  width: 81%;
  height: 60%;
  margin: 7% 0 0 8%;
  transform: skew(-4deg, 1deg);
}
.stage06 .banner.title-one {
  left: 4.2%;
  top: 43.7%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage06 .banner.title-two {
  left: 16.2%;
  top: 43.7%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage06 .banner.title-three {
  left: 28.2%;
  top: 43.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage06 .banner.title-four {
  left: 40.3%;
  top: 43.3%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage06 .banner.title-five {
  left: 52.3%;
  top: 43.3%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage06 .banner.title-six {
  left: 64.3%;
  top: 43.5%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8);
}
.stage06 .banner.title-seven {
  left: 76.3%;
  top: 43.6%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8) rotate(1deg);
}
.stage06 .banner.title-eight {
  left: 89.1%;
  top: 43.6%;
  width: 7%;
  height: 3.5%;
  background: transparent!important;
  box-shadow: unset!important;
  cursor: default;
  transform: scale(.8) rotate(1deg);
}
.stage06 .banner.title-two img,
.stage06 .banner.title-one img,
.stage06 .banner.title-three img,
.stage06 .banner.title-six img,
.stage06 .banner.title-five img,
.stage06 .banner.title-eight img,
.stage06 .banner.title-seven img,
.stage06 .banner.title-four img {
  object-fit: contain;
  object-position: center;
}
.stage06 .banner.banner-hall01 {
  left: 3.7%;
  top: 50.1%;
  width: 8.5%;
  height: 15.3%;
}
.stage06 .banner.banner-hall02 {
  left: 15.7%;
  top: 49%;
  width: 8.5%;
  height: 13.3%;
}
.stage06 .banner.banner-hall03 {
  left: 28%;
  top: 49%;
  width: 8.5%;
  height: 12.3%;
}
.stage06 .banner.banner-hall04 {
  left: 40%;
  top: 49%;
  width: 8.5%;
  height: 12.3%;
}
.stage06 .banner.banner-hall05 {
  left: 52%;
  top: 49%;
  width: 8.5%;
  height: 12.3%;
}
.stage06 .banner.banner-hall06 {
  left: 64%;
  top: 49%;
  width: 7.8%;
  height: 12.3%;
}
.stage06 .banner.banner-hall07 {
  left: 76.1%;
  top: 50%;
  width: 7.8%;
  height: 12.3%;
}
.stage06 .banner.banner-hall08 {
  left: 88.1%;
  top: 50%;
  width: 8%;
  height: 14.3%;
}


/* Halls */

.banner.hall.opened .inner .more,
.banner.hall.active .inner .more {
  background: url('../images/up-arrow.svg') transparent;
  background-size: 30px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  animation: upArrow .4s infinite alternate;
  -webkit-animation: upArrow .4s infinite alternate;
}
.banner.hall .inner .more {
  background: url('../images/up-arrow.svg') rgba(0,0,0,0.3);
  background-size: 30px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  animation: upArrow .4s infinite alternate;
  -webkit-animation: upArrow .4s infinite alternate;
}
.banner.hall.opened .inner,
.banner.hall.opened .inner .more {
  opacity: 1;
  visibility: visible;
}
.banner.hall.opened .inner {
  background: rgba(0,0,0,.2);
}
.stage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
@keyframes upArrow {
  0% {
    background-position: 50% 60%;
  }
  100% {
    background-position: 50% 40%;
  }
}
@-webkit-keyframes upArrow {
  0% {
    background-position: 50% 60%;
  }
  100% {
    background-position: 50% 40%;
  }
}

/* Navigation */
.backdrop {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: 20px;
  background: #000;
  z-index: 3;
  opacity: .7;
}
.navigation {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 270px;
  height: 100vh;
  padding: 20px;
  background: #fff;
  z-index: 4;
  transform: translateX(100%);
  transition: all .3s linear;
}
.navigation ul,
.navigation li {
  list-style-type: none;
}
.navigation a {
  display: block;
  padding: 15px 7px;
  color: #444;
  font-size: 18px;
  text-decoration: none;
}
.navigation li ul {
  display: none;
}
.navigation li:hover ul {
  display: block;
}
.navigation li ul li {
  font-size: 14px;
  padding-left: 15px;
}
.navigation li ul li a {
  font-size: 14px;
}
.navigation .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 25px;
  height: 25px;
  background-image: url('../images/close.svg');
  background-size: 25px;
  opacity: .5;
  cursor: pointer;
}
body.menu-active .navigation {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}


@media screen and (orientation:portrait) {
  .rotate {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #fff url('../images/rotate.gif');
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10;
  }
  .stage {
    opacity: 0;
    visibility: hidden;
  }
  .menu-toggle {
    display: none;
  }
}


@media screen and (orientation:portrait) and (max-width: 280px) {
  .rotate {
    display: none!important;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #fff url('../images/rotate.gif');
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .menu-toggle {
    display: block;
    z-index: 3;
  }
}
.modal {
  max-width: 40%;
  overflow: visible!important;
}
.blocker {
  z-index: 55;
}
.pdfobject-container { height: 40rem; border: unset; }