body {
  -webkit-backface-visibility:hidden;
}

.animated {
  -webkit-animation-duration:1.3s;
  -moz-animation-duration:1.3s;
  -o-animation-duration:1.3s;
  animation-duration:1.3s;
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both;
}

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

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

.animated.flash {
  -webkit-animation-name:flash;
  -moz-animation-name:flash;
  -o-animation-name:flash;
  animation-name:flash;
}

@keyframes shake {
  0%, 100% {
    transform:translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform:translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform:translateX(10px);
  }
}

.animated.shake {
  -webkit-animation-name:shake;
  -moz-animation-name:shake;
  -o-animation-name:shake;
  animation-name:shake;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform:translateY(0);
  }
  40% {
    transform:translateY(-30px);
  }
  60% {
    transform:translateY(-15px);
  }
}

.animated.bounce {
  -webkit-animation-name:bounce;
  -moz-animation-name:bounce;
  -o-animation-name:bounce;
  animation-name:bounce;
}

@keyframes tada {
  0% {
    transform:scale(1);
  }
  10%, 20% {
    transform:scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform:scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform:scale(1.1) rotate(-3deg);
  }
  100% {
    transform:scale(1) rotate(0);
  }
}

.animated.tada {
  -webkit-animation-name:tada;
  -moz-animation-name:tada;
  -o-animation-name:tada;
  animation-name:tada;
}

@keyframes swing {
  20% {
    transform:rotate(15deg);
  }
  40% {
    transform:rotate(-10deg);
  }
  60% {
    transform:rotate(5deg);
  }
  80% {
    transform:rotate(-5deg);
  }
  100% {
    transform:rotate(0deg);
  }
}

.animated.swing {
  -webkit-transform-origin:top center;
  -moz-transform-origin:top center;
  -o-transform-origin:top center;
  transform-origin:top center;
  -webkit-animation-name:swing;
  -moz-animation-name:swing;
  -o-animation-name:swing;
  animation-name:swing;
}

@keyframes wobble {
  0% {
    transform:translateX(0%);
  }
  15% {
    transform:translateX(-25%) rotate(-5deg);
  }
  30% {
    transform:translateX(20%) rotate(3deg);
  }
  45% {
    transform:translateX(-15%) rotate(-3deg);
  }
  60% {
    transform:translateX(10%) rotate(2deg);
  }
  75% {
    transform:translateX(-5%) rotate(-1deg);
  }
  100% {
    transform:translateX(0%);
  }
}

.animated.wobble {
  -webkit-animation-name:wobble;
  -moz-animation-name:wobble;
  -o-animation-name:wobble;
  animation-name:wobble;
}

@keyframes pulse {
  0% {
    transform:scale(1);
  }
  50% {
    transform:scale(1.1);
  }
  100% {
    transform:scale(1);
  }
}

.animated.pulse {
  -webkit-animation-name:pulse;
  -moz-animation-name:pulse;
  -o-animation-name:pulse;
  animation-name:pulse;
}

