.animate-title {
  position: relative;
  overflow: hidden;
  opacity: 0;
}

.animate-title-2 {
  position: relative;
  overflow: hidden;
  opacity: 0;
}

.animate-title-3 {
  position: relative;
  overflow: hidden;
  opacity: 0;
}

.animate-title-4 {
  position: relative;
  overflow: hidden;
  opacity: 0;
}

.animate-title::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0;
}

.animate-title-2::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0;
}

.animate-title-3::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(66, 115, 190);
  opacity: 0;
}

.animate-title-4::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #eff2f5;
  opacity: 0;
}

.animate-title.inview {
  opacity: 0;
  animation-name: kf-text-show;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title.inview::after {
  opacity: 1;
  animation-name: kf-cover-slide;
  animation-duration: 0.7s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title-2.inview {
  opacity: 0;
  animation-name: kf-text-show;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: -1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title-2.inview::after {
  opacity: 1;
  animation-name: kf-cover-slide;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: -1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title-3.inview {
  opacity: 0;
  animation-name: kf-text-show;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title-3.inview::after {
  opacity: 1;
  animation-name: kf-cover-slide;
  animation-duration: 2.1s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title-4.inview::after {
  opacity: 1;
  animation-name: kf-cover-slide;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@media screen and (max-width: 600px) {
  .animate-title-4.inview::after {
    animation-duration: 2s;
  }
}
@keyframes kf-text-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  50.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf-cover-slide {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50.1% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
@keyframes mv__innerTtldiv2-2 {
  0%, 56.3636363636% {
    transform: translateY(100%);
  }
  100%, 74.5454545455% {
    transform: none;
  }
}
@keyframes mv__innerTtldiv2-3 {
  0%, 56.3636363636% {
    transform: translateY(110%);
  }
  66.5454545455% {
    transform: translateY(-15%) scaleX(1.2);
  }
  100% {
    transform: none;
  }
}
@keyframes mv__innerTtldiv2-4 {
  0%, 56.3636363636% {
    transform: translateY(-110%);
  }
  100%, 74.5454545455% {
    transform: none;
  }
}
.cover-slide {
  position: relative;
  overflow: hidden;
  z-index: 1000;
}

@keyframes curtainOpen {
  0% {
    width: 50vw;
  }
  100% {
    width: 0vw;
    visibility: hidden;
  }
}
@keyframes v-curtainOpen {
  0% {
    height: 50vh;
  }
  100% {
    height: 0vh;
    visibility: hidden;
  }
}
.cover-slide.inview .img-zoom {
  opacity: 1;
  transition: transform 0.3s ease;
  animation-name: kf-img-show;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  transform: scale(1);
}

@keyframes kf-img-show {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate-title {
  position: relative;
  overflow: hidden;
  opacity: 0;
}

.animate-title-2 {
  position: relative;
  overflow: hidden;
  opacity: 0;
}

.animate-title-3 {
  position: relative;
  overflow: hidden;
  opacity: 0;
}

.animate-title.inview {
  opacity: 0;
  animation-name: kf-text-show;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title.inview::after {
  opacity: 1;
  animation-name: kf-cover-slide;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title-2.inview {
  opacity: 0;
  animation-name: kf-text-show;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: -1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title-2.inview::after {
  opacity: 1;
  animation-name: kf-cover-slide;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: -1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title-3.inview {
  opacity: 0;
  animation-name: kf-text-show;
  animation-duration: 2.1s;
  animation-timing-function: ease-in-out;
  animation-delay: -1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.animate-title-3.inview::after {
  opacity: 1;
  animation-name: kf-cover-slide;
  animation-duration: 2.1s;
  animation-timing-function: ease-in-out;
  animation-delay: -1s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes kf-text-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  50.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kf-cover-slide {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50.1% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
.fade {
  position: relative;
  text-decoration: none;
  width: 100%;
  opacity: 0;
}

.fade::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}

.fade-2 {
  position: relative;
  text-decoration: none;
  width: 100%;
  opacity: 0;
}

.fade-2::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #1D202D;
  position: absolute;
  top: 0;
  right: 0;
}

.fade-in {
  opacity: 1;
}

.fade-in::after {
  content: "";
  width: 0 !important;
  transition: 1.4s;
}/*# sourceMappingURL=animation.css.map */