@charset "utf-8";


/*!
animate.css - http://daneden.me/animate
licensed under the mit license

copyright (c) 2013 daniel eden

permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "software"), to deal in the software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the software, and to permit persons to whom the software is furnished to do so, subject to the following conditions:

the above copyright notice and this permission notice shall be included in all copies or substantial portions of the software.

the software is provided "as is", without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. in no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }

  40% {
    -webkit-transform: translatey(-30px);
    transform: translatey(-30px);
  }

  60% {
    -webkit-transform: translatey(-15px);
    transform: translatey(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }

  40% {
    -webkit-transform: translatey(-30px);
    -ms-transform: translatey(-30px);
    transform: translatey(-30px);
  }

  60% {
    -webkit-transform: translatey(-15px);
    -ms-transform: translatey(-15px);
    transform: translatey(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-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;
}

/* originally authored by nick pettit - https://github.com/nickpettit/glide */

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

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

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

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }

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

  20%, 40%, 60%, 80% {
    -webkit-transform: translatex(10px);
    transform: translatex(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }

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

  20%, 40%, 60%, 80% {
    -webkit-transform: translatex(10px);
    -ms-transform: translatex(10px);
    transform: translatex(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

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

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

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

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

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

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

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

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by nick pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translatex(0%);
    transform: translatex(0%);
  }

  15% {
    -webkit-transform: translatex(-25%) rotate(-5deg);
    transform: translatex(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translatex(20%) rotate(3deg);
    transform: translatex(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translatex(-15%) rotate(-3deg);
    transform: translatex(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translatex(10%) rotate(2deg);
    transform: translatex(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translatex(-5%) rotate(-1deg);
    transform: translatex(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translatex(0%);
    transform: translatex(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translatex(0%);
    -ms-transform: translatex(0%);
    transform: translatex(0%);
  }

  15% {
    -webkit-transform: translatex(-25%) rotate(-5deg);
    -ms-transform: translatex(-25%) rotate(-5deg);
    transform: translatex(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translatex(20%) rotate(3deg);
    -ms-transform: translatex(20%) rotate(3deg);
    transform: translatex(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translatex(-15%) rotate(-3deg);
    -ms-transform: translatex(-15%) rotate(-3deg);
    transform: translatex(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translatex(10%) rotate(2deg);
    -ms-transform: translatex(10%) rotate(2deg);
    transform: translatex(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translatex(-5%) rotate(-1deg);
    -ms-transform: translatex(-5%) rotate(-1deg);
    transform: translatex(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translatex(0%);
    -ms-transform: translatex(0%);
    transform: translatex(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bouncein {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

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

@keyframes bouncein {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

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

.bouncein {
  -webkit-animation-name: bouncein;
  animation-name: bouncein;
}

@-webkit-keyframes bounceindown {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translatey(30px);
    transform: translatey(30px);
  }

  80% {
    -webkit-transform: translatey(-10px);
    transform: translatey(-10px);
  }

  100% {
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

@keyframes bounceindown {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    -ms-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translatey(30px);
    -ms-transform: translatey(30px);
    transform: translatey(30px);
  }

  80% {
    -webkit-transform: translatey(-10px);
    -ms-transform: translatey(-10px);
    transform: translatey(-10px);
  }

  100% {
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
}

.bounceindown {
  -webkit-animation-name: bounceindown;
  animation-name: bounceindown;
}

@-webkit-keyframes bounceinleft {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translatex(30px);
    transform: translatex(30px);
  }

  80% {
    -webkit-transform: translatex(-10px);
    transform: translatex(-10px);
  }

  100% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
}

@keyframes bounceinleft {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    -ms-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translatex(30px);
    -ms-transform: translatex(30px);
    transform: translatex(30px);
  }

  80% {
    -webkit-transform: translatex(-10px);
    -ms-transform: translatex(-10px);
    transform: translatex(-10px);
  }

  100% {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }
}

.bounceinleft {
  -webkit-animation-name: bounceinleft;
  animation-name: bounceinleft;
}

@-webkit-keyframes bounceinright {
  0% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    transform: translatex(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translatex(-30px);
    transform: translatex(-30px);
  }

  80% {
    -webkit-transform: translatex(10px);
    transform: translatex(10px);
  }

  100% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
}

@keyframes bounceinright {
  0% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    -ms-transform: translatex(2000px);
    transform: translatex(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translatex(-30px);
    -ms-transform: translatex(-30px);
    transform: translatex(-30px);
  }

  80% {
    -webkit-transform: translatex(10px);
    -ms-transform: translatex(10px);
    transform: translatex(10px);
  }

  100% {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }
}

.bounceinright {
  -webkit-animation-name: bounceinright;
  animation-name: bounceinright;
}

@-webkit-keyframes bounceinup {
  0% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
    transform: translatey(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translatey(-30px);
    transform: translatey(-30px);
  }

  80% {
    -webkit-transform: translatey(10px);
    transform: translatey(10px);
  }

  100% {
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

@keyframes bounceinup {
  0% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
    -ms-transform: translatey(2000px);
    transform: translatey(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translatey(-30px);
    -ms-transform: translatey(-30px);
    transform: translatey(-30px);
  }

  80% {
    -webkit-transform: translatey(10px);
    -ms-transform: translatey(10px);
    transform: translatey(10px);
  }

  100% {
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
}

.bounceinup {
  -webkit-animation-name: bounceinup;
  animation-name: bounceinup;
}

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

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceout {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceout {
  -webkit-animation-name: bounceout;
  animation-name: bounceout;
}

@-webkit-keyframes bounceoutdown {
  0% {
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translatey(-150px);
    transform: translatey(-150px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
    transform: translatey(2000px);
  }
}

@keyframes bounceoutdown {
  0% {
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translatey(-150px);
    -ms-transform: translatey(-150px);
    transform: translatey(-150px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
    -ms-transform: translatey(2000px);
    transform: translatey(2000px);
  }
}

.bounceoutdown {
  -webkit-animation-name: bounceoutdown;
  animation-name: bounceoutdown;
}

@-webkit-keyframes bounceoutleft {
  0% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translatex(150px);
    transform: translatex(150px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }
}

@keyframes bounceoutleft {
  0% {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translatex(150px);
    -ms-transform: translatex(150px);
    transform: translatex(150px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    -ms-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }
}

.bounceoutleft {
  -webkit-animation-name: bounceoutleft;
  animation-name: bounceoutleft;
}

@-webkit-keyframes bounceoutright {
  0% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translatex(-150px);
    transform: translatex(-150px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    transform: translatex(2000px);
  }
}

@keyframes bounceoutright {
  0% {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translatex(-150px);
    -ms-transform: translatex(-150px);
    transform: translatex(-150px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    -ms-transform: translatex(2000px);
    transform: translatex(2000px);
  }
}

.bounceoutright {
  -webkit-animation-name: bounceoutright;
  animation-name: bounceoutright;
}

@-webkit-keyframes bounceoutup {
  0% {
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translatey(150px);
    transform: translatey(150px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }
}

@keyframes bounceoutup {
  0% {
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translatey(150px);
    -ms-transform: translatey(150px);
    transform: translatey(150px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    -ms-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }
}

.bounceoutup {
  -webkit-animation-name: bounceoutup;
  animation-name: bounceoutup;
}

@-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;
}

@-webkit-keyframes fadeindown {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-150px);
    transform: translatey(-150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

@keyframes fadeindown {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-150px);
    -ms-transform: translatey(-150px);
    transform: translatey(-150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
}

.fadeindown {
  -webkit-animation-name: fadeindown;
  animation-name: fadeindown;
}

@-webkit-keyframes fadeindownbig {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

@keyframes fadeindownbig {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    -ms-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
}

.fadeindownbig {
  -webkit-animation-name: fadeindownbig;
  animation-name: fadeindownbig;
}

@-webkit-keyframes fadeinleft {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-150px);
    transform: translatex(-150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
}

@keyframes fadeinleft {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-150px);
    -ms-transform: translatex(-150px);
    transform: translatex(-150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }
}

.fadeinleft {
  -webkit-animation-name: fadeinleft;
  animation-name: fadeinleft;
}

@-webkit-keyframes fadeinleftbig {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
}

@keyframes fadeinleftbig {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    -ms-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }
}

.fadeinleftbig {
  -webkit-animation-name: fadeinleftbig;
  animation-name: fadeinleftbig;
}

@-webkit-keyframes fadeinright {
  0% {
    opacity: 0;
    -webkit-transform: translatex(150px);
    transform: translatex(150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
}

@keyframes fadeinright {
  0% {
    opacity: 0;
    -webkit-transform: translatex(150px);
    -ms-transform: translatex(150px);
    transform: translatex(150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }
}

.fadeinright {
  -webkit-animation-name: fadeinright;
  animation-name: fadeinright;
}

@-webkit-keyframes fadeinrightbig {
  0% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    transform: translatex(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
}

@keyframes fadeinrightbig {
  0% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    -ms-transform: translatex(2000px);
    transform: translatex(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }
}

.fadeinrightbig {
  -webkit-animation-name: fadeinrightbig;
  animation-name: fadeinrightbig;
}

@-webkit-keyframes fadeinup {
  0% {
    opacity: 0;
    -webkit-transform: translatey(150px);
    transform: translatey(150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

@keyframes fadeinup {
  0% {
    opacity: 0;
    -webkit-transform: translatey(150px);
    -ms-transform: translatey(150px);
    transform: translatey(150px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
}

.fadeinup {
  -webkit-animation-name: fadeinup;
  animation-name: fadeinup;
}

@-webkit-keyframes fadeinupbig {
  0% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
    transform: translatey(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

@keyframes fadeinupbig {
  0% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
    -ms-transform: translatey(2000px);
    transform: translatey(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
}

.fadeinupbig {
  -webkit-animation-name: fadeinupbig;
  animation-name: fadeinupbig;
}

@-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;
}

@-webkit-keyframes fadeoutdown {
  0% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(150px);
    transform: translatey(150px);
  }
}

@keyframes fadeoutdown {
  0% {
    opacity: 1;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(150px);
    -ms-transform: translatey(150px);
    transform: translatey(150px);
  }
}

.fadeoutdown {
  -webkit-animation-name: fadeoutdown;
  animation-name: fadeoutdown;
}

@-webkit-keyframes fadeoutdownbig {
  0% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
    transform: translatey(2000px);
  }
}

@keyframes fadeoutdownbig {
  0% {
    opacity: 1;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(2000px);
    -ms-transform: translatey(2000px);
    transform: translatey(2000px);
  }
}

.fadeoutdownbig {
  -webkit-animation-name: fadeoutdownbig;
  animation-name: fadeoutdownbig;
}

@-webkit-keyframes fadeoutleft {
  0% {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(-150px);
    transform: translatex(-150px);
  }
}

@keyframes fadeoutleft {
  0% {
    opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(-150px);
    -ms-transform: translatex(-150px);
    transform: translatex(-150px);
  }
}

.fadeoutleft {
  -webkit-animation-name: fadeoutleft;
  animation-name: fadeoutleft;
}

@-webkit-keyframes fadeoutleftbig {
  0% {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }
}

@keyframes fadeoutleftbig {
  0% {
    opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    -ms-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }
}

.fadeoutleftbig {
  -webkit-animation-name: fadeoutleftbig;
  animation-name: fadeoutleftbig;
}

@-webkit-keyframes fadeoutright {
  0% {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(150px);
    transform: translatex(150px);
  }
}

@keyframes fadeoutright {
  0% {
    opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(150px);
    -ms-transform: translatex(150px);
    transform: translatex(150px);
  }
}

.fadeoutright {
  -webkit-animation-name: fadeoutright;
  animation-name: fadeoutright;
}

@-webkit-keyframes fadeoutrightbig {
  0% {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    transform: translatex(2000px);
  }
}

@keyframes fadeoutrightbig {
  0% {
    opacity: 1;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    -ms-transform: translatex(2000px);
    transform: translatex(2000px);
  }
}

.fadeoutrightbig {
  -webkit-animation-name: fadeoutrightbig;
  animation-name: fadeoutrightbig;
}

@-webkit-keyframes fadeoutup {
  0% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(-150px);
    transform: translatey(-150px);
  }
}

@keyframes fadeoutup {
  0% {
    opacity: 1;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(-150px);
    -ms-transform: translatey(-150px);
    transform: translatey(-150px);
  }
}

.fadeoutup {
  -webkit-animation-name: fadeoutup;
  animation-name: fadeoutup;
}

@-webkit-keyframes fadeoutupbig {
  0% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }
}

@keyframes fadeoutupbig {
  0% {
    opacity: 1;
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    -ms-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }
}

.fadeoutupbig {
  -webkit-animation-name: fadeoutupbig;
  animation-name: fadeoutupbig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translatez(0) rotatey(0) scale(1);
    transform: perspective(400px) translatez(0) rotatey(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translatez(150px) rotatey(170deg) scale(1);
    transform: perspective(400px) translatez(150px) rotatey(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
    transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translatez(0) rotatey(360deg) scale(.95);
    transform: perspective(400px) translatez(0) rotatey(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translatez(0) rotatey(360deg) scale(1);
    transform: perspective(400px) translatez(0) rotatey(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translatez(0) rotatey(0) scale(1);
    -ms-transform: perspective(400px) translatez(0) rotatey(0) scale(1);
    transform: perspective(400px) translatez(0) rotatey(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translatez(150px) rotatey(170deg) scale(1);
    -ms-transform: perspective(400px) translatez(150px) rotatey(170deg) scale(1);
    transform: perspective(400px) translatez(150px) rotatey(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
    -ms-transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
    transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translatez(0) rotatey(360deg) scale(.95);
    -ms-transform: perspective(400px) translatez(0) rotatey(360deg) scale(.95);
    transform: perspective(400px) translatez(0) rotatey(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translatez(0) rotatey(360deg) scale(1);
    -ms-transform: perspective(400px) translatez(0) rotatey(360deg) scale(1);
    transform: perspective(400px) translatez(0) rotatey(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipinx {
  0% {
    -webkit-transform: perspective(400px) rotatex(90deg);
    transform: perspective(400px) rotatex(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotatex(-10deg);
    transform: perspective(400px) rotatex(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotatex(10deg);
    transform: perspective(400px) rotatex(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotatex(0deg);
    transform: perspective(400px) rotatex(0deg);
    opacity: 1;
  }
}

@keyframes flipinx {
  0% {
    -webkit-transform: perspective(400px) rotatex(90deg);
    -ms-transform: perspective(400px) rotatex(90deg);
    transform: perspective(400px) rotatex(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotatex(-10deg);
    -ms-transform: perspective(400px) rotatex(-10deg);
    transform: perspective(400px) rotatex(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotatex(10deg);
    -ms-transform: perspective(400px) rotatex(10deg);
    transform: perspective(400px) rotatex(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotatex(0deg);
    -ms-transform: perspective(400px) rotatex(0deg);
    transform: perspective(400px) rotatex(0deg);
    opacity: 1;
  }
}

.flipinx {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipinx;
  animation-name: flipinx;
}

@-webkit-keyframes flipiny {
  0% {
    -webkit-transform: perspective(400px) rotatey(90deg);
    transform: perspective(400px) rotatey(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotatey(-10deg);
    transform: perspective(400px) rotatey(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotatey(10deg);
    transform: perspective(400px) rotatey(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotatey(0deg);
    transform: perspective(400px) rotatey(0deg);
    opacity: 1;
  }
}

@keyframes flipiny {
  0% {
    -webkit-transform: perspective(400px) rotatey(90deg);
    -ms-transform: perspective(400px) rotatey(90deg);
    transform: perspective(400px) rotatey(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotatey(-10deg);
    -ms-transform: perspective(400px) rotatey(-10deg);
    transform: perspective(400px) rotatey(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotatey(10deg);
    -ms-transform: perspective(400px) rotatey(10deg);
    transform: perspective(400px) rotatey(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotatey(0deg);
    -ms-transform: perspective(400px) rotatey(0deg);
    transform: perspective(400px) rotatey(0deg);
    opacity: 1;
  }
}

.flipiny {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipiny;
  animation-name: flipiny;
}

@-webkit-keyframes flipoutx {
  0% {
    -webkit-transform: perspective(400px) rotatex(0deg);
    transform: perspective(400px) rotatex(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotatex(90deg);
    transform: perspective(400px) rotatex(90deg);
    opacity: 0;
  }
}

@keyframes flipoutx {
  0% {
    -webkit-transform: perspective(400px) rotatex(0deg);
    -ms-transform: perspective(400px) rotatex(0deg);
    transform: perspective(400px) rotatex(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotatex(90deg);
    -ms-transform: perspective(400px) rotatex(90deg);
    transform: perspective(400px) rotatex(90deg);
    opacity: 0;
  }
}

.flipoutx {
  -webkit-animation-name: flipoutx;
  animation-name: flipoutx;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipouty {
  0% {
    -webkit-transform: perspective(400px) rotatey(0deg);
    transform: perspective(400px) rotatey(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotatey(90deg);
    transform: perspective(400px) rotatey(90deg);
    opacity: 0;
  }
}

@keyframes flipouty {
  0% {
    -webkit-transform: perspective(400px) rotatey(0deg);
    -ms-transform: perspective(400px) rotatey(0deg);
    transform: perspective(400px) rotatey(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotatey(90deg);
    -ms-transform: perspective(400px) rotatey(90deg);
    transform: perspective(400px) rotatey(90deg);
    opacity: 0;
  }
}

.flipouty {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipouty;
  animation-name: flipouty;
}

@-webkit-keyframes lightspeedin {
  0% {
    -webkit-transform: translatex(100%) skewx(-30deg);
    transform: translatex(100%) skewx(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translatex(-20%) skewx(30deg);
    transform: translatex(-20%) skewx(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translatex(0%) skewx(-15deg);
    transform: translatex(0%) skewx(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translatex(0%) skewx(0deg);
    transform: translatex(0%) skewx(0deg);
    opacity: 1;
  }
}

@keyframes lightspeedin {
  0% {
    -webkit-transform: translatex(100%) skewx(-30deg);
    -ms-transform: translatex(100%) skewx(-30deg);
    transform: translatex(100%) skewx(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translatex(-20%) skewx(30deg);
    -ms-transform: translatex(-20%) skewx(30deg);
    transform: translatex(-20%) skewx(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translatex(0%) skewx(-15deg);
    -ms-transform: translatex(0%) skewx(-15deg);
    transform: translatex(0%) skewx(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translatex(0%) skewx(0deg);
    -ms-transform: translatex(0%) skewx(0deg);
    transform: translatex(0%) skewx(0deg);
    opacity: 1;
  }
}

.lightspeedin {
  -webkit-animation-name: lightspeedin;
  animation-name: lightspeedin;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightspeedout {
  0% {
    -webkit-transform: translatex(0%) skewx(0deg);
    transform: translatex(0%) skewx(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translatex(100%) skewx(-30deg);
    transform: translatex(100%) skewx(-30deg);
    opacity: 0;
  }
}

@keyframes lightspeedout {
  0% {
    -webkit-transform: translatex(0%) skewx(0deg);
    -ms-transform: translatex(0%) skewx(0deg);
    transform: translatex(0%) skewx(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translatex(100%) skewx(-30deg);
    -ms-transform: translatex(100%) skewx(-30deg);
    transform: translatex(100%) skewx(-30deg);
    opacity: 0;
  }
}

.lightspeedout {
  -webkit-animation-name: lightspeedout;
  animation-name: lightspeedout;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotatein {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotatein {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotatein {
  -webkit-animation-name: rotatein;
  animation-name: rotatein;
}

@-webkit-keyframes rotateindownleft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateindownleft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateindownleft {
  -webkit-animation-name: rotateindownleft;
  animation-name: rotateindownleft;
}

@-webkit-keyframes rotateindownright {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateindownright {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateindownright {
  -webkit-animation-name: rotateindownright;
  animation-name: rotateindownright;
}

@-webkit-keyframes rotateinupleft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateinupleft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateinupleft {
  -webkit-animation-name: rotateinupleft;
  animation-name: rotateinupleft;
}

@-webkit-keyframes rotateinupright {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateinupright {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateinupright {
  -webkit-animation-name: rotateinupright;
  animation-name: rotateinupright;
}

@-webkit-keyframes rotateout {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateout {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateout {
  -webkit-animation-name: rotateout;
  animation-name: rotateout;
}

@-webkit-keyframes rotateoutdownleft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateoutdownleft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateoutdownleft {
  -webkit-animation-name: rotateoutdownleft;
  animation-name: rotateoutdownleft;
}

@-webkit-keyframes rotateoutdownright {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateoutdownright {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateoutdownright {
  -webkit-animation-name: rotateoutdownright;
  animation-name: rotateoutdownright;
}

@-webkit-keyframes rotateoutupleft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateoutupleft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateoutupleft {
  -webkit-animation-name: rotateoutupleft;
  animation-name: rotateoutupleft;
}

@-webkit-keyframes rotateoutupright {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateoutupright {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateoutupright {
  -webkit-animation-name: rotateoutupright;
  animation-name: rotateoutupright;
}

@-webkit-keyframes slideindown {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }

  100% {
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

@keyframes slideindown {
  0% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    -ms-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }

  100% {
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }
}

.slideindown {
  -webkit-animation-name: slideindown;
  animation-name: slideindown;
}

@-webkit-keyframes slideinleft {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }

  100% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
}

@keyframes slideinleft {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    -ms-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }

  100% {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }
}

.slideinleft {
  -webkit-animation-name: slideinleft;
  animation-name: slideinleft;
}

@-webkit-keyframes slideinright {
  0% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    transform: translatex(2000px);
  }

  100% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }
}

@keyframes slideinright {
  0% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    -ms-transform: translatex(2000px);
    transform: translatex(2000px);
  }

  100% {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }
}

.slideinright {
  -webkit-animation-name: slideinright;
  animation-name: slideinright;
}

@-webkit-keyframes slideoutleft {
  0% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }
}

@keyframes slideoutleft {
  0% {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(-2000px);
    -ms-transform: translatex(-2000px);
    transform: translatex(-2000px);
  }
}

.slideoutleft {
  -webkit-animation-name: slideoutleft;
  animation-name: slideoutleft;
}

@-webkit-keyframes slideoutright {
  0% {
    -webkit-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    transform: translatex(2000px);
  }
}

@keyframes slideoutright {
  0% {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(2000px);
    -ms-transform: translatex(2000px);
    transform: translatex(2000px);
  }
}

.slideoutright {
  -webkit-animation-name: slideoutright;
  animation-name: slideoutright;
}

@-webkit-keyframes slideoutup {
  0% {
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }
}

@keyframes slideoutup {
  0% {
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatey(-2000px);
    -ms-transform: translatey(-2000px);
    transform: translatey(-2000px);
  }
}

.slideoutup {
  -webkit-animation-name: slideoutup;
  animation-name: slideoutup;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translatey(0);
    transform: rotate(60deg) translatey(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translatey(700px);
    transform: translatey(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translatey(0);
    -ms-transform: rotate(60deg) translatey(0);
    transform: rotate(60deg) translatey(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translatey(700px);
    -ms-transform: translatey(700px);
    transform: translatey(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by nick pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollin {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-100%) rotate(-120deg);
    transform: translatex(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0px) rotate(0deg);
    transform: translatex(0px) rotate(0deg);
  }
}

@keyframes rollin {
  0% {
    opacity: 0;
    -webkit-transform: translatex(-100%) rotate(-120deg);
    -ms-transform: translatex(-100%) rotate(-120deg);
    transform: translatex(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatex(0px) rotate(0deg);
    -ms-transform: translatex(0px) rotate(0deg);
    transform: translatex(0px) rotate(0deg);
  }
}

.rollin {
  -webkit-animation-name: rollin;
  animation-name: rollin;
}

/* originally authored by nick pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollout {
  0% {
    opacity: 1;
    -webkit-transform: translatex(0px) rotate(0deg);
    transform: translatex(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(100%) rotate(120deg);
    transform: translatex(100%) rotate(120deg);
  }
}

@keyframes rollout {
  0% {
    opacity: 1;
    -webkit-transform: translatex(0px) rotate(0deg);
    -ms-transform: translatex(0px) rotate(0deg);
    transform: translatex(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translatex(100%) rotate(120deg);
    -ms-transform: translatex(100%) rotate(120deg);
    transform: translatex(100%) rotate(120deg);
  }
}
.rollout {
  -webkit-animation-name: rollout;
  animation-name: rollout;
}
@-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
}
@-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.55,.055,.675,.19);
	animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
}
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,.885,.32,1);
	animation-timing-function:cubic-bezier(0.175,.885,.32,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.55,.055,.675,.19);
	animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
}
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,.885,.32,1);
	animation-timing-function:cubic-bezier(0.175,.885,.32,1)
}
}.zoomindown {
	-webkit-animation-name:zoomindown;
	animation-name:zoomindown
}
@-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.55,.055,.675,.19);
	animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
}
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,.885,.32,1);
	animation-timing-function:cubic-bezier(0.175,.885,.32,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.55,.055,.675,.19);
	animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
}
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,.885,.32,1);
	animation-timing-function:cubic-bezier(0.175,.885,.32,1)
}
}.zoominleft {
	-webkit-animation-name:zoominleft;
	animation-name:zoominleft
}
@-webkit-keyframes zoominright {
	0% {
	opacity:0;
	-webkit-transform:scale(.1) translatex(2000px);
	transform:scale(.1) translatex(2000px);
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out
}
60% {
	opacity:1;
	-webkit-transform:scale(.475) translatex(-48px);
	transform:scale(.475) translatex(-48px);
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out
}
}@keyframes zoominright {
	0% {
	opacity:0;
	-webkit-transform:scale(.1) translatex(2000px);
	-ms-transform:scale(.1) translatex(2000px);
	transform:scale(.1) translatex(2000px);
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out
}
60% {
	opacity:1;
	-webkit-transform:scale(.475) translatex(-48px);
	-ms-transform:scale(.475) translatex(-48px);
	transform:scale(.475) translatex(-48px);
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out
}
}.zoominright {
	-webkit-animation-name:zoominright;
	animation-name:zoominright
}
@-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.55,.055,.675,.19);
	animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
}
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,.885,.32,1);
	animation-timing-function:cubic-bezier(0.175,.885,.32,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.55,.055,.675,.19);
	animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
}
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,.885,.32,1);
	animation-timing-function:cubic-bezier(0.175,.885,.32,1)
}
}.zoominup {
	-webkit-animation-name:zoominup;
	animation-name:zoominup
}
@-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
}
@-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.55,.055,.675,.19);
	animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
}
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,.885,.32,1);
	animation-timing-function:cubic-bezier(0.175,.885,.32,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.55,.055,.675,.19);
	animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
}
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,.885,.32,1);
	animation-timing-function:cubic-bezier(0.175,.885,.32,1)
}
}.zoomoutdown {
	-webkit-animation-name:zoomoutdown;
	animation-name:zoomoutdown
}
@-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
}
@-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
}
@-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.55,.055,.675,.19);
	animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
}
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,.885,.32,1);
	animation-timing-function:cubic-bezier(0.175,.885,.32,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.55,.055,.675,.19);
	animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
}
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,.885,.32,1);
	animation-timing-function:cubic-bezier(0.175,.885,.32,1)
}
}.zoomoutup {
	-webkit-animation-name:zoomoutup;
	animation-name:zoomoutup
}
@-webkit-keyframes scalebigtosmall {
  0% { 
	opacity: 1;
	-webkit-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	transform: scale(1.2);
  }
  100% { 
	opacity: 1;
	-webkit-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
  }
}
@keyframes scalebigtosmall {
  0% { 
	opacity: 1;
	-webkit-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	transform: scale(1.2);
  }
  100% { 
	opacity: 1;
	-webkit-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
  }
}
.scalebigtosmall{
	-webkit-animation-name: scalebigtosmall;
	animation-name: scalebigtosmall;
	transform-origin: 50% 50%;
}

@-webkit-keyframes scaleup {
  from {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleup {
  from {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes scaledown {
  from {
    opacity: 0;
    -webkit-transform: scale(0.85);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scaledown {
  from {
    opacity: 0;
    -webkit-transform: scale(0.85);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes leftup{
  0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
  100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}
}
@keyframes leftup{
  0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
  100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}
}

@-webkit-keyframes moveright{
  0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
  100%{transform:scale(1.1,1.1)  translate(4.545%,0);}
}
@keyframes moveright{
  0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
  100%{transform:scale(1.1,1.1)  translate(4.545%,0);}
}

@-webkit-keyframes movedown{
  0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
  100%{transform:scale(1.1,1.1)  translate(0,4.545%);}
}
@keyframes movedown{
  0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
  100%{transform:scale(1.1,1.1)  translate(0,4.545%);}
}

@-webkit-keyframes centerbig{
  100%{transform:scale(1.1,1.1);}
}
@keyframes centerbig{
  100%{transform:scale(1.1,1.1);}
}

@-webkit-keyframes rightdownbig{
  100%{transform:scale(1.1,1.1) translate(4%,4%);}
}
@keyframes rightdownbig{
  100%{transform:scale(1.1,1.1) translate(4%,4%);}
}

@-webkit-keyframes nextout {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        opacity: 0.2;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        opacity: 0;
    }
}
@keyframes nextout {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        opacity: 0.2;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes nextin {
    0% {
        -webkit-transform: translatey(100%);
        transform: translatey(100%) scale(1.5);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0) scale(1);
    }
}
@keyframes nextin {
    0% {
        -webkit-transform: translatey(100%);
        transform: translatey(100%) scale(1.5);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0) scale(1);
    }
}

@-webkit-keyframes prevout {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    100% {
        -webkit-transform: translatey(100%);
        transform: translatey(100%);
    }
}
@keyframes prevout {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    100% {
        -webkit-transform: translatey(100%);
        transform: translatey(100%);
    }
}

@-webkit-keyframes previn {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes previn {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes linejia {
  0% {width: 0;}
  100% {width: 100%;}
}
@-webkit-keyframes linejia {
  0% {width: 0;}
  100% {width: 100%;}
}
@keyframes linejia {
  0% {width: 0;}
  100% {width: 100%;}
}

@-moz-keyframes linejian {
  0% {width: 100%; opacity: 1;}
  10% {opacity: 1;}
  20% {opacity: 1;}
  30% {opacity: 1;}
  40% {opacity: 1;}
  50% {opacity: 1;}
  60% {opacity: 1;}
  70% {opacity: 1;}
  80% {opacity: 1;}
  90% {opacity: 1;}
  95% {opacity: 1;}
  100% {width: 0; opacity: 0;}
}
@-webkit-keyframes linejian {
  0% {width: 100%; opacity: 1;}
  10% {opacity: 1;}
  20% {opacity: 1;}
  30% {opacity: 1;}
  40% {opacity: 1;}
  50% {opacity: 1;}
  60% {opacity: 1;}
  70% {opacity: 1;}
  80% {opacity: 1;}
  90% {opacity: 1;}
  95% {opacity: 1;}
  100% {width: 0; opacity: 0;}
}
@keyframes linejian {
  0% {width: 100%; opacity: 1;}
  10% {opacity: 1;}
  20% {opacity: 1;}
  30% {opacity: 1;}
  40% {opacity: 1;}
  50% {opacity: 1;}
  60% {opacity: 1;}
  70% {opacity: 1;}
  80% {opacity: 1;}
  90% {opacity: 1;}
  95% {opacity: 1;}
  100% {width: 0; opacity: 0;}
}

@-moz-keyframes prevscalepage {
  0% {transform: scale(1, 1)}
  10% {transform: scale(1.01, 1.01)}
  20% {transform: scale(1.02, 1.02)}
  30% {transform: scale(1.03, 1.03)}
  40% {transform: scale(1.04, 1.04)}
  50% {transform: scale(1.05, 1.05)}
  60% {transform: scale(1.06, 1.06)}
  70% {transform: scale(1.07, 1.07)}
  80% {transform: scale(1.08, 1.08)}
  90% {transform: scale(1.09, 1.09)}
  100% {transform: scale(1.1, 1.1)}
}
@-webkit-keyframes prevscalepage {
  0% {transform: scale(1, 1)}
  10% {transform: scale(1.01, 1.01)}
  20% {transform: scale(1.02, 1.02)}
  30% {transform: scale(1.03, 1.03)}
  40% {transform: scale(1.04, 1.04)}
  50% {transform: scale(1.05, 1.05)}
  60% {transform: scale(1.06, 1.06)}
  70% {transform: scale(1.07, 1.07)}
  80% {transform: scale(1.08, 1.08)}
  90% {transform: scale(1.09, 1.09)}
  100% {transform: scale(1.1, 1.1)}
}
@keyframes prevscalepage {
  0% {transform: scale(1, 1)}
  10% {transform: scale(1.01, 1.01)}
  20% {transform: scale(1.02, 1.02)}
  30% {transform: scale(1.03, 1.03)}
  40% {transform: scale(1.04, 1.04)}
  50% {transform: scale(1.05, 1.05)}
  60% {transform: scale(1.06, 1.06)}
  70% {transform: scale(1.07, 1.07)}
  80% {transform: scale(1.08, 1.08)}
  90% {transform: scale(1.09, 1.09)}
  100% {transform: scale(1.1, 1.1)}
}

@-moz-keyframes nextscalepage {
  0% {transform: scale(1.1, 1.1)}
  10% {transform: scale(1.09, 1.09)}
  20% {transform: scale(1.08, 1.08)}
  30% {transform: scale(1.07, 1.07)}
  40% {transform: scale(1.06, 1.06)}
  50% {transform: scale(1.05, 1.05)}
  60% {transform: scale(1.04, 1.04)}
  70% {transform: scale(1.03, 1.03)}
  80% {transform: scale(1.02, 1.02)}
  90% {transform: scale(1.01, 1.01)}
  100% {transform: scale(1, 1)}
}
@-webkit-keyframes nextscalepage {
  0% {transform: scale(1.1, 1.1)}
  10% {transform: scale(1.09, 1.09)}
  20% {transform: scale(1.08, 1.08)}
  30% {transform: scale(1.07, 1.07)}
  40% {transform: scale(1.06, 1.06)}
  50% {transform: scale(1.05, 1.05)}
  60% {transform: scale(1.04, 1.04)}
  70% {transform: scale(1.03, 1.03)}
  80% {transform: scale(1.02, 1.02)}
  90% {transform: scale(1.01, 1.01)}
  100% {transform: scale(1, 1)}
}
@keyframes nextscalepage {
  0% {transform: scale(1.1, 1.1)}
  10% {transform: scale(1.09, 1.09)}
  20% {transform: scale(1.08, 1.08)}
  30% {transform: scale(1.07, 1.07)}
  40% {transform: scale(1.06, 1.06)}
  50% {transform: scale(1.05, 1.05)}
  60% {transform: scale(1.04, 1.04)}
  70% {transform: scale(1.03, 1.03)}
  80% {transform: scale(1.02, 1.02)}
  90% {transform: scale(1.01, 1.01)}
  100% {transform: scale(1, 1)}
}

@-webkit-keyframes shrink {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
  }
}
@keyframes shrink {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
  }
}