/*---------------------------
animation
---------------------------*/
.fade, .fade-top, .fade-first, .fade-first2, .fade-first, .fade-left, .fade-right, .cssanimation {
  transition: all 0.8s 0s ease;
  opacity: 0;
}

.fade-first {
  transform: translateY(15px);
  transition-delay: 0s !important;
}

.fade-first2 {
  transition-delay: 0.25s !important;
}

.fade-first {
  transition-delay: 0.5s !important;
}

.fade-top {
  transform: translateY(15px);
}

.fade-bottom {
  transform: translateY(-15px);
}

.scale-in {
  transform: scale(0.2);
}

.scale-out {
  transform: scale(1.2);
}

.fade-left {
  transform: translateX(-15px);
  transition-delay: 0s !important;
}

.fade-right {
  transform: translateX(15px);
  transition-delay: 0s !important;
}

.img-wrap {
  animation: img-wrap 1.5s cubic-bezier(0.4, 0, 0.2, 1);
  animation-delay: 0.3s;
}

@keyframes img-wrap {
  0%, 100% {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
  }
}
.js-start {
  transition: all 0.8s 0s ease;
  transform: translateX(0) translateY(0);
  opacity: 1;
}/*# sourceMappingURL=animation.css.map */