@charset "utf-8";

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

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }

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

.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }

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

.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}

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

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

.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}


@keyframes mouse-wheel-bounce {
  0% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }

  6% {
    opacity: 1;
    transform: scale(0.5) translateY(5px);
  }

  14% {
    opacity: 0;
    transform: scale(0.2) translateY(40px);
  }

  15%,
  19% {
    opacity: 0;
    transform: scale(0.2) translateY(-2px);
  }

  28%,
  29.99% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }

  30% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }

  36% {
    opacity: 1;
    transform: scale(0.5) translateY(5px);
  }

  44% {
    opacity: 0;
    transform: scale(0.2) translateY(40px);
  }

  45%,
  49% {
    opacity: 0;
    transform: scale(0.2) translateY(-2px);
  }

  58%,
  59.99% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }

  60% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }

  66% {
    opacity: 1;
    transform: scale(0.5) translateY(5px);
  }

  74% {
    opacity: 0;
    transform: scale(0.2) translateY(40px);
  }

  75%,
  79% {
    opacity: 0;
    transform: scale(0.2) translateY(-2px);
  }

  88%,
  100% {
    opacity: 1;
    transform: scale(1) translateY(-2px);
  }
}