:root {--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: var(--animate-duration);animation-duration: var(--animate-duration);-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.animated.repeat-1 {-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-iteration-count: var(--animate-repeat);animation-iteration-count: var(--animate-repeat);}
.animated.repeat-2 {-webkit-animation-iteration-count: calc(1 * 2);animation-iteration-count: calc(1 * 2);-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);animation-iteration-count: calc(var(--animate-repeat) * 2);}
.animated.repeat-3 {-webkit-animation-iteration-count: calc(1 * 3);animation-iteration-count: calc(1 * 3);-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);animation-iteration-count: calc(var(--animate-repeat) * 3);}
.animated.delay-1s {-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-delay: var(--animate-delay);animation-delay: var(--animate-delay);}
.animated.delay-2s {-webkit-animation-delay: calc(1s * 2);animation-delay: calc(1s * 2);-webkit-animation-delay: calc(var(--animate-delay) * 2);animation-delay: calc(var(--animate-delay) * 2);}
.animated.delay-3s {-webkit-animation-delay: calc(1s * 3);animation-delay: calc(1s * 3);-webkit-animation-delay: calc(var(--animate-delay) * 3);animation-delay: calc(var(--animate-delay) * 3);}
.animated.delay-4s {-webkit-animation-delay: calc(1s * 4);animation-delay: calc(1s * 4);-webkit-animation-delay: calc(var(--animate-delay) * 4);animation-delay: calc(var(--animate-delay) * 4);}
.animated.delay-5s {-webkit-animation-delay: calc(1s * 5);animation-delay: calc(1s * 5);-webkit-animation-delay: calc(var(--animate-delay) * 5);animation-delay: calc(var(--animate-delay) * 5);}
.animated.faster {-webkit-animation-duration: calc(1s / 2);animation-duration: calc(1s / 2);-webkit-animation-duration: calc(var(--animate-duration) / 2);animation-duration: calc(var(--animate-duration) / 2);}
.animated.fast {-webkit-animation-duration: calc(1s * 0.8);animation-duration: calc(1s * 0.8);-webkit-animation-duration: calc(var(--animate-duration) * 0.8);animation-duration: calc(var(--animate-duration) * 0.8);}
.animated.slow {-webkit-animation-duration: calc(1s * 2);animation-duration: calc(1s * 2);-webkit-animation-duration: calc(var(--animate-duration) * 2);animation-duration: calc(var(--animate-duration) * 2);}
.animated.slower {-webkit-animation-duration: calc(1s * 3);animation-duration: calc(1s * 3);-webkit-animation-duration: calc(var(--animate-duration) * 3);animation-duration: calc(var(--animate-duration) * 3);}
@media print, (prefers-reduced-motion: reduce) {.animated {-webkit-animation-duration: 1ms !important;animation-duration: 1ms !important;-webkit-transition-duration: 1ms !important;transition-duration: 1ms !important;-webkit-animation-iteration-count: 1 !important;animation-iteration-count: 1 !important;}

  .animated[class*='Out'] {opacity: 0;}
}
/* Attention seekers  */
@-webkit-keyframes bounce {from,
  20%,
  53%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  40%,
  43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);transform: translate3d(0, -30px, 0) scaleY(1.1);}

  70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);transform: translate3d(0, -15px, 0) scaleY(1.05);}

  80% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);transform: translate3d(0, 0, 0) scaleY(0.95);}

  90% {-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);transform: translate3d(0, -4px, 0) scaleY(1.02);}
}
@keyframes bounce {from,
  20%,
  53%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  40%,
  43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);transform: translate3d(0, -30px, 0) scaleY(1.1);}

  70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);transform: translate3d(0, -15px, 0) scaleY(1.05);}

  80% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);transform: translate3d(0, 0, 0) scaleY(0.95);}

  90% {-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);transform: translate3d(0, -4px, 0) scaleY(1.02);}
}
.bounce {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
@-webkit-keyframes flash {from,
  50%,
  to {opacity: 1;}

  25%,
  75% {opacity: 0;}
}
@keyframes flash {from,
  50%,
  to {opacity: 1;}

  25%,
  75% {opacity: 0;}
}
.flash {-webkit-animation-name: flash;animation-name: flash;}
 
@-webkit-keyframes pulse {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

  50% {-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}

  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes pulse {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

  50% {-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}

  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
.pulse {-webkit-animation-name: pulse;animation-name: pulse;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
@-webkit-keyframes rubberBand {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

  30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}

  40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}

  50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}

  65% {-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1);}


  75% {-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1);}

  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes rubberBand {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

  30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}

  40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}

  50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}

  65% {-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1);}

  75% {-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1);}

  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
