/* --------------------
		animation
-------------------- */
.--delay {
  transition-delay: 0.7s !important;
}

.fadein {
  opacity: 0;
  transition: all 1.8s ease 0.3s;
}
.fadein.active {
  opacity: 1;
}

.fadein-up {
  opacity: 0;
  transition: all 1s ease 0.3s;
  transform: translateY(30px);
}
.fadein-up.active {
  opacity: 1;
  transform: translateY(0);
}

.fadein-up1 {
  opacity: 0;
  transition: all 1s ease 0.3s;
  transform: rotate(5deg) translateY(60px);
}
.fadein-up1.active {
  opacity: 1;
  transform: rotate(5deg) translateY(0);
}

.fadein-up2 {
  opacity: 0;
  transition: all 1s ease 0.3s;
  transform: rotate(-3deg) translateY(60px);
}
.fadein-up2.active {
  opacity: 1;
  transform: rotate(-3deg) translateY(0);
}

.fadein-left {
  opacity: 0;
  transition: all 1s ease 0.3s;
  transform: translateX(40px);
}
.fadein-left.active {
  opacity: 1;
  transform: translateX(0);
}

.fadein-right {
  opacity: 0;
  transition: all 1s ease 0.3s;
  transform: translateX(-40px);
}
.fadein-right.active {
  opacity: 1;
  transform: translateX(0);
}

.scale {
  overflow: hidden;
}
.scale img {
  opacity: 0;
  transform: scale(1.07);
  transition: all 1.8s ease;
}
.scale.active {
  overflow: hidden;
}
.scale.active img {
  opacity: 1;
  transform: scale(1);
}

.clip-path {
  overflow: hidden;
}
.clip-path img {
  display: block;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  transition: -webkit-clip-path 1s ease 1s;
  transition: clip-path 1s ease 1s;
  transition: clip-path 1s ease 1s, -webkit-clip-path 1s ease 1s;
  opacity: 0;
}
.clip-path.active img {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  opacity: 1;
}
/*# sourceMappingURL=style_animation.css.map */