/* animations */
.animation-box{
  opacity: 0 !important;
  transform: translate3d(0, 40px, 0);
  transition: transform 1s, opacity 2s;
  transition-delay: var(--delay);
}

.animation-box.slideFromLeft{
  transform: translate3d(-40px, 0, 0);
}

.animation-box.slideFromRight{
  transform: translate3d(40px, 0, 0);
}
.animation-box.slideFromBottom{
  transform: translate3d(0px, 40px, 0);
}
.animation-box.scale{
  transform: scale(.5);
}

.animation-box.animated{
  opacity: 1 !important;
  transform: translate3d(0, 0, 0);
}

.animation-box.scale.animated{
  transform: scale(1);
}