/*Animations*/

[data-animate-in] {
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.8s ease;
}

[data-animate-in="up"] {
  transform: translate3d(0, 24px, 0);
}

[data-animate-in="left"] {
  transform: translate3d(-25%, 0, 0);
}

[data-animate-in="right"] {
  transform: translate3d(25%, 0, 0);
}

[data-animate-in="down"] {
  transform: translate3d(0, -24px, 0);
}

[data-animate-in="fadeIn"] {
  transform: translate3d(0, 0, 0);
}

[data-animate-in].in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: transform 1s ease, opacity 1s ease;
}

.fade-in {
  opacity: 0;
  transition: opacity 1s ease;
}

.page-loaded .fade-in,
.page-loaded.fade-in {
  opacity: 1;
}

.isSafari.isTouch [data-animate-in],
.isSafari.isTouch [data-animate-in="up"] {
  opacity: 1;
  transition: none;
  transform: none;
}