.scroll-animate {
  -webkit-transition: .8s ease;
  transition: .8s ease;
  position: relative;
}

.scroll-animate.fade {
  opacity: 0;
}

.scroll-animate.fade.in-view {
  opacity: 1;
}

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

.scroll-animate.from-left.in-view {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

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

.scroll-animate.from-right.in-view {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

.scroll-animate.from-top {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}

.scroll-animate.from-top.in-view {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

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

.scroll-animate.from-bottom.in-view {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.scroll-animate.delay {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.scroll-animate.delay1 {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.scroll-animate.delay2 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.scroll-animate.delay3 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.scroll-animate.delay4 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
/*# sourceMappingURL=scrollimate.css.map */