.rubberBand {-webkit-animation-name: rubberBand;animation-name: rubberBand;}
@-webkit-keyframes shakeX {from,
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  10%,
  30%,
  50%,
  70%,
  90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}

  20%,
  40%,
  60%,
  80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
}
@keyframes shakeX {from,
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  10%,
  30%,
  50%,
  70%,
  90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}

  20%,
  40%,
  60%,
  80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
}
.shakeX {-webkit-animation-name: shakeX;animation-name: shakeX;}
@-webkit-keyframes shakeY {from,
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  10%,
  30%,
  50%,
  70%,
  90% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}

  20%,
  40%,
  60%,
  80% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
}
@keyframes shakeY {from,
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  10%,
  30%,
  50%,
  70%,
  90% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}

  20%,
  40%,
  60%,
  80% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
}
.shakeY {-webkit-animation-name: shakeY;animation-name: shakeY;}
@-webkit-keyframes headShake {0% {-webkit-transform: translateX(0);transform: translateX(0);}

  6.5% {-webkit-transform: translateX(-6px) rotateY(-9deg);transform: translateX(-6px) rotateY(-9deg);}

  18.5% {-webkit-transform: translateX(5px) rotateY(7deg);transform: translateX(5px) rotateY(7deg);}

  31.5% {-webkit-transform: translateX(-3px) rotateY(-5deg);transform: translateX(-3px) rotateY(-5deg);}

  43.5% {-webkit-transform: translateX(2px) rotateY(3deg);transform: translateX(2px) rotateY(3deg);}

  50% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes headShake {0% {-webkit-transform: translateX(0);transform: translateX(0);}

  6.5% {-webkit-transform: translateX(-6px) rotateY(-9deg);transform: translateX(-6px) rotateY(-9deg);}

  18.5% {-webkit-transform: translateX(5px) rotateY(7deg);transform: translateX(5px) rotateY(7deg);}

  31.5% {-webkit-transform: translateX(-3px) rotateY(-5deg);transform: translateX(-3px) rotateY(-5deg);}

  43.5% {-webkit-transform: translateX(2px) rotateY(3deg);transform: translateX(2px) rotateY(3deg);}

  50% {-webkit-transform: translateX(0);transform: translateX(0);}
}
.headShake {-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-name: headShake;animation-name: headShake;}
@-webkit-keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}

  40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}

  60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}

  80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}

  to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}
}
@keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}

  40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}

  60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}

  80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}

  to {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}
}
.swing {-webkit-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;}
@-webkit-keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

  10%,
  20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}

  30%,
  50%,
  70%,
  90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}

  40%,
  60%,
  80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}

  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

  10%,
  20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}

  30%,
  50%,
  70%,
  90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}

  40%,
  60%,
  80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}

  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
.tada {-webkit-animation-name: tada;animation-name: tada;}
 
@-webkit-keyframes wobble {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}

  30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}

  45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}

  60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}

  75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes wobble {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}

  30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}

  45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}

  60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}

  75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.wobble {-webkit-animation-name: wobble;animation-name: wobble;}
@-webkit-keyframes jello {from,
  11.1%,
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg);}

  33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg);}

  44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}

  55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}

  66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}

  77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}

  88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
@keyframes jello {from,
  11.1%,
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg);}

  33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg);}

  44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}

  55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}

  66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}

  77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}

  88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
