.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
    opacity: 1;
  }
}

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

/* ANIMATION */
.opacity-0 {
  opacity: 0;
}
.animation-delay02 {
  animation-delay: 0.2s;
}
.animation-delay03 {
  animation-delay: 0.3s;
}
.animation-delay04 {
  animation-delay: 0.4s;
}
.animation-delay045 {
  animation-delay: 0.45s;
}
.animation-delay06 {
  animation-delay: 0.6s;
}
.animation-delay08 {
  animation-delay: 0.8s;
}
.animation-delay09 {
  animation-delay: 0.9s;
}
.animation-delay10 {
  animation-delay: 1s;
}
.animation-delay12 {
  animation-delay: 1.2s;
}
.animation-delay14 {
  animation-delay: 1.4s;
}
.animation-delay15 {
  animation-delay: 1.5s;
}
.animation-delay16 {
  animation-delay: 1.6s;
}
.animation-delay18 {
  animation-delay: 1.8s;
}
.animation-delay20 {
  animation-delay: 2s;
}
.container-overflow {
  overflow: hidden;
}