/* ----------------------------
  ANIMATION
---------------------------- */
.animate {
  opacity: 0;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.animate.slide-from-left {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}

.animate.slide-from-right {
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}

.animate.slide-from-bottom {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}

.animate.appear {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}