.jello {-webkit-animation-name: jello;animation-name: jello;-webkit-transform-origin: center;transform-origin: center;}
@-webkit-keyframes heartBeat {0% {-webkit-transform: scale(1);transform: scale(1);}

  14% {-webkit-transform: scale(1.3);transform: scale(1.3);}

  28% {-webkit-transform: scale(1);transform: scale(1);}

  42% {-webkit-transform: scale(1.3);transform: scale(1.3);}

  70% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes heartBeat {0% {-webkit-transform: scale(1);transform: scale(1);}

  14% {-webkit-transform: scale(1.3);transform: scale(1.3);}

  28% {-webkit-transform: scale(1);transform: scale(1);}

  42% {-webkit-transform: scale(1.3);transform: scale(1.3);}

  70% {-webkit-transform: scale(1);transform: scale(1);}
}
.heartBeat {-webkit-animation-name: heartBeat;animation-name: heartBeat;-webkit-animation-duration: calc(1s * 1.3);animation-duration: calc(1s * 1.3);-webkit-animation-duration: calc(var(--animate-duration) * 1.3);animation-duration: calc(var(--animate-duration) * 1.3);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
/* Back entrances */
@-webkit-keyframes backInDown {0% {-webkit-transform: translateY(-1200px) scale(0.7);transform: translateY(-1200px) scale(0.7);opacity: 0.7;}

  80% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
@keyframes backInDown {0% {-webkit-transform: translateY(-1200px) scale(0.7);transform: translateY(-1200px) scale(0.7);opacity: 0.7;}

  80% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
.backInDown {-webkit-animation-name: backInDown;animation-name: backInDown;}
@-webkit-keyframes backInLeft {0% {-webkit-transform: translateX(-2000px) scale(0.7);transform: translateX(-2000px) scale(0.7);opacity: 0.7;}

  80% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
@keyframes backInLeft {0% {-webkit-transform: translateX(-2000px) scale(0.7);transform: translateX(-2000px) scale(0.7);opacity: 0.7;}

  80% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
.backInLeft {-webkit-animation-name: backInLeft;animation-name: backInLeft;}
@-webkit-keyframes backInRight {0% {-webkit-transform: translateX(2000px) scale(0.7);transform: translateX(2000px) scale(0.7);opacity: 0.7;}

  80% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
@keyframes backInRight {0% {-webkit-transform: translateX(2000px) scale(0.7);transform: translateX(2000px) scale(0.7);opacity: 0.7;}

  80% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
.backInRight {-webkit-animation-name: backInRight;animation-name: backInRight;}
@-webkit-keyframes backInUp {0% {-webkit-transform: translateY(1200px) scale(0.7);transform: translateY(1200px) scale(0.7);opacity: 0.7;}

  80% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
@keyframes backInUp {0% {-webkit-transform: translateY(1200px) scale(0.7);transform: translateY(1200px) scale(0.7);opacity: 0.7;}

  80% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
.backInUp {-webkit-animation-name: backInUp;animation-name: backInUp;}
/* Back exits */
@-webkit-keyframes backOutDown {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}

  20% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: translateY(700px) scale(0.7);transform: translateY(700px) scale(0.7);opacity: 0.7;}
}
@keyframes backOutDown {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}

  20% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: translateY(700px) scale(0.7);transform: translateY(700px) scale(0.7);opacity: 0.7;}
}
.backOutDown {-webkit-animation-name: backOutDown;animation-name: backOutDown;}
@-webkit-keyframes backOutLeft {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}

  20% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: translateX(-2000px) scale(0.7);transform: translateX(-2000px) scale(0.7);opacity: 0.7;}
}
@keyframes backOutLeft {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}

  20% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: translateX(-2000px) scale(0.7);transform: translateX(-2000px) scale(0.7);opacity: 0.7;}
}
.backOutLeft {-webkit-animation-name: backOutLeft;animation-name: backOutLeft;}
@-webkit-keyframes backOutRight {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}

  20% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: translateX(2000px) scale(0.7);transform: translateX(2000px) scale(0.7);opacity: 0.7;}
}
@keyframes backOutRight {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}

  20% {-webkit-transform: translateX(0px) scale(0.7);transform: translateX(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: translateX(2000px) scale(0.7);transform: translateX(2000px) scale(0.7);opacity: 0.7;}
}
.backOutRight {-webkit-animation-name: backOutRight;animation-name: backOutRight;}
@-webkit-keyframes backOutUp {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}

  20% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: translateY(-700px) scale(0.7);transform: translateY(-700px) scale(0.7);opacity: 0.7;}
}
@keyframes backOutUp {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}

  20% {-webkit-transform: translateY(0px) scale(0.7);transform: translateY(0px) scale(0.7);opacity: 0.7;}

  100% {-webkit-transform: translateY(-700px) scale(0.7);transform: translateY(-700px) scale(0.7);opacity: 0.7;}
}
.backOutUp {-webkit-animation-name: backOutUp;animation-name: backOutUp;}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {from,
  20%,
  40%,
  60%,
  80%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

  0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

  20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}

  40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9);}

  60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}

  80% {-webkit-transform: scale3d(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97);}

  to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes bounceIn {from,
  20%,
  40%,
  60%,
  80%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

  0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

  20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}

  40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9);}

  60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}

  80% {-webkit-transform: scale3d(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97);}

  to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
