/* Animations */
.animate {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.delay-1 {
  -webkit-animation-delay: 60ms;
  animation-delay: 60ms;
}
.delay-2 {
  -webkit-animation-delay: 120ms;
  animation-delay: 120ms;
}
.delay-3 {
  -webkit-animation-delay: 180ms;
  animation-delay: 180ms;
}
.delay-4 {
  -webkit-animation-delay: 240ms;
  animation-delay: 240ms;
}
.delay-5 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
.delay-6 {
  -webkit-animation-delay: 360ms;
  animation-delay: 360ms;
}
.delay-7 {
  -webkit-animation-delay: 420ms;
  animation-delay: 420ms;
}
.delay-8 {
  -webkit-animation-delay: 480ms;
  animation-delay: 480ms;
}
.delay-9 {
  -webkit-animation-delay: 540ms;
  animation-delay: 540ms;
}
.delay-10 {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.delay-11 {
  -webkit-animation-delay: 660ms;
  animation-delay: 660ms;
}
.delay-12 {
  -webkit-animation-delay: 720ms;
  animation-delay: 720ms;
}
.delay-13 {
  -webkit-animation-delay: 780ms;
  animation-delay: 780ms;
}
.delay-14 {
  -webkit-animation-delay: 840ms;
  animation-delay: 840ms;
}
.delay-15 {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
}
.delay-16 {
  -webkit-animation-delay: 960ms;
  animation-delay: 960ms;
}
.delay-17 {
  -webkit-animation-delay: 1020ms;
  animation-delay: 1020ms;
}



@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    webkit-transform: translateY(50px);
  }

  to {
    opacity: 1;
    webkit-transform: translateY(0px);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }

  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

/* keyframe pointer */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}