.js-inview.animated {
  animation-fill-mode: both
}
.js-inview.is-slow {
  animation-duration: 1.8s
}
.js-inview.is-middle {
  animation-duration: 1.2s
}
.js-inview.is-fast {
  animation-duration: .8s
}
.js-inview.fade-in {
  opacity: 0
}
.js-inview.fade-in.animated {
  animation-name: fade-in
}
.js-inview.fade-in-up {
  opacity: 0
}
.js-inview.fade-in-up.animated {
  animation-name: fade-in-up
}
.js-inview.fade-in-zoom-up {
  opacity: 0
}
.js-inview.fade-in-zoom-up.animated {
  animation-name: fade-in-zoom-up
}
.js-inview.fade-in-slide-left {
  opacity: 0
}
.js-inview.fade-in-slide-left.animated {
  animation-name: fade-in-slide-left
}
.js-inview.fade-in-slide-right {
  opacity: 0
}
.js-inview.fade-in-slide-right.animated {
  animation-name: fade-in-slide-right
}
.js-inview.delay-1 {
  animation-delay: .1s !important
}
.js-inview.delay-2 {
  animation-delay: .2s !important
}
.js-inview.delay-3 {
  animation-delay: .3s !important
}
.js-inview.delay-4 {
  animation-delay: .4s !important
}
.js-inview.delay-5 {
  animation-delay: .5s !important
}
.js-inview.delay-6 {
  animation-delay: .6s !important
}
.js-inview.delay-7 {
  animation-delay: .7s !important
}
.js-inview.delay-8 {
  animation-delay: .8s !important
}
.js-inview.delay-9 {
  animation-delay: .9s !important
}
.js-inview.delay-10 {
  animation-delay: 1s !important
}
.js-inview.delay-12 {
  animation-delay: 1.2s !important
}
.js-inview.delay-14 {
  animation-delay: 1.4s !important
}
.js-inview.delay-16 {
  animation-delay: 1.6s !important
}
.js-inview.delay-18 {
  animation-delay: 1.8s !important
}
.js-inview.delay-20 {
  animation-delay: 2s !important
}
.js-inview.delay-22 {
  animation-delay: 2.2s !important
}
.js-inview.delay-24 {
  animation-delay: 2.4s !important
}
.js-inview.delay-26 {
  animation-delay: 2.6s !important
}
.js-inview.delay-28 {
  animation-delay: 2.8s !important
}
@media(max-width:48em) {
  .js-inview.delay-md-0 {
    animation-delay: 0s !important
  }
  .js-inview.delay-md-1 {
    animation-delay: .1s !important
  }
  .js-inview.delay-md-2 {
    animation-delay: .2s !important
  }
  .js-inview.delay-md-3 {
    animation-delay: .3s !important
  }
  .js-inview.delay-md-4 {
    animation-delay: .4s !important
  }
  .js-inview.delay-md-5 {
    animation-delay: .5s !important
  }
  .js-inview.delay-md-6 {
    animation-delay: .6s !important
  }
  .js-inview.delay-md-7 {
    animation-delay: .7s !important
  }
  .js-inview.delay-md-8 {
    animation-delay: .8s !important
  }
  .js-inview.delay-md-9 {
    animation-delay: .9s !important
  }
  .js-inview.delay-md-10 {
    animation-delay: 1s !important
  }
  .js-inview.delay-md-12 {
    animation-delay: 1.2s !important
  }
  .js-inview.delay-md-14 {
    animation-delay: 1.4s !important
  }
  .js-inview.delay-md-16 {
    animation-delay: 1.6s !important
  }
  .js-inview.delay-md-18 {
    animation-delay: 1.8s !important
  }
  .js-inview.delay-md-20 {
    animation-delay: 2s !important
  }
  .js-inview.delay-md-22 {
    animation-delay: 2.2s !important
  }
  .js-inview.delay-md-24 {
    animation-delay: 2.4s !important
  }
  .js-inview.delay-md-26 {
    animation-delay: 2.6s !important
  }
  .js-inview.delay-md-28 {
    animation-delay: 2.8s !important
  }
}
@keyframes fade-in {
  100% {
    opacity: 1
  }
}
@keyframes fade-in-up {
  0% {
    transform: translateY(50px)
  }
  100% {
    opacity: 1
  }
}
@keyframes fade-in-zoom-up {
  0% {
    transform: scale(.92, .92) translateY(50px)
  }
  100% {
    opacity: 1
  }
}
@keyframes fade-in-slide-left {
  0% {
    transform: translateX(40px)
  }
  100% {
    opacity: 1
  }
}
@keyframes fade-in-slide-right {
  0% {
    transform: translateX(-40px)
  }
  100% {
    opacity: 1
  }
}
@keyframes scroll-down {
  0% {
    transform: translate(0, 0);
    opacity: 0
  }
  40% {
    opacity: 1
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0
  }
  100% {
    opacity: 0
  }
}