.bounceIn {-webkit-animation-duration: calc(1s * 0.75);animation-duration: calc(1s * 0.75);-webkit-animation-duration: calc(var(--animate-duration) * 0.75);animation-duration: calc(var(--animate-duration) * 0.75);-webkit-animation-name: bounceIn;animation-name: bounceIn;}
@-webkit-keyframes bounceInDown {from,
  60%,
  75%,
  90%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

  0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);transform: translate3d(0, -3000px, 0) scaleY(3);}

  60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);transform: translate3d(0, 25px, 0) scaleY(0.9);}

  75% {-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);transform: translate3d(0, -10px, 0) scaleY(0.95);}

  90% {-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);transform: translate3d(0, 5px, 0) scaleY(0.985);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes bounceInDown {from,
  60%,
  75%,
  90%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

  0% {opacity: 0;-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);transform: translate3d(0, -3000px, 0) scaleY(3);}

  60% {opacity: 1;-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);transform: translate3d(0, 25px, 0) scaleY(0.9);}

  75% {-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);transform: translate3d(0, -10px, 0) scaleY(0.95);}

  90% {-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);transform: translate3d(0, 5px, 0) scaleY(0.985);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}
@-webkit-keyframes bounceInLeft {from,
  60%,
  75%,
  90%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

  0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);transform: translate3d(-3000px, 0, 0) scaleX(3);}

  60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0) scaleX(1);transform: translate3d(25px, 0, 0) scaleX(1);}

  75% {-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);transform: translate3d(-10px, 0, 0) scaleX(0.98);}

  90% {-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);transform: translate3d(5px, 0, 0) scaleX(0.995);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes bounceInLeft {from,
  60%,
  75%,
  90%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

  0% {opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);transform: translate3d(-3000px, 0, 0) scaleX(3);}

  60% {opacity: 1;-webkit-transform: translate3d(25px, 0, 0) scaleX(1);transform: translate3d(25px, 0, 0) scaleX(1);}

  75% {-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);transform: translate3d(-10px, 0, 0) scaleX(0.98);}

  90% {-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);transform: translate3d(5px, 0, 0) scaleX(0.995);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}
@-webkit-keyframes bounceInRight {from,
  60%,
  75%,
  90%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

  from {opacity: 0;-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);transform: translate3d(3000px, 0, 0) scaleX(3);}

  60% {opacity: 1;-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);transform: translate3d(-25px, 0, 0) scaleX(1);}

  75% {-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);transform: translate3d(10px, 0, 0) scaleX(0.98);}

  90% {-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);transform: translate3d(-5px, 0, 0) scaleX(0.995);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes bounceInRight {from,
  60%,
  75%,
  90%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

  from {opacity: 0;-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);transform: translate3d(3000px, 0, 0) scaleX(3);}

  60% {opacity: 1;-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);transform: translate3d(-25px, 0, 0) scaleX(1);}

  75% {-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);transform: translate3d(10px, 0, 0) scaleX(0.98);}

  90% {-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);transform: translate3d(-5px, 0, 0) scaleX(0.995);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.bounceInRight {-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}