@keyframes flip {
  0% {
    transform:perspective(400px) rotateY(0);
    animation-timing-function:ease-out;
  }
  40% {
    transform:perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function:ease-out;
  }
  50% {
    transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function:ease-in;
  }
  80% {
    transform:perspective(400px) rotateY(360deg) scale(.95);
    animation-timing-function:ease-in;
  }
  100% {
    transform:perspective(400px) scale(1);
    animation-timing-function:ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility:visible !important;
  -webkit-animation-name:flip;
  -moz-backface-visibility:visible !important;
  -moz-animation-name:flip;
  -o-backface-visibility:visible !important;
  -o-animation-name:flip;
  backface-visibility:visible !important;
  animation-name:flip;
}

@keyframes flipInX {
  0% {
    transform:perspective(400px) rotateX(90deg);
    opacity:0;
  }
  40% {
    transform:perspective(400px) rotateX(-10deg);
  }
  70% {
    transform:perspective(400px) rotateX(10deg);
  }
  100% {
    transform:perspective(400px) rotateX(0deg);
    opacity:1;
  }
}

.animated.flipInX {
  -webkit-backface-visibility:visible !important;
  -webkit-animation-name:flipInX;
  -moz-backface-visibility:visible !important;
  -moz-animation-name:flipInX;
  -o-backface-visibility:visible !important;
  -o-animation-name:flipInX;
  backface-visibility:visible !important;
  animation-name:flipInX;
}

@keyframes flipOutX {
  0% {
    transform:perspective(400px) rotateX(0deg);
    opacity:1;
  }
  100% {
    transform:perspective(400px) rotateX(90deg);
    opacity:0;
  }
}

.animated.flipOutX {
  -webkit-animation-name:flipOutX;
  -webkit-backface-visibility:visible !important;
  -moz-animation-name:flipOutX;
  -moz-backface-visibility:visible !important;
  -o-animation-name:flipOutX;
  -o-backface-visibility:visible !important;
  animation-name:flipOutX;
  backface-visibility:visible !important;
}

@keyframes flipInY {
  0% {
    transform:perspective(400px) rotateY(90deg);
    opacity:0;
  }
  40% {
    transform:perspective(400px) rotateY(-10deg);
  }
  70% {
    transform:perspective(400px) rotateY(10deg);
  }
  100% {
    transform:perspective(400px) rotateY(0deg);
    opacity:1;
  }
}

.animated.flipInY {
  -webkit-backface-visibility:visible !important;
  -webkit-animation-name:flipInY;
  -moz-backface-visibility:visible !important;
  -moz-animation-name:flipInY;
  -o-backface-visibility:visible !important;
  -o-animation-name:flipInY;
  backface-visibility:visible !important;
  animation-name:flipInY;
}

@keyframes flipOutY {
  0% {
    transform:perspective(400px) rotateY(0deg);
    opacity:1;
  }
  100% {
    transform:perspective(400px) rotateY(90deg);
    opacity:0;
  }
}

.animated.flipOutY {
  -webkit-backface-visibility:visible !important;
  -webkit-animation-name:flipOutY;
  -moz-backface-visibility:visible !important;
  -moz-animation-name:flipOutY;
  -o-backface-visibility:visible !important;
  -o-animation-name:flipOutY;
  backface-visibility:visible !important;
  animation-name:flipOutY;
}

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.animated.fadeIn {
  -webkit-animation-name:fadeIn;
  -moz-animation-name:fadeIn;
  -o-animation-name:fadeIn;
  animation-name:fadeIn;
}

@keyframes fadeInUp {
  0% {
    opacity:0;
    transform:translateY(20px);
  }
  100% {
    opacity:1;
    transform:translateY(0);
  }
}

.animated.fadeInUp {
  -webkit-animation-name:fadeInUp;
  -moz-animation-name:fadeInUp;
  -o-animation-name:fadeInUp;
  animation-name:fadeInUp;
}

@keyframes fadeInDown {
  0% {
    opacity:0;
    transform:translateY(-20px);
  }
  100% {
    opacity:1;
    transform:translateY(0);
  }
}

.animated.fadeInDown {
  -webkit-animation-name:fadeInDown;
  -moz-animation-name:fadeInDown;
  -o-animation-name:fadeInDown;
  animation-name:fadeInDown;
}

@keyframes fadeInLeft {
  0% {
    opacity:0;
    transform:translateX(-20px);
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}

.animated.fadeInLeft {
  -webkit-animation-name:fadeInLeft;
  -moz-animation-name:fadeInLeft;
  -o-animation-name:fadeInLeft;
  animation-name:fadeInLeft;
}

@keyframes fadeInRight {
  0% {
    opacity:0;
    transform:translateX(20px);
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}

.animated.fadeInRight {
  -webkit-animation-name:fadeInRight;
  -moz-animation-name:fadeInRight;
  -o-animation-name:fadeInRight;
  animation-name:fadeInRight;
}

@keyframes fadeInUpBig {
  0% {
    opacity:0;
    transform:translateY(2000px);
  }
  100% {
    opacity:1;
    transform:translateY(0);
  }
}

.animated.fadeInUpBig {
  -webkit-animation-name:fadeInUpBig;
  -moz-animation-name:fadeInUpBig;
  -o-animation-name:fadeInUpBig;
  animation-name:fadeInUpBig;
}

@keyframes fadeInDownBig {
  0% {
    opacity:0;
    transform:translateY(-2000px);
  }
  100% {
    opacity:1;
    transform:translateY(0);
  }
}

.animated.fadeInDownBig {
  -webkit-animation-name:fadeInDownBig;
  -moz-animation-name:fadeInDownBig;
  -o-animation-name:fadeInDownBig;
  animation-name:fadeInDownBig;
}

@keyframes fadeInLeftBig {
  0% {
    opacity:0;
    transform:translateX(-2000px);
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}

.animated.fadeInLeftBig {
  -webkit-animation-name:fadeInLeftBig;
  -moz-animation-name:fadeInLeftBig;
  -o-animation-name:fadeInLeftBig;
  animation-name:fadeInLeftBig;
}

@keyframes fadeInRightBig {
  0% {
    opacity:0;
    transform:translateX(2000px);
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}

.animated.fadeInRightBig {
  -webkit-animation-name:fadeInRightBig;
  -moz-animation-name:fadeInRightBig;
  -o-animation-name:fadeInRightBig;
  animation-name:fadeInRightBig;
}

@keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

.animated.fadeOut {
  -webkit-animation-name:fadeOut;
  -moz-animation-name:fadeOut;
  -o-animation-name:fadeOut;
  animation-name:fadeOut;
}

@keyframes fadeOutUp {
  0% {
    opacity:1;
    transform:translateY(0);
  }
  100% {
    opacity:0;
    transform:translateY(-20px);
  }
}

.animated.fadeOutUp {
  -webkit-animation-name:fadeOutUp;
  -moz-animation-name:fadeOutUp;
  -o-animation-name:fadeOutUp;
  animation-name:fadeOutUp;
}

@keyframes fadeOutDown {
  0% {
    opacity:1;
    transform:translateY(0);
  }
  100% {
    opacity:0;
    transform:translateY(20px);
  }
}

.animated.fadeOutDown {
  -webkit-animation-name:fadeOutDown;
  -moz-animation-name:fadeOutDown;
  -o-animation-name:fadeOutDown;
  animation-name:fadeOutDown;
}

@keyframes fadeOutLeft {
  0% {
    opacity:1;
    transform:translateX(0);
  }
  100% {
    opacity:0;
    transform:translateX(-20px);
  }
}

.animated.fadeOutLeft {
  -webkit-animation-name:fadeOutLeft;
  -moz-animation-name:fadeOutLeft;
  -o-animation-name:fadeOutLeft;
  animation-name:fadeOutLeft;
}

@keyframes fadeOutRight {
  0% {
    opacity:1;
    transform:translateX(0);
  }
  100% {
    opacity:0;
    transform:translateX(20px);
  }
}

.animated.fadeOutRight {
  -webkit-animation-name:fadeOutRight;
  -moz-animation-name:fadeOutRight;
  -o-animation-name:fadeOutRight;
  animation-name:fadeOutRight;
}

@keyframes fadeOutUpBig {
  0% {
    opacity:1;
    transform:translateY(0);
  }
  100% {
    opacity:0;
    transform:translateY(-2000px);
  }
}

.animated.fadeOutUpBig {
  -webkit-animation-name:fadeOutUpBig;
  -moz-animation-name:fadeOutUpBig;
  -o-animation-name:fadeOutUpBig;
  animation-name:fadeOutUpBig;
}

@keyframes fadeOutDownBig {
  0% {
    opacity:1;
    transform:translateY(0);
  }
  100% {
    opacity:0;
    transform:translateY(2000px);
  }
}

.animated.fadeOutDownBig {
  -webkit-animation-name:fadeOutDownBig;
  -moz-animation-name:fadeOutDownBig;
  -o-animation-name:fadeOutDownBig;
  animation-name:fadeOutDownBig;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity:1;
    transform:translateX(0);
  }
  100% {
    opacity:0;
    transform:translateX(-2000px);
  }
}

.animated.fadeOutLeftBig {
  -webkit-animation-name:fadeOutLeftBig;
  -moz-animation-name:fadeOutLeftBig;
  -o-animation-name:fadeOutLeftBig;
  animation-name:fadeOutLeftBig;
}

@keyframes fadeOutRightBig {
  0% {
    opacity:1;
    transform:translateX(0);
  }
  100% {
    opacity:0;
    transform:translateX(2000px);
  }
}

.animated.fadeOutRightBig {
  -webkit-animation-name:fadeOutRightBig;
  -moz-animation-name:fadeOutRightBig;
  -o-animation-name:fadeOutRightBig;
  animation-name:fadeOutRightBig;
}

@keyframes bounceIn {
  0% {
    opacity:0;
    transform:scale(.3);
  }
  50% {
    opacity:1;
    transform:scale(1.05);
  }
  70% {
    transform:scale(.9);
  }
  100% {
    transform:scale(1);
  }
}

.animated.bounceIn {
  -webkit-animation-name:bounceIn;
  -moz-animation-name:bounceIn;
  -o-animation-name:bounceIn;
  animation-name:bounceIn;
}

@keyframes bounceInUp {
  0% {
    opacity:0;
    transform:translateY(2000px);
  }
  60% {
    opacity:1;
    transform:translateY(-30px);
  }
  80% {
    transform:translateY(10px);
  }
  100% {
    transform:translateY(0);
  }
}

.animated.bounceInUp {
  -webkit-animation-name:bounceInUp;
  -moz-animation-name:bounceInUp;
  -o-animation-name:bounceInUp;
  animation-name:bounceInUp;
}

@keyframes bounceInDown {
  0% {
    opacity:0;
    transform:translateY(-2000px);
  }
  60% {
    opacity:1;
    transform:translateY(30px);
  }
  80% {
    transform:translateY(-10px);
  }
  100% {
    transform:translateY(0);
  }
}

.animated.bounceInDown {
  -webkit-animation-name:bounceInDown;
  -moz-animation-name:bounceInDown;
  -o-animation-name:bounceInDown;
  animation-name:bounceInDown;
}

@keyframes bounceInLeft {
  0% {
    opacity:0;
    transform:translateX(-2000px);
  }
  60% {
    opacity:1;
    transform:translateX(30px);
  }
  80% {
    transform:translateX(-10px);
  }
  100% {
    transform:translateX(0);
  }
}

.animated.bounceInLeft {
  -webkit-animation-name:bounceInLeft;
  -moz-animation-name:bounceInLeft;
  -o-animation-name:bounceInLeft;
  animation-name:bounceInLeft;
}

@keyframes bounceInRight {
  0% {
    opacity:0;
    transform:translateX(2000px);
  }
  60% {
    opacity:1;
    transform:translateX(-30px);
  }
  80% {
    transform:translateX(10px);
  }
  100% {
    transform:translateX(0);
  }
}

.animated.bounceInRight {
  -webkit-animation-name:bounceInRight;
  -moz-animation-name:bounceInRight;
  -o-animation-name:bounceInRight;
  animation-name:bounceInRight;
}

@keyframes bounceOut {
  0% {
    transform:scale(1);
  }
  25% {
    transform:scale(.95);
  }
  50% {
    opacity:1;
    transform:scale(1.1);
  }
  100% {
    opacity:0;
    transform:scale(.3);
  }
}

.animated.bounceOut {
  -webkit-animation-name:bounceOut;
  -moz-animation-name:bounceOut;
  -o-animation-name:bounceOut;
  animation-name:bounceOut;
}

@keyframes bounceOutUp {
  0% {
    transform:translateY(0);
  }
  20% {
    opacity:1;
    transform:translateY(20px);
  }
  100% {
    opacity:0;
    transform:translateY(-2000px);
  }
}

.animated.bounceOutUp {
  -webkit-animation-name:bounceOutUp;
  -moz-animation-name:bounceOutUp;
  -o-animation-name:bounceOutUp;
  animation-name:bounceOutUp;
}

@keyframes bounceOutDown {
  0% {
    transform:translateY(0);
  }
  20% {
    opacity:1;
    transform:translateY(-20px);
  }
  100% {
    opacity:0;
    transform:translateY(2000px);
  }
}

.animated.bounceOutDown {
  -webkit-animation-name:bounceOutDown;
  -moz-animation-name:bounceOutDown;
  -o-animation-name:bounceOutDown;
  animation-name:bounceOutDown;
}

@keyframes bounceOutLeft {
  0% {
    transform:translateX(0);
  }
  20% {
    opacity:1;
    transform:translateX(20px);
  }
  100% {
    opacity:0;
    transform:translateX(-2000px);
  }
}

.animated.bounceOutLeft {
  -webkit-animation-name:bounceOutLeft;
  -moz-animation-name:bounceOutLeft;
  -o-animation-name:bounceOutLeft;
  animation-name:bounceOutLeft;
}

@keyframes bounceOutRight {
  0% {
    transform:translateX(0);
  }
  20% {
    opacity:1;
    transform:translateX(-20px);
  }
  100% {
    opacity:0;
    transform:translateX(2000px);
  }
}

.animated.bounceOutRight {
  -webkit-animation-name:bounceOutRight;
  -moz-animation-name:bounceOutRight;
  -o-animation-name:bounceOutRight;
  animation-name:bounceOutRight;
}

@keyframes rotateIn {
  0% {
    transform-origin:center center;
    transform:rotate(-200deg);
    opacity:0;
  }
  100% {
    transform-origin:center center;
    transform:rotate(0);
    opacity:1;
  }
}

.animated.rotateIn {
  -webkit-animation-name:rotateIn;
  -moz-animation-name:rotateIn;
  -o-animation-name:rotateIn;
  animation-name:rotateIn;
}

@keyframes rotateInUpLeft {
  0% {
    transform-origin:left bottom;
    transform:rotate(90deg);
    opacity:0;
  }
  100% {
    transform-origin:left bottom;
    transform:rotate(0);
    opacity:1;
  }
}

.animated.rotateInUpLeft {
  -webkit-animation-name:rotateInUpLeft;
  -moz-animation-name:rotateInUpLeft;
  -o-animation-name:rotateInUpLeft;
  animation-name:rotateInUpLeft;
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin:left bottom;
    transform:rotate(-90deg);
    opacity:0;
  }
  100% {
    transform-origin:left bottom;
    transform:rotate(0);
    opacity:1;
  }
}

.animated.rotateInDownLeft {
  -webkit-animation-name:rotateInDownLeft;
  -moz-animation-name:rotateInDownLeft;
  -o-animation-name:rotateInDownLeft;
  animation-name:rotateInDownLeft;
}

@keyframes rotateInUpRight {
  0% {
    transform-origin:right bottom;
    transform:rotate(-90deg);
    opacity:0;
  }
  100% {
    transform-origin:right bottom;
    transform:rotate(0);
    opacity:1;
  }
}

.animated.rotateInUpRight {
  -webkit-animation-name:rotateInUpRight;
  -moz-animation-name:rotateInUpRight;
  -o-animation-name:rotateInUpRight;
  animation-name:rotateInUpRight;
}

@keyframes rotateInDownRight {
  0% {
    transform-origin:right bottom;
    transform:rotate(90deg);
    opacity:0;
  }
  100% {
    transform-origin:right bottom;
    transform:rotate(0);
    opacity:1;
  }
}

.animated.rotateInDownRight {
  -webkit-animation-name:rotateInDownRight;
  -moz-animation-name:rotateInDownRight;
  -o-animation-name:rotateInDownRight;
  animation-name:rotateInDownRight;
}

@keyframes rotateOut {
  0% {
    transform-origin:center center;
    transform:rotate(0);
    opacity:1;
  }
  100% {
    transform-origin:center center;
    transform:rotate(200deg);
    opacity:0;
  }
}

.animated.rotateOut {
  -webkit-animation-name:rotateOut;
  -moz-animation-name:rotateOut;
  -o-animation-name:rotateOut;
  animation-name:rotateOut;
}

@keyframes rotateOutUpLeft {
  0% {
    transform-origin:left bottom;
    transform:rotate(0);
    opacity:1;
  }
  100% {
    transform-origin:left bottom;
    transform:rotate(-90deg);
    opacity:0;
  }
}

.animated.rotateOutUpLeft {
  -webkit-animation-name:rotateOutUpLeft;
  -moz-animation-name:rotateOutUpLeft;
  -o-animation-name:rotateOutUpLeft;
  animation-name:rotateOutUpLeft;
}

@keyframes rotateOutDownLeft {
  0% {
    transform-origin:left bottom;
    transform:rotate(0);
    opacity:1;
  }
  100% {
    transform-origin:left bottom;
    transform:rotate(90deg);
    opacity:0;
  }
}

.animated.rotateOutDownLeft {
  -webkit-animation-name:rotateOutDownLeft;
  -moz-animation-name:rotateOutDownLeft;
  -o-animation-name:rotateOutDownLeft;
  animation-name:rotateOutDownLeft;
}

@keyframes rotateOutUpRight {
  0% {
    transform-origin:right bottom;
    transform:rotate(0);
    opacity:1;
  }
  100% {
    transform-origin:right bottom;
    transform:rotate(90deg);
    opacity:0;
  }
}

.animated.rotateOutUpRight {
  -webkit-animation-name:rotateOutUpRight;
  -moz-animation-name:rotateOutUpRight;
  -o-animation-name:rotateOutUpRight;
  animation-name:rotateOutUpRight;
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin:right bottom;
    transform:rotate(0);
    opacity:1;
  }
  100% {
    transform-origin:right bottom;
    transform:rotate(-90deg);
    opacity:0;
  }
}

.animated.rotateOutDownRight {
  -webkit-animation-name:rotateOutDownRight;
  -moz-animation-name:rotateOutDownRight;
  -o-animation-name:rotateOutDownRight;
  animation-name:rotateOutDownRight;
}

@keyframes hinge {
  0% {
    transform:rotate(0);
    transform-origin:top left;
    animation-timing-function:ease-in-out;
  }
  20%, 60% {
    transform:rotate(80deg);
    transform-origin:top left;
    animation-timing-function:ease-in-out;
  }
  40% {
    transform:rotate(60deg);
    transform-origin:top left;
    animation-timing-function:ease-in-out;
  }
  80% {
    transform:rotate(60deg) translateY(0);
    opacity:1;
    transform-origin:top left;
    animation-timing-function:ease-in-out;
  }
  100% {
    transform:translateY(700px);
    opacity:0;
  }
}

.animated.hinge {
  -webkit-animation-name:hinge;
  -moz-animation-name:hinge;
  -o-animation-name:hinge;
  animation-name:hinge;
}

@keyframes rollIn {
  0% {
    opacity:0;
    transform:translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity:1;
    transform:translateX(0px) rotate(0deg);
  }
}

.animated.rollIn {
  -webkit-animation-name:rollIn;
  -moz-animation-name:rollIn;
  -o-animation-name:rollIn;
  animation-name:rollIn;
}

@keyframes rollOut {
  0% {
    opacity:1;
    transform:translateX(0px) rotate(0deg);
  }
  100% {
    opacity:0;
    transform:translateX(100%) rotate(120deg);
  }
}

.animated.rollOut {
  -webkit-animation-name:rollOut;
  -moz-animation-name:rollOut;
  -o-animation-name:rollOut;
  animation-name:rollOut;
}

@keyframes lightSpeedIn {
  0% {
    transform:translateX(100%) skewX(-30deg);
    opacity:0;
  }
  60% {
    transform:translateX(-20%) skewX(30deg);
    opacity:1;
  }
  80% {
    transform:translateX(0%) skewX(-15deg);
    opacity:1;
  }
  100% {
    transform:translateX(0%) skewX(0deg);
    opacity:1;
  }
}

.animated.lightSpeedIn {
  -webkit-animation-name:lightSpeedIn;
  -moz-animation-name:lightSpeedIn;
  -o-animation-name:lightSpeedIn;
  animation-name:lightSpeedIn;
  -webkit-animation-timing-function:ease-out;
  -moz-animation-timing-function:ease-out;
  -o-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
}

.animated.lightSpeedIn {
  -webkit-animation-duration:0.5s;
  -moz-animation-duration:0.5s;
  -o-animation-duration:0.5s;
  animation-duration:0.5s;
}

@keyframes lightSpeedOut {
  0% {
    transform:translateX(0%) skewX(0deg);
    opacity:1;
  }
  100% {
    transform:translateX(100%) skewX(-30deg);
    opacity:0;
  }
}

.animated.lightSpeedOut {
  -webkit-animation-name:lightSpeedOut;
  -moz-animation-name:lightSpeedOut;
  -o-animation-name:lightSpeedOut;
  animation-name:lightSpeedOut;
  -webkit-animation-timing-function:ease-in;
  -moz-animation-timing-function:ease-in;
  -o-animation-timing-function:ease-in;
  animation-timing-function:ease-in;
}

.animated.lightSpeedOut {
  -webkit-animation-duration:0.25s;
  -moz-animation-duration:0.25s;
  -o-animation-duration:0.25s;
  animation-duration:0.25s;
}

@keyframes wiggle {
  0% {
    transform:skewX(9deg);
  }
  10% {
    transform:skewX(-8deg);
  }
  20% {
    transform:skewX(7deg);
  }
  30% {
    transform:skewX(-6deg);
  }
  40% {
    transform:skewX(5deg);
  }
  50% {
    transform:skewX(-4deg);
  }
  60% {
    transform:skewX(3deg);
  }
  70% {
    transform:skewX(-2deg);
  }
  80% {
    transform:skewX(1deg);
  }
  90% {
    transform:skewX(0deg);
  }
  100% {
    transform:skewX(0deg);
  }
}

.animated.wiggle {
  -webkit-animation-name:wiggle;
  -moz-animation-name:wiggle;
  -o-animation-name:wiggle;
  animation-name:wiggle;
  -webkit-animation-timing-function:ease-in;
  -moz-animation-timing-function:ease-in;
  -o-animation-timing-function:ease-in;
  animation-timing-function:ease-in;
}

.animated.wiggle {
  -webkit-animation-duration:0.75s;
  -moz-animation-duration:0.75s;
  -o-animation-duration:0.75s;
  animation-duration:0.75s;
}