sync

[bootswatch] / MDB Free / sass / mdb / free / _animations.scss

diff --git a/MDB Free/sass/mdb/free/_animations.scss b/MDB Free/sass/mdb/free/_animations.scss
new file mode 100644 (file)
index 0000000..b101515
--- /dev/null
+++ b/MDB Free/sass/mdb/free/_animations.scss
@@ -0,0 +1,3340 @@
+@charset "UTF-8";\r
+\r
+/*!\r
+ * animate.css -http://daneden.me/animate\r
+ * Version - 3.5.1\r
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT\r
+ *\r
+ * Copyright (c) 2016 Daniel Eden\r
+ */\r
+\r
+.animated {\r
+  -webkit-animation-duration: 1s;\r
+  animation-duration: 1s;\r
+  -webkit-animation-fill-mode: both;\r
+  animation-fill-mode: both;\r
+}\r
+\r
+.animated.infinite {\r
+  -webkit-animation-iteration-count: infinite;\r
+  animation-iteration-count: infinite;\r
+}\r
+\r
+.animated.hinge {\r
+  -webkit-animation-duration: 2s;\r
+  animation-duration: 2s;\r
+}\r
+\r
+.animated.flipOutX,\r
+.animated.flipOutY,\r
+.animated.bounceIn,\r
+.animated.bounceOut {\r
+  -webkit-animation-duration: .75s;\r
+  animation-duration: .75s;\r
+}\r
+\r
+@-webkit-keyframes bounce {\r
+  from, 20%, 53%, 80%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    -webkit-transform: translate3d(0,0,0);\r
+    transform: translate3d(0,0,0);\r
+  }\r
+\r
+  40%, 43% {\r
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\r
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\r
+    -webkit-transform: translate3d(0, -30px, 0);\r
+    transform: translate3d(0, -30px, 0);\r
+  }\r
+\r
+  70% {\r
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\r
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\r
+    -webkit-transform: translate3d(0, -15px, 0);\r
+    transform: translate3d(0, -15px, 0);\r
+  }\r
+\r
+  90% {\r
+    -webkit-transform: translate3d(0,-4px,0);\r
+    transform: translate3d(0,-4px,0);\r
+  }\r
+}\r
+\r
+@keyframes bounce {\r
+  from, 20%, 53%, 80%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    -webkit-transform: translate3d(0,0,0);\r
+    transform: translate3d(0,0,0);\r
+  }\r
+\r
+  40%, 43% {\r
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\r
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\r
+    -webkit-transform: translate3d(0, -30px, 0);\r
+    transform: translate3d(0, -30px, 0);\r
+  }\r
+\r
+  70% {\r
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\r
+    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\r
+    -webkit-transform: translate3d(0, -15px, 0);\r
+    transform: translate3d(0, -15px, 0);\r
+  }\r
+\r
+  90% {\r
+    -webkit-transform: translate3d(0,-4px,0);\r
+    transform: translate3d(0,-4px,0);\r
+  }\r
+}\r
+\r
+.bounce {\r
+  -webkit-animation-name: bounce;\r
+  animation-name: bounce;\r
+  -webkit-transform-origin: center bottom;\r
+  transform-origin: center bottom;\r
+}\r
+\r
+@-webkit-keyframes flash {\r
+  from, 50%, to {\r
+    opacity: 1;\r
+  }\r
+\r
+  25%, 75% {\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes flash {\r
+  from, 50%, to {\r
+    opacity: 1;\r
+  }\r
+\r
+  25%, 75% {\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.flash {\r
+  -webkit-animation-name: flash;\r
+  animation-name: flash;\r
+}\r
+\r
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\r
+\r
+@-webkit-keyframes pulse {\r
+  from {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+\r
+  50% {\r
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);\r
+    transform: scale3d(1.05, 1.05, 1.05);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+}\r
+\r
+@keyframes pulse {\r
+  from {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+\r
+  50% {\r
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);\r
+    transform: scale3d(1.05, 1.05, 1.05);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+}\r
+\r
+.pulse {\r
+  -webkit-animation-name: pulse;\r
+  animation-name: pulse;\r
+}\r
+\r
+@-webkit-keyframes rubberBand {\r
+  from {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+\r
+  30% {\r
+    -webkit-transform: scale3d(1.25, 0.75, 1);\r
+    transform: scale3d(1.25, 0.75, 1);\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: scale3d(0.75, 1.25, 1);\r
+    transform: scale3d(0.75, 1.25, 1);\r
+  }\r
+\r
+  50% {\r
+    -webkit-transform: scale3d(1.15, 0.85, 1);\r
+    transform: scale3d(1.15, 0.85, 1);\r
+  }\r
+\r
+  65% {\r
+    -webkit-transform: scale3d(.95, 1.05, 1);\r
+    transform: scale3d(.95, 1.05, 1);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: scale3d(1.05, .95, 1);\r
+    transform: scale3d(1.05, .95, 1);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+}\r
+\r
+@keyframes rubberBand {\r
+  from {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+\r
+  30% {\r
+    -webkit-transform: scale3d(1.25, 0.75, 1);\r
+    transform: scale3d(1.25, 0.75, 1);\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: scale3d(0.75, 1.25, 1);\r
+    transform: scale3d(0.75, 1.25, 1);\r
+  }\r
+\r
+  50% {\r
+    -webkit-transform: scale3d(1.15, 0.85, 1);\r
+    transform: scale3d(1.15, 0.85, 1);\r
+  }\r
+\r
+  65% {\r
+    -webkit-transform: scale3d(.95, 1.05, 1);\r
+    transform: scale3d(.95, 1.05, 1);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: scale3d(1.05, .95, 1);\r
+    transform: scale3d(1.05, .95, 1);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+}\r
+\r
+.rubberBand {\r
+  -webkit-animation-name: rubberBand;\r
+  animation-name: rubberBand;\r
+}\r
+\r
+@-webkit-keyframes shake {\r
+  from, to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+\r
+  10%, 30%, 50%, 70%, 90% {\r
+    -webkit-transform: translate3d(-10px, 0, 0);\r
+    transform: translate3d(-10px, 0, 0);\r
+  }\r
+\r
+  20%, 40%, 60%, 80% {\r
+    -webkit-transform: translate3d(10px, 0, 0);\r
+    transform: translate3d(10px, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes shake {\r
+  from, to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+\r
+  10%, 30%, 50%, 70%, 90% {\r
+    -webkit-transform: translate3d(-10px, 0, 0);\r
+    transform: translate3d(-10px, 0, 0);\r
+  }\r
+\r
+  20%, 40%, 60%, 80% {\r
+    -webkit-transform: translate3d(10px, 0, 0);\r
+    transform: translate3d(10px, 0, 0);\r
+  }\r
+}\r
+\r
+.shake {\r
+  -webkit-animation-name: shake;\r
+  animation-name: shake;\r
+}\r
+\r
+@-webkit-keyframes headShake {\r
+  0% {\r
+    -webkit-transform: translateX(0);\r
+    transform: translateX(0);\r
+  }\r
+\r
+  6.5% {\r
+    -webkit-transform: translateX(-6px) rotateY(-9deg);\r
+    transform: translateX(-6px) rotateY(-9deg);\r
+  }\r
+\r
+  18.5% {\r
+    -webkit-transform: translateX(5px) rotateY(7deg);\r
+    transform: translateX(5px) rotateY(7deg);\r
+  }\r
+\r
+  31.5% {\r
+    -webkit-transform: translateX(-3px) rotateY(-5deg);\r
+    transform: translateX(-3px) rotateY(-5deg);\r
+  }\r
+\r
+  43.5% {\r
+    -webkit-transform: translateX(2px) rotateY(3deg);\r
+    transform: translateX(2px) rotateY(3deg);\r
+  }\r
+\r
+  50% {\r
+    -webkit-transform: translateX(0);\r
+    transform: translateX(0);\r
+  }\r
+}\r
+\r
+@keyframes headShake {\r
+  0% {\r
+    -webkit-transform: translateX(0);\r
+    transform: translateX(0);\r
+  }\r
+\r
+  6.5% {\r
+    -webkit-transform: translateX(-6px) rotateY(-9deg);\r
+    transform: translateX(-6px) rotateY(-9deg);\r
+  }\r
+\r
+  18.5% {\r
+    -webkit-transform: translateX(5px) rotateY(7deg);\r
+    transform: translateX(5px) rotateY(7deg);\r
+  }\r
+\r
+  31.5% {\r
+    -webkit-transform: translateX(-3px) rotateY(-5deg);\r
+    transform: translateX(-3px) rotateY(-5deg);\r
+  }\r
+\r
+  43.5% {\r
+    -webkit-transform: translateX(2px) rotateY(3deg);\r
+    transform: translateX(2px) rotateY(3deg);\r
+  }\r
+\r
+  50% {\r
+    -webkit-transform: translateX(0);\r
+    transform: translateX(0);\r
+  }\r
+}\r
+\r
+.headShake {\r
+  -webkit-animation-timing-function: ease-in-out;\r
+  animation-timing-function: ease-in-out;\r
+  -webkit-animation-name: headShake;\r
+  animation-name: headShake;\r
+}\r
+\r
+@-webkit-keyframes swing {\r
+  20% {\r
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);\r
+    transform: rotate3d(0, 0, 1, 15deg);\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);\r
+    transform: rotate3d(0, 0, 1, -10deg);\r
+  }\r
+\r
+  60% {\r
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);\r
+    transform: rotate3d(0, 0, 1, 5deg);\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);\r
+    transform: rotate3d(0, 0, 1, -5deg);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);\r
+    transform: rotate3d(0, 0, 1, 0deg);\r
+  }\r
+}\r
+\r
+@keyframes swing {\r
+  20% {\r
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);\r
+    transform: rotate3d(0, 0, 1, 15deg);\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);\r
+    transform: rotate3d(0, 0, 1, -10deg);\r
+  }\r
+\r
+  60% {\r
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);\r
+    transform: rotate3d(0, 0, 1, 5deg);\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);\r
+    transform: rotate3d(0, 0, 1, -5deg);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);\r
+    transform: rotate3d(0, 0, 1, 0deg);\r
+  }\r
+}\r
+\r
+.swing {\r
+  -webkit-transform-origin: top center;\r
+  transform-origin: top center;\r
+  -webkit-animation-name: swing;\r
+  animation-name: swing;\r
+}\r
+\r
+@-webkit-keyframes tada {\r
+  from {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+\r
+  10%, 20% {\r
+    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\r
+    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\r
+  }\r
+\r
+  30%, 50%, 70%, 90% {\r
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\r
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\r
+  }\r
+\r
+  40%, 60%, 80% {\r
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\r
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+}\r
+\r
+@keyframes tada {\r
+  from {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+\r
+  10%, 20% {\r
+    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\r
+    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\r
+  }\r
+\r
+  30%, 50%, 70%, 90% {\r
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\r
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\r
+  }\r
+\r
+  40%, 60%, 80% {\r
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\r
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+}\r
+\r
+.tada {\r
+  -webkit-animation-name: tada;\r
+  animation-name: tada;\r
+}\r
+\r
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\r
+\r
+@-webkit-keyframes wobble {\r
+  from {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+\r
+  15% {\r
+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\r
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\r
+  }\r
+\r
+  30% {\r
+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\r
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\r
+  }\r
+\r
+  45% {\r
+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\r
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\r
+  }\r
+\r
+  60% {\r
+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\r
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\r
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes wobble {\r
+  from {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+\r
+  15% {\r
+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\r
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\r
+  }\r
+\r
+  30% {\r
+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\r
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\r
+  }\r
+\r
+  45% {\r
+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\r
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\r
+  }\r
+\r
+  60% {\r
+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\r
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\r
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.wobble {\r
+  -webkit-animation-name: wobble;\r
+  animation-name: wobble;\r
+}\r
+\r
+@-webkit-keyframes jello {\r
+  from, 11.1%, to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+\r
+  22.2% {\r
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\r
+    transform: skewX(-12.5deg) skewY(-12.5deg);\r
+  }\r
+\r
+  33.3% {\r
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);\r
+    transform: skewX(6.25deg) skewY(6.25deg);\r
+  }\r
+\r
+  44.4% {\r
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\r
+    transform: skewX(-3.125deg) skewY(-3.125deg);\r
+  }\r
+\r
+  55.5% {\r
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\r
+    transform: skewX(1.5625deg) skewY(1.5625deg);\r
+  }\r
+\r
+  66.6% {\r
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\r
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);\r
+  }\r
+\r
+  77.7% {\r
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);\r
+    transform: skewX(0.390625deg) skewY(0.390625deg);\r
+  }\r
+\r
+  88.8% {\r
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\r
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\r
+  }\r
+}\r
+\r
+@keyframes jello {\r
+  from, 11.1%, to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+\r
+  22.2% {\r
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\r
+    transform: skewX(-12.5deg) skewY(-12.5deg);\r
+  }\r
+\r
+  33.3% {\r
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);\r
+    transform: skewX(6.25deg) skewY(6.25deg);\r
+  }\r
+\r
+  44.4% {\r
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\r
+    transform: skewX(-3.125deg) skewY(-3.125deg);\r
+  }\r
+\r
+  55.5% {\r
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\r
+    transform: skewX(1.5625deg) skewY(1.5625deg);\r
+  }\r
+\r
+  66.6% {\r
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\r
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);\r
+  }\r
+\r
+  77.7% {\r
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);\r
+    transform: skewX(0.390625deg) skewY(0.390625deg);\r
+  }\r
+\r
+  88.8% {\r
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\r
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\r
+  }\r
+}\r
+\r
+.jello {\r
+  -webkit-animation-name: jello;\r
+  animation-name: jello;\r
+  -webkit-transform-origin: center;\r
+  transform-origin: center;\r
+}\r
+\r
+@-webkit-keyframes bounceIn {\r
+  from, 20%, 40%, 60%, 80%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+  }\r
+\r
+  0% {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.3, .3, .3);\r
+    transform: scale3d(.3, .3, .3);\r
+  }\r
+\r
+  20% {\r
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);\r
+    transform: scale3d(1.1, 1.1, 1.1);\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: scale3d(.9, .9, .9);\r
+    transform: scale3d(.9, .9, .9);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);\r
+    transform: scale3d(1.03, 1.03, 1.03);\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: scale3d(.97, .97, .97);\r
+    transform: scale3d(.97, .97, .97);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+}\r
+\r
+@keyframes bounceIn {\r
+  from, 20%, 40%, 60%, 80%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+  }\r
+\r
+  0% {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.3, .3, .3);\r
+    transform: scale3d(.3, .3, .3);\r
+  }\r
+\r
+  20% {\r
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);\r
+    transform: scale3d(1.1, 1.1, 1.1);\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: scale3d(.9, .9, .9);\r
+    transform: scale3d(.9, .9, .9);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);\r
+    transform: scale3d(1.03, 1.03, 1.03);\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: scale3d(.97, .97, .97);\r
+    transform: scale3d(.97, .97, .97);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(1, 1, 1);\r
+    transform: scale3d(1, 1, 1);\r
+  }\r
+}\r
+\r
+.bounceIn {\r
+  -webkit-animation-name: bounceIn;\r
+  animation-name: bounceIn;\r
+}\r
+\r
+@-webkit-keyframes bounceInDown {\r
+  from, 60%, 75%, 90%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+  }\r
+\r
+  0% {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -3000px, 0);\r
+    transform: translate3d(0, -3000px, 0);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(0, 25px, 0);\r
+    transform: translate3d(0, 25px, 0);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: translate3d(0, -10px, 0);\r
+    transform: translate3d(0, -10px, 0);\r
+  }\r
+\r
+  90% {\r
+    -webkit-transform: translate3d(0, 5px, 0);\r
+    transform: translate3d(0, 5px, 0);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes bounceInDown {\r
+  from, 60%, 75%, 90%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+  }\r
+\r
+  0% {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -3000px, 0);\r
+    transform: translate3d(0, -3000px, 0);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(0, 25px, 0);\r
+    transform: translate3d(0, 25px, 0);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: translate3d(0, -10px, 0);\r
+    transform: translate3d(0, -10px, 0);\r
+  }\r
+\r
+  90% {\r
+    -webkit-transform: translate3d(0, 5px, 0);\r
+    transform: translate3d(0, 5px, 0);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.bounceInDown {\r
+  -webkit-animation-name: bounceInDown;\r
+  animation-name: bounceInDown;\r
+}\r
+\r
+@-webkit-keyframes bounceInLeft {\r
+  from, 60%, 75%, 90%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+  }\r
+\r
+  0% {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-3000px, 0, 0);\r
+    transform: translate3d(-3000px, 0, 0);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(25px, 0, 0);\r
+    transform: translate3d(25px, 0, 0);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: translate3d(-10px, 0, 0);\r
+    transform: translate3d(-10px, 0, 0);\r
+  }\r
+\r
+  90% {\r
+    -webkit-transform: translate3d(5px, 0, 0);\r
+    transform: translate3d(5px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes bounceInLeft {\r
+  from, 60%, 75%, 90%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+  }\r
+\r
+  0% {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-3000px, 0, 0);\r
+    transform: translate3d(-3000px, 0, 0);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(25px, 0, 0);\r
+    transform: translate3d(25px, 0, 0);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: translate3d(-10px, 0, 0);\r
+    transform: translate3d(-10px, 0, 0);\r
+  }\r
+\r
+  90% {\r
+    -webkit-transform: translate3d(5px, 0, 0);\r
+    transform: translate3d(5px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.bounceInLeft {\r
+  -webkit-animation-name: bounceInLeft;\r
+  animation-name: bounceInLeft;\r
+}\r
+\r
+@-webkit-keyframes bounceInRight {\r
+  from, 60%, 75%, 90%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+  }\r
+\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(3000px, 0, 0);\r
+    transform: translate3d(3000px, 0, 0);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(-25px, 0, 0);\r
+    transform: translate3d(-25px, 0, 0);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: translate3d(10px, 0, 0);\r
+    transform: translate3d(10px, 0, 0);\r
+  }\r
+\r
+  90% {\r
+    -webkit-transform: translate3d(-5px, 0, 0);\r
+    transform: translate3d(-5px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes bounceInRight {\r
+  from, 60%, 75%, 90%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+  }\r
+\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(3000px, 0, 0);\r
+    transform: translate3d(3000px, 0, 0);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(-25px, 0, 0);\r
+    transform: translate3d(-25px, 0, 0);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: translate3d(10px, 0, 0);\r
+    transform: translate3d(10px, 0, 0);\r
+  }\r
+\r
+  90% {\r
+    -webkit-transform: translate3d(-5px, 0, 0);\r
+    transform: translate3d(-5px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.bounceInRight {\r
+  -webkit-animation-name: bounceInRight;\r
+  animation-name: bounceInRight;\r
+}\r
+\r
+@-webkit-keyframes bounceInUp {\r
+  from, 60%, 75%, 90%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+  }\r
+\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 3000px, 0);\r
+    transform: translate3d(0, 3000px, 0);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(0, -20px, 0);\r
+    transform: translate3d(0, -20px, 0);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: translate3d(0, 10px, 0);\r
+    transform: translate3d(0, 10px, 0);\r
+  }\r
+\r
+  90% {\r
+    -webkit-transform: translate3d(0, -5px, 0);\r
+    transform: translate3d(0, -5px, 0);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes bounceInUp {\r
+  from, 60%, 75%, 90%, to {\r
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\r
+  }\r
+\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 3000px, 0);\r
+    transform: translate3d(0, 3000px, 0);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(0, -20px, 0);\r
+    transform: translate3d(0, -20px, 0);\r
+  }\r
+\r
+  75% {\r
+    -webkit-transform: translate3d(0, 10px, 0);\r
+    transform: translate3d(0, 10px, 0);\r
+  }\r
+\r
+  90% {\r
+    -webkit-transform: translate3d(0, -5px, 0);\r
+    transform: translate3d(0, -5px, 0);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+}\r
+\r
+.bounceInUp {\r
+  -webkit-animation-name: bounceInUp;\r
+  animation-name: bounceInUp;\r
+}\r
+\r
+@-webkit-keyframes bounceOut {\r
+  20% {\r
+    -webkit-transform: scale3d(.9, .9, .9);\r
+    transform: scale3d(.9, .9, .9);\r
+  }\r
+\r
+  50%, 55% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);\r
+    transform: scale3d(1.1, 1.1, 1.1);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.3, .3, .3);\r
+    transform: scale3d(.3, .3, .3);\r
+  }\r
+}\r
+\r
+@keyframes bounceOut {\r
+  20% {\r
+    -webkit-transform: scale3d(.9, .9, .9);\r
+    transform: scale3d(.9, .9, .9);\r
+  }\r
+\r
+  50%, 55% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);\r
+    transform: scale3d(1.1, 1.1, 1.1);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.3, .3, .3);\r
+    transform: scale3d(.3, .3, .3);\r
+  }\r
+}\r
+\r
+.bounceOut {\r
+  -webkit-animation-name: bounceOut;\r
+  animation-name: bounceOut;\r
+}\r
+\r
+@-webkit-keyframes bounceOutDown {\r
+  20% {\r
+    -webkit-transform: translate3d(0, 10px, 0);\r
+    transform: translate3d(0, 10px, 0);\r
+  }\r
+\r
+  40%, 45% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(0, -20px, 0);\r
+    transform: translate3d(0, -20px, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 2000px, 0);\r
+    transform: translate3d(0, 2000px, 0);\r
+  }\r
+}\r
+\r
+@keyframes bounceOutDown {\r
+  20% {\r
+    -webkit-transform: translate3d(0, 10px, 0);\r
+    transform: translate3d(0, 10px, 0);\r
+  }\r
+\r
+  40%, 45% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(0, -20px, 0);\r
+    transform: translate3d(0, -20px, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 2000px, 0);\r
+    transform: translate3d(0, 2000px, 0);\r
+  }\r
+}\r
+\r
+.bounceOutDown {\r
+  -webkit-animation-name: bounceOutDown;\r
+  animation-name: bounceOutDown;\r
+}\r
+\r
+@-webkit-keyframes bounceOutLeft {\r
+  20% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(20px, 0, 0);\r
+    transform: translate3d(20px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-2000px, 0, 0);\r
+    transform: translate3d(-2000px, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes bounceOutLeft {\r
+  20% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(20px, 0, 0);\r
+    transform: translate3d(20px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-2000px, 0, 0);\r
+    transform: translate3d(-2000px, 0, 0);\r
+  }\r
+}\r
+\r
+.bounceOutLeft {\r
+  -webkit-animation-name: bounceOutLeft;\r
+  animation-name: bounceOutLeft;\r
+}\r
+\r
+@-webkit-keyframes bounceOutRight {\r
+  20% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(-20px, 0, 0);\r
+    transform: translate3d(-20px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(2000px, 0, 0);\r
+    transform: translate3d(2000px, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes bounceOutRight {\r
+  20% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(-20px, 0, 0);\r
+    transform: translate3d(-20px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(2000px, 0, 0);\r
+    transform: translate3d(2000px, 0, 0);\r
+  }\r
+}\r
+\r
+.bounceOutRight {\r
+  -webkit-animation-name: bounceOutRight;\r
+  animation-name: bounceOutRight;\r
+}\r
+\r
+@-webkit-keyframes bounceOutUp {\r
+  20% {\r
+    -webkit-transform: translate3d(0, -10px, 0);\r
+    transform: translate3d(0, -10px, 0);\r
+  }\r
+\r
+  40%, 45% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(0, 20px, 0);\r
+    transform: translate3d(0, 20px, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -2000px, 0);\r
+    transform: translate3d(0, -2000px, 0);\r
+  }\r
+}\r
+\r
+@keyframes bounceOutUp {\r
+  20% {\r
+    -webkit-transform: translate3d(0, -10px, 0);\r
+    transform: translate3d(0, -10px, 0);\r
+  }\r
+\r
+  40%, 45% {\r
+    opacity: 1;\r
+    -webkit-transform: translate3d(0, 20px, 0);\r
+    transform: translate3d(0, 20px, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -2000px, 0);\r
+    transform: translate3d(0, -2000px, 0);\r
+  }\r
+}\r
+\r
+.bounceOutUp {\r
+  -webkit-animation-name: bounceOutUp;\r
+  animation-name: bounceOutUp;\r
+}\r
+\r
+@-webkit-keyframes fadeIn {\r
+  from {\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+@keyframes fadeIn {\r
+  from {\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+.fadeIn {\r
+  -webkit-animation-name: fadeIn;\r
+  animation-name: fadeIn;\r
+}\r
+\r
+@-webkit-keyframes fadeInDown {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -100%, 0);\r
+    transform: translate3d(0, -100%, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes fadeInDown {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -100%, 0);\r
+    transform: translate3d(0, -100%, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.fadeInDown {\r
+  -webkit-animation-name: fadeInDown;\r
+  animation-name: fadeInDown;\r
+}\r
+\r
+@-webkit-keyframes fadeInDownBig {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -2000px, 0);\r
+    transform: translate3d(0, -2000px, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes fadeInDownBig {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -2000px, 0);\r
+    transform: translate3d(0, -2000px, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.fadeInDownBig {\r
+  -webkit-animation-name: fadeInDownBig;\r
+  animation-name: fadeInDownBig;\r
+}\r
+\r
+@-webkit-keyframes fadeInLeft {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-100%, 0, 0);\r
+    transform: translate3d(-100%, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes fadeInLeft {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-100%, 0, 0);\r
+    transform: translate3d(-100%, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.fadeInLeft {\r
+  -webkit-animation-name: fadeInLeft;\r
+  animation-name: fadeInLeft;\r
+}\r
+\r
+@-webkit-keyframes fadeInLeftBig {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-2000px, 0, 0);\r
+    transform: translate3d(-2000px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes fadeInLeftBig {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-2000px, 0, 0);\r
+    transform: translate3d(-2000px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.fadeInLeftBig {\r
+  -webkit-animation-name: fadeInLeftBig;\r
+  animation-name: fadeInLeftBig;\r
+}\r
+\r
+@-webkit-keyframes fadeInRight {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(100%, 0, 0);\r
+    transform: translate3d(100%, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes fadeInRight {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(100%, 0, 0);\r
+    transform: translate3d(100%, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.fadeInRight {\r
+  -webkit-animation-name: fadeInRight;\r
+  animation-name: fadeInRight;\r
+}\r
+\r
+@-webkit-keyframes fadeInRightBig {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(2000px, 0, 0);\r
+    transform: translate3d(2000px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes fadeInRightBig {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(2000px, 0, 0);\r
+    transform: translate3d(2000px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.fadeInRightBig {\r
+  -webkit-animation-name: fadeInRightBig;\r
+  animation-name: fadeInRightBig;\r
+}\r
+\r
+@-webkit-keyframes fadeInUp {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 100%, 0);\r
+    transform: translate3d(0, 100%, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes fadeInUp {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 100%, 0);\r
+    transform: translate3d(0, 100%, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.fadeInUp {\r
+  -webkit-animation-name: fadeInUp;\r
+  animation-name: fadeInUp;\r
+}\r
+\r
+@-webkit-keyframes fadeInUpBig {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 2000px, 0);\r
+    transform: translate3d(0, 2000px, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes fadeInUpBig {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 2000px, 0);\r
+    transform: translate3d(0, 2000px, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.fadeInUpBig {\r
+  -webkit-animation-name: fadeInUpBig;\r
+  animation-name: fadeInUpBig;\r
+}\r
+\r
+@-webkit-keyframes fadeOut {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes fadeOut {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.fadeOut {\r
+  -webkit-animation-name: fadeOut;\r
+  animation-name: fadeOut;\r
+}\r
+\r
+@-webkit-keyframes fadeOutDown {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 100%, 0);\r
+    transform: translate3d(0, 100%, 0);\r
+  }\r
+}\r
+\r
+@keyframes fadeOutDown {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 100%, 0);\r
+    transform: translate3d(0, 100%, 0);\r
+  }\r
+}\r
+\r
+.fadeOutDown {\r
+  -webkit-animation-name: fadeOutDown;\r
+  animation-name: fadeOutDown;\r
+}\r
+\r
+@-webkit-keyframes fadeOutDownBig {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 2000px, 0);\r
+    transform: translate3d(0, 2000px, 0);\r
+  }\r
+}\r
+\r
+@keyframes fadeOutDownBig {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, 2000px, 0);\r
+    transform: translate3d(0, 2000px, 0);\r
+  }\r
+}\r
+\r
+.fadeOutDownBig {\r
+  -webkit-animation-name: fadeOutDownBig;\r
+  animation-name: fadeOutDownBig;\r
+}\r
+\r
+@-webkit-keyframes fadeOutLeft {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-100%, 0, 0);\r
+    transform: translate3d(-100%, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes fadeOutLeft {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-100%, 0, 0);\r
+    transform: translate3d(-100%, 0, 0);\r
+  }\r
+}\r
+\r
+.fadeOutLeft {\r
+  -webkit-animation-name: fadeOutLeft;\r
+  animation-name: fadeOutLeft;\r
+}\r
+\r
+@-webkit-keyframes fadeOutLeftBig {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-2000px, 0, 0);\r
+    transform: translate3d(-2000px, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes fadeOutLeftBig {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-2000px, 0, 0);\r
+    transform: translate3d(-2000px, 0, 0);\r
+  }\r
+}\r
+\r
+.fadeOutLeftBig {\r
+  -webkit-animation-name: fadeOutLeftBig;\r
+  animation-name: fadeOutLeftBig;\r
+}\r
+\r
+@-webkit-keyframes fadeOutRight {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(100%, 0, 0);\r
+    transform: translate3d(100%, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes fadeOutRight {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(100%, 0, 0);\r
+    transform: translate3d(100%, 0, 0);\r
+  }\r
+}\r
+\r
+.fadeOutRight {\r
+  -webkit-animation-name: fadeOutRight;\r
+  animation-name: fadeOutRight;\r
+}\r
+\r
+@-webkit-keyframes fadeOutRightBig {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(2000px, 0, 0);\r
+    transform: translate3d(2000px, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes fadeOutRightBig {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(2000px, 0, 0);\r
+    transform: translate3d(2000px, 0, 0);\r
+  }\r
+}\r
+\r
+.fadeOutRightBig {\r
+  -webkit-animation-name: fadeOutRightBig;\r
+  animation-name: fadeOutRightBig;\r
+}\r
+\r
+@-webkit-keyframes fadeOutUp {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -100%, 0);\r
+    transform: translate3d(0, -100%, 0);\r
+  }\r
+}\r
+\r
+@keyframes fadeOutUp {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -100%, 0);\r
+    transform: translate3d(0, -100%, 0);\r
+  }\r
+}\r
+\r
+.fadeOutUp {\r
+  -webkit-animation-name: fadeOutUp;\r
+  animation-name: fadeOutUp;\r
+}\r
+\r
+@-webkit-keyframes fadeOutUpBig {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -2000px, 0);\r
+    transform: translate3d(0, -2000px, 0);\r
+  }\r
+}\r
+\r
+@keyframes fadeOutUpBig {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(0, -2000px, 0);\r
+    transform: translate3d(0, -2000px, 0);\r
+  }\r
+}\r
+\r
+.fadeOutUpBig {\r
+  -webkit-animation-name: fadeOutUpBig;\r
+  animation-name: fadeOutUpBig;\r
+}\r
+\r
+@-webkit-keyframes flip {\r
+  from {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\r
+    -webkit-animation-timing-function: ease-out;\r
+    animation-timing-function: ease-out;\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\r
+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\r
+    -webkit-animation-timing-function: ease-out;\r
+    animation-timing-function: ease-out;\r
+  }\r
+\r
+  50% {\r
+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\r
+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);\r
+    transform: perspective(400px) scale3d(.95, .95, .95);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: perspective(400px);\r
+    transform: perspective(400px);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+  }\r
+}\r
+\r
+@keyframes flip {\r
+  from {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\r
+    -webkit-animation-timing-function: ease-out;\r
+    animation-timing-function: ease-out;\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\r
+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\r
+    -webkit-animation-timing-function: ease-out;\r
+    animation-timing-function: ease-out;\r
+  }\r
+\r
+  50% {\r
+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\r
+    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);\r
+    transform: perspective(400px) scale3d(.95, .95, .95);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: perspective(400px);\r
+    transform: perspective(400px);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+  }\r
+}\r
+\r
+.animated.flip {\r
+  -webkit-backface-visibility: visible;\r
+  backface-visibility: visible;\r
+  -webkit-animation-name: flip;\r
+  animation-name: flip;\r
+}\r
+\r
+@-webkit-keyframes flipInX {\r
+  from {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+    opacity: 0;\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+  }\r
+\r
+  60% {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: perspective(400px);\r
+    transform: perspective(400px);\r
+  }\r
+}\r
+\r
+@keyframes flipInX {\r
+  from {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+    opacity: 0;\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+  }\r
+\r
+  60% {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: perspective(400px);\r
+    transform: perspective(400px);\r
+  }\r
+}\r
+\r
+.flipInX {\r
+  -webkit-backface-visibility: visible !important;\r
+  backface-visibility: visible !important;\r
+  -webkit-animation-name: flipInX;\r
+  animation-name: flipInX;\r
+}\r
+\r
+@-webkit-keyframes flipInY {\r
+  from {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+    opacity: 0;\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+  }\r
+\r
+  60% {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: perspective(400px);\r
+    transform: perspective(400px);\r
+  }\r
+}\r
+\r
+@keyframes flipInY {\r
+  from {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+    opacity: 0;\r
+  }\r
+\r
+  40% {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\r
+    -webkit-animation-timing-function: ease-in;\r
+    animation-timing-function: ease-in;\r
+  }\r
+\r
+  60% {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: perspective(400px);\r
+    transform: perspective(400px);\r
+  }\r
+}\r
+\r
+.flipInY {\r
+  -webkit-backface-visibility: visible !important;\r
+  backface-visibility: visible !important;\r
+  -webkit-animation-name: flipInY;\r
+  animation-name: flipInY;\r
+}\r
+\r
+@-webkit-keyframes flipOutX {\r
+  from {\r
+    -webkit-transform: perspective(400px);\r
+    transform: perspective(400px);\r
+  }\r
+\r
+  30% {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes flipOutX {\r
+  from {\r
+    -webkit-transform: perspective(400px);\r
+    transform: perspective(400px);\r
+  }\r
+\r
+  30% {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\r
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.flipOutX {\r
+  -webkit-animation-name: flipOutX;\r
+  animation-name: flipOutX;\r
+  -webkit-backface-visibility: visible !important;\r
+  backface-visibility: visible !important;\r
+}\r
+\r
+@-webkit-keyframes flipOutY {\r
+  from {\r
+    -webkit-transform: perspective(400px);\r
+    transform: perspective(400px);\r
+  }\r
+\r
+  30% {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes flipOutY {\r
+  from {\r
+    -webkit-transform: perspective(400px);\r
+    transform: perspective(400px);\r
+  }\r
+\r
+  30% {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\r
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.flipOutY {\r
+  -webkit-backface-visibility: visible !important;\r
+  backface-visibility: visible !important;\r
+  -webkit-animation-name: flipOutY;\r
+  animation-name: flipOutY;\r
+}\r
+\r
+@-webkit-keyframes lightSpeedIn {\r
+  from {\r
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\r
+    transform: translate3d(100%, 0, 0) skewX(-30deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  60% {\r
+    -webkit-transform: skewX(20deg);\r
+    transform: skewX(20deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: skewX(-5deg);\r
+    transform: skewX(-5deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+@keyframes lightSpeedIn {\r
+  from {\r
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\r
+    transform: translate3d(100%, 0, 0) skewX(-30deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  60% {\r
+    -webkit-transform: skewX(20deg);\r
+    transform: skewX(20deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  80% {\r
+    -webkit-transform: skewX(-5deg);\r
+    transform: skewX(-5deg);\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+.lightSpeedIn {\r
+  -webkit-animation-name: lightSpeedIn;\r
+  animation-name: lightSpeedIn;\r
+  -webkit-animation-timing-function: ease-out;\r
+  animation-timing-function: ease-out;\r
+}\r
+\r
+@-webkit-keyframes lightSpeedOut {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\r
+    transform: translate3d(100%, 0, 0) skewX(30deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes lightSpeedOut {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\r
+    transform: translate3d(100%, 0, 0) skewX(30deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.lightSpeedOut {\r
+  -webkit-animation-name: lightSpeedOut;\r
+  animation-name: lightSpeedOut;\r
+  -webkit-animation-timing-function: ease-in;\r
+  animation-timing-function: ease-in;\r
+}\r
+\r
+@-webkit-keyframes rotateIn {\r
+  from {\r
+    -webkit-transform-origin: center;\r
+    transform-origin: center;\r
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);\r
+    transform: rotate3d(0, 0, 1, -200deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: center;\r
+    transform-origin: center;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+@keyframes rotateIn {\r
+  from {\r
+    -webkit-transform-origin: center;\r
+    transform-origin: center;\r
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);\r
+    transform: rotate3d(0, 0, 1, -200deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: center;\r
+    transform-origin: center;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+.rotateIn {\r
+  -webkit-animation-name: rotateIn;\r
+  animation-name: rotateIn;\r
+}\r
+\r
+@-webkit-keyframes rotateInDownLeft {\r
+  from {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);\r
+    transform: rotate3d(0, 0, 1, -45deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+@keyframes rotateInDownLeft {\r
+  from {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);\r
+    transform: rotate3d(0, 0, 1, -45deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+.rotateInDownLeft {\r
+  -webkit-animation-name: rotateInDownLeft;\r
+  animation-name: rotateInDownLeft;\r
+}\r
+\r
+@-webkit-keyframes rotateInDownRight {\r
+  from {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);\r
+    transform: rotate3d(0, 0, 1, 45deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+@keyframes rotateInDownRight {\r
+  from {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);\r
+    transform: rotate3d(0, 0, 1, 45deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+.rotateInDownRight {\r
+  -webkit-animation-name: rotateInDownRight;\r
+  animation-name: rotateInDownRight;\r
+}\r
+\r
+@-webkit-keyframes rotateInUpLeft {\r
+  from {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);\r
+    transform: rotate3d(0, 0, 1, 45deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+@keyframes rotateInUpLeft {\r
+  from {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);\r
+    transform: rotate3d(0, 0, 1, 45deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+.rotateInUpLeft {\r
+  -webkit-animation-name: rotateInUpLeft;\r
+  animation-name: rotateInUpLeft;\r
+}\r
+\r
+@-webkit-keyframes rotateInUpRight {\r
+  from {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);\r
+    transform: rotate3d(0, 0, 1, -90deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+@keyframes rotateInUpRight {\r
+  from {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);\r
+    transform: rotate3d(0, 0, 1, -90deg);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+.rotateInUpRight {\r
+  -webkit-animation-name: rotateInUpRight;\r
+  animation-name: rotateInUpRight;\r
+}\r
+\r
+@-webkit-keyframes rotateOut {\r
+  from {\r
+    -webkit-transform-origin: center;\r
+    transform-origin: center;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: center;\r
+    transform-origin: center;\r
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);\r
+    transform: rotate3d(0, 0, 1, 200deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes rotateOut {\r
+  from {\r
+    -webkit-transform-origin: center;\r
+    transform-origin: center;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: center;\r
+    transform-origin: center;\r
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);\r
+    transform: rotate3d(0, 0, 1, 200deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.rotateOut {\r
+  -webkit-animation-name: rotateOut;\r
+  animation-name: rotateOut;\r
+}\r
+\r
+@-webkit-keyframes rotateOutDownLeft {\r
+  from {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);\r
+    transform: rotate3d(0, 0, 1, 45deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes rotateOutDownLeft {\r
+  from {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);\r
+    transform: rotate3d(0, 0, 1, 45deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.rotateOutDownLeft {\r
+  -webkit-animation-name: rotateOutDownLeft;\r
+  animation-name: rotateOutDownLeft;\r
+}\r
+\r
+@-webkit-keyframes rotateOutDownRight {\r
+  from {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);\r
+    transform: rotate3d(0, 0, 1, -45deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes rotateOutDownRight {\r
+  from {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);\r
+    transform: rotate3d(0, 0, 1, -45deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.rotateOutDownRight {\r
+  -webkit-animation-name: rotateOutDownRight;\r
+  animation-name: rotateOutDownRight;\r
+}\r
+\r
+@-webkit-keyframes rotateOutUpLeft {\r
+  from {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);\r
+    transform: rotate3d(0, 0, 1, -45deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes rotateOutUpLeft {\r
+  from {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: left bottom;\r
+    transform-origin: left bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);\r
+    transform: rotate3d(0, 0, 1, -45deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.rotateOutUpLeft {\r
+  -webkit-animation-name: rotateOutUpLeft;\r
+  animation-name: rotateOutUpLeft;\r
+}\r
+\r
+@-webkit-keyframes rotateOutUpRight {\r
+  from {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, 90deg);\r
+    transform: rotate3d(0, 0, 1, 90deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes rotateOutUpRight {\r
+  from {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform-origin: right bottom;\r
+    transform-origin: right bottom;\r
+    -webkit-transform: rotate3d(0, 0, 1, 90deg);\r
+    transform: rotate3d(0, 0, 1, 90deg);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.rotateOutUpRight {\r
+  -webkit-animation-name: rotateOutUpRight;\r
+  animation-name: rotateOutUpRight;\r
+}\r
+\r
+@-webkit-keyframes hinge {\r
+  0% {\r
+    -webkit-transform-origin: top left;\r
+    transform-origin: top left;\r
+    -webkit-animation-timing-function: ease-in-out;\r
+    animation-timing-function: ease-in-out;\r
+  }\r
+\r
+  20%, 60% {\r
+    -webkit-transform: rotate3d(0, 0, 1, 80deg);\r
+    transform: rotate3d(0, 0, 1, 80deg);\r
+    -webkit-transform-origin: top left;\r
+    transform-origin: top left;\r
+    -webkit-animation-timing-function: ease-in-out;\r
+    animation-timing-function: ease-in-out;\r
+  }\r
+\r
+  40%, 80% {\r
+    -webkit-transform: rotate3d(0, 0, 1, 60deg);\r
+    transform: rotate3d(0, 0, 1, 60deg);\r
+    -webkit-transform-origin: top left;\r
+    transform-origin: top left;\r
+    -webkit-animation-timing-function: ease-in-out;\r
+    animation-timing-function: ease-in-out;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 700px, 0);\r
+    transform: translate3d(0, 700px, 0);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes hinge {\r
+  0% {\r
+    -webkit-transform-origin: top left;\r
+    transform-origin: top left;\r
+    -webkit-animation-timing-function: ease-in-out;\r
+    animation-timing-function: ease-in-out;\r
+  }\r
+\r
+  20%, 60% {\r
+    -webkit-transform: rotate3d(0, 0, 1, 80deg);\r
+    transform: rotate3d(0, 0, 1, 80deg);\r
+    -webkit-transform-origin: top left;\r
+    transform-origin: top left;\r
+    -webkit-animation-timing-function: ease-in-out;\r
+    animation-timing-function: ease-in-out;\r
+  }\r
+\r
+  40%, 80% {\r
+    -webkit-transform: rotate3d(0, 0, 1, 60deg);\r
+    transform: rotate3d(0, 0, 1, 60deg);\r
+    -webkit-transform-origin: top left;\r
+    transform-origin: top left;\r
+    -webkit-animation-timing-function: ease-in-out;\r
+    animation-timing-function: ease-in-out;\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 700px, 0);\r
+    transform: translate3d(0, 700px, 0);\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.hinge {\r
+  -webkit-animation-name: hinge;\r
+  animation-name: hinge;\r
+}\r
+\r
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\r
+\r
+@-webkit-keyframes rollIn {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\r
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+@keyframes rollIn {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\r
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    -webkit-transform: none;\r
+    transform: none;\r
+  }\r
+}\r
+\r
+.rollIn {\r
+  -webkit-animation-name: rollIn;\r
+  animation-name: rollIn;\r
+}\r
+\r
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\r
+\r
+@-webkit-keyframes rollOut {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\r
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\r
+  }\r
+}\r
+\r
+@keyframes rollOut {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\r
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\r
+  }\r
+}\r
+\r
+.rollOut {\r
+  -webkit-animation-name: rollOut;\r
+  animation-name: rollOut;\r
+}\r
+\r
+@-webkit-keyframes zoomIn {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.3, .3, .3);\r
+    transform: scale3d(.3, .3, .3);\r
+  }\r
+\r
+  50% {\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+@keyframes zoomIn {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.3, .3, .3);\r
+    transform: scale3d(.3, .3, .3);\r
+  }\r
+\r
+  50% {\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+.zoomIn {\r
+  -webkit-animation-name: zoomIn;\r
+  animation-name: zoomIn;\r
+}\r
+\r
+@-webkit-keyframes zoomInDown {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+@keyframes zoomInDown {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+.zoomInDown {\r
+  -webkit-animation-name: zoomInDown;\r
+  animation-name: zoomInDown;\r
+}\r
+\r
+@-webkit-keyframes zoomInLeft {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+@keyframes zoomInLeft {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+.zoomInLeft {\r
+  -webkit-animation-name: zoomInLeft;\r
+  animation-name: zoomInLeft;\r
+}\r
+\r
+@-webkit-keyframes zoomInRight {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+@keyframes zoomInRight {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+.zoomInRight {\r
+  -webkit-animation-name: zoomInRight;\r
+  animation-name: zoomInRight;\r
+}\r
+\r
+@-webkit-keyframes zoomInUp {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+@keyframes zoomInUp {\r
+  from {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  60% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+.zoomInUp {\r
+  -webkit-animation-name: zoomInUp;\r
+  animation-name: zoomInUp;\r
+}\r
+\r
+@-webkit-keyframes zoomOut {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  50% {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.3, .3, .3);\r
+    transform: scale3d(.3, .3, .3);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+@keyframes zoomOut {\r
+  from {\r
+    opacity: 1;\r
+  }\r
+\r
+  50% {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.3, .3, .3);\r
+    transform: scale3d(.3, .3, .3);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+  }\r
+}\r
+\r
+.zoomOut {\r
+  -webkit-animation-name: zoomOut;\r
+  animation-name: zoomOut;\r
+}\r
+\r
+@-webkit-keyframes zoomOutDown {\r
+  40% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\r
+    -webkit-transform-origin: center bottom;\r
+    transform-origin: center bottom;\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+@keyframes zoomOutDown {\r
+  40% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\r
+    -webkit-transform-origin: center bottom;\r
+    transform-origin: center bottom;\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+.zoomOutDown {\r
+  -webkit-animation-name: zoomOutDown;\r
+  animation-name: zoomOutDown;\r
+}\r
+\r
+@-webkit-keyframes zoomOutLeft {\r
+  40% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);\r
+    transform: scale(.1) translate3d(-2000px, 0, 0);\r
+    -webkit-transform-origin: left center;\r
+    transform-origin: left center;\r
+  }\r
+}\r
+\r
+@keyframes zoomOutLeft {\r
+  40% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);\r
+    transform: scale(.1) translate3d(-2000px, 0, 0);\r
+    -webkit-transform-origin: left center;\r
+    transform-origin: left center;\r
+  }\r
+}\r
+\r
+.zoomOutLeft {\r
+  -webkit-animation-name: zoomOutLeft;\r
+  animation-name: zoomOutLeft;\r
+}\r
+\r
+@-webkit-keyframes zoomOutRight {\r
+  40% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);\r
+    transform: scale(.1) translate3d(2000px, 0, 0);\r
+    -webkit-transform-origin: right center;\r
+    transform-origin: right center;\r
+  }\r
+}\r
+\r
+@keyframes zoomOutRight {\r
+  40% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);\r
+    transform: scale(.1) translate3d(2000px, 0, 0);\r
+    -webkit-transform-origin: right center;\r
+    transform-origin: right center;\r
+  }\r
+}\r
+\r
+.zoomOutRight {\r
+  -webkit-animation-name: zoomOutRight;\r
+  animation-name: zoomOutRight;\r
+}\r
+\r
+@-webkit-keyframes zoomOutUp {\r
+  40% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\r
+    -webkit-transform-origin: center bottom;\r
+    transform-origin: center bottom;\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+@keyframes zoomOutUp {\r
+  40% {\r
+    opacity: 1;\r
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\r
+    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\r
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\r
+  }\r
+\r
+  to {\r
+    opacity: 0;\r
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\r
+    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\r
+    -webkit-transform-origin: center bottom;\r
+    transform-origin: center bottom;\r
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\r
+  }\r
+}\r
+\r
+.zoomOutUp {\r
+  -webkit-animation-name: zoomOutUp;\r
+  animation-name: zoomOutUp;\r
+}\r
+\r
+@-webkit-keyframes slideInDown {\r
+  from {\r
+    -webkit-transform: translate3d(0, -100%, 0);\r
+    transform: translate3d(0, -100%, 0);\r
+    visibility: visible;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes slideInDown {\r
+  from {\r
+    -webkit-transform: translate3d(0, -100%, 0);\r
+    transform: translate3d(0, -100%, 0);\r
+    visibility: visible;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+}\r
+\r
+.slideInDown {\r
+  -webkit-animation-name: slideInDown;\r
+  animation-name: slideInDown;\r
+}\r
+\r
+@-webkit-keyframes slideInLeft {\r
+  from {\r
+    -webkit-transform: translate3d(-100%, 0, 0);\r
+    transform: translate3d(-100%, 0, 0);\r
+    visibility: visible;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes slideInLeft {\r
+  from {\r
+    -webkit-transform: translate3d(-100%, 0, 0);\r
+    transform: translate3d(-100%, 0, 0);\r
+    visibility: visible;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+}\r
+\r
+.slideInLeft {\r
+  -webkit-animation-name: slideInLeft;\r
+  animation-name: slideInLeft;\r
+}\r
+\r
+@-webkit-keyframes slideInRight {\r
+  from {\r
+    -webkit-transform: translate3d(100%, 0, 0);\r
+    transform: translate3d(100%, 0, 0);\r
+    visibility: visible;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes slideInRight {\r
+  from {\r
+    -webkit-transform: translate3d(100%, 0, 0);\r
+    transform: translate3d(100%, 0, 0);\r
+    visibility: visible;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+}\r
+\r
+.slideInRight {\r
+  -webkit-animation-name: slideInRight;\r
+  animation-name: slideInRight;\r
+}\r
+\r
+@-webkit-keyframes slideInUp {\r
+  from {\r
+    -webkit-transform: translate3d(0, 100%, 0);\r
+    transform: translate3d(0, 100%, 0);\r
+    visibility: visible;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes slideInUp {\r
+  from {\r
+    -webkit-transform: translate3d(0, 100%, 0);\r
+    transform: translate3d(0, 100%, 0);\r
+    visibility: visible;\r
+  }\r
+\r
+  to {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+}\r
+\r
+.slideInUp {\r
+  -webkit-animation-name: slideInUp;\r
+  animation-name: slideInUp;\r
+}\r
+\r
+@-webkit-keyframes slideOutDown {\r
+  from {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+\r
+  to {\r
+    visibility: hidden;\r
+    -webkit-transform: translate3d(0, 100%, 0);\r
+    transform: translate3d(0, 100%, 0);\r
+  }\r
+}\r
+\r
+@keyframes slideOutDown {\r
+  from {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+\r
+  to {\r
+    visibility: hidden;\r
+    -webkit-transform: translate3d(0, 100%, 0);\r
+    transform: translate3d(0, 100%, 0);\r
+  }\r
+}\r
+\r
+.slideOutDown {\r
+  -webkit-animation-name: slideOutDown;\r
+  animation-name: slideOutDown;\r
+}\r
+\r
+@-webkit-keyframes slideOutLeft {\r
+  from {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+\r
+  to {\r
+    visibility: hidden;\r
+    -webkit-transform: translate3d(-100%, 0, 0);\r
+    transform: translate3d(-100%, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes slideOutLeft {\r
+  from {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+\r
+  to {\r
+    visibility: hidden;\r
+    -webkit-transform: translate3d(-100%, 0, 0);\r
+    transform: translate3d(-100%, 0, 0);\r
+  }\r
+}\r
+\r
+.slideOutLeft {\r
+  -webkit-animation-name: slideOutLeft;\r
+  animation-name: slideOutLeft;\r
+}\r
+\r
+@-webkit-keyframes slideOutRight {\r
+  from {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+\r
+  to {\r
+    visibility: hidden;\r
+    -webkit-transform: translate3d(100%, 0, 0);\r
+    transform: translate3d(100%, 0, 0);\r
+  }\r
+}\r
+\r
+@keyframes slideOutRight {\r
+  from {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+\r
+  to {\r
+    visibility: hidden;\r
+    -webkit-transform: translate3d(100%, 0, 0);\r
+    transform: translate3d(100%, 0, 0);\r
+  }\r
+}\r
+\r
+.slideOutRight {\r
+  -webkit-animation-name: slideOutRight;\r
+  animation-name: slideOutRight;\r
+}\r
+\r
+@-webkit-keyframes slideOutUp {\r
+  from {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+\r
+  to {\r
+    visibility: hidden;\r
+    -webkit-transform: translate3d(0, -100%, 0);\r
+    transform: translate3d(0, -100%, 0);\r
+  }\r
+}\r
+\r
+@keyframes slideOutUp {\r
+  from {\r
+    -webkit-transform: translate3d(0, 0, 0);\r
+    transform: translate3d(0, 0, 0);\r
+  }\r
+\r
+  to {\r
+    visibility: hidden;\r
+    -webkit-transform: translate3d(0, -100%, 0);\r
+    transform: translate3d(0, -100%, 0);\r
+  }\r
+}\r
+\r
+.slideOutUp {\r
+  -webkit-animation-name: slideOutUp;\r
+  animation-name: slideOutUp;\r
+}\r