@-webkit-keyframes bounceInUp {from,
  60%,
  75%,
  90%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

  from {opacity: 0;-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);transform: translate3d(0, 3000px, 0) scaleY(5);}

  60% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);transform: translate3d(0, -20px, 0) scaleY(0.9);}

  75% {-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);transform: translate3d(0, 10px, 0) scaleY(0.95);}

  90% {-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);transform: translate3d(0, -5px, 0) scaleY(0.985);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes bounceInUp {from,
  60%,
  75%,
  90%,
  to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

  from {opacity: 0;-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);transform: translate3d(0, 3000px, 0) scaleY(5);}

  60% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);transform: translate3d(0, -20px, 0) scaleY(0.9);}

  75% {-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);transform: translate3d(0, 10px, 0) scaleY(0.95);}

  90% {-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);transform: translate3d(0, -5px, 0) scaleY(0.985);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {20% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9);}

  50%,
  55% {opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}

  to {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
}
@keyframes bounceOut {20% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9);}

  50%,
  55% {opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}

  to {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
}
.bounceOut {-webkit-animation-duration: calc(1s * 0.75);animation-duration: calc(1s * 0.75);-webkit-animation-duration: calc(var(--animate-duration) * 0.75);animation-duration: calc(var(--animate-duration) * 0.75);-webkit-animation-name: bounceOut;animation-name: bounceOut;}
@-webkit-keyframes bounceOutDown {20% {-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);transform: translate3d(0, 10px, 0) scaleY(0.985);}

  40%,
  45% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);transform: translate3d(0, -20px, 0) scaleY(0.9);}

  to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);transform: translate3d(0, 2000px, 0) scaleY(3);}
}
@keyframes bounceOutDown {20% {-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);transform: translate3d(0, 10px, 0) scaleY(0.985);}

  40%,
  45% {opacity: 1;-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);transform: translate3d(0, -20px, 0) scaleY(0.9);}

  to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);transform: translate3d(0, 2000px, 0) scaleY(3);}
}
.bounceOutDown {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;}
@-webkit-keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);transform: translate3d(20px, 0, 0) scaleX(0.9);}

  to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);transform: translate3d(-2000px, 0, 0) scaleX(2);}
}
@keyframes bounceOutLeft {20% {opacity: 1;-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);transform: translate3d(20px, 0, 0) scaleX(0.9);}

  to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);transform: translate3d(-2000px, 0, 0) scaleX(2);}
}
.bounceOutLeft {-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;}
@-webkit-keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);transform: translate3d(-20px, 0, 0) scaleX(0.9);}

  to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);transform: translate3d(2000px, 0, 0) scaleX(2);}
}
@keyframes bounceOutRight {20% {opacity: 1;-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);transform: translate3d(-20px, 0, 0) scaleX(0.9);}

  to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);transform: translate3d(2000px, 0, 0) scaleX(2);}
}
.bounceOutRight {-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;}
@-webkit-keyframes bounceOutUp {20% {-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);transform: translate3d(0, -10px, 0) scaleY(0.985);}

  40%,
  45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);transform: translate3d(0, 20px, 0) scaleY(0.9);}

  to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);transform: translate3d(0, -2000px, 0) scaleY(3);}
}
@keyframes bounceOutUp {20% {-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);transform: translate3d(0, -10px, 0) scaleY(0.985);}

  40%,
  45% {opacity: 1;-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);transform: translate3d(0, 20px, 0) scaleY(0.9);}

  to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);transform: translate3d(0, -2000px, 0) scaleY(3);}
}
.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}
/* Fading entrances  */
@-webkit-keyframes fadeIn {from {opacity: 0;}

  to {opacity: 1;}
}
@keyframes fadeIn {from {opacity: 0;}

  to {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeInDown {from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInDown {from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeInDownBig {from {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInDownBig {from {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}
@-webkit-keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}

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

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeftBig {from {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInLeftBig {from {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}
@-webkit-keyframes fadeInRight {from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}

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

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInRightBig {from {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}
@-webkit-keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

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

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUpBig {from {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUpBig {from {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}
@-webkit-keyframes fadeInTopLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, -100%, 0);transform: translate3d(-100%, -100%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInTopLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, -100%, 0);transform: translate3d(-100%, -100%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInTopLeft {-webkit-animation-name: fadeInTopLeft;animation-name: fadeInTopLeft;}
@-webkit-keyframes fadeInTopRight {from {opacity: 0;-webkit-transform: translate3d(100%, -100%, 0);transform: translate3d(100%, -100%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInTopRight {from {opacity: 0;-webkit-transform: translate3d(100%, -100%, 0);transform: translate3d(100%, -100%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInTopRight {-webkit-animation-name: fadeInTopRight;animation-name: fadeInTopRight;}
@-webkit-keyframes fadeInBottomLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 100%, 0);transform: translate3d(-100%, 100%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInBottomLeft {from {opacity: 0;-webkit-transform: translate3d(-100%, 100%, 0);transform: translate3d(-100%, 100%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInBottomLeft {-webkit-animation-name: fadeInBottomLeft;animation-name: fadeInBottomLeft;}
@-webkit-keyframes fadeInBottomRight {from {opacity: 0;-webkit-transform: translate3d(100%, 100%, 0);transform: translate3d(100%, 100%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInBottomRight {from {opacity: 0;-webkit-transform: translate3d(100%, 100%, 0);transform: translate3d(100%, 100%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInBottomRight {-webkit-animation-name: fadeInBottomRight;animation-name: fadeInBottomRight;}
/* Fading exits */
@-webkit-keyframes fadeOut {from {opacity: 1;}

  to {opacity: 0;}
}
@keyframes fadeOut {from {opacity: 1;}

  to {opacity: 0;}
}
.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOutDown {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}
@keyframes fadeOutDown {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}
.fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}
@-webkit-keyframes fadeOutDownBig {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}
}
@keyframes fadeOutDownBig {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}
}
.fadeOutDownBig {-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
@keyframes fadeOutLeft {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
.fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}
}
@keyframes fadeOutLeftBig {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}
}
.fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}
@keyframes fadeOutRight {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}
.fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;}
@-webkit-keyframes fadeOutRightBig {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}
}
@keyframes fadeOutRightBig {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}
}
.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}
@-webkit-keyframes fadeOutUp {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}
@keyframes fadeOutUp {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}
.fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}
@-webkit-keyframes fadeOutUpBig {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}
}
@keyframes fadeOutUpBig {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}
}
.fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;}
@-webkit-keyframes fadeOutTopLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(-100%, -100%, 0);transform: translate3d(-100%, -100%, 0);}
}
@keyframes fadeOutTopLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(-100%, -100%, 0);transform: translate3d(-100%, -100%, 0);}
}
.fadeOutTopLeft {-webkit-animation-name: fadeOutTopLeft;animation-name: fadeOutTopLeft;}
@-webkit-keyframes fadeOutTopRight {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(100%, -100%, 0);transform: translate3d(100%, -100%, 0);}
}
@keyframes fadeOutTopRight {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(100%, -100%, 0);transform: translate3d(100%, -100%, 0);}
}
.fadeOutTopRight {-webkit-animation-name: fadeOutTopRight;animation-name: fadeOutTopRight;}
@-webkit-keyframes fadeOutBottomRight {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(100%, 100%, 0);transform: translate3d(100%, 100%, 0);}
}
@keyframes fadeOutBottomRight {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(100%, 100%, 0);transform: translate3d(100%, 100%, 0);}
}
.fadeOutBottomRight {-webkit-animation-name: fadeOutBottomRight;animation-name: fadeOutBottomRight;}
@-webkit-keyframes fadeOutBottomLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(-100%, 100%, 0);transform: translate3d(-100%, 100%, 0);}
}
@keyframes fadeOutBottomLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {opacity: 0;-webkit-transform: translate3d(-100%, 100%, 0);transform: translate3d(-100%, 100%, 0);}
}
.fadeOutBottomLeft {-webkit-animation-name: fadeOutBottomLeft;animation-name: fadeOutBottomLeft;}
/* Flippers */
@-webkit-keyframes flip {from {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}

  40% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}

  50% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}

  80% {-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}

  to {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
}
@keyframes flip {from {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}

  40% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}

  50% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}

  80% {-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}

  to {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
}
.animated.flip {-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}
@-webkit-keyframes flipInX {from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}

  40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}

  60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}

  80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}

  to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
