.d-2 {
  animation-delay: 0.2s;
}
.d-4 {
  animation-delay: 0.4s;
}
.d-6 {
  animation-delay: 0.6s;
}
.d-8 {
  animation-delay: 0.8s;
}
.d-10 {
  animation-delay: 1s;
}
.d-12 {
  animation-delay: 1.2s;
}
.d-14 {
  animation-delay: 1.4s;
}
.d-16 {
  animation-delay: 1.6s;
}
.d-18 {
  animation-delay: 1.8s;
}
.d-20 {
  animation-delay: 2s;
}
.d-22 {
  animation-delay: 2.2s;
}
.d-24 {
  animation-delay: 2.4s;
}
.d-26 {
  animation-delay: 2.6s;
}
.d-28 {
  animation-delay: 2.8s;
}
.d-30 {
  animation-delay: 3s;
}
.d-32 {
  animation-delay: 3.2s;
}
.d-34 {
  animation-delay: 3.4s;
}
.d-36 {
  animation-delay: 3.6s;
}
.d-38 {
  animation-delay: 3.8s;
}
.d-40 {
  animation-delay: 4s;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
}
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInDown {
  opacity: 0;
  animation-name: fadeInDown;
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, -40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInLeft {
  opacity: 0;
  animation-name: fadeInLeft;
}
@keyframes fadeInLeft {
  from {
    transform: translate3d(-40px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.fadeInRight {
  opacity: 0;
  animation-name: fadeInRight;
}
@keyframes fadeInRight {
  from {
    transform: translate3d(40px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.zoomInUp {
  opacity: 0;
  animation-name: zoomInUp;
}
@keyframes zoomInUp {
  from {
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}