/* --------------------
		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(40px);
}
.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);
}

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

.flip-in1 {
  opacity: 0;
  transform: rotate(5deg) rotateY(180deg);
  transform-origin: center center;
  transition: transform 1.8s ease, opacity 1s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.flip-in1.active {
  opacity: 1;
  transform: rotate(5deg) rotateY(0deg);
}

.flip-in2 {
  opacity: 0;
  transform: rotate(-3deg) rotateY(180deg);
  transform-origin: center center;
  transition: transform 1.8s ease, opacity 1s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.flip-in2.active {
  opacity: 1;
  transform: rotate(-3deg) rotateY(0deg);
}
/*# sourceMappingURL=style_animation.css.map */