@rhtml/modifiers 0.0.108 → 0.0.111

package/README.md

@@ -90,3 +90,29 @@ export class HomeComponent extends LitElement {
   }
 }
 ```
+
+#### Animation modifier
+
+List of available animations can be found [Here](./src/animation/interfaces.ts)
+
+```typescript
+import { Component, html, LitElement } from '@rxdi/lit-html';
+
+import { Animation } from '@rhtml/modifiers';
+
+/**
+ * @customElement home-component
+ */
+@Component({
+  selector: 'home-component',
+  modifiers: [Animation],
+  template(this: HomeComponent) {
+    return html`
+      <h2 animated="slideInLeft" delay="1s">
+        Your Animated Element
+      </h2>
+    `;
+  }
+})
+export class HomeComponent extends LitElement {}
+```

package/dist/animation/animate.css.d.ts

@@ -0,0 +1 @@
+export declare const Animations = "\n@charset \"UTF-8\";\n\n/*!\n * animate.css -https://daneden.github.io/animate.css/\n * Version - 3.7.2\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\n *\n * Copyright (c) 2019 Daniel Eden\n */\n\n@-webkit-keyframes bounce {\n\t0%,\n\t20%,\n\t53%,\n\t80%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\t40%,\n\t43% {\n\t\t-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);\n\t\tanimation-timing-function: cubic-bezier(.755, .05, .855, .06);\n\t\t-webkit-transform: translate3d(0, -30px, 0);\n\t\ttransform: translate3d(0, -30px, 0)\n\t}\n\t70% {\n\t\t-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);\n\t\tanimation-timing-function: cubic-bezier(.755, .05, .855, .06);\n\t\t-webkit-transform: translate3d(0, -15px, 0);\n\t\ttransform: translate3d(0, -15px, 0)\n\t}\n\t90% {\n\t\t-webkit-transform: translate3d(0, -4px, 0);\n\t\ttransform: translate3d(0, -4px, 0)\n\t}\n}\n\n@keyframes bounce {\n\t0%,\n\t20%,\n\t53%,\n\t80%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\t40%,\n\t43% {\n\t\t-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);\n\t\tanimation-timing-function: cubic-bezier(.755, .05, .855, .06);\n\t\t-webkit-transform: translate3d(0, -30px, 0);\n\t\ttransform: translate3d(0, -30px, 0)\n\t}\n\t70% {\n\t\t-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);\n\t\tanimation-timing-function: cubic-bezier(.755, .05, .855, .06);\n\t\t-webkit-transform: translate3d(0, -15px, 0);\n\t\ttransform: translate3d(0, -15px, 0)\n\t}\n\t90% {\n\t\t-webkit-transform: translate3d(0, -4px, 0);\n\t\ttransform: translate3d(0, -4px, 0)\n\t}\n}\n\n.bounce {\n\t-webkit-animation-name: bounce;\n\tanimation-name: bounce;\n\t-webkit-transform-origin: center bottom;\n\ttransform-origin: center bottom\n}\n\n@-webkit-keyframes flash {\n\t0%,\n\t50%,\n\tto {\n\t\topacity: 1\n\t}\n\t25%,\n\t75% {\n\t\topacity: 0\n\t}\n}\n\n@keyframes flash {\n\t0%,\n\t50%,\n\tto {\n\t\topacity: 1\n\t}\n\t25%,\n\t75% {\n\t\topacity: 0\n\t}\n}\n\n.flash {\n\t-webkit-animation-name: flash;\n\tanimation-name: flash\n}\n\n@-webkit-keyframes pulse {\n\t0% {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n\t50% {\n\t\t-webkit-transform: scale3d(1.05, 1.05, 1.05);\n\t\ttransform: scale3d(1.05, 1.05, 1.05)\n\t}\n\tto {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n}\n\n@keyframes pulse {\n\t0% {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n\t50% {\n\t\t-webkit-transform: scale3d(1.05, 1.05, 1.05);\n\t\ttransform: scale3d(1.05, 1.05, 1.05)\n\t}\n\tto {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n}\n\n.pulse {\n\t-webkit-animation-name: pulse;\n\tanimation-name: pulse\n}\n\n@-webkit-keyframes rubberBand {\n\t0% {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n\t30% {\n\t\t-webkit-transform: scale3d(1.25, .75, 1);\n\t\ttransform: scale3d(1.25, .75, 1)\n\t}\n\t40% {\n\t\t-webkit-transform: scale3d(.75, 1.25, 1);\n\t\ttransform: scale3d(.75, 1.25, 1)\n\t}\n\t50% {\n\t\t-webkit-transform: scale3d(1.15, .85, 1);\n\t\ttransform: scale3d(1.15, .85, 1)\n\t}\n\t65% {\n\t\t-webkit-transform: scale3d(.95, 1.05, 1);\n\t\ttransform: scale3d(.95, 1.05, 1)\n\t}\n\t75% {\n\t\t-webkit-transform: scale3d(1.05, .95, 1);\n\t\ttransform: scale3d(1.05, .95, 1)\n\t}\n\tto {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n}\n\n@keyframes rubberBand {\n\t0% {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n\t30% {\n\t\t-webkit-transform: scale3d(1.25, .75, 1);\n\t\ttransform: scale3d(1.25, .75, 1)\n\t}\n\t40% {\n\t\t-webkit-transform: scale3d(.75, 1.25, 1);\n\t\ttransform: scale3d(.75, 1.25, 1)\n\t}\n\t50% {\n\t\t-webkit-transform: scale3d(1.15, .85, 1);\n\t\ttransform: scale3d(1.15, .85, 1)\n\t}\n\t65% {\n\t\t-webkit-transform: scale3d(.95, 1.05, 1);\n\t\ttransform: scale3d(.95, 1.05, 1)\n\t}\n\t75% {\n\t\t-webkit-transform: scale3d(1.05, .95, 1);\n\t\ttransform: scale3d(1.05, .95, 1)\n\t}\n\tto {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n}\n\n.rubberBand {\n\t-webkit-animation-name: rubberBand;\n\tanimation-name: rubberBand\n}\n\n@-webkit-keyframes shake {\n\t0%,\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\t10%,\n\t30%,\n\t50%,\n\t70%,\n\t90% {\n\t\t-webkit-transform: translate3d(-10px, 0, 0);\n\t\ttransform: translate3d(-10px, 0, 0)\n\t}\n\t20%,\n\t40%,\n\t60%,\n\t80% {\n\t\t-webkit-transform: translate3d(10px, 0, 0);\n\t\ttransform: translate3d(10px, 0, 0)\n\t}\n}\n\n@keyframes shake {\n\t0%,\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\t10%,\n\t30%,\n\t50%,\n\t70%,\n\t90% {\n\t\t-webkit-transform: translate3d(-10px, 0, 0);\n\t\ttransform: translate3d(-10px, 0, 0)\n\t}\n\t20%,\n\t40%,\n\t60%,\n\t80% {\n\t\t-webkit-transform: translate3d(10px, 0, 0);\n\t\ttransform: translate3d(10px, 0, 0)\n\t}\n}\n\n.shake {\n\t-webkit-animation-name: shake;\n\tanimation-name: shake\n}\n\n@-webkit-keyframes headShake {\n\t0% {\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0)\n\t}\n\t6.5% {\n\t\t-webkit-transform: translateX(-6px) rotateY(-9deg);\n\t\ttransform: translateX(-6px) rotateY(-9deg)\n\t}\n\t18.5% {\n\t\t-webkit-transform: translateX(5px) rotateY(7deg);\n\t\ttransform: translateX(5px) rotateY(7deg)\n\t}\n\t31.5% {\n\t\t-webkit-transform: translateX(-3px) rotateY(-5deg);\n\t\ttransform: translateX(-3px) rotateY(-5deg)\n\t}\n\t43.5% {\n\t\t-webkit-transform: translateX(2px) rotateY(3deg);\n\t\ttransform: translateX(2px) rotateY(3deg)\n\t}\n\t50% {\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0)\n\t}\n}\n\n@keyframes headShake {\n\t0% {\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0)\n\t}\n\t6.5% {\n\t\t-webkit-transform: translateX(-6px) rotateY(-9deg);\n\t\ttransform: translateX(-6px) rotateY(-9deg)\n\t}\n\t18.5% {\n\t\t-webkit-transform: translateX(5px) rotateY(7deg);\n\t\ttransform: translateX(5px) rotateY(7deg)\n\t}\n\t31.5% {\n\t\t-webkit-transform: translateX(-3px) rotateY(-5deg);\n\t\ttransform: translateX(-3px) rotateY(-5deg)\n\t}\n\t43.5% {\n\t\t-webkit-transform: translateX(2px) rotateY(3deg);\n\t\ttransform: translateX(2px) rotateY(3deg)\n\t}\n\t50% {\n\t\t-webkit-transform: translateX(0);\n\t\ttransform: translateX(0)\n\t}\n}\n\n.headShake {\n\t-webkit-animation-timing-function: ease-in-out;\n\tanimation-timing-function: ease-in-out;\n\t-webkit-animation-name: headShake;\n\tanimation-name: headShake\n}\n\n@-webkit-keyframes swing {\n\t20% {\n\t\t-webkit-transform: rotate(15deg);\n\t\ttransform: rotate(15deg)\n\t}\n\t40% {\n\t\t-webkit-transform: rotate(-10deg);\n\t\ttransform: rotate(-10deg)\n\t}\n\t60% {\n\t\t-webkit-transform: rotate(5deg);\n\t\ttransform: rotate(5deg)\n\t}\n\t80% {\n\t\t-webkit-transform: rotate(-5deg);\n\t\ttransform: rotate(-5deg)\n\t}\n\tto {\n\t\t-webkit-transform: rotate(0deg);\n\t\ttransform: rotate(0deg)\n\t}\n}\n\n@keyframes swing {\n\t20% {\n\t\t-webkit-transform: rotate(15deg);\n\t\ttransform: rotate(15deg)\n\t}\n\t40% {\n\t\t-webkit-transform: rotate(-10deg);\n\t\ttransform: rotate(-10deg)\n\t}\n\t60% {\n\t\t-webkit-transform: rotate(5deg);\n\t\ttransform: rotate(5deg)\n\t}\n\t80% {\n\t\t-webkit-transform: rotate(-5deg);\n\t\ttransform: rotate(-5deg)\n\t}\n\tto {\n\t\t-webkit-transform: rotate(0deg);\n\t\ttransform: rotate(0deg)\n\t}\n}\n\n.swing {\n\t-webkit-transform-origin: top center;\n\ttransform-origin: top center;\n\t-webkit-animation-name: swing;\n\tanimation-name: swing\n}\n\n@-webkit-keyframes tada {\n\t0% {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n\t10%,\n\t20% {\n\t\t-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);\n\t\ttransform: scale3d(.9, .9, .9) rotate(-3deg)\n\t}\n\t30%,\n\t50%,\n\t70%,\n\t90% {\n\t\t-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);\n\t\ttransform: scale3d(1.1, 1.1, 1.1) rotate(3deg)\n\t}\n\t40%,\n\t60%,\n\t80% {\n\t\t-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);\n\t\ttransform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)\n\t}\n\tto {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n}\n\n@keyframes tada {\n\t0% {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n\t10%,\n\t20% {\n\t\t-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);\n\t\ttransform: scale3d(.9, .9, .9) rotate(-3deg)\n\t}\n\t30%,\n\t50%,\n\t70%,\n\t90% {\n\t\t-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);\n\t\ttransform: scale3d(1.1, 1.1, 1.1) rotate(3deg)\n\t}\n\t40%,\n\t60%,\n\t80% {\n\t\t-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);\n\t\ttransform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)\n\t}\n\tto {\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n}\n\n.tada {\n\t-webkit-animation-name: tada;\n\tanimation-name: tada\n}\n\n@-webkit-keyframes wobble {\n\t0% {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\t15% {\n\t\t-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);\n\t\ttransform: translate3d(-25%, 0, 0) rotate(-5deg)\n\t}\n\t30% {\n\t\t-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);\n\t\ttransform: translate3d(20%, 0, 0) rotate(3deg)\n\t}\n\t45% {\n\t\t-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);\n\t\ttransform: translate3d(-15%, 0, 0) rotate(-3deg)\n\t}\n\t60% {\n\t\t-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);\n\t\ttransform: translate3d(10%, 0, 0) rotate(2deg)\n\t}\n\t75% {\n\t\t-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);\n\t\ttransform: translate3d(-5%, 0, 0) rotate(-1deg)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes wobble {\n\t0% {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\t15% {\n\t\t-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);\n\t\ttransform: translate3d(-25%, 0, 0) rotate(-5deg)\n\t}\n\t30% {\n\t\t-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);\n\t\ttransform: translate3d(20%, 0, 0) rotate(3deg)\n\t}\n\t45% {\n\t\t-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);\n\t\ttransform: translate3d(-15%, 0, 0) rotate(-3deg)\n\t}\n\t60% {\n\t\t-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);\n\t\ttransform: translate3d(10%, 0, 0) rotate(2deg)\n\t}\n\t75% {\n\t\t-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);\n\t\ttransform: translate3d(-5%, 0, 0) rotate(-1deg)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.wobble {\n\t-webkit-animation-name: wobble;\n\tanimation-name: wobble\n}\n\n@-webkit-keyframes jello {\n\t0%,\n\t11.1%,\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\t22.2% {\n\t\t-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n\t\ttransform: skewX(-12.5deg) skewY(-12.5deg)\n\t}\n\t33.3% {\n\t\t-webkit-transform: skewX(6.25deg) skewY(6.25deg);\n\t\ttransform: skewX(6.25deg) skewY(6.25deg)\n\t}\n\t44.4% {\n\t\t-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n\t\ttransform: skewX(-3.125deg) skewY(-3.125deg)\n\t}\n\t55.5% {\n\t\t-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n\t\ttransform: skewX(1.5625deg) skewY(1.5625deg)\n\t}\n\t66.6% {\n\t\t-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);\n\t\ttransform: skewX(-.78125deg) skewY(-.78125deg)\n\t}\n\t77.7% {\n\t\t-webkit-transform: skewX(.390625deg) skewY(.390625deg);\n\t\ttransform: skewX(.390625deg) skewY(.390625deg)\n\t}\n\t88.8% {\n\t\t-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);\n\t\ttransform: skewX(-.1953125deg) skewY(-.1953125deg)\n\t}\n}\n\n@keyframes jello {\n\t0%,\n\t11.1%,\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\t22.2% {\n\t\t-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n\t\ttransform: skewX(-12.5deg) skewY(-12.5deg)\n\t}\n\t33.3% {\n\t\t-webkit-transform: skewX(6.25deg) skewY(6.25deg);\n\t\ttransform: skewX(6.25deg) skewY(6.25deg)\n\t}\n\t44.4% {\n\t\t-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n\t\ttransform: skewX(-3.125deg) skewY(-3.125deg)\n\t}\n\t55.5% {\n\t\t-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n\t\ttransform: skewX(1.5625deg) skewY(1.5625deg)\n\t}\n\t66.6% {\n\t\t-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);\n\t\ttransform: skewX(-.78125deg) skewY(-.78125deg)\n\t}\n\t77.7% {\n\t\t-webkit-transform: skewX(.390625deg) skewY(.390625deg);\n\t\ttransform: skewX(.390625deg) skewY(.390625deg)\n\t}\n\t88.8% {\n\t\t-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);\n\t\ttransform: skewX(-.1953125deg) skewY(-.1953125deg)\n\t}\n}\n\n.jello {\n\t-webkit-animation-name: jello;\n\tanimation-name: jello;\n\t-webkit-transform-origin: center;\n\ttransform-origin: center\n}\n\n@-webkit-keyframes heartBeat {\n\t0% {\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1)\n\t}\n\t14% {\n\t\t-webkit-transform: scale(1.3);\n\t\ttransform: scale(1.3)\n\t}\n\t28% {\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1)\n\t}\n\t42% {\n\t\t-webkit-transform: scale(1.3);\n\t\ttransform: scale(1.3)\n\t}\n\t70% {\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1)\n\t}\n}\n\n@keyframes heartBeat {\n\t0% {\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1)\n\t}\n\t14% {\n\t\t-webkit-transform: scale(1.3);\n\t\ttransform: scale(1.3)\n\t}\n\t28% {\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1)\n\t}\n\t42% {\n\t\t-webkit-transform: scale(1.3);\n\t\ttransform: scale(1.3)\n\t}\n\t70% {\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1)\n\t}\n}\n\n.heartBeat {\n\t-webkit-animation-name: heartBeat;\n\tanimation-name: heartBeat;\n\t-webkit-animation-duration: 1.3s;\n\tanimation-duration: 1.3s;\n\t-webkit-animation-timing-function: ease-in-out;\n\tanimation-timing-function: ease-in-out\n}\n\n@-webkit-keyframes bounceIn {\n\t0%,\n\t20%,\n\t40%,\n\t60%,\n\t80%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1)\n\t}\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.3, .3, .3);\n\t\ttransform: scale3d(.3, .3, .3)\n\t}\n\t20% {\n\t\t-webkit-transform: scale3d(1.1, 1.1, 1.1);\n\t\ttransform: scale3d(1.1, 1.1, 1.1)\n\t}\n\t40% {\n\t\t-webkit-transform: scale3d(.9, .9, .9);\n\t\ttransform: scale3d(.9, .9, .9)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(1.03, 1.03, 1.03);\n\t\ttransform: scale3d(1.03, 1.03, 1.03)\n\t}\n\t80% {\n\t\t-webkit-transform: scale3d(.97, .97, .97);\n\t\ttransform: scale3d(.97, .97, .97)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n}\n\n@keyframes bounceIn {\n\t0%,\n\t20%,\n\t40%,\n\t60%,\n\t80%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1)\n\t}\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.3, .3, .3);\n\t\ttransform: scale3d(.3, .3, .3)\n\t}\n\t20% {\n\t\t-webkit-transform: scale3d(1.1, 1.1, 1.1);\n\t\ttransform: scale3d(1.1, 1.1, 1.1)\n\t}\n\t40% {\n\t\t-webkit-transform: scale3d(.9, .9, .9);\n\t\ttransform: scale3d(.9, .9, .9)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(1.03, 1.03, 1.03);\n\t\ttransform: scale3d(1.03, 1.03, 1.03)\n\t}\n\t80% {\n\t\t-webkit-transform: scale3d(.97, .97, .97);\n\t\ttransform: scale3d(.97, .97, .97)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: scaleX(1);\n\t\ttransform: scaleX(1)\n\t}\n}\n\n.bounceIn {\n\t-webkit-animation-duration: .75s;\n\tanimation-duration: .75s;\n\t-webkit-animation-name: bounceIn;\n\tanimation-name: bounceIn\n}\n\n@-webkit-keyframes bounceInDown {\n\t0%,\n\t60%,\n\t75%,\n\t90%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1)\n\t}\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -3000px, 0);\n\t\ttransform: translate3d(0, -3000px, 0)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(0, 25px, 0);\n\t\ttransform: translate3d(0, 25px, 0)\n\t}\n\t75% {\n\t\t-webkit-transform: translate3d(0, -10px, 0);\n\t\ttransform: translate3d(0, -10px, 0)\n\t}\n\t90% {\n\t\t-webkit-transform: translate3d(0, 5px, 0);\n\t\ttransform: translate3d(0, 5px, 0)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes bounceInDown {\n\t0%,\n\t60%,\n\t75%,\n\t90%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1)\n\t}\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -3000px, 0);\n\t\ttransform: translate3d(0, -3000px, 0)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(0, 25px, 0);\n\t\ttransform: translate3d(0, 25px, 0)\n\t}\n\t75% {\n\t\t-webkit-transform: translate3d(0, -10px, 0);\n\t\ttransform: translate3d(0, -10px, 0)\n\t}\n\t90% {\n\t\t-webkit-transform: translate3d(0, 5px, 0);\n\t\ttransform: translate3d(0, 5px, 0)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.bounceInDown {\n\t-webkit-animation-name: bounceInDown;\n\tanimation-name: bounceInDown\n}\n\n@-webkit-keyframes bounceInLeft {\n\t0%,\n\t60%,\n\t75%,\n\t90%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1)\n\t}\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-3000px, 0, 0);\n\t\ttransform: translate3d(-3000px, 0, 0)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(25px, 0, 0);\n\t\ttransform: translate3d(25px, 0, 0)\n\t}\n\t75% {\n\t\t-webkit-transform: translate3d(-10px, 0, 0);\n\t\ttransform: translate3d(-10px, 0, 0)\n\t}\n\t90% {\n\t\t-webkit-transform: translate3d(5px, 0, 0);\n\t\ttransform: translate3d(5px, 0, 0)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes bounceInLeft {\n\t0%,\n\t60%,\n\t75%,\n\t90%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1)\n\t}\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-3000px, 0, 0);\n\t\ttransform: translate3d(-3000px, 0, 0)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(25px, 0, 0);\n\t\ttransform: translate3d(25px, 0, 0)\n\t}\n\t75% {\n\t\t-webkit-transform: translate3d(-10px, 0, 0);\n\t\ttransform: translate3d(-10px, 0, 0)\n\t}\n\t90% {\n\t\t-webkit-transform: translate3d(5px, 0, 0);\n\t\ttransform: translate3d(5px, 0, 0)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.bounceInLeft {\n\t-webkit-animation-name: bounceInLeft;\n\tanimation-name: bounceInLeft\n}\n\n@-webkit-keyframes bounceInRight {\n\t0%,\n\t60%,\n\t75%,\n\t90%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1)\n\t}\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(3000px, 0, 0);\n\t\ttransform: translate3d(3000px, 0, 0)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(-25px, 0, 0);\n\t\ttransform: translate3d(-25px, 0, 0)\n\t}\n\t75% {\n\t\t-webkit-transform: translate3d(10px, 0, 0);\n\t\ttransform: translate3d(10px, 0, 0)\n\t}\n\t90% {\n\t\t-webkit-transform: translate3d(-5px, 0, 0);\n\t\ttransform: translate3d(-5px, 0, 0)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes bounceInRight {\n\t0%,\n\t60%,\n\t75%,\n\t90%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1)\n\t}\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(3000px, 0, 0);\n\t\ttransform: translate3d(3000px, 0, 0)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(-25px, 0, 0);\n\t\ttransform: translate3d(-25px, 0, 0)\n\t}\n\t75% {\n\t\t-webkit-transform: translate3d(10px, 0, 0);\n\t\ttransform: translate3d(10px, 0, 0)\n\t}\n\t90% {\n\t\t-webkit-transform: translate3d(-5px, 0, 0);\n\t\ttransform: translate3d(-5px, 0, 0)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.bounceInRight {\n\t-webkit-animation-name: bounceInRight;\n\tanimation-name: bounceInRight\n}\n\n@-webkit-keyframes bounceInUp {\n\t0%,\n\t60%,\n\t75%,\n\t90%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1)\n\t}\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 3000px, 0);\n\t\ttransform: translate3d(0, 3000px, 0)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(0, -20px, 0);\n\t\ttransform: translate3d(0, -20px, 0)\n\t}\n\t75% {\n\t\t-webkit-transform: translate3d(0, 10px, 0);\n\t\ttransform: translate3d(0, 10px, 0)\n\t}\n\t90% {\n\t\t-webkit-transform: translate3d(0, -5px, 0);\n\t\ttransform: translate3d(0, -5px, 0)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes bounceInUp {\n\t0%,\n\t60%,\n\t75%,\n\t90%,\n\tto {\n\t\t-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);\n\t\tanimation-timing-function: cubic-bezier(.215, .61, .355, 1)\n\t}\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 3000px, 0);\n\t\ttransform: translate3d(0, 3000px, 0)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(0, -20px, 0);\n\t\ttransform: translate3d(0, -20px, 0)\n\t}\n\t75% {\n\t\t-webkit-transform: translate3d(0, 10px, 0);\n\t\ttransform: translate3d(0, 10px, 0)\n\t}\n\t90% {\n\t\t-webkit-transform: translate3d(0, -5px, 0);\n\t\ttransform: translate3d(0, -5px, 0)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.bounceInUp {\n\t-webkit-animation-name: bounceInUp;\n\tanimation-name: bounceInUp\n}\n\n@-webkit-keyframes bounceOut {\n\t20% {\n\t\t-webkit-transform: scale3d(.9, .9, .9);\n\t\ttransform: scale3d(.9, .9, .9)\n\t}\n\t50%,\n\t55% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(1.1, 1.1, 1.1);\n\t\ttransform: scale3d(1.1, 1.1, 1.1)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.3, .3, .3);\n\t\ttransform: scale3d(.3, .3, .3)\n\t}\n}\n\n@keyframes bounceOut {\n\t20% {\n\t\t-webkit-transform: scale3d(.9, .9, .9);\n\t\ttransform: scale3d(.9, .9, .9)\n\t}\n\t50%,\n\t55% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(1.1, 1.1, 1.1);\n\t\ttransform: scale3d(1.1, 1.1, 1.1)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.3, .3, .3);\n\t\ttransform: scale3d(.3, .3, .3)\n\t}\n}\n\n.bounceOut {\n\t-webkit-animation-duration: .75s;\n\tanimation-duration: .75s;\n\t-webkit-animation-name: bounceOut;\n\tanimation-name: bounceOut\n}\n\n@-webkit-keyframes bounceOutDown {\n\t20% {\n\t\t-webkit-transform: translate3d(0, 10px, 0);\n\t\ttransform: translate3d(0, 10px, 0)\n\t}\n\t40%,\n\t45% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(0, -20px, 0);\n\t\ttransform: translate3d(0, -20px, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 2000px, 0);\n\t\ttransform: translate3d(0, 2000px, 0)\n\t}\n}\n\n@keyframes bounceOutDown {\n\t20% {\n\t\t-webkit-transform: translate3d(0, 10px, 0);\n\t\ttransform: translate3d(0, 10px, 0)\n\t}\n\t40%,\n\t45% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(0, -20px, 0);\n\t\ttransform: translate3d(0, -20px, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 2000px, 0);\n\t\ttransform: translate3d(0, 2000px, 0)\n\t}\n}\n\n.bounceOutDown {\n\t-webkit-animation-name: bounceOutDown;\n\tanimation-name: bounceOutDown\n}\n\n@-webkit-keyframes bounceOutLeft {\n\t20% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(20px, 0, 0);\n\t\ttransform: translate3d(20px, 0, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-2000px, 0, 0);\n\t\ttransform: translate3d(-2000px, 0, 0)\n\t}\n}\n\n@keyframes bounceOutLeft {\n\t20% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(20px, 0, 0);\n\t\ttransform: translate3d(20px, 0, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-2000px, 0, 0);\n\t\ttransform: translate3d(-2000px, 0, 0)\n\t}\n}\n\n.bounceOutLeft {\n\t-webkit-animation-name: bounceOutLeft;\n\tanimation-name: bounceOutLeft\n}\n\n@-webkit-keyframes bounceOutRight {\n\t20% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(-20px, 0, 0);\n\t\ttransform: translate3d(-20px, 0, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(2000px, 0, 0);\n\t\ttransform: translate3d(2000px, 0, 0)\n\t}\n}\n\n@keyframes bounceOutRight {\n\t20% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(-20px, 0, 0);\n\t\ttransform: translate3d(-20px, 0, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(2000px, 0, 0);\n\t\ttransform: translate3d(2000px, 0, 0)\n\t}\n}\n\n.bounceOutRight {\n\t-webkit-animation-name: bounceOutRight;\n\tanimation-name: bounceOutRight\n}\n\n@-webkit-keyframes bounceOutUp {\n\t20% {\n\t\t-webkit-transform: translate3d(0, -10px, 0);\n\t\ttransform: translate3d(0, -10px, 0)\n\t}\n\t40%,\n\t45% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(0, 20px, 0);\n\t\ttransform: translate3d(0, 20px, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -2000px, 0);\n\t\ttransform: translate3d(0, -2000px, 0)\n\t}\n}\n\n@keyframes bounceOutUp {\n\t20% {\n\t\t-webkit-transform: translate3d(0, -10px, 0);\n\t\ttransform: translate3d(0, -10px, 0)\n\t}\n\t40%,\n\t45% {\n\t\topacity: 1;\n\t\t-webkit-transform: translate3d(0, 20px, 0);\n\t\ttransform: translate3d(0, 20px, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -2000px, 0);\n\t\ttransform: translate3d(0, -2000px, 0)\n\t}\n}\n\n.bounceOutUp {\n\t-webkit-animation-name: bounceOutUp;\n\tanimation-name: bounceOutUp\n}\n\n@-webkit-keyframes fadeIn {\n\t0% {\n\t\topacity: 0\n\t}\n\tto {\n\t\topacity: 1\n\t}\n}\n\n@keyframes fadeIn {\n\t0% {\n\t\topacity: 0\n\t}\n\tto {\n\t\topacity: 1\n\t}\n}\n\n.fadeIn {\n\t-webkit-animation-name: fadeIn;\n\tanimation-name: fadeIn\n}\n\n@-webkit-keyframes fadeInDown {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -100%, 0);\n\t\ttransform: translate3d(0, -100%, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes fadeInDown {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -100%, 0);\n\t\ttransform: translate3d(0, -100%, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.fadeInDown {\n\t-webkit-animation-name: fadeInDown;\n\tanimation-name: fadeInDown\n}\n\n@-webkit-keyframes fadeInDownBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -2000px, 0);\n\t\ttransform: translate3d(0, -2000px, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes fadeInDownBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -2000px, 0);\n\t\ttransform: translate3d(0, -2000px, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.fadeInDownBig {\n\t-webkit-animation-name: fadeInDownBig;\n\tanimation-name: fadeInDownBig\n}\n\n@-webkit-keyframes fadeInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-100%, 0, 0);\n\t\ttransform: translate3d(-100%, 0, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes fadeInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-100%, 0, 0);\n\t\ttransform: translate3d(-100%, 0, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.fadeInLeft {\n\t-webkit-animation-name: fadeInLeft;\n\tanimation-name: fadeInLeft\n}\n\n@-webkit-keyframes fadeInLeftBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-2000px, 0, 0);\n\t\ttransform: translate3d(-2000px, 0, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes fadeInLeftBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-2000px, 0, 0);\n\t\ttransform: translate3d(-2000px, 0, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.fadeInLeftBig {\n\t-webkit-animation-name: fadeInLeftBig;\n\tanimation-name: fadeInLeftBig\n}\n\n@-webkit-keyframes fadeInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(100%, 0, 0);\n\t\ttransform: translate3d(100%, 0, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes fadeInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(100%, 0, 0);\n\t\ttransform: translate3d(100%, 0, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.fadeInRight {\n\t-webkit-animation-name: fadeInRight;\n\tanimation-name: fadeInRight\n}\n\n@-webkit-keyframes fadeInRightBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(2000px, 0, 0);\n\t\ttransform: translate3d(2000px, 0, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes fadeInRightBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(2000px, 0, 0);\n\t\ttransform: translate3d(2000px, 0, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.fadeInRightBig {\n\t-webkit-animation-name: fadeInRightBig;\n\tanimation-name: fadeInRightBig\n}\n\n@-webkit-keyframes fadeInUp {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 100%, 0);\n\t\ttransform: translate3d(0, 100%, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes fadeInUp {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 100%, 0);\n\t\ttransform: translate3d(0, 100%, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.fadeInUp {\n\t-webkit-animation-name: fadeInUp;\n\tanimation-name: fadeInUp\n}\n\n@-webkit-keyframes fadeInUpBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 2000px, 0);\n\t\ttransform: translate3d(0, 2000px, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes fadeInUpBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 2000px, 0);\n\t\ttransform: translate3d(0, 2000px, 0)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.fadeInUpBig {\n\t-webkit-animation-name: fadeInUpBig;\n\tanimation-name: fadeInUpBig\n}\n\n@-webkit-keyframes fadeOut {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0\n\t}\n}\n\n@keyframes fadeOut {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0\n\t}\n}\n\n.fadeOut {\n\t-webkit-animation-name: fadeOut;\n\tanimation-name: fadeOut\n}\n\n@-webkit-keyframes fadeOutDown {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 100%, 0);\n\t\ttransform: translate3d(0, 100%, 0)\n\t}\n}\n\n@keyframes fadeOutDown {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 100%, 0);\n\t\ttransform: translate3d(0, 100%, 0)\n\t}\n}\n\n.fadeOutDown {\n\t-webkit-animation-name: fadeOutDown;\n\tanimation-name: fadeOutDown\n}\n\n@-webkit-keyframes fadeOutDownBig {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 2000px, 0);\n\t\ttransform: translate3d(0, 2000px, 0)\n\t}\n}\n\n@keyframes fadeOutDownBig {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, 2000px, 0);\n\t\ttransform: translate3d(0, 2000px, 0)\n\t}\n}\n\n.fadeOutDownBig {\n\t-webkit-animation-name: fadeOutDownBig;\n\tanimation-name: fadeOutDownBig\n}\n\n@-webkit-keyframes fadeOutLeft {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-100%, 0, 0);\n\t\ttransform: translate3d(-100%, 0, 0)\n\t}\n}\n\n@keyframes fadeOutLeft {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-100%, 0, 0);\n\t\ttransform: translate3d(-100%, 0, 0)\n\t}\n}\n\n.fadeOutLeft {\n\t-webkit-animation-name: fadeOutLeft;\n\tanimation-name: fadeOutLeft\n}\n\n@-webkit-keyframes fadeOutLeftBig {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-2000px, 0, 0);\n\t\ttransform: translate3d(-2000px, 0, 0)\n\t}\n}\n\n@keyframes fadeOutLeftBig {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-2000px, 0, 0);\n\t\ttransform: translate3d(-2000px, 0, 0)\n\t}\n}\n\n.fadeOutLeftBig {\n\t-webkit-animation-name: fadeOutLeftBig;\n\tanimation-name: fadeOutLeftBig\n}\n\n@-webkit-keyframes fadeOutRight {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(100%, 0, 0);\n\t\ttransform: translate3d(100%, 0, 0)\n\t}\n}\n\n@keyframes fadeOutRight {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(100%, 0, 0);\n\t\ttransform: translate3d(100%, 0, 0)\n\t}\n}\n\n.fadeOutRight {\n\t-webkit-animation-name: fadeOutRight;\n\tanimation-name: fadeOutRight\n}\n\n@-webkit-keyframes fadeOutRightBig {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(2000px, 0, 0);\n\t\ttransform: translate3d(2000px, 0, 0)\n\t}\n}\n\n@keyframes fadeOutRightBig {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(2000px, 0, 0);\n\t\ttransform: translate3d(2000px, 0, 0)\n\t}\n}\n\n.fadeOutRightBig {\n\t-webkit-animation-name: fadeOutRightBig;\n\tanimation-name: fadeOutRightBig\n}\n\n@-webkit-keyframes fadeOutUp {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -100%, 0);\n\t\ttransform: translate3d(0, -100%, 0)\n\t}\n}\n\n@keyframes fadeOutUp {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -100%, 0);\n\t\ttransform: translate3d(0, -100%, 0)\n\t}\n}\n\n.fadeOutUp {\n\t-webkit-animation-name: fadeOutUp;\n\tanimation-name: fadeOutUp\n}\n\n@-webkit-keyframes fadeOutUpBig {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -2000px, 0);\n\t\ttransform: translate3d(0, -2000px, 0)\n\t}\n}\n\n@keyframes fadeOutUpBig {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(0, -2000px, 0);\n\t\ttransform: translate3d(0, -2000px, 0)\n\t}\n}\n\n.fadeOutUpBig {\n\t-webkit-animation-name: fadeOutUpBig;\n\tanimation-name: fadeOutUpBig\n}\n\n@-webkit-keyframes flip {\n\t0% {\n\t\t-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);\n\t\ttransform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);\n\t\t-webkit-animation-timing-function: ease-out;\n\t\tanimation-timing-function: ease-out\n\t}\n\t40% {\n\t\t-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);\n\t\ttransform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);\n\t\t-webkit-animation-timing-function: ease-out;\n\t\tanimation-timing-function: ease-out\n\t}\n\t50% {\n\t\t-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);\n\t\ttransform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in\n\t}\n\t80% {\n\t\t-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);\n\t\ttransform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in\n\t}\n\tto {\n\t\t-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);\n\t\ttransform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in\n\t}\n}\n\n@keyframes flip {\n\t0% {\n\t\t-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);\n\t\ttransform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);\n\t\t-webkit-animation-timing-function: ease-out;\n\t\tanimation-timing-function: ease-out\n\t}\n\t40% {\n\t\t-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);\n\t\ttransform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);\n\t\t-webkit-animation-timing-function: ease-out;\n\t\tanimation-timing-function: ease-out\n\t}\n\t50% {\n\t\t-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);\n\t\ttransform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in\n\t}\n\t80% {\n\t\t-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);\n\t\ttransform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in\n\t}\n\tto {\n\t\t-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);\n\t\ttransform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in\n\t}\n}\n\n.animated.flip {\n\t-webkit-backface-visibility: visible;\n\tbackface-visibility: visible;\n\t-webkit-animation-name: flip;\n\tanimation-name: flip\n}\n\n@-webkit-keyframes flipInX {\n\t0% {\n\t\t-webkit-transform: perspective(400px) rotateX(90deg);\n\t\ttransform: perspective(400px) rotateX(90deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in;\n\t\topacity: 0\n\t}\n\t40% {\n\t\t-webkit-transform: perspective(400px) rotateX(-20deg);\n\t\ttransform: perspective(400px) rotateX(-20deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in\n\t}\n\t60% {\n\t\t-webkit-transform: perspective(400px) rotateX(10deg);\n\t\ttransform: perspective(400px) rotateX(10deg);\n\t\topacity: 1\n\t}\n\t80% {\n\t\t-webkit-transform: perspective(400px) rotateX(-5deg);\n\t\ttransform: perspective(400px) rotateX(-5deg)\n\t}\n\tto {\n\t\t-webkit-transform: perspective(400px);\n\t\ttransform: perspective(400px)\n\t}\n}\n\n@keyframes flipInX {\n\t0% {\n\t\t-webkit-transform: perspective(400px) rotateX(90deg);\n\t\ttransform: perspective(400px) rotateX(90deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in;\n\t\topacity: 0\n\t}\n\t40% {\n\t\t-webkit-transform: perspective(400px) rotateX(-20deg);\n\t\ttransform: perspective(400px) rotateX(-20deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in\n\t}\n\t60% {\n\t\t-webkit-transform: perspective(400px) rotateX(10deg);\n\t\ttransform: perspective(400px) rotateX(10deg);\n\t\topacity: 1\n\t}\n\t80% {\n\t\t-webkit-transform: perspective(400px) rotateX(-5deg);\n\t\ttransform: perspective(400px) rotateX(-5deg)\n\t}\n\tto {\n\t\t-webkit-transform: perspective(400px);\n\t\ttransform: perspective(400px)\n\t}\n}\n\n.flipInX {\n\t-webkit-backface-visibility: visible!important;\n\tbackface-visibility: visible!important;\n\t-webkit-animation-name: flipInX;\n\tanimation-name: flipInX\n}\n\n@-webkit-keyframes flipInY {\n\t0% {\n\t\t-webkit-transform: perspective(400px) rotateY(90deg);\n\t\ttransform: perspective(400px) rotateY(90deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in;\n\t\topacity: 0\n\t}\n\t40% {\n\t\t-webkit-transform: perspective(400px) rotateY(-20deg);\n\t\ttransform: perspective(400px) rotateY(-20deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in\n\t}\n\t60% {\n\t\t-webkit-transform: perspective(400px) rotateY(10deg);\n\t\ttransform: perspective(400px) rotateY(10deg);\n\t\topacity: 1\n\t}\n\t80% {\n\t\t-webkit-transform: perspective(400px) rotateY(-5deg);\n\t\ttransform: perspective(400px) rotateY(-5deg)\n\t}\n\tto {\n\t\t-webkit-transform: perspective(400px);\n\t\ttransform: perspective(400px)\n\t}\n}\n\n@keyframes flipInY {\n\t0% {\n\t\t-webkit-transform: perspective(400px) rotateY(90deg);\n\t\ttransform: perspective(400px) rotateY(90deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in;\n\t\topacity: 0\n\t}\n\t40% {\n\t\t-webkit-transform: perspective(400px) rotateY(-20deg);\n\t\ttransform: perspective(400px) rotateY(-20deg);\n\t\t-webkit-animation-timing-function: ease-in;\n\t\tanimation-timing-function: ease-in\n\t}\n\t60% {\n\t\t-webkit-transform: perspective(400px) rotateY(10deg);\n\t\ttransform: perspective(400px) rotateY(10deg);\n\t\topacity: 1\n\t}\n\t80% {\n\t\t-webkit-transform: perspective(400px) rotateY(-5deg);\n\t\ttransform: perspective(400px) rotateY(-5deg)\n\t}\n\tto {\n\t\t-webkit-transform: perspective(400px);\n\t\ttransform: perspective(400px)\n\t}\n}\n\n.flipInY {\n\t-webkit-backface-visibility: visible!important;\n\tbackface-visibility: visible!important;\n\t-webkit-animation-name: flipInY;\n\tanimation-name: flipInY\n}\n\n@-webkit-keyframes flipOutX {\n\t0% {\n\t\t-webkit-transform: perspective(400px);\n\t\ttransform: perspective(400px)\n\t}\n\t30% {\n\t\t-webkit-transform: perspective(400px) rotateX(-20deg);\n\t\ttransform: perspective(400px) rotateX(-20deg);\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform: perspective(400px) rotateX(90deg);\n\t\ttransform: perspective(400px) rotateX(90deg);\n\t\topacity: 0\n\t}\n}\n\n@keyframes flipOutX {\n\t0% {\n\t\t-webkit-transform: perspective(400px);\n\t\ttransform: perspective(400px)\n\t}\n\t30% {\n\t\t-webkit-transform: perspective(400px) rotateX(-20deg);\n\t\ttransform: perspective(400px) rotateX(-20deg);\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform: perspective(400px) rotateX(90deg);\n\t\ttransform: perspective(400px) rotateX(90deg);\n\t\topacity: 0\n\t}\n}\n\n.flipOutX {\n\t-webkit-animation-duration: .75s;\n\tanimation-duration: .75s;\n\t-webkit-animation-name: flipOutX;\n\tanimation-name: flipOutX;\n\t-webkit-backface-visibility: visible!important;\n\tbackface-visibility: visible!important\n}\n\n@-webkit-keyframes flipOutY {\n\t0% {\n\t\t-webkit-transform: perspective(400px);\n\t\ttransform: perspective(400px)\n\t}\n\t30% {\n\t\t-webkit-transform: perspective(400px) rotateY(-15deg);\n\t\ttransform: perspective(400px) rotateY(-15deg);\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform: perspective(400px) rotateY(90deg);\n\t\ttransform: perspective(400px) rotateY(90deg);\n\t\topacity: 0\n\t}\n}\n\n@keyframes flipOutY {\n\t0% {\n\t\t-webkit-transform: perspective(400px);\n\t\ttransform: perspective(400px)\n\t}\n\t30% {\n\t\t-webkit-transform: perspective(400px) rotateY(-15deg);\n\t\ttransform: perspective(400px) rotateY(-15deg);\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform: perspective(400px) rotateY(90deg);\n\t\ttransform: perspective(400px) rotateY(90deg);\n\t\topacity: 0\n\t}\n}\n\n.flipOutY {\n\t-webkit-animation-duration: .75s;\n\tanimation-duration: .75s;\n\t-webkit-backface-visibility: visible!important;\n\tbackface-visibility: visible!important;\n\t-webkit-animation-name: flipOutY;\n\tanimation-name: flipOutY\n}\n\n@-webkit-keyframes lightSpeedIn {\n\t0% {\n\t\t-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n\t\ttransform: translate3d(100%, 0, 0) skewX(-30deg);\n\t\topacity: 0\n\t}\n\t60% {\n\t\t-webkit-transform: skewX(20deg);\n\t\ttransform: skewX(20deg);\n\t\topacity: 1\n\t}\n\t80% {\n\t\t-webkit-transform: skewX(-5deg);\n\t\ttransform: skewX(-5deg)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes lightSpeedIn {\n\t0% {\n\t\t-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n\t\ttransform: translate3d(100%, 0, 0) skewX(-30deg);\n\t\topacity: 0\n\t}\n\t60% {\n\t\t-webkit-transform: skewX(20deg);\n\t\ttransform: skewX(20deg);\n\t\topacity: 1\n\t}\n\t80% {\n\t\t-webkit-transform: skewX(-5deg);\n\t\ttransform: skewX(-5deg)\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.lightSpeedIn {\n\t-webkit-animation-name: lightSpeedIn;\n\tanimation-name: lightSpeedIn;\n\t-webkit-animation-timing-function: ease-out;\n\tanimation-timing-function: ease-out\n}\n\n@-webkit-keyframes lightSpeedOut {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n\t\ttransform: translate3d(100%, 0, 0) skewX(30deg);\n\t\topacity: 0\n\t}\n}\n\n@keyframes lightSpeedOut {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n\t\ttransform: translate3d(100%, 0, 0) skewX(30deg);\n\t\topacity: 0\n\t}\n}\n\n.lightSpeedOut {\n\t-webkit-animation-name: lightSpeedOut;\n\tanimation-name: lightSpeedOut;\n\t-webkit-animation-timing-function: ease-in;\n\tanimation-timing-function: ease-in\n}\n\n@-webkit-keyframes rotateIn {\n\t0% {\n\t\t-webkit-transform-origin: center;\n\t\ttransform-origin: center;\n\t\t-webkit-transform: rotate(-200deg);\n\t\ttransform: rotate(-200deg);\n\t\topacity: 0\n\t}\n\tto {\n\t\t-webkit-transform-origin: center;\n\t\ttransform-origin: center;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0);\n\t\topacity: 1\n\t}\n}\n\n@keyframes rotateIn {\n\t0% {\n\t\t-webkit-transform-origin: center;\n\t\ttransform-origin: center;\n\t\t-webkit-transform: rotate(-200deg);\n\t\ttransform: rotate(-200deg);\n\t\topacity: 0\n\t}\n\tto {\n\t\t-webkit-transform-origin: center;\n\t\ttransform-origin: center;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0);\n\t\topacity: 1\n\t}\n}\n\n.rotateIn {\n\t-webkit-animation-name: rotateIn;\n\tanimation-name: rotateIn\n}\n\n@-webkit-keyframes rotateInDownLeft {\n\t0% {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: rotate(-45deg);\n\t\ttransform: rotate(-45deg);\n\t\topacity: 0\n\t}\n\tto {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0);\n\t\topacity: 1\n\t}\n}\n\n@keyframes rotateInDownLeft {\n\t0% {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: rotate(-45deg);\n\t\ttransform: rotate(-45deg);\n\t\topacity: 0\n\t}\n\tto {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0);\n\t\topacity: 1\n\t}\n}\n\n.rotateInDownLeft {\n\t-webkit-animation-name: rotateInDownLeft;\n\tanimation-name: rotateInDownLeft\n}\n\n@-webkit-keyframes rotateInDownRight {\n\t0% {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: rotate(45deg);\n\t\ttransform: rotate(45deg);\n\t\topacity: 0\n\t}\n\tto {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0);\n\t\topacity: 1\n\t}\n}\n\n@keyframes rotateInDownRight {\n\t0% {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: rotate(45deg);\n\t\ttransform: rotate(45deg);\n\t\topacity: 0\n\t}\n\tto {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0);\n\t\topacity: 1\n\t}\n}\n\n.rotateInDownRight {\n\t-webkit-animation-name: rotateInDownRight;\n\tanimation-name: rotateInDownRight\n}\n\n@-webkit-keyframes rotateInUpLeft {\n\t0% {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: rotate(45deg);\n\t\ttransform: rotate(45deg);\n\t\topacity: 0\n\t}\n\tto {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0);\n\t\topacity: 1\n\t}\n}\n\n@keyframes rotateInUpLeft {\n\t0% {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: rotate(45deg);\n\t\ttransform: rotate(45deg);\n\t\topacity: 0\n\t}\n\tto {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0);\n\t\topacity: 1\n\t}\n}\n\n.rotateInUpLeft {\n\t-webkit-animation-name: rotateInUpLeft;\n\tanimation-name: rotateInUpLeft\n}\n\n@-webkit-keyframes rotateInUpRight {\n\t0% {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: rotate(-90deg);\n\t\ttransform: rotate(-90deg);\n\t\topacity: 0\n\t}\n\tto {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0);\n\t\topacity: 1\n\t}\n}\n\n@keyframes rotateInUpRight {\n\t0% {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: rotate(-90deg);\n\t\ttransform: rotate(-90deg);\n\t\topacity: 0\n\t}\n\tto {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0);\n\t\topacity: 1\n\t}\n}\n\n.rotateInUpRight {\n\t-webkit-animation-name: rotateInUpRight;\n\tanimation-name: rotateInUpRight\n}\n\n@-webkit-keyframes rotateOut {\n\t0% {\n\t\t-webkit-transform-origin: center;\n\t\ttransform-origin: center;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform-origin: center;\n\t\ttransform-origin: center;\n\t\t-webkit-transform: rotate(200deg);\n\t\ttransform: rotate(200deg);\n\t\topacity: 0\n\t}\n}\n\n@keyframes rotateOut {\n\t0% {\n\t\t-webkit-transform-origin: center;\n\t\ttransform-origin: center;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform-origin: center;\n\t\ttransform-origin: center;\n\t\t-webkit-transform: rotate(200deg);\n\t\ttransform: rotate(200deg);\n\t\topacity: 0\n\t}\n}\n\n.rotateOut {\n\t-webkit-animation-name: rotateOut;\n\tanimation-name: rotateOut\n}\n\n@-webkit-keyframes rotateOutDownLeft {\n\t0% {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: rotate(45deg);\n\t\ttransform: rotate(45deg);\n\t\topacity: 0\n\t}\n}\n\n@keyframes rotateOutDownLeft {\n\t0% {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: rotate(45deg);\n\t\ttransform: rotate(45deg);\n\t\topacity: 0\n\t}\n}\n\n.rotateOutDownLeft {\n\t-webkit-animation-name: rotateOutDownLeft;\n\tanimation-name: rotateOutDownLeft\n}\n\n@-webkit-keyframes rotateOutDownRight {\n\t0% {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: rotate(-45deg);\n\t\ttransform: rotate(-45deg);\n\t\topacity: 0\n\t}\n}\n\n@keyframes rotateOutDownRight {\n\t0% {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: rotate(-45deg);\n\t\ttransform: rotate(-45deg);\n\t\topacity: 0\n\t}\n}\n\n.rotateOutDownRight {\n\t-webkit-animation-name: rotateOutDownRight;\n\tanimation-name: rotateOutDownRight\n}\n\n@-webkit-keyframes rotateOutUpLeft {\n\t0% {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: rotate(-45deg);\n\t\ttransform: rotate(-45deg);\n\t\topacity: 0\n\t}\n}\n\n@keyframes rotateOutUpLeft {\n\t0% {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform-origin: left bottom;\n\t\ttransform-origin: left bottom;\n\t\t-webkit-transform: rotate(-45deg);\n\t\ttransform: rotate(-45deg);\n\t\topacity: 0\n\t}\n}\n\n.rotateOutUpLeft {\n\t-webkit-animation-name: rotateOutUpLeft;\n\tanimation-name: rotateOutUpLeft\n}\n\n@-webkit-keyframes rotateOutUpRight {\n\t0% {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: rotate(90deg);\n\t\ttransform: rotate(90deg);\n\t\topacity: 0\n\t}\n}\n\n@keyframes rotateOutUpRight {\n\t0% {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform-origin: right bottom;\n\t\ttransform-origin: right bottom;\n\t\t-webkit-transform: rotate(90deg);\n\t\ttransform: rotate(90deg);\n\t\topacity: 0\n\t}\n}\n\n.rotateOutUpRight {\n\t-webkit-animation-name: rotateOutUpRight;\n\tanimation-name: rotateOutUpRight\n}\n\n@-webkit-keyframes hinge {\n\t0% {\n\t\t-webkit-transform-origin: top left;\n\t\ttransform-origin: top left;\n\t\t-webkit-animation-timing-function: ease-in-out;\n\t\tanimation-timing-function: ease-in-out\n\t}\n\t20%,\n\t60% {\n\t\t-webkit-transform: rotate(80deg);\n\t\ttransform: rotate(80deg);\n\t\t-webkit-transform-origin: top left;\n\t\ttransform-origin: top left;\n\t\t-webkit-animation-timing-function: ease-in-out;\n\t\tanimation-timing-function: ease-in-out\n\t}\n\t40%,\n\t80% {\n\t\t-webkit-transform: rotate(60deg);\n\t\ttransform: rotate(60deg);\n\t\t-webkit-transform-origin: top left;\n\t\ttransform-origin: top left;\n\t\t-webkit-animation-timing-function: ease-in-out;\n\t\tanimation-timing-function: ease-in-out;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform: translate3d(0, 700px, 0);\n\t\ttransform: translate3d(0, 700px, 0);\n\t\topacity: 0\n\t}\n}\n\n@keyframes hinge {\n\t0% {\n\t\t-webkit-transform-origin: top left;\n\t\ttransform-origin: top left;\n\t\t-webkit-animation-timing-function: ease-in-out;\n\t\tanimation-timing-function: ease-in-out\n\t}\n\t20%,\n\t60% {\n\t\t-webkit-transform: rotate(80deg);\n\t\ttransform: rotate(80deg);\n\t\t-webkit-transform-origin: top left;\n\t\ttransform-origin: top left;\n\t\t-webkit-animation-timing-function: ease-in-out;\n\t\tanimation-timing-function: ease-in-out\n\t}\n\t40%,\n\t80% {\n\t\t-webkit-transform: rotate(60deg);\n\t\ttransform: rotate(60deg);\n\t\t-webkit-transform-origin: top left;\n\t\ttransform-origin: top left;\n\t\t-webkit-animation-timing-function: ease-in-out;\n\t\tanimation-timing-function: ease-in-out;\n\t\topacity: 1\n\t}\n\tto {\n\t\t-webkit-transform: translate3d(0, 700px, 0);\n\t\ttransform: translate3d(0, 700px, 0);\n\t\topacity: 0\n\t}\n}\n\n.hinge {\n\t-webkit-animation-duration: 2s;\n\tanimation-duration: 2s;\n\t-webkit-animation-name: hinge;\n\tanimation-name: hinge\n}\n\n@-webkit-keyframes jackInTheBox {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale(.1) rotate(30deg);\n\t\ttransform: scale(.1) rotate(30deg);\n\t\t-webkit-transform-origin: center bottom;\n\t\ttransform-origin: center bottom\n\t}\n\t50% {\n\t\t-webkit-transform: rotate(-10deg);\n\t\ttransform: rotate(-10deg)\n\t}\n\t70% {\n\t\t-webkit-transform: rotate(3deg);\n\t\ttransform: rotate(3deg)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1)\n\t}\n}\n\n@keyframes jackInTheBox {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale(.1) rotate(30deg);\n\t\ttransform: scale(.1) rotate(30deg);\n\t\t-webkit-transform-origin: center bottom;\n\t\ttransform-origin: center bottom\n\t}\n\t50% {\n\t\t-webkit-transform: rotate(-10deg);\n\t\ttransform: rotate(-10deg)\n\t}\n\t70% {\n\t\t-webkit-transform: rotate(3deg);\n\t\ttransform: rotate(3deg)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1)\n\t}\n}\n\n.jackInTheBox {\n\t-webkit-animation-name: jackInTheBox;\n\tanimation-name: jackInTheBox\n}\n\n@-webkit-keyframes rollIn {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);\n\t\ttransform: translate3d(-100%, 0, 0) rotate(-120deg)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes rollIn {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);\n\t\ttransform: translate3d(-100%, 0, 0) rotate(-120deg)\n\t}\n\tto {\n\t\topacity: 1;\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.rollIn {\n\t-webkit-animation-name: rollIn;\n\tanimation-name: rollIn\n}\n\n@-webkit-keyframes rollOut {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);\n\t\ttransform: translate3d(100%, 0, 0) rotate(120deg)\n\t}\n}\n\n@keyframes rollOut {\n\t0% {\n\t\topacity: 1\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);\n\t\ttransform: translate3d(100%, 0, 0) rotate(120deg)\n\t}\n}\n\n.rollOut {\n\t-webkit-animation-name: rollOut;\n\tanimation-name: rollOut\n}\n\n@-webkit-keyframes zoomIn {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.3, .3, .3);\n\t\ttransform: scale3d(.3, .3, .3)\n\t}\n\t50% {\n\t\topacity: 1\n\t}\n}\n\n@keyframes zoomIn {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.3, .3, .3);\n\t\ttransform: scale3d(.3, .3, .3)\n\t}\n\t50% {\n\t\topacity: 1\n\t}\n}\n\n.zoomIn {\n\t-webkit-animation-name: zoomIn;\n\tanimation-name: zoomIn\n}\n\n@-webkit-keyframes zoomInDown {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n@keyframes zoomInDown {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n.zoomInDown {\n\t-webkit-animation-name: zoomInDown;\n\tanimation-name: zoomInDown\n}\n\n@-webkit-keyframes zoomInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n@keyframes zoomInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n.zoomInLeft {\n\t-webkit-animation-name: zoomInLeft;\n\tanimation-name: zoomInLeft\n}\n\n@-webkit-keyframes zoomInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n@keyframes zoomInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n.zoomInRight {\n\t-webkit-animation-name: zoomInRight;\n\tanimation-name: zoomInRight\n}\n\n@-webkit-keyframes zoomInUp {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n@keyframes zoomInUp {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n.zoomInUp {\n\t-webkit-animation-name: zoomInUp;\n\tanimation-name: zoomInUp\n}\n\n@-webkit-keyframes zoomOut {\n\t0% {\n\t\topacity: 1\n\t}\n\t50% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.3, .3, .3);\n\t\ttransform: scale3d(.3, .3, .3)\n\t}\n\tto {\n\t\topacity: 0\n\t}\n}\n\n@keyframes zoomOut {\n\t0% {\n\t\topacity: 1\n\t}\n\t50% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.3, .3, .3);\n\t\ttransform: scale3d(.3, .3, .3)\n\t}\n\tto {\n\t\topacity: 0\n\t}\n}\n\n.zoomOut {\n\t-webkit-animation-name: zoomOut;\n\tanimation-name: zoomOut\n}\n\n@-webkit-keyframes zoomOutDown {\n\t40% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\n\t\t-webkit-transform-origin: center bottom;\n\t\ttransform-origin: center bottom;\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n@keyframes zoomOutDown {\n\t40% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\n\t\t-webkit-transform-origin: center bottom;\n\t\ttransform-origin: center bottom;\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n.zoomOutDown {\n\t-webkit-animation-name: zoomOutDown;\n\tanimation-name: zoomOutDown\n}\n\n@-webkit-keyframes zoomOutLeft {\n\t40% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);\n\t\ttransform: scale(.1) translate3d(-2000px, 0, 0);\n\t\t-webkit-transform-origin: left center;\n\t\ttransform-origin: left center\n\t}\n}\n\n@keyframes zoomOutLeft {\n\t40% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);\n\t\ttransform: scale(.1) translate3d(-2000px, 0, 0);\n\t\t-webkit-transform-origin: left center;\n\t\ttransform-origin: left center\n\t}\n}\n\n.zoomOutLeft {\n\t-webkit-animation-name: zoomOutLeft;\n\tanimation-name: zoomOutLeft\n}\n\n@-webkit-keyframes zoomOutRight {\n\t40% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: scale(.1) translate3d(2000px, 0, 0);\n\t\ttransform: scale(.1) translate3d(2000px, 0, 0);\n\t\t-webkit-transform-origin: right center;\n\t\ttransform-origin: right center\n\t}\n}\n\n@keyframes zoomOutRight {\n\t40% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: scale(.1) translate3d(2000px, 0, 0);\n\t\ttransform: scale(.1) translate3d(2000px, 0, 0);\n\t\t-webkit-transform-origin: right center;\n\t\ttransform-origin: right center\n\t}\n}\n\n.zoomOutRight {\n\t-webkit-animation-name: zoomOutRight;\n\tanimation-name: zoomOutRight\n}\n\n@-webkit-keyframes zoomOutUp {\n\t40% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\n\t\t-webkit-transform-origin: center bottom;\n\t\ttransform-origin: center bottom;\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n@keyframes zoomOutUp {\n\t40% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n\t\ttransform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\n\t\t-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);\n\t\tanimation-timing-function: cubic-bezier(.55, .055, .675, .19)\n\t}\n\tto {\n\t\topacity: 0;\n\t\t-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\n\t\ttransform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\n\t\t-webkit-transform-origin: center bottom;\n\t\ttransform-origin: center bottom;\n\t\t-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);\n\t\tanimation-timing-function: cubic-bezier(.175, .885, .32, 1)\n\t}\n}\n\n.zoomOutUp {\n\t-webkit-animation-name: zoomOutUp;\n\tanimation-name: zoomOutUp\n}\n\n@-webkit-keyframes slideInDown {\n\t0% {\n\t\t-webkit-transform: translate3d(0, -100%, 0);\n\t\ttransform: translate3d(0, -100%, 0);\n\t\tvisibility: visible\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes slideInDown {\n\t0% {\n\t\t-webkit-transform: translate3d(0, -100%, 0);\n\t\ttransform: translate3d(0, -100%, 0);\n\t\tvisibility: visible\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.slideInDown {\n\t-webkit-animation-name: slideInDown;\n\tanimation-name: slideInDown\n}\n\n@-webkit-keyframes slideInLeft {\n\t0% {\n\t\t-webkit-transform: translate3d(-100%, 0, 0);\n\t\ttransform: translate3d(-100%, 0, 0);\n\t\tvisibility: visible\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes slideInLeft {\n\t0% {\n\t\t-webkit-transform: translate3d(-100%, 0, 0);\n\t\ttransform: translate3d(-100%, 0, 0);\n\t\tvisibility: visible\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.slideInLeft {\n\t-webkit-animation-name: slideInLeft;\n\tanimation-name: slideInLeft\n}\n\n@-webkit-keyframes slideInRight {\n\t0% {\n\t\t-webkit-transform: translate3d(100%, 0, 0);\n\t\ttransform: translate3d(100%, 0, 0);\n\t\tvisibility: visible\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes slideInRight {\n\t0% {\n\t\t-webkit-transform: translate3d(100%, 0, 0);\n\t\ttransform: translate3d(100%, 0, 0);\n\t\tvisibility: visible\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.slideInRight {\n\t-webkit-animation-name: slideInRight;\n\tanimation-name: slideInRight\n}\n\n@-webkit-keyframes slideInUp {\n\t0% {\n\t\t-webkit-transform: translate3d(0, 100%, 0);\n\t\ttransform: translate3d(0, 100%, 0);\n\t\tvisibility: visible\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n@keyframes slideInUp {\n\t0% {\n\t\t-webkit-transform: translate3d(0, 100%, 0);\n\t\ttransform: translate3d(0, 100%, 0);\n\t\tvisibility: visible\n\t}\n\tto {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n}\n\n.slideInUp {\n\t-webkit-animation-name: slideInUp;\n\tanimation-name: slideInUp\n}\n\n@-webkit-keyframes slideOutDown {\n\t0% {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\tto {\n\t\tvisibility: hidden;\n\t\t-webkit-transform: translate3d(0, 100%, 0);\n\t\ttransform: translate3d(0, 100%, 0)\n\t}\n}\n\n@keyframes slideOutDown {\n\t0% {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\tto {\n\t\tvisibility: hidden;\n\t\t-webkit-transform: translate3d(0, 100%, 0);\n\t\ttransform: translate3d(0, 100%, 0)\n\t}\n}\n\n.slideOutDown {\n\t-webkit-animation-name: slideOutDown;\n\tanimation-name: slideOutDown\n}\n\n@-webkit-keyframes slideOutLeft {\n\t0% {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\tto {\n\t\tvisibility: hidden;\n\t\t-webkit-transform: translate3d(-100%, 0, 0);\n\t\ttransform: translate3d(-100%, 0, 0)\n\t}\n}\n\n@keyframes slideOutLeft {\n\t0% {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\tto {\n\t\tvisibility: hidden;\n\t\t-webkit-transform: translate3d(-100%, 0, 0);\n\t\ttransform: translate3d(-100%, 0, 0)\n\t}\n}\n\n.slideOutLeft {\n\t-webkit-animation-name: slideOutLeft;\n\tanimation-name: slideOutLeft\n}\n\n@-webkit-keyframes slideOutRight {\n\t0% {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\tto {\n\t\tvisibility: hidden;\n\t\t-webkit-transform: translate3d(100%, 0, 0);\n\t\ttransform: translate3d(100%, 0, 0)\n\t}\n}\n\n@keyframes slideOutRight {\n\t0% {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\tto {\n\t\tvisibility: hidden;\n\t\t-webkit-transform: translate3d(100%, 0, 0);\n\t\ttransform: translate3d(100%, 0, 0)\n\t}\n}\n\n.slideOutRight {\n\t-webkit-animation-name: slideOutRight;\n\tanimation-name: slideOutRight\n}\n\n@-webkit-keyframes slideOutUp {\n\t0% {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\tto {\n\t\tvisibility: hidden;\n\t\t-webkit-transform: translate3d(0, -100%, 0);\n\t\ttransform: translate3d(0, -100%, 0)\n\t}\n}\n\n@keyframes slideOutUp {\n\t0% {\n\t\t-webkit-transform: translateZ(0);\n\t\ttransform: translateZ(0)\n\t}\n\tto {\n\t\tvisibility: hidden;\n\t\t-webkit-transform: translate3d(0, -100%, 0);\n\t\ttransform: translate3d(0, -100%, 0)\n\t}\n}\n\n.slideOutUp {\n\t-webkit-animation-name: slideOutUp;\n\tanimation-name: slideOutUp\n}\n\n.animated {\n\t-webkit-animation-duration: 1s;\n\tanimation-duration: 1s;\n\t-webkit-animation-fill-mode: both;\n\tanimation-fill-mode: both\n}\n\n.animated.infinite {\n\t-webkit-animation-iteration-count: infinite;\n\tanimation-iteration-count: infinite\n}\n\n.animated.delay-1s {\n\t-webkit-animation-delay: 1s;\n\tanimation-delay: 1s\n}\n\n.animated.delay-2s {\n\t-webkit-animation-delay: 2s;\n\tanimation-delay: 2s\n}\n\n.animated.delay-3s {\n\t-webkit-animation-delay: 3s;\n\tanimation-delay: 3s\n}\n\n.animated.delay-4s {\n\t-webkit-animation-delay: 4s;\n\tanimation-delay: 4s\n}\n\n.animated.delay-5s {\n\t-webkit-animation-delay: 5s;\n\tanimation-delay: 5s\n}\n\n.animated.duration-0 {\n\t-webkit-animation-duration: 0ms;\n\tanimation-duration: 0ms\n}\n.animated.duration-100 {\n\t-webkit-animation-duration: 100ms;\n\tanimation-duration: 100ms\n}\n.animated.duration-200 {\n\t-webkit-animation-duration: 200ms;\n\tanimation-duration: 200ms\n}\n.animated.duration-300 {\n\t-webkit-animation-duration: 300ms;\n\tanimation-duration: 300ms\n}\n.animated.duration-400 {\n\t-webkit-animation-duration: 400ms;\n\tanimation-duration: 400ms\n}\n.animated.duration-500 {\n\t-webkit-animation-duration: 500ms;\n\tanimation-duration: 500ms\n}\n\n.animated.duration-600 {\n\t-webkit-animation-duration: 600ms;\n\tanimation-duration: 600ms\n}\n\n.animated.duration-700 {\n\t-webkit-animation-duration: 700ms;\n\tanimation-duration: 700ms\n}\n\n.animated.duration-800 {\n\t-webkit-animation-duration: 800ms;\n\tanimation-duration: 800ms\n}\n\n.animated.duration-1000 {\n\t-webkit-animation-duration: 1s;\n\tanimation-duration: 1s;\n}\n\n.animated.duration-2000 {\n\t-webkit-animation-duration: 2s;\n\tanimation-duration: 2s;\n}\n\n\n.animated.duration-3000 {\n\t-webkit-animation-duration: 3s;\n\tanimation-duration: 3s;\n}\n\n.animated.duration-4000 {\n\t-webkit-animation-duration: 4s;\n\tanimation-duration: 4s;\n}\n\n.animated.duration-5000 {\n\t-webkit-animation-duration: 5s;\n\tanimation-duration: 5s;\n}\n\n\n.animated.stop {\n\t-webkit-animation-duration: 0s;\n\tanimation-duration: 0s\n}\n\n.animated.slow {\n\t-webkit-animation-duration: 2s;\n\tanimation-duration: 2s\n}\n\n.animated.slower {\n\t-webkit-animation-duration: 3s;\n\tanimation-duration: 3s\n}\n/*\n@media (prefers-reduced-motion:reduce),\n(print) {\n\t.animated {\n\t\t-webkit-animation-duration: 1ms!important;\n\t\tanimation-duration: 1ms!important;\n\t\t-webkit-transition-duration: 1ms!important;\n\t\ttransition-duration: 1ms!important;\n\t\t-webkit-animation-iteration-count: 1!important;\n\t\tanimation-iteration-count: 1!important\n\t}\n} */\n";