@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.anime {
  opacity: 0;
}

.animated.fadeindown {
  animation: fadeindown;
  animation-duration : 1.5s;
  animation-fill-mode :forwards;
}

.animated.fadein {
  animation: fadein;
  animation-duration : 1.5s;
  animation-fill-mode :forwards;
}

.animated.fadeinup {
  animation-name: fadeinup;
  animation-duration : 1.5s;
  animation-fill-mode :forwards;
}

.delay-1 {
  animation-delay: .1s !important;
}

.delay-2 {
  animation-delay: .2s !important;
}

.delay-3 {
  animation-delay: .3s !important;
}

.delay-4 {
  animation-delay: .4s !important;
}

.delay-5 {
  animation-delay: .5s !important;
}

.delay-6 {
  animation-delay: .6s !important;
}

.delay-10 {
  animation-delay: 1s !important;
}