/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

 [data-animation^="animated"],
 [data-post-animation^="animated"],
 [data-hover-animation^="animated"] {
     visibility:hidden;
 }
 
 .animated {
     visibility:visible;
     -webkit-animation-duration: 1s;
             animation-duration: 1s;
 /* Commented out by default to prevent conflicts with masonry, isotope, submenu, etc.
     -webkit-animation-fill-mode: both;
             animation-fill-mode: both;
 */
 }
 
 .animated.infinite {
     -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
 }
 
 .animated.delay-1s {
     -webkit-animation-delay: 1s;
             animation-delay: 1s;
 }
 
 .animated.delay-2s {
     -webkit-animation-delay: 2s;
             animation-delay: 2s;
 }
 
 .animated.delay-3s {
     -webkit-animation-delay: 3s;
             animation-delay: 3s;
 }
 
 .animated.delay-4s {
     -webkit-animation-delay: 4s;
             animation-delay: 4s;
 }
 
 .animated.delay-5s {
     -webkit-animation-delay: 5s;
             animation-delay: 5s;
 }
 
 .animated.faster {
     -webkit-animation-duration: 0.3s;
             animation-duration: 0.3s;
 }
 .animated.fast {
     -webkit-animation-duration: 0.5s;
             animation-duration: 0.5s;
 }
 .animated.normal {
     -webkit-animation-duration: 0.8s;
             animation-duration: 0.8s;
 }
 .animated.slow {
     -webkit-animation-duration: 2s;
             animation-duration: 2s;
 }
 .animated.slower {
     -webkit-animation-duration: 3s;
             animation-duration: 3s;
 }
 
 @media (print), (prefers-reduced-motion: reduce) {
     .animated {
         -webkit-animation-duration: 1ms !important;
                 animation-duration: 1ms !important;
         -webkit-transition-duration: 1ms !important;
                 transition-duration: 1ms !important;
         -webkit-animation-iteration-count: 1 !important;
                 animation-iteration-count: 1 !important;
     }
 }
 
 
 
 /* -------------- Elastic ---------------- */
 @-webkit-keyframes elastic {
   0%, 100% {
     -webkit-transform: scale3d(1,1,1);
             transform: scale3d(1,1,1);
   }
   25% {
     -webkit-transform: scale3d(1, 1.2, 1);
             transform: scale3d(1, 1.2, 1);
   }
   50% {
     -webkit-transform: scale3d(1, 0.85, 1);
             transform: scale3d(1, 0.85, 1);
   }
   75% {
     -webkit-transform: scale3d(1, 1.05, 1);
             transform: scale3d(1, 1.05, 1);
   }
 }
 
 @keyframes elastic {
   0%, 100% {
     -webkit-transform: scale3d(1,1,1);
         -ms-transform: scale3d(1,1,1);
             transform: scale3d(1,1,1);
   }
   25% {
     -webkit-transform: scale3d(1, 1.2, 1);
         -ms-transform: scale3d(1, 1.2, 1);
             transform: scale3d(1, 1.2, 1);
   }
   50% {
     -webkit-transform: scale3d(1, 0.85, 1);
         -ms-transform: scale3d(1, 0.85, 1);
             transform: scale3d(1, 0.85, 1);
   }
   75% {
     -webkit-transform: scale3d(1, 1.05, 1);
         -ms-transform: scale3d(1, 1.05, 1);
             transform: scale3d(1, 1.05, 1);
   }
 }
 
 @-webkit-keyframes elastic-inner { 
     0% {
         -webkit-transform: translate3d(0,-25px,0);
         opacity:0;
     }
     25% {
         -webkit-transform: translate3d(0,10px,0);
     }
     50% {
         -webkit-transform: translate3d(0,-6px,0);
     }
     75% {
         -webkit-transform: translate3d(0,2px,0);
     }
     100% {
         -webkit-transform: translate3d(0,0,0);
         opacity: 1;
     }
 }
 
 @keyframes elastic-inner { 
     0% {
         opacity:0;
         -webkit-transform: translate3d(0,-25px,0);
             -ms-transform: translate3d(0,-25px,0);
                 transform: translate3d(0,-25px,0);
     }
     25% {
         -webkit-transform: translate3d(0,10px,0);
             -ms-transform: translate3d(0,10px,0);
                 transform: translate3d(0,10px,0);
     }
     50% {
         -webkit-transform: translate3d(0,-6px,0);
             -ms-transform: translate3d(0,-6px,0);
                 transform: translate3d(0,-6px,0);
     }
     75% {
         -webkit-transform: translate3d(0,2px,0);
             -ms-transform: translate3d(0,2px,0);
                 transform: translate3d(0,2px,0);
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
             -ms-transform: translate3d(0,0,0);
                 transform: translate3d(0,0,0);
     }
 }
 
 
 .elastic {
     -webkit-animation-name: elastic;
             animation-name: elastic;
     -webkit-transition-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
         -ms-transition-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
             transition-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
     -webkit-transform-origin: center top;
         -ms-transform-origin: center top;
             transform-origin: center top;
 }
 .elastic > * {
     -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
             transform: translate3d(0,0,0);
     opacity: 1;
     -webkit-transition: none;
         -ms-transition: none;
             transition: none;
     -webkit-animation: elastic-inner 0.5s ease-out;
         -ms-animation: elastic-inner 0.5s ease-out;
             animation: elastic-inner 0.5s ease-out;
 }
 
 
 
 /* -------------- Wipe in left top ---------------- */
 @-webkit-keyframes wipeInLeftTop {
   0% {
     -webkit-transform: scale(0,0);
             transform: scale(0,0);
   }
   100% {
     -webkit-transform: scale(1,1);
             transform: scale(1,1);
   }
 }
 
 @keyframes wipeInLeftTop {
   0% {
     -webkit-transform: scale(0,0);
         -ms-transform: scale(0,0);
             transform: scale(0,0);
   }
   100% {
     -webkit-transform: scale(1,1);
         -ms-transform: scale(1,1);
             transform: scale(1,1);
   }
 }
 @-webkit-keyframes wipeInLeftTop-inner { 
     0% {
         opacity:0;
         -webkit-transform: translate3d(0,-10px,0);
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
     }
 }
 
 @keyframes wipeInLeftTop-inner { 
     0% {
         opacity:0;
         -webkit-transform: translate3d(0,-10px,0);
             -ms-transform: translate3d(0,-10px,0);
                 transform: translate3d(0,-10px,0);
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
             -ms-transform: translate3d(0,0,0);
                 transform: translate3d(0,0,0);
     }
 }
 
 .wipeInLeftTop {
     -webkit-animation-name: wipeInLeftTop;
             animation-name: wipeInLeftTop;
     -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
         -ms-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
             transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
     -webkit-transform-origin: left top;
         -ms-transform-origin: left top;
             transform-origin: left top;
 }
 .wipeInLeftTop > * {
     opacity: 0;
     -webkit-animation: wipeInLeftTop-inner 0.35s ease-out forwards;
         -ms-animation: wipeInLeftTop-inner 0.35s ease-out forwards;
             animation: wipeInLeftTop-inner 0.35s ease-out forwards;
 }
 .wipeInLeftTop > *:first-child {	-webkit-animation-delay: 0.05s;	-ms-animation-delay: 0.05s;	animation-delay: 0.05s; }
 .wipeInLeftTop > *:nth-child(2) {	-webkit-animation-delay: 0.10s;	-ms-animation-delay: 0.10s;	animation-delay: 0.10s; }
 .wipeInLeftTop > *:nth-child(3) {	-webkit-animation-delay: 0.15s;	-ms-animation-delay: 0.15s;	animation-delay: 0.15s; }
 .wipeInLeftTop > *:nth-child(4) {	-webkit-animation-delay: 0.20s;	-ms-animation-delay: 0.20s;	animation-delay: 0.20s; }
 .wipeInLeftTop > *:nth-child(5) {	-webkit-animation-delay: 0.25s;	-ms-animation-delay: 0.25s;	animation-delay: 0.25s; }
 .wipeInLeftTop > *:nth-child(6) {	-webkit-animation-delay: 0.30s;	-ms-animation-delay: 0.30s;	animation-delay: 0.30s; }
 .wipeInLeftTop > *:nth-child(7) {	-webkit-animation-delay: 0.35s;	-ms-animation-delay: 0.35s;	animation-delay: 0.35s; }
 .wipeInLeftTop > *:nth-child(8) {	-webkit-animation-delay: 0.40s;	-ms-animation-delay: 0.40s;	animation-delay: 0.40s; }
 .wipeInLeftTop > *:nth-child(9) {	-webkit-animation-delay: 0.45s;	-ms-animation-delay: 0.45s;	animation-delay: 0.45s; }
 .wipeInLeftTop > *:nth-child(10){	-webkit-animation-delay: 0.50s;	-ms-animation-delay: 0.50s;	animation-delay: 0.50s; }
 .wipeInLeftTop > *:nth-child(11){	-webkit-animation-delay: 0.55s;	-ms-animation-delay: 0.55s;	animation-delay: 0.55s; }
 .wipeInLeftTop > *:nth-child(12){	-webkit-animation-delay: 0.60s;	-ms-animation-delay: 0.60s;	animation-delay: 0.60s; }
 .wipeInLeftTop > *:nth-child(12){	-webkit-animation-delay: 0.65s;	-ms-animation-delay: 0.65s;	animation-delay: 0.65s; }
 .wipeInLeftTop > *:nth-child(12){	-webkit-animation-delay: 0.70s;	-ms-animation-delay: 0.70s;	animation-delay: 0.70s; }
 
 
 /* -------------- Bounce ---------------- */
 @-webkit-keyframes bounce {
   0%, 20%, 53%, 80%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     -webkit-transform: translate3d(0,0,0);
             transform: translate3d(0,0,0);
   }
 
   40%, 43% {
     -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
             transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
     -webkit-transform: translate3d(0, -30px, 0);
             transform: translate3d(0, -30px, 0);
   }
 
   70% {
     -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
             transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
     -webkit-transform: translate3d(0, -15px, 0);
             transform: translate3d(0, -15px, 0);
   }
 
   90% {
     -webkit-transform: translate3d(0,-4px,0);
             transform: translate3d(0,-4px,0);
   }
 }
 
 @keyframes bounce {
   0%, 20%, 53%, 80%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     -webkit-transform: translate3d(0,0,0);
             transform: translate3d(0,0,0);
   }
 
   40%, 43% {
     -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
             transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
     -webkit-transform: translate3d(0, -30px, 0);
             transform: translate3d(0, -30px, 0);
   }
 
   70% {
     -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
             transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
     -webkit-transform: translate3d(0, -15px, 0);
             transform: translate3d(0, -15px, 0);
   }
 
   90% {
     -webkit-transform: translate3d(0,-4px,0);
             transform: translate3d(0,-4px,0);
   }
 }
 
 .bounce {
   -webkit-animation-name: bounce;
           animation-name: bounce;
   -webkit-transform-origin: center bottom;
       -ms-transform-origin: center bottom;
           transform-origin: center bottom;
 }
 
 
 /* -------------- Flash ---------------- */
 @-webkit-keyframes flash {
   0%, 50%, 100% {
     opacity: 1;
   }
 
   25%, 75% {
     opacity: 0;
   }
 }
 
 @keyframes flash {
   0%, 50%, 100% {
     opacity: 1;
   }
 
   25%, 75% {
     opacity: 0;
   }
 }
 
 .flash {
   -webkit-animation-name: flash;
           animation-name: flash;
     opacity: 1;
 }
 
 
 
 /* -------------- Blink ---------------- */
 @keyframes blink {
     0% { opacity: 1 }
     50% { opacity: 0 }
     100% { opacity: 1 }
 }
 
 @-webkit-keyframes blink {
     0% { opacity: 1 }
     50% { opacity: 0 }
     100% { opacity: 1 }
 }
 
 @-moz-keyframes blink {
     0% { opacity: 1 }
     50% { opacity: 0 }
     100% { opacity: 1 }
 }
 
 .blink {
     -webkit-animation-name: blink;
             animation-name: blink;
 }
 
 
 /* -------------- Pulse ---------------- */
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 @-webkit-keyframes pulse {
   0% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 
   50% {
     -webkit-transform: scale3d(1.05, 1.05, 1.05);
             transform: scale3d(1.05, 1.05, 1.05);
   }
 
   100% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 }
 
 @keyframes pulse {
   0% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 
   50% {
     -webkit-transform: scale3d(1.05, 1.05, 1.05);
             transform: scale3d(1.05, 1.05, 1.05);
   }
 
   100% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 }
 
 .pulse {
   -webkit-animation-name: pulse;
           animation-name: pulse;
 }
 
 
 
 /* -------------- Rubber band ---------------- */
 @-webkit-keyframes rubberBand {
   0% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 
   30% {
     -webkit-transform: scale3d(1.25, 0.75, 1);
             transform: scale3d(1.25, 0.75, 1);
   }
 
   40% {
     -webkit-transform: scale3d(0.75, 1.25, 1);
             transform: scale3d(0.75, 1.25, 1);
   }
 
   50% {
     -webkit-transform: scale3d(1.15, 0.85, 1);
             transform: scale3d(1.15, 0.85, 1);
   }
 
   65% {
     -webkit-transform: scale3d(.95, 1.05, 1);
             transform: scale3d(.95, 1.05, 1);
   }
 
   75% {
     -webkit-transform: scale3d(1.05, .95, 1);
             transform: scale3d(1.05, .95, 1);
   }
 
   100% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 }
 
 @keyframes rubberBand {
   0% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 
   30% {
     -webkit-transform: scale3d(1.25, 0.75, 1);
             transform: scale3d(1.25, 0.75, 1);
   }
 
   40% {
     -webkit-transform: scale3d(0.75, 1.25, 1);
             transform: scale3d(0.75, 1.25, 1);
   }
 
   50% {
     -webkit-transform: scale3d(1.15, 0.85, 1);
             transform: scale3d(1.15, 0.85, 1);
   }
 
   65% {
     -webkit-transform: scale3d(.95, 1.05, 1);
             transform: scale3d(.95, 1.05, 1);
   }
 
   75% {
     -webkit-transform: scale3d(1.05, .95, 1);
             transform: scale3d(1.05, .95, 1);
   }
 
   100% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 }
 
 .rubberBand {
   -webkit-animation-name: rubberBand;
           animation-name: rubberBand;
 }
 
 
 
 /* -------------- Shake ---------------- */
 @-webkit-keyframes shake {
   0%, 100% {
     -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
   }
 
   10%, 30%, 50%, 70%, 90% {
     -webkit-transform: translate3d(-10px, 0, 0);
             transform: translate3d(-10px, 0, 0);
   }
 
   20%, 40%, 60%, 80% {
     -webkit-transform: translate3d(10px, 0, 0);
             transform: translate3d(10px, 0, 0);
   }
 }
 
 @keyframes shake {
   0%, 100% {
     -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
   }
 
   10%, 30%, 50%, 70%, 90% {
     -webkit-transform: translate3d(-10px, 0, 0);
             transform: translate3d(-10px, 0, 0);
   }
 
   20%, 40%, 60%, 80% {
     -webkit-transform: translate3d(10px, 0, 0);
             transform: translate3d(10px, 0, 0);
   }
 }
 
 .shake {
   -webkit-animation-name: shake;
           animation-name: shake;
 }
 
 
 /* -------------- Head Shake ------------ */
 
 @-webkit-keyframes headShake {
     0% {
         -webkit-transform: translateX(0);
                 transform: translateX(0);
     }
 
     6.5% {
         -webkit-transform: translateX(-6px) rotateY(-9deg);
                 transform: translateX(-6px) rotateY(-9deg);
     }
 
     18.5% {
         -webkit-transform: translateX(5px) rotateY(7deg);
                 transform: translateX(5px) rotateY(7deg);
     }
 
     31.5% {
         -webkit-transform: translateX(-3px) rotateY(-5deg);
                 transform: translateX(-3px) rotateY(-5deg);
     }
 
     43.5% {
         -webkit-transform: translateX(2px) rotateY(3deg);
                 transform: translateX(2px) rotateY(3deg);
     }
 
     50% {
         -webkit-transform: translateX(0);
                 transform: translateX(0);
     }
 }
 
 @keyframes headShake {
     0% {
         -webkit-transform: translateX(0);
                 transform: translateX(0);
     }
 
     6.5% {
         -webkit-transform: translateX(-6px) rotateY(-9deg);
                 transform: translateX(-6px) rotateY(-9deg);
     }
 
     18.5% {
         -webkit-transform: translateX(5px) rotateY(7deg);
                 transform: translateX(5px) rotateY(7deg);
     }
 
     31.5% {
         -webkit-transform: translateX(-3px) rotateY(-5deg);
                 transform: translateX(-3px) rotateY(-5deg);
     }
 
     43.5% {
         -webkit-transform: translateX(2px) rotateY(3deg);
                 transform: translateX(2px) rotateY(3deg);
     }
 
     50% {
         -webkit-transform: translateX(0);
                 transform: translateX(0);
     }
 }
 
 .headShake {
     -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
     -webkit-animation-name: headShake;
             animation-name: headShake;
 }
 
 
 /* -------------- Swing ---------------- */
 @-webkit-keyframes swing {
   20% {
     -webkit-transform: rotate3d(0, 0, 1, 15deg);
             transform: rotate3d(0, 0, 1, 15deg);
   }
 
   40% {
     -webkit-transform: rotate3d(0, 0, 1, -10deg);
             transform: rotate3d(0, 0, 1, -10deg);
   }
 
   60% {
     -webkit-transform: rotate3d(0, 0, 1, 5deg);
             transform: rotate3d(0, 0, 1, 5deg);
   }
 
   80% {
     -webkit-transform: rotate3d(0, 0, 1, -5deg);
             transform: rotate3d(0, 0, 1, -5deg);
   }
 
   100% {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
             transform: rotate3d(0, 0, 1, 0deg);
   }
 }
 
 @keyframes swing {
   20% {
     -webkit-transform: rotate3d(0, 0, 1, 15deg);
             transform: rotate3d(0, 0, 1, 15deg);
   }
 
   40% {
     -webkit-transform: rotate3d(0, 0, 1, -10deg);
             transform: rotate3d(0, 0, 1, -10deg);
   }
 
   60% {
     -webkit-transform: rotate3d(0, 0, 1, 5deg);
             transform: rotate3d(0, 0, 1, 5deg);
   }
 
   80% {
     -webkit-transform: rotate3d(0, 0, 1, -5deg);
             transform: rotate3d(0, 0, 1, -5deg);
   }
 
   100% {
     -webkit-transform: rotate3d(0, 0, 1, 0deg);
             transform: rotate3d(0, 0, 1, 0deg);
   }
 }
 
 .swing {
   -webkit-transform-origin: top center;
       -ms-transform-origin: top center;
           transform-origin: top center;
   -webkit-animation-name: swing;
           animation-name: swing;
 }
 
 
 /* -------------- Tada ---------------- */
 @-webkit-keyframes tada {
   0% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 
   10%, 20% {
     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
             transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
   }
 
   30%, 50%, 70%, 90% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
             transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }
 
   40%, 60%, 80% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
             transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }
 
   100% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 }
 
 @keyframes tada {
   0% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 
   10%, 20% {
     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
             transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
   }
 
   30%, 50%, 70%, 90% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
             transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
   }
 
   40%, 60%, 80% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
             transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
   }
 
   100% {
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 }
 
 .tada {
   -webkit-animation-name: tada;
           animation-name: tada;
 }
 
 
 
 /* -------------- Wobble ---------------- */
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 @-webkit-keyframes wobble {
   0% {
     -webkit-transform: none;
             transform: none;
   }
 
   15% {
     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
             transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
   }
 
   30% {
     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
             transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
   }
 
   45% {
     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
             transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
   }
 
   60% {
     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
             transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
   }
 
   75% {
     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
             transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
   }
 
   100% {
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes wobble {
   0% {
     -webkit-transform: none;
             transform: none;
   }
 
   15% {
     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
             transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
   }
 
   30% {
     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
             transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
   }
 
   45% {
     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
             transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
   }
 
   60% {
     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
             transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
   }
 
   75% {
     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
             transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
   }
 
   100% {
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .wobble {
   -webkit-animation-name: wobble;
           animation-name: wobble;
 }
 
 
 /* -------------- Jello ---------------- */
 
 @-webkit-keyframes jello {
     from, 11.1%, to {
         -webkit-transform: translate3d(0, 0, 0);
                 transform: translate3d(0, 0, 0);
     }
 
     22.2% {
         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                 transform: skewX(-12.5deg) skewY(-12.5deg);
     }
 
     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                 transform: skewX(6.25deg) skewY(6.25deg);
     }
 
     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                 transform: skewX(-3.125deg) skewY(-3.125deg);
     }
 
     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                 transform: skewX(1.5625deg) skewY(1.5625deg);
     }
 
     66.6% {
         -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
                 transform: skewX(-0.78125deg) skewY(-0.78125deg);
     }
 
     77.7% {
         -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
                 transform: skewX(0.390625deg) skewY(0.390625deg);
     }
 
     88.8% {
         -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
                 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
     }
 }
 
 @keyframes jello {
     from, 11.1%, to {
         -webkit-transform: translate3d(0, 0, 0);
                 transform: translate3d(0, 0, 0);
     }
 
     22.2% {
         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                 transform: skewX(-12.5deg) skewY(-12.5deg);
     }
 
     33.3% {
         -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                 transform: skewX(6.25deg) skewY(6.25deg);
     }
 
     44.4% {
         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                 transform: skewX(-3.125deg) skewY(-3.125deg);
     }
 
     55.5% {
         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                 transform: skewX(1.5625deg) skewY(1.5625deg);
     }
 
     66.6% {
         -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
                 transform: skewX(-0.78125deg) skewY(-0.78125deg);
     }
 
     77.7% {
         -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
                 transform: skewX(0.390625deg) skewY(0.390625deg);
     }
 
     88.8% {
         -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
                 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
     }
 }
 
 .jello {
     -webkit-animation-name: jello;
             animation-name: jello;
     -webkit-transform-origin: center;
             transform-origin: center;
 }
 
 
 /* -------------- Heart Beat ---------------- */
 @-webkit-keyframes heartBeat {
     0% {
         -webkit-transform: scale(1);
                 transform: scale(1);
     }
 
     14% {
         -webkit-transform: scale(1.3);
                 transform: scale(1.3);
     }
 
     28% {
         -webkit-transform: scale(1);
                 transform: scale(1);
     }
 
     42% {
         -webkit-transform: scale(1.3);
                 transform: scale(1.3);
     }
 
     70% {
         -webkit-transform: scale(1);
                 transform: scale(1);
     }
 }
 
 @keyframes heartBeat {
     0% {
         -webkit-transform: scale(1);
                 transform: scale(1);
     }
 
     14% {
         -webkit-transform: scale(1.3);
                 transform: scale(1.3);
     }
 
     28% {
         -webkit-transform: scale(1);
                 transform: scale(1);
     }
 
     42% {
         -webkit-transform: scale(1.3);
                 transform: scale(1.3);
     }
 
     70% {
         -webkit-transform: scale(1);
                 transform: scale(1);
     }
 }
 
 .heartBeat {
     -webkit-animation-name: heartBeat;
             animation-name: heartBeat;
     -webkit-animation-duration: 1.3s;
             animation-duration: 1.3s;
     -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
 }
 
 
 
 /* -------------- Bounce In ---------------- */
 @-webkit-keyframes bounceIn {
   0%, 20%, 40%, 60%, 80%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3);
   }
 
   20% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
             transform: scale3d(1.1, 1.1, 1.1);
   }
 
   40% {
     -webkit-transform: scale3d(.9, .9, .9);
             transform: scale3d(.9, .9, .9);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: scale3d(1.03, 1.03, 1.03);
             transform: scale3d(1.03, 1.03, 1.03);
   }
 
   80% {
     -webkit-transform: scale3d(.97, .97, .97);
             transform: scale3d(.97, .97, .97);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 }
 
 @keyframes bounceIn {
   0%, 20%, 40%, 60%, 80%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3);
   }
 
   20% {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
             transform: scale3d(1.1, 1.1, 1.1);
   }
 
   40% {
     -webkit-transform: scale3d(.9, .9, .9);
             transform: scale3d(.9, .9, .9);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: scale3d(1.03, 1.03, 1.03);
             transform: scale3d(1.03, 1.03, 1.03);
   }
 
   80% {
     -webkit-transform: scale3d(.97, .97, .97);
             transform: scale3d(.97, .97, .97);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
   }
 }
 
 .bounceIn {
   -webkit-animation-name: bounceIn;
           animation-name: bounceIn;
   -webkit-animation-duration: .75s;
           animation-duration: .75s;
 }
 
 
 /* -------------- Bounce In Down ---------------- */
 @-webkit-keyframes bounceInDown {
   0%, 60%, 75%, 90%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, -3000px, 0);
             transform: translate3d(0, -3000px, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(0, 25px, 0);
             transform: translate3d(0, 25px, 0);
   }
 
   75% {
     -webkit-transform: translate3d(0, -10px, 0);
             transform: translate3d(0, -10px, 0);
   }
 
   90% {
     -webkit-transform: translate3d(0, 5px, 0);
             transform: translate3d(0, 5px, 0);
   }
 
   100% {
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes bounceInDown {
   0%, 60%, 75%, 90%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, -3000px, 0);
             transform: translate3d(0, -3000px, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(0, 25px, 0);
             transform: translate3d(0, 25px, 0);
   }
 
   75% {
     -webkit-transform: translate3d(0, -10px, 0);
             transform: translate3d(0, -10px, 0);
   }
 
   90% {
     -webkit-transform: translate3d(0, 5px, 0);
             transform: translate3d(0, 5px, 0);
   }
 
   100% {
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .bounceInDown {
   -webkit-animation-name: bounceInDown;
           animation-name: bounceInDown;
 }
 
 
 /* -------------- Bounce In Left ---------------- */
 @-webkit-keyframes bounceInLeft {
   0%, 60%, 75%, 90%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-3000px, 0, 0);
             transform: translate3d(-3000px, 0, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(25px, 0, 0);
             transform: translate3d(25px, 0, 0);
   }
 
   75% {
     -webkit-transform: translate3d(-10px, 0, 0);
             transform: translate3d(-10px, 0, 0);
   }
 
   90% {
     -webkit-transform: translate3d(5px, 0, 0);
             transform: translate3d(5px, 0, 0);
   }
 
   100% {
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes bounceInLeft {
   0%, 60%, 75%, 90%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-3000px, 0, 0);
             transform: translate3d(-3000px, 0, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(25px, 0, 0);
             transform: translate3d(25px, 0, 0);
   }
 
   75% {
     -webkit-transform: translate3d(-10px, 0, 0);
             transform: translate3d(-10px, 0, 0);
   }
 
   90% {
     -webkit-transform: translate3d(5px, 0, 0);
             transform: translate3d(5px, 0, 0);
   }
 
   100% {
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .bounceInLeft {
   -webkit-animation-name: bounceInLeft;
           animation-name: bounceInLeft;
 }
 
 
 /* -------------- Bounce In Right ---------------- */
 @-webkit-keyframes bounceInRight {
   0%, 60%, 75%, 90%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(3000px, 0, 0);
             transform: translate3d(3000px, 0, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(-25px, 0, 0);
             transform: translate3d(-25px, 0, 0);
   }
 
   75% {
     -webkit-transform: translate3d(10px, 0, 0);
             transform: translate3d(10px, 0, 0);
   }
 
   90% {
     -webkit-transform: translate3d(-5px, 0, 0);
             transform: translate3d(-5px, 0, 0);
   }
 
   100% {
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes bounceInRight {
   0%, 60%, 75%, 90%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(3000px, 0, 0);
             transform: translate3d(3000px, 0, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(-25px, 0, 0);
             transform: translate3d(-25px, 0, 0);
   }
 
   75% {
     -webkit-transform: translate3d(10px, 0, 0);
             transform: translate3d(10px, 0, 0);
   }
 
   90% {
     -webkit-transform: translate3d(-5px, 0, 0);
             transform: translate3d(-5px, 0, 0);
   }
 
   100% {
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .bounceInRight {
   -webkit-animation-name: bounceInRight;
           animation-name: bounceInRight;
 }
 
 
 /* -------------- Bounce In Up ---------------- */
 @-webkit-keyframes bounceInUp {
   0%, 60%, 75%, 90%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, 3000px, 0);
             transform: translate3d(0, 3000px, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(0, -20px, 0);
             transform: translate3d(0, -20px, 0);
   }
 
   75% {
     -webkit-transform: translate3d(0, 10px, 0);
             transform: translate3d(0, 10px, 0);
   }
 
   90% {
     -webkit-transform: translate3d(0, -5px, 0);
             transform: translate3d(0, -5px, 0);
   }
 
   100% {
     -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
   }
 }
 
 @keyframes bounceInUp {
   0%, 60%, 75%, 90%, 100% {
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
             transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, 3000px, 0);
             transform: translate3d(0, 3000px, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(0, -20px, 0);
             transform: translate3d(0, -20px, 0);
   }
 
   75% {
     -webkit-transform: translate3d(0, 10px, 0);
             transform: translate3d(0, 10px, 0);
   }
 
   90% {
     -webkit-transform: translate3d(0, -5px, 0);
             transform: translate3d(0, -5px, 0);
   }
 
   100% {
     -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
   }
 }
 
 .bounceInUp {
   -webkit-animation-name: bounceInUp;
           animation-name: bounceInUp;
 }
 
 
 /* -------------- Bounce Out ---------------- */
 @-webkit-keyframes bounceOut {
   20% {
     -webkit-transform: scale3d(.9, .9, .9);
             transform: scale3d(.9, .9, .9);
   }
 
   50%, 55% {
     opacity: 1;
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
             transform: scale3d(1.1, 1.1, 1.1);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3);
   }
 }
 
 @keyframes bounceOut {
   20% {
     -webkit-transform: scale3d(.9, .9, .9);
             transform: scale3d(.9, .9, .9);
   }
 
   50%, 55% {
     opacity: 1;
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
             transform: scale3d(1.1, 1.1, 1.1);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3);
   }
 }
 
 .bounceOut {
   -webkit-animation-name: bounceOut;
           animation-name: bounceOut;
   -webkit-animation-duration: .75s;
           animation-duration: .75s;
 }
 
 
 
 /* -------------- Bounce Out Down ---------------- */
 @-webkit-keyframes bounceOutDown {
   20% {
     -webkit-transform: translate3d(0, 10px, 0);
             transform: translate3d(0, 10px, 0);
   }
 
   40%, 45% {
     opacity: 1;
     -webkit-transform: translate3d(0, -20px, 0);
             transform: translate3d(0, -20px, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0);
   }
 }
 
 @keyframes bounceOutDown {
   20% {
     -webkit-transform: translate3d(0, 10px, 0);
             transform: translate3d(0, 10px, 0);
   }
 
   40%, 45% {
     opacity: 1;
     -webkit-transform: translate3d(0, -20px, 0);
             transform: translate3d(0, -20px, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0);
   }
 }
 
 .bounceOutDown {
   -webkit-animation-name: bounceOutDown;
           animation-name: bounceOutDown;
 }
 
 
 /* -------------- Bounce Out Left ---------------- */
 @-webkit-keyframes bounceOutLeft {
   20% {
     opacity: 1;
     -webkit-transform: translate3d(20px, 0, 0);
             transform: translate3d(20px, 0, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0);
   }
 }
 
 @keyframes bounceOutLeft {
   20% {
     opacity: 1;
     -webkit-transform: translate3d(20px, 0, 0);
             transform: translate3d(20px, 0, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0);
   }
 }
 
 .bounceOutLeft {
   -webkit-animation-name: bounceOutLeft;
           animation-name: bounceOutLeft;
 }
 
 
 /* -------------- Bounce Out Right ---------------- */
 @-webkit-keyframes bounceOutRight {
   20% {
     opacity: 1;
     -webkit-transform: translate3d(-20px, 0, 0);
             transform: translate3d(-20px, 0, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0);
   }
 }
 
 @keyframes bounceOutRight {
   20% {
     opacity: 1;
     -webkit-transform: translate3d(-20px, 0, 0);
             transform: translate3d(-20px, 0, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0);
   }
 }
 
 .bounceOutRight {
   -webkit-animation-name: bounceOutRight;
           animation-name: bounceOutRight;
 }
 
 
 /* -------------- Bounce Out Up ---------------- */
 @-webkit-keyframes bounceOutUp {
   20% {
     -webkit-transform: translate3d(0, -10px, 0);
             transform: translate3d(0, -10px, 0);
   }
 
   40%, 45% {
     opacity: 1;
     -webkit-transform: translate3d(0, 20px, 0);
             transform: translate3d(0, 20px, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0);
   }
 }
 
 @keyframes bounceOutUp {
   20% {
     -webkit-transform: translate3d(0, -10px, 0);
             transform: translate3d(0, -10px, 0);
   }
 
   40%, 45% {
     opacity: 1;
     -webkit-transform: translate3d(0, 20px, 0);
             transform: translate3d(0, 20px, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0);
   }
 }
 
 .bounceOutUp {
   -webkit-animation-name: bounceOutUp;
           animation-name: bounceOutUp;
 }
 
 
 /* -------------- Fade In ---------------- */
 @-webkit-keyframes fadeIn {
   0% {opacity: 0;}
   100% {opacity: 1;}
 }
 
 @keyframes fadeIn {
   0% {opacity: 0;}
   100% {opacity: 1;}
 }
 
 .fadeIn {
   -webkit-animation-name: fadeIn;
           animation-name: fadeIn;
 }
 
 
 /* -------------- Fade In Down ---------------- */
 @-webkit-keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .fadeInDown {
   -webkit-animation-name: fadeInDown;
           animation-name: fadeInDown;
 }
 
 
 /* -------------- Fade In Down Big ---------------- */
 @-webkit-keyframes fadeInDownBig {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes fadeInDownBig {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .fadeInDownBig {
   -webkit-animation-name: fadeInDownBig;
           animation-name: fadeInDownBig;
 }
 
 
 /* -------------- Fade In Left ---------------- */
 @-webkit-keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .fadeInLeft {
   -webkit-animation-name: fadeInLeft;
           animation-name: fadeInLeft;
 }
 
 
 /* -------------- Fade In Left Big ---------------- */
 @-webkit-keyframes fadeInLeftBig {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes fadeInLeftBig {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .fadeInLeftBig {
   -webkit-animation-name: fadeInLeftBig;
           animation-name: fadeInLeftBig;
 }
 
 
 /* -------------- Fade In Right ---------------- */
 @-webkit-keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .fadeInRight {
   -webkit-animation-name: fadeInRight;
           animation-name: fadeInRight;
 }
 
 
 /* -------------- Fade In Right Big ---------------- */
 @-webkit-keyframes fadeInRightBig {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes fadeInRightBig {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .fadeInRightBig {
   -webkit-animation-name: fadeInRightBig;
           animation-name: fadeInRightBig;
 }
 
 
 /* -------------- Fade In Up ---------------- */
 @-webkit-keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .fadeInUp {
   -webkit-animation-name: fadeInUp;
           animation-name: fadeInUp;
 }
 
 
 /* -------------- Fade In Up Small ---------------- */
 @-webkit-keyframes fadeInUpSmall {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, 60px, 0);
             transform: translate3d(0, 60px, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes fadeInUpSmall {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, 60px, 0);
             transform: translate3d(0, 60px, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .fadeInUpSmall {
   -webkit-animation-name: fadeInUpSmall;
           animation-name: fadeInUpSmall;
 }
 
 
 /* -------------- Fade In Up Big ---------------- */
 @-webkit-keyframes fadeInUpBig {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes fadeInUpBig {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .fadeInUpBig {
   -webkit-animation-name: fadeInUpBig;
           animation-name: fadeInUpBig;
 }
 
 
 /* -------------- Fade Out ---------------- */
 @-webkit-keyframes fadeOut {
   0% {opacity: 1;}
   100% {opacity: 0;}
 }
 
 @keyframes fadeOut {
   0% {opacity: 1;}
   100% {opacity: 0;}
 }
 
 .fadeOut {
   -webkit-animation-name: fadeOut;
           animation-name: fadeOut;
 }
 
 
 /* -------------- Fade Out Down ---------------- */
 @-webkit-keyframes fadeOutDown {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0);
   }
 }
 
 @keyframes fadeOutDown {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0);
   }
 }
 
 .fadeOutDown {
   -webkit-animation-name: fadeOutDown;
           animation-name: fadeOutDown;
 }
 
 
 /* -------------- Fade Out Down Small ---------------- */
 @-webkit-keyframes fadeOutDownSmall {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, 60px, 0);
             transform: translate3d(0, 60px, 0);
   }
 }
 
 @keyframes fadeOutDownSmall {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, 60px, 0);
             transform: translate3d(0, 60px, 0);
   }
 }
 
 .fadeOutDownSmall {
   -webkit-animation-name: fadeOutDownSmall;
           animation-name: fadeOutDownSmall;
 }
 
 
 /* -------------- Fade Out Down Big ---------------- */
 @-webkit-keyframes fadeOutDownBig {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0);
   }
 }
 
 @keyframes fadeOutDownBig {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0);
   }
 }
 
 .fadeOutDownBig {
   -webkit-animation-name: fadeOutDownBig;
           animation-name: fadeOutDownBig;
 }
 
 
 /* -------------- Fade Out Left ---------------- */
 @-webkit-keyframes fadeOutLeft {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
   }
 }
 
 @keyframes fadeOutLeft {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
   }
 }
 
 .fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
           animation-name: fadeOutLeft;
 }
 
 
 /* -------------- Fade Out Left Big ---------------- */
 @-webkit-keyframes fadeOutLeftBig {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0);
   }
 }
 
 @keyframes fadeOutLeftBig {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0);
   }
 }
 
 .fadeOutLeftBig {
   -webkit-animation-name: fadeOutLeftBig;
           animation-name: fadeOutLeftBig;
 }
 
 
 /* -------------- Fade Out Right ---------------- */
 @-webkit-keyframes fadeOutRight {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
   }
 }
 
 @keyframes fadeOutRight {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
   }
 }
 
 .fadeOutRight {
   -webkit-animation-name: fadeOutRight;
           animation-name: fadeOutRight;
 }
 
 
 /* -------------- Fade Out Right Big ---------------- */
 @-webkit-keyframes fadeOutRightBig {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0);
   }
 }
 
 @keyframes fadeOutRightBig {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0);
   }
 }
 
 .fadeOutRightBig {
   -webkit-animation-name: fadeOutRightBig;
           animation-name: fadeOutRightBig;
 }
 
 
 /* -------------- Fade Out Up ---------------- */
 @-webkit-keyframes fadeOutUp {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0);
   }
 }
 
 @keyframes fadeOutUp {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0);
   }
 }
 
 .fadeOutUp {
   -webkit-animation-name: fadeOutUp;
           animation-name: fadeOutUp;
 }
 
 
 /* -------------- Fade Out Up Big ---------------- */
 @-webkit-keyframes fadeOutUpBig {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0);
   }
 }
 
 @keyframes fadeOutUpBig {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0);
   }
 }
 
 .fadeOutUpBig {
   -webkit-animation-name: fadeOutUpBig;
           animation-name: fadeOutUpBig;
 }
 
 
 /* -------------- Flip ---------------- */
 @-webkit-keyframes flip {
   0% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
     -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out;
   }
 
   40% {
     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
             transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
     -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out;
   }
 
   50% {
     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
             transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
     -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
   }
 
   80% {
     -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
             transform: perspective(400px) scale3d(.95, .95, .95);
     -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
   }
 
   100% {
     -webkit-transform: perspective(400px);
             transform: perspective(400px);
     -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
   }
 }
 
 @keyframes flip {
   0% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
     -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out;
   }
 
   40% {
     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
             transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
     -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out;
   }
 
   50% {
     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
             transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
     -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
   }
 
   80% {
     -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
             transform: perspective(400px) scale3d(.95, .95, .95);
     -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
   }
 
   100% {
     -webkit-transform: perspective(400px);
             transform: perspective(400px);
     -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
   }
 }
 
 .animated.flip {
   -webkit-backface-visibility: visible;
           backface-visibility: visible;
   -webkit-animation-name: flip;
           animation-name: flip;
 }
 
 
 /* -------------- Flip In X ---------------- */
 @-webkit-keyframes flipInX {
   0% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
             transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     -webkit-transition-timing-function: ease-in;
             transition-timing-function: ease-in;
     opacity: 0;
   }
 
   40% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
             transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
     -webkit-transition-timing-function: ease-in;
             transition-timing-function: ease-in;
   }
 
   60% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
             transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
     opacity: 1;
   }
 
   80% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
             transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
 
   100% {
     -webkit-transform: perspective(400px);
             transform: perspective(400px);
   }
 }
 
 @keyframes flipInX {
   0% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
             transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     -webkit-transition-timing-function: ease-in;
             transition-timing-function: ease-in;
     opacity: 0;
   }
 
   40% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
             transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
     -webkit-transition-timing-function: ease-in;
             transition-timing-function: ease-in;
   }
 
   60% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
             transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
     opacity: 1;
   }
 
   80% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
             transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
 
   100% {
     -webkit-transform: perspective(400px);
             transform: perspective(400px);
   }
 }
 
 .flipInX {
   -webkit-backface-visibility: visible !important;
           backface-visibility: visible !important;
   -webkit-animation-name: flipInX;
           animation-name: flipInX;
 }
 
 
 /* -------------- Flip In Y ---------------- */
 @-webkit-keyframes flipInY {
   0% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
             transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     -webkit-transition-timing-function: ease-in;
             transition-timing-function: ease-in;
     opacity: 0;
   }
 
   40% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
     -webkit-transition-timing-function: ease-in;
             transition-timing-function: ease-in;
   }
 
   60% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
             transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
     opacity: 1;
   }
 
   80% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }
 
   100% {
     -webkit-transform: perspective(400px);
             transform: perspective(400px);
   }
 }
 
 @keyframes flipInY {
   0% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
             transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     -webkit-transition-timing-function: ease-in;
             transition-timing-function: ease-in;
     opacity: 0;
   }
 
   40% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
     -webkit-transition-timing-function: ease-in;
             transition-timing-function: ease-in;
   }
 
   60% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
             transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
     opacity: 1;
   }
 
   80% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
   }
 
   100% {
     -webkit-transform: perspective(400px);
             transform: perspective(400px);
   }
 }
 
 .flipInY {
   -webkit-backface-visibility: visible !important;
           backface-visibility: visible !important;
   -webkit-animation-name: flipInY;
           animation-name: flipInY;
 }
 
 
 /* -------------- Flip Out X ---------------- */
 @-webkit-keyframes flipOutX {
   0% {
     -webkit-transform: perspective(400px);
             transform: perspective(400px);
   }
 
   30% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
             transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
     opacity: 1;
   }
 
   100% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
             transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     opacity: 0;
   }
 }
 
 @keyframes flipOutX {
   0% {
     -webkit-transform: perspective(400px);
             transform: perspective(400px);
   }
 
   30% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
             transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
     opacity: 1;
   }
 
   100% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
             transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     opacity: 0;
   }
 }
 
 .flipOutX {
   -webkit-animation-name: flipOutX;
           animation-name: flipOutX;
   -webkit-animation-duration: .75s;
           animation-duration: .75s;
   -webkit-backface-visibility: visible !important;
           backface-visibility: visible !important;
 }
 
 
 /* -------------- Flip Out Y ---------------- */
 @-webkit-keyframes flipOutY {
   0% {
     -webkit-transform: perspective(400px);
             transform: perspective(400px);
   }
 
   30% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
     opacity: 1;
   }
 
   100% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
             transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     opacity: 0;
   }
 }
 
 @keyframes flipOutY {
   0% {
     -webkit-transform: perspective(400px);
             transform: perspective(400px);
   }
 
   30% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
             transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
     opacity: 1;
   }
 
   100% {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
             transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     opacity: 0;
   }
 }
 
 .flipOutY {
   -webkit-backface-visibility: visible !important;
           backface-visibility: visible !important;
   -webkit-animation-name: flipOutY;
           animation-name: flipOutY;
   -webkit-animation-duration: .75s;
           animation-duration: .75s;
 }
 
 
 /* -------------- Light Speed In ---------------- */
 @-webkit-keyframes lightSpeedIn {
   0% {
     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
             transform: translate3d(100%, 0, 0) skewX(-30deg);
     opacity: 0;
   }
 
   60% {
     -webkit-transform: skewX(20deg);
             transform: skewX(20deg);
     opacity: 1;
   }
 
   80% {
     -webkit-transform: skewX(-5deg);
             transform: skewX(-5deg);
     opacity: 1;
   }
 
   100% {
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 @keyframes lightSpeedIn {
   0% {
     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
             transform: translate3d(100%, 0, 0) skewX(-30deg);
     opacity: 0;
   }
 
   60% {
     -webkit-transform: skewX(20deg);
             transform: skewX(20deg);
     opacity: 1;
   }
 
   80% {
     -webkit-transform: skewX(-5deg);
             transform: skewX(-5deg);
     opacity: 1;
   }
 
   100% {
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 .lightSpeedIn {
   -webkit-animation-name: lightSpeedIn;
           animation-name: lightSpeedIn;
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
 
 
 /* -------------- Light Speed Out ---------------- */
 @-webkit-keyframes lightSpeedOut {
   0% {
     opacity: 1;
   }
 
   100% {
     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
             transform: translate3d(100%, 0, 0) skewX(30deg);
     opacity: 0;
   }
 }
 
 @keyframes lightSpeedOut {
   0% {
     opacity: 1;
   }
 
   100% {
     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
             transform: translate3d(100%, 0, 0) skewX(30deg);
     opacity: 0;
   }
 }
 
 .lightSpeedOut {
   -webkit-animation-name: lightSpeedOut;
           animation-name: lightSpeedOut;
   -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
 }
 
 
 /* -------------- Rotate In ---------------- */
 @-webkit-keyframes rotateIn {
   0% {
     -webkit-transform-origin: center;
             transform-origin: center;
     -webkit-transform: rotate3d(0, 0, 1, -200deg);
             transform: rotate3d(0, 0, 1, -200deg);
     opacity: 0;
   }
 
   100% {
     -webkit-transform-origin: center;
             transform-origin: center;
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 @keyframes rotateIn {
   0% {
     -webkit-transform-origin: center;
             transform-origin: center;
     -webkit-transform: rotate3d(0, 0, 1, -200deg);
             transform: rotate3d(0, 0, 1, -200deg);
     opacity: 0;
   }
 
   100% {
     -webkit-transform-origin: center;
             transform-origin: center;
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 .rotateIn {
   -webkit-animation-name: rotateIn;
           animation-name: rotateIn;
 }
 
 
 
 /* -------------- Rotate In Down Left ---------------- */
 @-webkit-keyframes rotateInDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
             transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0;
   }
 
   100% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 @keyframes rotateInDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
             transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0;
   }
 
   100% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 .rotateInDownLeft {
   -webkit-animation-name: rotateInDownLeft;
           animation-name: rotateInDownLeft;
 }
 
 
 /* -------------- Rotate In Down Right ---------------- */
 @-webkit-keyframes rotateInDownRight {
   0% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
             transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
   }
 
   100% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 @keyframes rotateInDownRight {
   0% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
             transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
   }
 
   100% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 .rotateInDownRight {
   -webkit-animation-name: rotateInDownRight;
           animation-name: rotateInDownRight;
 }
 
 
 /* -------------- Rotate In Up Left ---------------- */
 @-webkit-keyframes rotateInUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
             transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
   }
 
   100% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 @keyframes rotateInUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
             transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
   }
 
   100% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 .rotateInUpLeft {
   -webkit-animation-name: rotateInUpLeft;
           animation-name: rotateInUpLeft;
 }
 
 
 /* -------------- Rotate In Up Right ---------------- */
 @-webkit-keyframes rotateInUpRight {
   0% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: rotate3d(0, 0, 1, -90deg);
             transform: rotate3d(0, 0, 1, -90deg);
     opacity: 0;
   }
 
   100% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 @keyframes rotateInUpRight {
   0% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: rotate3d(0, 0, 1, -90deg);
             transform: rotate3d(0, 0, 1, -90deg);
     opacity: 0;
   }
 
   100% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: none;
             transform: none;
     opacity: 1;
   }
 }
 
 .rotateInUpRight {
   -webkit-animation-name: rotateInUpRight;
           animation-name: rotateInUpRight;
 }
 
 
 /* -------------- Rotate Out ---------------- */
 @-webkit-keyframes rotateOut {
   0% {
     -webkit-transform-origin: center;
             transform-origin: center;
     opacity: 1;
   }
 
   100% {
     -webkit-transform-origin: center;
             transform-origin: center;
     -webkit-transform: rotate3d(0, 0, 1, 200deg);
             transform: rotate3d(0, 0, 1, 200deg);
     opacity: 0;
   }
 }
 
 @keyframes rotateOut {
   0% {
     -webkit-transform-origin: center;
             transform-origin: center;
     opacity: 1;
   }
 
   100% {
     -webkit-transform-origin: center;
             transform-origin: center;
     -webkit-transform: rotate3d(0, 0, 1, 200deg);
             transform: rotate3d(0, 0, 1, 200deg);
     opacity: 0;
   }
 }
 
 .rotateOut {
   -webkit-animation-name: rotateOut;
           animation-name: rotateOut;
 }
 
 
 /* -------------- Rotate Out Down Left ---------------- */
 @-webkit-keyframes rotateOutDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     opacity: 1;
   }
 
   100% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
             transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
   }
 }
 
 @keyframes rotateOutDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     opacity: 1;
   }
 
   100% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
             transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
   }
 }
 
 .rotateOutDownLeft {
   -webkit-animation-name: rotateOutDownLeft;
           animation-name: rotateOutDownLeft;
 }
 
 
 /* -------------- Rotate Out Down Right ---------------- */
 @-webkit-keyframes rotateOutDownRight {
   0% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     opacity: 1;
   }
 
   100% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
             transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0;
   }
 }
 
 @keyframes rotateOutDownRight {
   0% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     opacity: 1;
   }
 
   100% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
             transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0;
   }
 }
 
 .rotateOutDownRight {
   -webkit-animation-name: rotateOutDownRight;
           animation-name: rotateOutDownRight;
 }
 
 
 /* -------------- Rotate Out Up Left ---------------- */
 @-webkit-keyframes rotateOutUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     opacity: 1;
   }
 
   100% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
             transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0;
   }
 }
 
 @keyframes rotateOutUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     opacity: 1;
   }
 
   100% {
     -webkit-transform-origin: left bottom;
             transform-origin: left bottom;
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
             transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0;
   }
 }
 
 .rotateOutUpLeft {
   -webkit-animation-name: rotateOutUpLeft;
           animation-name: rotateOutUpLeft;
 }
 
 
 /* -------------- Rotate Out Up Right ---------------- */
 @-webkit-keyframes rotateOutUpRight {
   0% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     opacity: 1;
   }
 
   100% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: rotate3d(0, 0, 1, 90deg);
             transform: rotate3d(0, 0, 1, 90deg);
     opacity: 0;
   }
 }
 
 @keyframes rotateOutUpRight {
   0% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     opacity: 1;
   }
 
   100% {
     -webkit-transform-origin: right bottom;
             transform-origin: right bottom;
     -webkit-transform: rotate3d(0, 0, 1, 90deg);
             transform: rotate3d(0, 0, 1, 90deg);
     opacity: 0;
   }
 }
 
 .rotateOutUpRight {
   -webkit-animation-name: rotateOutUpRight;
           animation-name: rotateOutUpRight;
 }
 
 
 /* -------------- Hinge ---------------- */
 @-webkit-keyframes hinge {
   0% {
     -webkit-transform-origin: top left;
             transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
   }
 
   20%, 60% {
     -webkit-transform: rotate3d(0, 0, 1, 80deg);
             transform: rotate3d(0, 0, 1, 80deg);
     -webkit-transform-origin: top left;
             transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
   }
 
   40%, 80% {
     -webkit-transform: rotate3d(0, 0, 1, 60deg);
             transform: rotate3d(0, 0, 1, 60deg);
     -webkit-transform-origin: top left;
             transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
     opacity: 1;
   }
 
   100% {
     -webkit-transform: translate3d(0, 700px, 0);
             transform: translate3d(0, 700px, 0);
     opacity: 0;
   }
 }
 
 @keyframes hinge {
   0% {
     -webkit-transform-origin: top left;
             transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
   }
 
   20%, 60% {
     -webkit-transform: rotate3d(0, 0, 1, 80deg);
             transform: rotate3d(0, 0, 1, 80deg);
     -webkit-transform-origin: top left;
             transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
   }
 
   40%, 80% {
     -webkit-transform: rotate3d(0, 0, 1, 60deg);
             transform: rotate3d(0, 0, 1, 60deg);
     -webkit-transform-origin: top left;
             transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
     opacity: 1;
   }
 
   100% {
     -webkit-transform: translate3d(0, 700px, 0);
             transform: translate3d(0, 700px, 0);
     opacity: 0;
   }
 }
 
 .hinge {
   -webkit-animation-name: hinge;
           animation-name: hinge;
 }
 
 
 /* -------------- jackInTheBox ---------------- */
 @-webkit-keyframes jackInTheBox {
     from {
         opacity: 0;
         -webkit-transform: scale(0.1) rotate(30deg);
                 transform: scale(0.1) rotate(30deg);
         -webkit-transform-origin: center bottom;
                 transform-origin: center bottom;
     }
 
     50% {
         -webkit-transform: rotate(-10deg);
                 transform: rotate(-10deg);
     }
 
     70% {
         -webkit-transform: rotate(3deg);
                 transform: rotate(3deg);
     }
 
     to {
         opacity: 1;
         -webkit-transform: scale(1);
                 transform: scale(1);
     }
 }
 
 @keyframes jackInTheBox {
     from {
         opacity: 0;
         -webkit-transform: scale(0.1) rotate(30deg);
                 transform: scale(0.1) rotate(30deg);
         -webkit-transform-origin: center bottom;
                 transform-origin: center bottom;
     }
 
     50% {
         -webkit-transform: rotate(-10deg);
                 transform: rotate(-10deg);
     }
 
     70% {
         -webkit-transform: rotate(3deg);
                 transform: rotate(3deg);
     }
 
     to {
         opacity: 1;
         -webkit-transform: scale(1);
                 transform: scale(1);
     }
 }
 
 .jackInTheBox {
     -webkit-animation-name: jackInTheBox;
             animation-name: jackInTheBox;
 }
 
 
 /* -------------- Roll In ---------------- */
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 @-webkit-keyframes rollIn {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
             transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 @keyframes rollIn {
   0% {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
             transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: none;
             transform: none;
   }
 }
 
 .rollIn {
   -webkit-animation-name: rollIn;
           animation-name: rollIn;
 }
 
 
 /* -------------- Roll Out ---------------- */
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 @-webkit-keyframes rollOut {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
             transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
   }
 }
 
 @keyframes rollOut {
   0% {
     opacity: 1;
   }
 
   100% {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
             transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
   }
 }
 
 .rollOut {
   -webkit-animation-name: rollOut;
           animation-name: rollOut;
 }
 
 
 /* -------------- Zoom In ---------------- */
 @-webkit-keyframes zoomIn {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3);
   }
 
   50% {
     opacity: 1;
   }
 }
 
 @keyframes zoomIn {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3);
   }
 
   50% {
     opacity: 1;
   }
 }
 
 .zoomIn {
   -webkit-animation-name: zoomIn;
           animation-name: zoomIn;
 }
 
 
 /* -------------- Zoom In Down ---------------- */
 @-webkit-keyframes zoomInDown {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 @keyframes zoomInDown {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 .zoomInDown {
   -webkit-animation-name: zoomInDown;
           animation-name: zoomInDown;
 }
 
 
 /* -------------- Zoom In Left ---------------- */
 @-webkit-keyframes zoomInLeft {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
             transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 @keyframes zoomInLeft {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
             transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 .zoomInLeft {
   -webkit-animation-name: zoomInLeft;
           animation-name: zoomInLeft;
 }
 
 
 /* -------------- Zoom In Right ---------------- */
 @-webkit-keyframes zoomInRight {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
             transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 @keyframes zoomInRight {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
             transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 .zoomInRight {
   -webkit-animation-name: zoomInRight;
           animation-name: zoomInRight;
 }
 
 
 /* -------------- Zoom In Up ---------------- */
 @-webkit-keyframes zoomInUp {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 @keyframes zoomInUp {
   0% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 .zoomInUp {
   -webkit-animation-name: zoomInUp;
           animation-name: zoomInUp;
 }
 
 
 /* -------------- Zoom Out ---------------- */
 @-webkit-keyframes zoomOut {
   0% {
     opacity: 1;
   }
 
   50% {
     opacity: 0;
     -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3);
   }
 
   100% {
     opacity: 0;
   }
 }
 
 @keyframes zoomOut {
   0% {
     opacity: 1;
   }
 
   50% {
     opacity: 0;
     -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3);
   }
 
   100% {
     opacity: 0;
   }
 }
 
 .zoomOut {
   -webkit-animation-name: zoomOut;
           animation-name: zoomOut;
 }
 
 
 /* -------------- Zoom Out Down ---------------- */
 @-webkit-keyframes zoomOutDown {
   40% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
     -webkit-transform-origin: center bottom;
             transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 @keyframes zoomOutDown {
   40% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
     -webkit-transform-origin: center bottom;
             transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 .zoomOutDown {
   -webkit-animation-name: zoomOutDown;
           animation-name: zoomOutDown;
 }
 
 
 /* -------------- Zoom Out Left ---------------- */
 @-webkit-keyframes zoomOutLeft {
   40% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
             transform: scale(.1) translate3d(-2000px, 0, 0);
     -webkit-transform-origin: left center;
             transform-origin: left center;
   }
 }
 
 @keyframes zoomOutLeft {
   40% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
             transform: scale(.1) translate3d(-2000px, 0, 0);
     -webkit-transform-origin: left center;
             transform-origin: left center;
   }
 }
 
 .zoomOutLeft {
   -webkit-animation-name: zoomOutLeft;
           animation-name: zoomOutLeft;
 }
 
 
 
 /* -------------- Zoom Out Right ---------------- */
 @-webkit-keyframes zoomOutRight {
   40% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
             transform: scale(.1) translate3d(2000px, 0, 0);
     -webkit-transform-origin: right center;
             transform-origin: right center;
   }
 }
 
 @keyframes zoomOutRight {
   40% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
             transform: scale(.1) translate3d(2000px, 0, 0);
     -webkit-transform-origin: right center;
             transform-origin: right center;
   }
 }
 
 .zoomOutRight {
   -webkit-animation-name: zoomOutRight;
           animation-name: zoomOutRight;
 }
 
 
 
 /* -------------- Zoom Out Up ---------------- */
 @-webkit-keyframes zoomOutUp {
   40% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
     -webkit-transform-origin: center bottom;
             transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 @keyframes zoomOutUp {
   40% {
     opacity: 1;
     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
             animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
   }
 
   100% {
     opacity: 0;
     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
     -webkit-transform-origin: center bottom;
             transform-origin: center bottom;
     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
             animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
   }
 }
 
 .zoomOutUp {
   -webkit-animation-name: zoomOutUp;
           animation-name: zoomOutUp;
 }
 
 
 
 /* -------------- Slide In Down ---------------- */
 @-webkit-keyframes slideInDown {
   0% {
     -webkit-transform: translateY(-100%);
             transform: translateY(-100%);
     visibility: visible;
     opacity: 0;
   }
 
   100% {
       opacity: 1;
     -webkit-transform: translateY(0);
             transform: translateY(0);
   }
 }
 
 @keyframes slideInDown {
   0% {
     -webkit-transform: translateY(-100%);
             transform: translateY(-100%);
     visibility: visible;
     opacity: 0;
   }
 
   100% {
       opacity: 1;
     -webkit-transform: translateY(0);
             transform: translateY(0);
   }
 }
 
 .slideInDown {
   -webkit-animation-name: slideInDown;
           animation-name: slideInDown;
 }
 
 
 
 /* -------------- Slide In Left ---------------- */
 @-webkit-keyframes slideInLeft {
   0% {
     -webkit-transform: translateX(-100%);
             transform: translateX(-100%);
     visibility: visible;
     opacity: 0;
   }
 
   100% {
       opacity: 1;
     -webkit-transform: translateX(0);
             transform: translateX(0);
   }
 }
 
 @keyframes slideInLeft {
   0% {
     -webkit-transform: translateX(-100%);
             transform: translateX(-100%);
     visibility: visible;
     opacity: 0;
   }
 
   100% {
       opacity: 1;
     -webkit-transform: translateX(0);
             transform: translateX(0);
   }
 }
 
 .slideInLeft {
   -webkit-animation-name: slideInLeft;
           animation-name: slideInLeft;
 }
 
 
 
 /* -------------- Slide In Right ---------------- */
 @-webkit-keyframes slideInRight {
   0% {
     -webkit-transform: translateX(100%);
             transform: translateX(100%);
     visibility: visible;
     opacity: 0;
   }
 
   100% {
       opacity: 1;
     -webkit-transform: translateX(0);
             transform: translateX(0);
   }
 }
 
 @keyframes slideInRight {
   0% {
     -webkit-transform: translateX(100%);
             transform: translateX(100%);
     visibility: visible;
     opacity: 0;
   }
 
   100% {
       opacity: 1;
     -webkit-transform: translateX(0);
             transform: translateX(0);
   }
 }
 
 .slideInRight {
   -webkit-animation-name: slideInRight;
           animation-name: slideInRight;
 }
 
 
 
 /* -------------- Slide In Up ---------------- */
 @-webkit-keyframes slideInUp {
   0% {
     -webkit-transform: translateY(100%);
             transform: translateY(100%);
     visibility: visible;
     opacity: 0;
   }
 
   100% {
       opacity: 1;
     -webkit-transform: translateY(0);
             transform: translateY(0);
   }
 }
 
 @keyframes slideInUp {
   0% {
     -webkit-transform: translateY(100%);
             transform: translateY(100%);
     visibility: visible;
     opacity: 0;
   }
 
   100% {
       opacity: 1;
     -webkit-transform: translateY(0);
             transform: translateY(0);
   }
 }
 
 .slideInUp {
   -webkit-animation-name: slideInUp;
           animation-name: slideInUp;
 }
 
 
 /* -------------- Slide Out Down ---------------- */
 @-webkit-keyframes slideOutDown {
   0% {
     -webkit-transform: translateY(0);
             transform: translateY(0);
       opacity: 1;
   }
 
   100% {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(100%);
             transform: translateY(100%);
   }
 }
 
 @keyframes slideOutDown {
   0% {
     -webkit-transform: translateY(0);
             transform: translateY(0);
       opacity: 1;
   }
 
   100% {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(100%);
             transform: translateY(100%);
   }
 }
 
 .slideOutDown {
   -webkit-animation-name: slideOutDown;
           animation-name: slideOutDown;
 }
 
 
 
 /* -------------- Slide Out Left ---------------- */
 @-webkit-keyframes slideOutLeft {
   0% {
     -webkit-transform: translateX(0);
             transform: translateX(0);
       opacity: 1;
   }
 
   100% {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateX(-100%);
             transform: translateX(-100%);
   }
 }
 
 @keyframes slideOutLeft {
   0% {
     -webkit-transform: translateX(0);
             transform: translateX(0);
       opacity: 1;
   }
 
   100% {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateX(-100%);
             transform: translateX(-100%);
   }
 }
 
 .slideOutLeft {
   -webkit-animation-name: slideOutLeft;
           animation-name: slideOutLeft;
 }
 
 
 
 /* -------------- Slide Out Right ---------------- */
 @-webkit-keyframes slideOutRight {
   0% {
     -webkit-transform: translateX(0);
             transform: translateX(0);
       opacity: 1;
   }
 
   100% {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateX(100%);
             transform: translateX(100%);
   }
 }
 
 @keyframes slideOutRight {
   0% {
     -webkit-transform: translateX(0);
             transform: translateX(0);
       opacity: 1;
   }
 
   100% {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateX(100%);
             transform: translateX(100%);
   }
 }
 
 .slideOutRight {
   -webkit-animation-name: slideOutRight;
           animation-name: slideOutRight;
 }
 
 
 
 /* -------------- Slide Out Up ---------------- */
 @-webkit-keyframes slideOutUp {
   0% {
     -webkit-transform: translateY(0);
             transform: translateY(0);
       opacity: 1;
   }
 
   100% {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(-100%);
             transform: translateY(-100%);
   }
 }
 
 @keyframes slideOutUp {
   0% {
     -webkit-transform: translateY(0);
             transform: translateY(0);
       opacity: 1;
   }
 
   100% {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(-100%);
             transform: translateY(-100%);
   }
 }
 
 .slideOutUp {
   -webkit-animation-name: slideOutUp;
           animation-name: slideOutUp;
 }
 
 
 /* -------------- Spin ---------------- */
 .animate-spin {
   -webkit-animation: spin 2s infinite linear;
   animation: spin 2s infinite linear;
 }
 @-webkit-keyframes spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
 /*    opacity: 0;*/
   }
 /*
   50% {
       opacity: 1;
   }
 */
   100% {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
 @-o-keyframes spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
 /*    opacity: 0;*/
   }
 /*
   50% {
       opacity: 1;
   }
 */
   100% {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
 @-ms-keyframes spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
 /*    opacity: 0;*/
   }
 /*
   50% {
       opacity: 1;
   }
 */
   100% {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
 @keyframes spin {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
 /*    opacity: 0;*/
   }
 /*
   50% {
       opacity: 1;
   }
 */
   100% {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
 
 
 /* -------------- Spin CCW ---------------- */
 .animate-spin-ccw {
   -webkit-animation: spin-ccw 2s infinite linear;
   animation: spin-ccw 2s infinite linear;
 }
 @-webkit-keyframes spin-ccw {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(-359deg);
     transform: rotate(-359deg);
   }
 }
 @-o-keyframes spin-ccw {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(-359deg);
     transform: rotate(-359deg);
   }
 }
 @-ms-keyframes spin-ccw {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(-359deg);
     transform: rotate(-359deg);
   }
 }
 @keyframes spin-ccw {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(-359deg);
     transform: rotate(-359deg);
   }
 }