@keyframes flipInX {from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}

  40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}

  60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}

  80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}

  to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
.flipInX {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}
@-webkit-keyframes flipInY {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}

  40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}

  60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}

  80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}

  to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
@keyframes flipInY {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}

  40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}

  60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}

  80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}

  to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
.flipInY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;}
@-webkit-keyframes flipOutX {from {-webkit-transform: perspective(400px);transform: perspective(400px);}

  30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}

  to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}
}
@keyframes flipOutX {from {-webkit-transform: perspective(400px);transform: perspective(400px);}

  30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}

  to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}
}
.flipOutX {-webkit-animation-duration: calc(1s * 0.75);animation-duration: calc(1s * 0.75);-webkit-animation-duration: calc(var(--animate-duration) * 0.75);animation-duration: calc(var(--animate-duration) * 0.75);-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;}
@-webkit-keyframes flipOutY {from {-webkit-transform: perspective(400px);transform: perspective(400px);}

  30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}

  to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}
}
@keyframes flipOutY {from {-webkit-transform: perspective(400px);transform: perspective(400px);}

  30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}

  to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}
}
.flipOutY {-webkit-animation-duration: calc(1s * 0.75);animation-duration: calc(1s * 0.75);-webkit-animation-duration: calc(var(--animate-duration) * 0.75);animation-duration: calc(var(--animate-duration) * 0.75);-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0;}

  60% {-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;}

  80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes lightSpeedInRight {from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0;}

  60% {-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;}

  80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.lightSpeedInRight {-webkit-animation-name: lightSpeedInRight;animation-name: lightSpeedInRight;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
@-webkit-keyframes lightSpeedInLeft {from {-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);transform: translate3d(-100%, 0, 0) skewX(30deg);opacity: 0;}

  60% {-webkit-transform: skewX(-20deg);transform: skewX(-20deg);opacity: 1;}

  80% {-webkit-transform: skewX(5deg);transform: skewX(5deg);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes lightSpeedInLeft {from {-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);transform: translate3d(-100%, 0, 0) skewX(30deg);opacity: 0;}

  60% {-webkit-transform: skewX(-20deg);transform: skewX(-20deg);opacity: 1;}

  80% {-webkit-transform: skewX(5deg);transform: skewX(5deg);}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.lightSpeedInLeft {-webkit-animation-name: lightSpeedInLeft;animation-name: lightSpeedInLeft;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
@-webkit-keyframes lightSpeedOutRight {from {opacity: 1;}

  to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}
}
@keyframes lightSpeedOutRight {from {opacity: 1;}

  to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}
}
.lightSpeedOutRight {-webkit-animation-name: lightSpeedOutRight;animation-name: lightSpeedOutRight;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
@-webkit-keyframes lightSpeedOutLeft {from {opacity: 1;}

  to {-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);transform: translate3d(-100%, 0, 0) skewX(-30deg);opacity: 0;}
}
@keyframes lightSpeedOutLeft {from {opacity: 1;}

  to {-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);transform: translate3d(-100%, 0, 0) skewX(-30deg);opacity: 0;}
}
.lightSpeedOutLeft {-webkit-animation-name: lightSpeedOutLeft;animation-name: lightSpeedOutLeft;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
/* Rotating entrances */
@-webkit-keyframes rotateIn {from {-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
@keyframes rotateIn {from {-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
.rotateIn {-webkit-animation-name: rotateIn;animation-name: rotateIn;-webkit-transform-origin: center;transform-origin: center;}
@-webkit-keyframes rotateInDownLeft {from {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
@keyframes rotateInDownLeft {from {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
.rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;-webkit-transform-origin: left bottom;transform-origin: left bottom;}
@-webkit-keyframes rotateInDownRight {from {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
@keyframes rotateInDownRight {from {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
.rotateInDownRight {-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;-webkit-transform-origin: right bottom;transform-origin: right bottom;}
@-webkit-keyframes rotateInUpLeft {from {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
@keyframes rotateInUpLeft {from {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
.rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;-webkit-transform-origin: left bottom;transform-origin: left bottom;}
@-webkit-keyframes rotateInUpRight {from {-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
@keyframes rotateInUpRight {from {-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
}
.rotateInUpRight {-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;-webkit-transform-origin: right bottom;transform-origin: right bottom;}
/* Rotating exits */
@-webkit-keyframes rotateOut {from {opacity: 1;}

  to {-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}
}
@keyframes rotateOut {from {opacity: 1;}

  to {-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}
}
.rotateOut {-webkit-animation-name: rotateOut;animation-name: rotateOut;-webkit-transform-origin: center;transform-origin: center;}
@-webkit-keyframes rotateOutDownLeft {from {opacity: 1;}

  to {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
}
@keyframes rotateOutDownLeft {from {opacity: 1;}

  to {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
}
.rotateOutDownLeft {-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft;-webkit-transform-origin: left bottom;transform-origin: left bottom;}
@-webkit-keyframes rotateOutDownRight {from {opacity: 1;}

  to {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}
}
@keyframes rotateOutDownRight {from {opacity: 1;}

  to {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}
}
.rotateOutDownRight {-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight;-webkit-transform-origin: right bottom;transform-origin: right bottom;}
@-webkit-keyframes rotateOutUpLeft {from {opacity: 1;}

  to {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}
}
@keyframes rotateOutUpLeft {from {opacity: 1;}

  to {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}
}
.rotateOutUpLeft {-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft;-webkit-transform-origin: left bottom;transform-origin: left bottom;}
@-webkit-keyframes rotateOutUpRight {from {opacity: 1;}

  to {-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;}
}
@keyframes rotateOutUpRight {from {opacity: 1;}

  to {-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;}
}
.rotateOutUpRight {-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight;-webkit-transform-origin: right bottom;transform-origin: right bottom;}
/* Specials */
@-webkit-keyframes hinge {0% {-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}

  20%,
  60% {-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}

  40%,
  80% {-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1;}

  to {-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0;}
}
@keyframes hinge {0% {-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}

  20%,
  60% {-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}

  40%,
  80% {-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1;}

  to {-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0;}
}
.hinge {-webkit-animation-duration: calc(1s * 2);animation-duration: calc(1s * 2);-webkit-animation-duration: calc(var(--animate-duration) * 2);animation-duration: calc(var(--animate-duration) * 2);-webkit-animation-name: hinge;animation-name: hinge;-webkit-transform-origin: top left;transform-origin: top left;}
@-webkit-keyframes jackInTheBox {from {opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.1) rotate(30deg);-webkit-transform-origin: center bottom;transform-origin: center bottom;}

  50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}

  70% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}

  to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes jackInTheBox {from {opacity: 0;-webkit-transform: scale(0.1) rotate(30deg);transform: scale(0.1) rotate(30deg);-webkit-transform-origin: center bottom;transform-origin: center bottom;}

  50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}

  70% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}

  to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
.jackInTheBox {-webkit-animation-name: jackInTheBox;animation-name: jackInTheBox;}
 
@-webkit-keyframes rollIn {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes rollIn {from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.rollIn {-webkit-animation-name: rollIn;animation-name: rollIn;}
 
@-webkit-keyframes rollOut {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}
@keyframes rollOut {from {opacity: 1;}

  to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}
.rollOut {-webkit-animation-name: rollOut;animation-name: rollOut;}
/* Zooming entrances */
@-webkit-keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

  50% {opacity: 1;}
}
@keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

  50% {opacity: 1;}
}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes zoomInDown {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomInDown {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomInDown {-webkit-animation-name: zoomInDown;animation-name: zoomInDown;}
@-webkit-keyframes zoomInLeft {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomInLeft {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomInLeft {-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft;}
@-webkit-keyframes zoomInRight {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomInRight {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomInRight {-webkit-animation-name: zoomInRight;animation-name: zoomInRight;}
@-webkit-keyframes zoomInUp {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomInUp {from {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  60% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomInUp {-webkit-animation-name: zoomInUp;animation-name: zoomInUp;}
/* Zooming exits */
@-webkit-keyframes zoomOut {from {opacity: 1;}

  50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

  to {opacity: 0;}
}
@keyframes zoomOut {from {opacity: 1;}

  50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

  to {opacity: 0;}
}
.zoomOut {-webkit-animation-name: zoomOut;animation-name: zoomOut;}
@-webkit-keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomOutDown {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomOutDown {-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
@-webkit-keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}

  to {opacity: 0;-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);transform: scale(0.1) translate3d(-2000px, 0, 0);}
}
@keyframes zoomOutLeft {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}

  to {opacity: 0;-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);transform: scale(0.1) translate3d(-2000px, 0, 0);}
}
.zoomOutLeft {-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft;-webkit-transform-origin: left center;transform-origin: left center;}
@-webkit-keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}

  to {opacity: 0;-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);transform: scale(0.1) translate3d(2000px, 0, 0);}
}
@keyframes zoomOutRight {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}

  to {opacity: 0;-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);transform: scale(0.1) translate3d(2000px, 0, 0);}
}
.zoomOutRight {-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight;-webkit-transform-origin: right center;transform-origin: right center;}
@-webkit-keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
@keyframes zoomOutUp {40% {opacity: 1;-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}

  to {opacity: 0;-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}
}
.zoomOutUp {-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
/* Sliding entrances */
@-webkit-keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);visibility: visible;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.slideInDown {-webkit-animation-name: slideInDown;animation-name: slideInDown;}
@-webkit-keyframes slideInLeft {from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInLeft {from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}
@-webkit-keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight;}
@-webkit-keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}

  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp;}
/* Sliding exits */
@-webkit-keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  to {visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}
@keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  to {visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}
.slideOutDown {-webkit-animation-name: slideOutDown;animation-name: slideOutDown;}
@-webkit-keyframes slideOutLeft {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
@keyframes slideOutLeft {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
.slideOutLeft {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}
@-webkit-keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}
@keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}
.slideOutRight {-webkit-animation-name: slideOutRight;animation-name: slideOutRight;}
@-webkit-keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  to {visibility: hidden;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}
@keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

  to {visibility: hidden;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}
.slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp;}