body {
  overflow: hidden;
}

body.loaded {
  overflow: visible;
}

.intro {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
}

.intro.hide {
  -webkit-transition: opacity 2s ease .3s, z-index 0s linear 2.3s;
  transition: opacity 2s ease .3s, z-index 0s linear 2.3s;
  opacity: 0;
  z-index: -1;
}

.intro__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 62.5%;
}

.intro__logo .cls-1 {
  fill: #000;
}

.mask {
  fill: none;
  stroke: #fff;
  stroke-width: 2.5vw;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 2000;
}

.dot {
  opacity: 0;
}

.intro__logo.show .mask {
  stroke-dashoffset: 2000;
}

.intro__logo .p_s {
  -webkit-transition: all .4s ease-in 0s;
  transition: all .4s ease-in 0s;
  stroke-dashoffset: 1645;
}

.intro__logo .p_t {
  -webkit-transition: all .25s ease-in .55s;
  transition: all .25s ease-in .55s;
  stroke-dashoffset: 1888;
}

.intro__logo .p_ana {
  -webkit-transition: all 1s linear .85s;
  transition: all 1s linear .85s;
  stroke-dashoffset: 1710;
}

.intro__logo .p_k_1 {
  -webkit-transition: all .3s linear 1.9s;
  transition: all .3s linear 1.9s;
  stroke-dashoffset: 1860;
}

.intro__logo .p_k_2 {
  -webkit-transition: all .1s linear 2.25s;
  transition: all .1s linear 2.25s;
  stroke-dashoffset: 1980;
}

.intro__logo .p_a {
  -webkit-transition: all .4s linear 2.4s;
  transition: all .4s linear 2.4s;
  stroke-dashoffset: 1908;
}

.intro__logo.show .dot {
  -webkit-transition: opacity 0s linear 3s;
  transition: opacity 0s linear 3s;
  opacity: 1;
}

@-webkit-keyframes stroke {
  0% {
    stroke-dashoffset: 1500;
  }
  100% {
    stroke-dashoffset: 2000;
  }
}

@keyframes stroke {
  0% {
    stroke-dashoffset: 1500;
  }
  100% {
    stroke-dashoffset: 2000;
  }
}

.homeBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.homeBg .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 177.5% 0 0;
  background-image: url(../img/openingimg.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.stickyContents {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1.6s ease .2s;
  transition: all 1.6s ease .2s;
  opacity: 1;
}

.stickyContents.hide {
  -webkit-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  opacity: 0;
}

.stickyContents.static {
  -webkit-transition: none;
  transition: none;
  position: static;
  z-index: auto;
}

.stickyContents.relative {
  position: relative;
}

.mv {
  position: relative;
  background: #000;
  width: 100%;
  height: 100%;
  padding: 177.5% 0 0;
  -webkit-transition: all 1.6s ease;
  transition: all 1.6s ease;
  opacity: 1;
}

.mv.hide {
  -webkit-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  opacity: 0;
}

.mv canvas {
  position: absolute;
}

.dots {
  position: absolute;
  left: 4.6875%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  line-height: 0;
}

.dots li {
  width: 30px;
  height: 2px;
  margin: 9px 0;
}

.dots li button {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .3);
  text-indent: -9999px;
}

.dots li.dots-active button {
  background: rgba(255, 255, 255, 1);
}

.homeLogo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 1;
  -webkit-transition: all 1.8s ease 2s;
  transition: all 1.8s ease 2s;
}

.homeLogo.hide {
  opacity: 0;
}

.homeLogo__inner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 39.84375%;
}

.footer {
  padding-bottom: 0!important;
}

.footer__reserveBtn{
	position: fixed;
	bottom: 0;
	width: 100%;
}


  .footer__bottom {
    padding: 0!important;
  }



.fade{
    animation: fadeIn 8s ease 3750ms 1 normal;
    -webkit-animation: fadeIn 8s ease 3750ms 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@media screen and (min-width: 480px) {
  .intro__logo {
    width: 365px;
  }
  .mask {
    stroke-width: 10px;
  }
  .homeBg {
    min-width: 1100px;
  }
  .homeBg .inner {
    padding: 74.21875% 0 0;
  }
  .mv {
    min-width: 1100px;
    padding: 74.21875% 0 0;
  }
  .dots {
    left: 50px;
  }
  .dots li {
    height: 1px;
    margin: 14px 0;
  }
  .homeLogo {
    min-width: 1100px;
  }
  .homeLogo__inner {
    width: 212px;
  }
}

/*# sourceMappingURL=home.css.map */