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

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}


@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn; 
}

@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;
}

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

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

.slideInUp {
  animation-name: slideInUp;
}

/* ANIMATION */
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 1;
}
.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;
}
.transition-delay02 {
  transition-delay: 0.2s;
}
.transition-delay04 {
  transition-delay: 0.4s;
}
.transition-delay06 {
  transition-delay: 0.6s;
}
.transition-delay08 {
  transition-delay: 0.8s;
}
.transition-delay12 {
  transition-delay: 1.2s;
}
.transition-delay16 {
  transition-delay: 1.6s;
}
.transition-delay20 {
  transition-delay: 2s;
}
.container-overflow {
  overflow: hidden;
}
.transform-scale0 {
  transform: scale(0);
}
.transform-scale1 {
  transform: scale(1);
}