@keyframes titleFadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 7%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.titleFadeUp {
  animation-name: titleFadeUp;
  animation-timing-function: ease;
  animation-duration: .4s !important;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 7%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
  animation-timing-function: ease;
  animation-duration: .3s !important;
}



@keyframes flyFromRight {
  from {
    opacity: 0;
    transform: translate3d(7%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.flyFromRight {
  animation-name: flyFromRight;
  animation-timing-function: ease;
  animation-duration: .4s !important;
}
@keyframes flyFromLeft {
  from {
    opacity: 0;
    transform: translate3d(-7%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.flyFromLeft {
  animation-name: flyFromLeft;
  animation-timing-function: ease;
  animation-duration: .4s !important;
}


@keyframes advantageGridFadeOut {
  from {
    opacity: 0;
    transform: scale(.8) rotate(5deg);
  }

  to {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}
.advantageGridFadeOut {
  animation-name: advantageGridFadeOut;
  animation-timing-function: ease;
  animation-duration: .4s !important;
}




.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-01s {
  animation-delay: 0.1s;
}

.animated.delay-02s {
  animation-delay: 0.2s;
}

.animated.delay-03s {
  animation-delay: 0.3s;
}

.animated.delay-04s {
  animation-delay: 0.4s;
}

.animated.delay-05s {
  animation-delay: 0.5s;
}

.animated.delay-06s {
  animation-delay: 0.6s;
}

.animated.delay-07s {
  animation-delay: 0.7s;
}

.animated.delay-08s {
  animation-delay: 0.8s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    animation: unset !important;
    transition: none !important;
  }
}