.js-animate {
  display: block;
  visibility: hidden;
  opacity: 0; }
  .js-animate.-delay-0 {
    animation-delay: 0s; }
  .js-animate.-delay-1 {
    animation-delay: 0.1s; }
  .js-animate.-delay-2 {
    animation-delay: 0.2s; }
  .js-animate.-delay-3 {
    animation-delay: 0.3s; }
  .js-animate.-delay-4 {
    animation-delay: 0.4s; }
  .js-animate.-delay-5 {
    animation-delay: 0.5s; }
  .js-animate.-delay-6 {
    animation-delay: 0.6s; }
  .js-animate.-delay-7 {
    animation-delay: 0.7s; }
  .js-animate.-delay-8 {
    animation-delay: 0.8s; }
  .js-animate.-delay-9 {
    animation-delay: 0.9s; }
  .js-animate.-delay-10 {
    animation-delay: 1s; }
  .js-animate.-delay-11 {
    animation-delay: 1.1s; }
  .js-animate.-delay-12 {
    animation-delay: 1.2s; }
  .js-animate.-delay-13 {
    animation-delay: 1.3s; }
  .js-animate.-delay-14 {
    animation-delay: 1.4s; }
  .js-animate.-delay-15 {
    animation-delay: 1.5s; }
  .js-animate.-delay-16 {
    animation-delay: 1.6s; }
  .js-animate.-delay-17 {
    animation-delay: 1.7s; }
  .js-animate.-delay-18 {
    animation-delay: 1.8s; }
  .js-animate.-delay-19 {
    animation-delay: 1.9s; }
  .js-animate.-delay-20 {
    animation-delay: 2s; }
  .js-animate.-duration-5 {
    animation-duration: 0.5s; }
  .js-animate.-duration-10 {
    animation-duration: 1s; }
  .js-animate.-duration-15 {
    animation-duration: 1.5s; }
  .js-animate.-duration-20 {
    animation-duration: 2s; }
  .js-animate.-duration-25 {
    animation-duration: 2.5s; }
  .js-animate.-duration-30 {
    animation-duration: 3s; }

.--animated {
  visibility: visible;
  animation-duration: 1s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(60px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
  .--animated.fadeInRight {
    animation-name: fadeInRight; }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(60px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
  .--animated.fadeInUp {
    animation-name: fadeInUp; }
  .--animated .animate-wrap {
    display: block; }
@keyframes showInRight1 {
  0% {
    opacity: 1;
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes showInRight2 {
  0% {
    opacity: 1;
    transform: translateX(100%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
  .--animated.showInRight {
    animation-name: showInRight1;
    overflow: hidden; }
    .--animated.showInRight .-wrap {
      animation-name: showInRight2; }
@keyframes scaleOut {
  0% {
    opacity: 0;
    transform: scale(0);
    transform-origin: center; }
  100% {
    opacity: 1;
    transform: scale(1);
    transform-origin: center; } }
  .--animated.scaleOut {
    animation-name: scaleOut; }
@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: scale(0);
    transform-origin: center bottom; }
  100% {
    opacity: 1;
    transform: scale(1);
    transform-origin: center bottom; } }
  .--animated.scaleUp {
    animation-name: scaleUp; }
@keyframes scaleLeftUp {
  0% {
    opacity: 0;
    transform: scale(0) rotate(15deg);
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    transform-origin: right bottom; } }
  .--animated.scaleLeftUp {
    animation-name: scaleLeftUp; }
@keyframes scaleRightUp {
  0% {
    opacity: 0;
    transform: scale(0) rotate(-15deg);
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    transform-origin: left bottom; } }
  .--animated.scaleRightUp {
    animation-name: scaleRightUp; }

/*# sourceMappingURL=animation.css.map */