/*!

* animate.css -http://daneden.me/animate
* Version - 3.7.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden
*/

.animated {

animation-duration: 1s;
animation-fill-mode: both;
&.infinite {
  animation-iteration-count: infinite;
}
&.delay-1s {
  animation-delay: 1s;
}
&.delay-2s {
  animation-delay: 2s;
}
&.delay-3s {
  animation-delay: 3s;
}
&.delay-4s {
  animation-delay: 4s;
}
&.delay-5s {
  animation-delay: 5s;
}
&.fast {
  animation-duration: 800ms;
}
&.faster {
  animation-duration: 500ms;
}
&.slow {
  animation-duration: 2s;
}
&.slower {
  animation-duration: 3s;
}

}

@media (prefers-reduced-motion) {

.animated {
  animation: unset !important;
  transition: none !important;
}

}

@keyframes fadeIn {

from {
  opacity: 0;
}

to {
  opacity: 1;
}

}

.fadeIn {

animation-name: fadeIn;

}

@keyframes fadeInDown {

from {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
}

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

}

.fadeInDown {

animation-name: fadeInDown;

}

@keyframes fadeInLeft {

from {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

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

}

.fadeInLeft {

animation-name: fadeInLeft;

}

@keyframes fadeInRight {

from {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

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

}

.fadeInRight {

animation-name: fadeInRight;

}

@keyframes fadeInUp {

from {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

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

}

.fadeInUp {

animation-name: fadeInUp;

}

@keyframes fadeOut {

from {
  opacity: 1;
}

to {
  opacity: 0;
}

}

.fadeOut {

animation-name: fadeOut;

}

@keyframes fadeOutDown {

from {
  opacity: 1;
}

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

}

.fadeOutDown {

animation-name: fadeOutDown;

}

@keyframes fadeOutLeft {

from {
  opacity: 1;
}

to {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

}

.fadeOutLeft {

animation-name: fadeOutLeft;

}

@keyframes fadeOutRight {

from {
  opacity: 1;
}

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

}

.fadeOutRight {

animation-name: fadeOutRight;

}

@keyframes fadeOutUp {

from {
  opacity: 1;
}

to {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
}

}

.fadeOutUp {

animation-name: fadeOutUp;

}