/**
 * cssanimation.css
 * Current Version: 1.0.3
 * https://www.cssanimatio.io
 * Created and maintained by: Pavel
 * Find me at: https://www.linkedin.com/in/yesiamrocks/
 * Email: hello@cssanimation.io
 * Github: https://github.com/yesiamrocks/cssanimation.io
 * Title: A CSS Animation Library for Developers and Ninjas
 * Copyright (c) 2017 Pavel
 * License: cssanimation.io is licensed under the MIT license
 **/

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

@-webkit-keyframes fadeIn {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes fadeIn {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

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

@-webkit-keyframes fadeInLeft {
  from {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  to {
      opacity: 1
  }
}

@keyframes fadeInLeft {
  from {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  to {
      opacity: 1
  }
}

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

@-webkit-keyframes fadeInRight {
  from {
      opacity: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  to {
      opacity: 1
  }
}

@keyframes fadeInRight {
  from {
      opacity: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  to {
      opacity: 1
  }
}

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

@-webkit-keyframes fadeInTop {
  from {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  to {
      opacity: 1
  }
}

@keyframes fadeInTop {
  from {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  to {
      opacity: 1
  }
}

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

@-webkit-keyframes fadeInBottom {
  from {
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      opacity: 1
  }
}

@keyframes fadeInBottom {
  from {
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      opacity: 1
  }
}

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

@-webkit-keyframes fadeOut {
  to {
      opacity: 0
  }
}

@keyframes fadeOut {
  to {
      opacity: 0
  }
}

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

@-webkit-keyframes fadeOutLeft {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }
}

@keyframes fadeOutLeft {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }
}

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

@-webkit-keyframes fadeOutRight {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }
}

@keyframes fadeOutRight {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }
}

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

@-webkit-keyframes fadeOutTop {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
}

@keyframes fadeOutTop {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
}

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

@-webkit-keyframes fadeOutBottom {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }
}

@keyframes fadeOutBottom {
  from {
      opacity: 1
  }

  to {
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }
}

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

@-webkit-keyframes moveFromLeft {
  from {
      -webkit-transform: translateX(-800px);
      transform: translateX(-800px)
  }
}

@keyframes moveFromLeft {
  from {
      -webkit-transform: translateX(-800px);
      transform: translateX(-800px)
  }
}

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

@-webkit-keyframes moveFromRight {
  from {
      -webkit-transform: translateX(800px);
      transform: translateX(800px)
  }
}

@keyframes moveFromRight {
  from {
      -webkit-transform: translateX(800px);
      transform: translateX(800px)
  }
}

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

@-webkit-keyframes moveFromTop {
  from {
      -webkit-transform: translateY(-800px);
      transform: translateY(-800px)
  }
}

@keyframes moveFromTop {
  from {
      -webkit-transform: translateY(-800px);
      transform: translateY(-800px)
  }
}

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

@-webkit-keyframes moveFromBottom {
  from {
      -webkit-transform: translateY(800px);
      transform: translateY(800px)
  }
}

@keyframes moveFromBottom {
  from {
      -webkit-transform: translateY(800px);
      transform: translateY(800px)
  }
}

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

@-webkit-keyframes moveToLeft {
  to {
      -webkit-transform: translateX(-800px);
      transform: translateX(-800px)
  }
}

@keyframes moveToLeft {
  to {
      -webkit-transform: translateX(-800px);
      transform: translateX(-800px)
  }
}

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

@-webkit-keyframes moveToRight {
  to {
      -webkit-transform: translateX(800px);
      transform: translateX(800px)
  }
}

@keyframes moveToRight {
  to {
      -webkit-transform: translateX(800px);
      transform: translateX(800px)
  }
}

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

@-webkit-keyframes moveToTop {
  to {
      -webkit-transform: translateY(-800px);
      transform: translateY(-800px)
  }
}

@keyframes moveToTop {
  to {
      -webkit-transform: translateY(-800px);
      transform: translateY(-800px)
  }
}

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

@-webkit-keyframes moveToBottom {
  to {
      -webkit-transform: translateY(800px);
      transform: translateY(800px)
  }
}

@keyframes moveToBottom {
  to {
      -webkit-transform: translateY(800px);
      transform: translateY(800px)
  }
}

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

@-webkit-keyframes doorCloseFromLeft {
  from {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 0
  }

  50%,to {
      -webkit-transform: perspective(400px) rotateY(0);
      transform: perspective(400px) rotateY(0);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 1
  }
}

@keyframes doorCloseFromLeft {
  from {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 0
  }

  50%,to {
      -webkit-transform: perspective(400px) rotateY(0);
      transform: perspective(400px) rotateY(0);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 1
  }
}

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

@-webkit-keyframes doorOpenFromRight {
  from {
      -webkit-transform: perspective(400px) rotateY(0);
      transform: perspective(400px) rotateY(0);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 1
  }

  50%,to {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 0
  }
}

@keyframes doorOpenFromRight {
  from {
      -webkit-transform: perspective(400px) rotateY(0);
      transform: perspective(400px) rotateY(0);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 1
  }

  50%,to {
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 0
  }
}

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

@-webkit-keyframes doorCloseFromRight {
  from {
      -webkit-transform: perspective(400px) rotateY(-90deg);
      transform: perspective(400px) rotateY(-90deg);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 0
  }

  50%,to {
      -webkit-transform: perspective(400px) rotateY(0);
      transform: perspective(400px) rotateY(0);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 1
  }
}

@keyframes doorCloseFromRight {
  from {
      -webkit-transform: perspective(400px) rotateY(-90deg);
      transform: perspective(400px) rotateY(-90deg);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 0
  }

  50%,to {
      -webkit-transform: perspective(400px) rotateY(0);
      transform: perspective(400px) rotateY(0);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 1
  }
}

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

@-webkit-keyframes doorOpenFromLeft {
  from {
      -webkit-transform: perspective(400px) rotateY(0);
      transform: perspective(400px) rotateY(0);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 1
  }

  50%,to {
      -webkit-transform: perspective(400px) rotateY(-90deg);
      transform: perspective(400px) rotateY(-90deg);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 0
  }
}

@keyframes doorOpenFromLeft {
  from {
      -webkit-transform: perspective(400px) rotateY(0);
      transform: perspective(400px) rotateY(0);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 1
  }

  50%,to {
      -webkit-transform: perspective(400px) rotateY(-90deg);
      transform: perspective(400px) rotateY(-90deg);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 0
  }
}

.heartbeatSlow {
  -webkit-animation-name: heartbeatSlow;
  animation-name: heartbeatSlow;
  animation-iteration-count: infinite;
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

@-webkit-keyframes heartbeatSlow {
  35%,65% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }
}

@keyframes heartbeatSlow {
  35%,65% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }
}

.heartbeatFast {
  -webkit-animation-name: heartbeatFast;
  animation-name: heartbeatFast;
  animation-iteration-count: infinite
}

.horizontalShake,.pulseShake {
  -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes heartbeatFast {
  14%,42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3)
  }

  28%,70% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes heartbeatFast {
  14%,42% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3)
  }

  28%,70% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

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

@-webkit-keyframes hangOnLeft {
  from {
      -webkit-transform-origin: left;
      transform-origin: left
  }

  40% {
      -webkit-transform: rotate(100deg);
      transform: rotate(100deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  55% {
      -webkit-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  70% {
      -webkit-transform: rotate(95deg);
      transform: rotate(95deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  85% {
      -webkit-transform: rotate(85deg);
      transform: rotate(85deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

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

@keyframes hangOnLeft {
  from {
      -webkit-transform-origin: left;
      transform-origin: left
  }

  40% {
      -webkit-transform: rotate(100deg);
      transform: rotate(100deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  55% {
      -webkit-transform: rotate(80deg);
      transform: rotate(80deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  70% {
      -webkit-transform: rotate(95deg);
      transform: rotate(95deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  85% {
      -webkit-transform: rotate(85deg);
      transform: rotate(85deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

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

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

@-webkit-keyframes hangOnRight {
  from {
      -webkit-transform-origin: right;
      transform-origin: right
  }

  40% {
      -webkit-transform: rotate(-100deg);
      transform: rotate(-100deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  55% {
      -webkit-transform: rotate(-80deg);
      transform: rotate(-80deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  70% {
      -webkit-transform: rotate(-95deg);
      transform: rotate(-95deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  85% {
      -webkit-transform: rotate(-85deg);
      transform: rotate(-85deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

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

@keyframes hangOnRight {
  from {
      -webkit-transform-origin: right;
      transform-origin: right
  }

  40% {
      -webkit-transform: rotate(-100deg);
      transform: rotate(-100deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  55% {
      -webkit-transform: rotate(-80deg);
      transform: rotate(-80deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  70% {
      -webkit-transform: rotate(-95deg);
      transform: rotate(-95deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  85% {
      -webkit-transform: rotate(-85deg);
      transform: rotate(-85deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

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

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

@-webkit-keyframes hangAndDropLeft {
  from {
      -webkit-transform-origin: left;
      transform-origin: left
  }

  50% {
      -webkit-transform: rotate(100deg);
      transform: rotate(100deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  60% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 1
  }

  to {
      -webkit-transform: translateY(300px) rotate(70deg);
      transform: translateY(300px) rotate(70deg);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 0
  }
}

@keyframes hangAndDropLeft {
  from {
      -webkit-transform-origin: left;
      transform-origin: left
  }

  50% {
      -webkit-transform: rotate(100deg);
      transform: rotate(100deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  60% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 1
  }

  to {
      -webkit-transform: translateY(300px) rotate(70deg);
      transform: translateY(300px) rotate(70deg);
      -webkit-transform-origin: left;
      transform-origin: left;
      opacity: 0
  }
}

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

@-webkit-keyframes hangAndDropRight {
  from {
      -webkit-transform-origin: right;
      transform-origin: right
  }

  50% {
      -webkit-transform: rotate(-100deg);
      transform: rotate(-100deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  60% {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 1
  }

  to {
      -webkit-transform: translateY(300px) rotate(-70deg);
      transform: translateY(300px) rotate(-70deg);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 0
  }
}

@keyframes hangAndDropRight {
  from {
      -webkit-transform-origin: right;
      transform-origin: right
  }

  50% {
      -webkit-transform: rotate(-100deg);
      transform: rotate(-100deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  60% {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 1
  }

  to {
      -webkit-transform: translateY(300px) rotate(-70deg);
      transform: translateY(300px) rotate(-70deg);
      -webkit-transform-origin: right;
      transform-origin: right;
      opacity: 0
  }
}

.pulseShake {
  -webkit-animation-name: pulseShake;
  animation-name: pulseShake;
  animation-iteration-count: infinite
}

@-webkit-keyframes pulseShake {
  90% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  92% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }

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

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

@keyframes pulseShake {
  90% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  92% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }

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

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

.horizontalShake {
  -webkit-animation-name: horizontalShake;
  animation-name: horizontalShake;
  animation-iteration-count: infinite
}

.madMax,.verticalShake {
  -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes horizontalShake {
  12%,21%,3%,30%,39%,48%,57%,65%,74%,83%,92% {
      -webkit-transform: translateX(5px);
      transform: translateX(5px)
  }

  15%,24%,33%,42%,51%,6%,60%,68%,77%,86%,95% {
      -webkit-transform: translateX(3px);
      transform: translateX(3px)
  }

  18%,27%,36%,45%,54%,63%,71%,80%,89%,9%,98% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px)
  }
}

@keyframes horizontalShake {
  12%,21%,3%,30%,39%,48%,57%,65%,74%,83%,92% {
      -webkit-transform: translateX(5px);
      transform: translateX(5px)
  }

  15%,24%,33%,42%,51%,6%,60%,68%,77%,86%,95% {
      -webkit-transform: translateX(3px);
      transform: translateX(3px)
  }

  18%,27%,36%,45%,54%,63%,71%,80%,89%,9%,98% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px)
  }
}

.verticalShake {
  -webkit-animation-name: verticalShake;
  animation-name: verticalShake;
  animation-iteration-count: infinite
}

@-webkit-keyframes verticalShake {
  12%,21%,3%,30%,39%,48%,57%,65%,74%,83%,92% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px)
  }

  15%,24%,33%,42%,51%,6%,60%,68%,77%,86%,95% {
      -webkit-transform: translateY(3px);
      transform: translateY(3px)
  }

  18%,27%,36%,45%,54%,63%,71%,80%,89%,9%,98% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px)
  }
}

@keyframes verticalShake {
  12%,21%,3%,30%,39%,48%,57%,65%,74%,83%,92% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px)
  }

  15%,24%,33%,42%,51%,6%,60%,68%,77%,86%,95% {
      -webkit-transform: translateY(3px);
      transform: translateY(3px)
  }

  18%,27%,36%,45%,54%,63%,71%,80%,89%,9%,98% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px)
  }
}

.madMax {
  -webkit-animation-name: madMax;
  animation-name: madMax;
  animation-iteration-count: infinite
}

.coolHorizontalShake,.coolVerticalShake {
  -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes madMax {
  12%,21%,3%,30%,39%,48%,57%,65%,74%,83%,92% {
      -webkit-transform: translateY(5px) scale(1.1);
      transform: translateY(5px) scale(1.1)
  }

  15%,24%,33%,42%,51%,6%,60%,68%,77%,86%,95% {
      -webkit-transform: translateY(3px) scale(.8);
      transform: translateY(3px) scale(.8)
  }

  18%,27%,36%,45%,54%,63%,71%,80%,89%,9%,98% {
      -webkit-transform: translateY(-5px) scale(1.1);
      transform: translateY(-5px) scale(1.1)
  }
}

@keyframes madMax {
  12%,21%,3%,30%,39%,48%,57%,65%,74%,83%,92% {
      -webkit-transform: translateY(5px) scale(1.1);
      transform: translateY(5px) scale(1.1)
  }

  15%,24%,33%,42%,51%,6%,60%,68%,77%,86%,95% {
      -webkit-transform: translateY(3px) scale(.8);
      transform: translateY(3px) scale(.8)
  }

  18%,27%,36%,45%,54%,63%,71%,80%,89%,9%,98% {
      -webkit-transform: translateY(-5px) scale(1.1);
      transform: translateY(-5px) scale(1.1)
  }
}

.coolHorizontalShake {
  -webkit-animation-name: coolHorizontalShake;
  animation-name: coolHorizontalShake;
  animation-iteration-count: infinite
}

@-webkit-keyframes coolHorizontalShake {
  21%,3%,39%,57%,74%,92% {
      -webkit-transform: translateX(5px);
      transform: translateX(5px)
  }

  24%,42%,6%,60%,77%,95% {
      -webkit-transform: translateX(3px);
      transform: translateX(3px)
  }

  27%,45%,63%,80%,9%,98% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px)
  }
}

@keyframes coolHorizontalShake {
  21%,3%,39%,57%,74%,92% {
      -webkit-transform: translateX(5px);
      transform: translateX(5px)
  }

  24%,42%,6%,60%,77%,95% {
      -webkit-transform: translateX(3px);
      transform: translateX(3px)
  }

  27%,45%,63%,80%,9%,98% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px)
  }
}

.coolVerticalShake {
  -webkit-animation-name: coolVerticalShake;
  animation-name: coolVerticalShake;
  animation-iteration-count: infinite
}

@-webkit-keyframes coolVerticalShake {
  21%,3%,39%,57%,74%,92% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px)
  }

  24%,42%,6%,60%,77%,95% {
      -webkit-transform: translateY(3px);
      transform: translateY(3px)
  }

  27%,45%,63%,80%,9%,98% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px)
  }
}

@keyframes coolVerticalShake {
  21%,3%,39%,57%,74%,92% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px)
  }

  24%,42%,6%,60%,77%,95% {
      -webkit-transform: translateY(3px);
      transform: translateY(3px)
  }

  27%,45%,63%,80%,9%,98% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px)
  }
}

.quietMad {
  -webkit-animation-name: quietMad;
  animation-name: quietMad;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes quietMad {
  21%,3%,39%,57%,74%,92% {
      -webkit-transform: translateY(5px) scale(1.1);
      transform: translateY(5px) scale(1.1)
  }

  24%,42%,6%,60%,77%,95% {
      -webkit-transform: translateY(3px) scale(.8);
      transform: translateY(3px) scale(.8)
  }

  27%,45%,63%,80%,9%,98% {
      -webkit-transform: translateY(-5px) scale(1.1);
      transform: translateY(-5px) scale(1.1)
  }
}

@keyframes quietMad {
  21%,3%,39%,57%,74%,92% {
      -webkit-transform: translateY(5px) scale(1.1);
      transform: translateY(5px) scale(1.1)
  }

  24%,42%,6%,60%,77%,95% {
      -webkit-transform: translateY(3px) scale(.8);
      transform: translateY(3px) scale(.8)
  }

  27%,45%,63%,80%,9%,98% {
      -webkit-transform: translateY(-5px) scale(1.1);
      transform: translateY(-5px) scale(1.1)
  }
}

.vibration {
  -webkit-animation: vibration .1s linear infinite;
  animation: vibration .1s linear infinite
}

@-webkit-keyframes vibration {
  50% {
      -webkit-transform: skewY(1deg) skewX(-1deg) scale(1.06);
      transform: skewY(1deg) skewX(-1deg) scale(1.06)
  }
}

@keyframes vibration {
  50% {
      -webkit-transform: skewY(1deg) skewX(-1deg) scale(1.06);
      transform: skewY(1deg) skewX(-1deg) scale(1.06)
  }
}

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

@-webkit-keyframes pushReleaseFrom {
  from {
      -webkit-transform: scale(3,3);
      transform: scale(3,3);
      opacity: 0
  }

  30% {
      -webkit-transform: scale(.5,.5);
      transform: scale(.5,.5)
  }
}

@keyframes pushReleaseFrom {
  from {
      -webkit-transform: scale(3,3);
      transform: scale(3,3);
      opacity: 0
  }

  30% {
      -webkit-transform: scale(.5,.5);
      transform: scale(.5,.5)
  }
}

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

@-webkit-keyframes pushReleaseFromLeft {
  from {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  30% {
      -webkit-transform: translateX(100px);
      transform: translateX(100px)
  }
}

@keyframes pushReleaseFromLeft {
  from {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  30% {
      -webkit-transform: translateX(100px);
      transform: translateX(100px)
  }
}

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

@-webkit-keyframes pushReleaseFromRight {
  from {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  30% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px)
  }
}

@keyframes pushReleaseFromRight {
  from {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  30% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px)
  }
}

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

@-webkit-keyframes pushReleaseFromTop {
  from {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  30% {
      -webkit-transform: translateY(100px);
      transform: translateY(100px)
  }
}

@keyframes pushReleaseFromTop {
  from {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  30% {
      -webkit-transform: translateY(100px);
      transform: translateY(100px)
  }
}

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

@-webkit-keyframes pushReleaseFromBottom {
  from {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  30% {
      -webkit-transform: translateY(-100px);
      transform: translateY(-100px)
  }
}

@keyframes pushReleaseFromBottom {
  from {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  30% {
      -webkit-transform: translateY(-100px);
      transform: translateY(-100px)
  }
}

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

@-webkit-keyframes pushReleaseTo {
  30% {
      -webkit-transform: scale(.5,.5);
      transform: scale(.5,.5)
  }

  to {
      -webkit-transform: scale(5,5);
      transform: scale(5,5);
      opacity: 0
  }
}

@keyframes pushReleaseTo {
  30% {
      -webkit-transform: scale(.5,.5);
      transform: scale(.5,.5)
  }

  to {
      -webkit-transform: scale(5,5);
      transform: scale(5,5);
      opacity: 0
  }
}

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

@-webkit-keyframes pushReleaseToLeft {
  30% {
      -webkit-transform: translateX(100px);
      transform: translateX(100px)
  }

  to {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0
  }
}

@keyframes pushReleaseToLeft {
  30% {
      -webkit-transform: translateX(100px);
      transform: translateX(100px)
  }

  to {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0
  }
}

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

@-webkit-keyframes pushReleaseToRight {
  30% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px)
  }

  to {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      opacity: 0
  }
}

@keyframes pushReleaseToRight {
  30% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px)
  }

  to {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      opacity: 0
  }
}

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

@-webkit-keyframes pushReleaseToTop {
  30% {
      -webkit-transform: translateY(100px);
      transform: translateY(100px)
  }

  to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      opacity: 0
  }
}

@keyframes pushReleaseToTop {
  30% {
      -webkit-transform: translateY(100px);
      transform: translateY(100px)
  }

  to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      opacity: 0
  }
}

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

@-webkit-keyframes pushReleaseToBottom {
  30% {
      -webkit-transform: translateY(-100px);
      transform: translateY(-100px)
  }

  to {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0
  }
}

@keyframes pushReleaseToBottom {
  30% {
      -webkit-transform: translateY(-100px);
      transform: translateY(-100px)
  }

  to {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0
  }
}

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

@-webkit-keyframes flipX {
  from {
      -webkit-transform: perspective(600px) rotateX(-180deg);
      transform: perspective(600px) rotateX(-180deg);
      opacity: 0
  }

  to {
      -webkit-transform: perspective(600px) rotateX(-360deg);
      transform: perspective(600px) rotateX(-360deg)
  }
}

@keyframes flipX {
  from {
      -webkit-transform: perspective(600px) rotateX(-180deg);
      transform: perspective(600px) rotateX(-180deg);
      opacity: 0
  }

  to {
      -webkit-transform: perspective(600px) rotateX(-360deg);
      transform: perspective(600px) rotateX(-360deg)
  }
}

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

@-webkit-keyframes flipXZoomIn {
  from {
      -webkit-transform: perspective(600px) rotateX(0) scale(1);
      transform: perspective(600px) rotateX(0) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(600px) rotateX(-180deg) scale(1.8);
      transform: perspective(600px) rotateX(-180deg) scale(1.8);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  80% {
      -webkit-transform: perspective(600px) rotateX(-360deg) scale(.7);
      transform: perspective(600px) rotateX(-360deg) scale(.7);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes flipXZoomIn {
  from {
      -webkit-transform: perspective(600px) rotateX(0) scale(1);
      transform: perspective(600px) rotateX(0) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(600px) rotateX(-180deg) scale(1.8);
      transform: perspective(600px) rotateX(-180deg) scale(1.8);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  80% {
      -webkit-transform: perspective(600px) rotateX(-360deg) scale(.7);
      transform: perspective(600px) rotateX(-360deg) scale(.7);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

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

@-webkit-keyframes flipXZoomOut {
  from {
      -webkit-transform: perspective(600px) rotateX(0) scale(1);
      transform: perspective(600px) rotateX(0) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(600px) rotateX(180deg) scale(1.8);
      transform: perspective(600px) rotateX(180deg) scale(1.8);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  80% {
      -webkit-transform: perspective(600px) rotateX(360deg) scale(.7);
      transform: perspective(600px) rotateX(360deg) scale(.7);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes flipXZoomOut {
  from {
      -webkit-transform: perspective(600px) rotateX(0) scale(1);
      transform: perspective(600px) rotateX(0) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(600px) rotateX(180deg) scale(1.8);
      transform: perspective(600px) rotateX(180deg) scale(1.8);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  80% {
      -webkit-transform: perspective(600px) rotateX(360deg) scale(.7);
      transform: perspective(600px) rotateX(360deg) scale(.7);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

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

@-webkit-keyframes flipY {
  from {
      -webkit-transform: perspective(600px) rotateY(180deg);
      transform: perspective(600px) rotateY(180deg);
      opacity: 0
  }

  to {
      -webkit-transform: perspective(600px) rotateY(360deg);
      transform: perspective(600px) rotateY(360deg)
  }
}

@keyframes flipY {
  from {
      -webkit-transform: perspective(600px) rotateY(180deg);
      transform: perspective(600px) rotateY(180deg);
      opacity: 0
  }

  to {
      -webkit-transform: perspective(600px) rotateY(360deg);
      transform: perspective(600px) rotateY(360deg)
  }
}

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

@-webkit-keyframes flipYZoomIn {
  from {
      -webkit-transform: perspective(600px) rotateY(0) scale(1);
      transform: perspective(600px) rotateY(0) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(600px) rotateY(180deg) scale(1.6);
      transform: perspective(600px) rotateY(180deg) scale(1.6);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  80% {
      -webkit-transform: perspective(600px) rotateY(360deg) scale(.7);
      transform: perspective(600px) rotateY(360deg) scale(.7);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes flipYZoomIn {
  from {
      -webkit-transform: perspective(600px) rotateY(0) scale(1);
      transform: perspective(600px) rotateY(0) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(600px) rotateY(180deg) scale(1.6);
      transform: perspective(600px) rotateY(180deg) scale(1.6);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  80% {
      -webkit-transform: perspective(600px) rotateY(360deg) scale(.7);
      transform: perspective(600px) rotateY(360deg) scale(.7);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

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

@-webkit-keyframes flipYZoomOut {
  from {
      -webkit-transform: perspective(600px) rotateY(0) scale(1);
      transform: perspective(600px) rotateY(0) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(600px) rotateY(180deg) scale(.6);
      transform: perspective(600px) rotateY(180deg) scale(.6);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  80% {
      -webkit-transform: perspective(600px) rotateY(360deg) scale(1.8);
      transform: perspective(600px) rotateY(360deg) scale(1.8);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes flipYZoomOut {
  from {
      -webkit-transform: perspective(600px) rotateY(0) scale(1);
      transform: perspective(600px) rotateY(0) scale(1);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      -webkit-transform: perspective(600px) rotateY(180deg) scale(.6);
      transform: perspective(600px) rotateY(180deg) scale(.6);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  80% {
      -webkit-transform: perspective(600px) rotateY(360deg) scale(1.8);
      transform: perspective(600px) rotateY(360deg) scale(1.8);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

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

@-webkit-keyframes skewLeft {
  70% {
      -webkit-transform: skewX(40deg);
      transform: skewX(40deg)
  }
}

@keyframes skewLeft {
  70% {
      -webkit-transform: skewX(40deg);
      transform: skewX(40deg)
  }
}

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

@-webkit-keyframes skewRight {
  70% {
      -webkit-transform: skewX(-40deg);
      transform: skewX(-40deg)
  }
}

@keyframes skewRight {
  70% {
      -webkit-transform: skewX(-40deg);
      transform: skewX(-40deg)
  }
}

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

@-webkit-keyframes skewInLeft {
  from {
      opacity: 0;
      -webkit-transform: translateX(-100%) skewX(-40deg);
      transform: translateX(-100%) skewX(-40deg)
  }

  70% {
      -webkit-transform: skewX(-30deg);
      transform: skewX(-30deg)
  }
}

@keyframes skewInLeft {
  from {
      opacity: 0;
      -webkit-transform: translateX(-100%) skewX(-40deg);
      transform: translateX(-100%) skewX(-40deg)
  }

  70% {
      -webkit-transform: skewX(-30deg);
      transform: skewX(-30deg)
  }
}

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

@-webkit-keyframes skewInRight {
  from {
      opacity: 0;
      -webkit-transform: translateX(100%) skewX(40deg);
      transform: translateX(100%) skewX(40deg)
  }

  70% {
      -webkit-transform: skewX(30deg);
      transform: skewX(30deg)
  }
}

@keyframes skewInRight {
  from {
      opacity: 0;
      -webkit-transform: translateX(100%) skewX(40deg);
      transform: translateX(100%) skewX(40deg)
  }

  70% {
      -webkit-transform: skewX(30deg);
      transform: skewX(30deg)
  }
}

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

@-webkit-keyframes skewOutLeft {
  20% {
      -webkit-transform: skewX(40deg);
      transform: skewX(40deg)
  }

  to {
      -webkit-transform: translateX(-100%) skewX(40deg);
      transform: translateX(-100%) skewX(40deg);
      opacity: 0
  }
}

@keyframes skewOutLeft {
  20% {
      -webkit-transform: skewX(40deg);
      transform: skewX(40deg)
  }

  to {
      -webkit-transform: translateX(-100%) skewX(40deg);
      transform: translateX(-100%) skewX(40deg);
      opacity: 0
  }
}

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

@-webkit-keyframes skewOutRight {
  20% {
      -webkit-transform: skewX(-40deg);
      transform: skewX(-40deg)
  }

  to {
      -webkit-transform: translateX(100%) skewX(-40deg);
      transform: translateX(100%) skewX(-40deg);
      opacity: 0
  }
}

@keyframes skewOutRight {
  20% {
      -webkit-transform: skewX(-40deg);
      transform: skewX(-40deg)
  }

  to {
      -webkit-transform: translateX(100%) skewX(-40deg);
      transform: translateX(100%) skewX(-40deg);
      opacity: 0
  }
}

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

@-webkit-keyframes shockZoom {
  from {
      -webkit-transform: matrix(5,0,0,5,0,0);
      transform: matrix(5,0,0,5,0,0)
  }

  35% {
      -webkit-transform: matrix(2,0,0,2,0,0);
      transform: matrix(2,0,0,2,0,0)
  }

  43% {
      -webkit-transform: matrix(1,0,0,1,0,0);
      transform: matrix(1,0,0,1,0,0)
  }
}

@keyframes shockZoom {
  from {
      -webkit-transform: matrix(5,0,0,5,0,0);
      transform: matrix(5,0,0,5,0,0)
  }

  35% {
      -webkit-transform: matrix(2,0,0,2,0,0);
      transform: matrix(2,0,0,2,0,0)
  }

  43% {
      -webkit-transform: matrix(1,0,0,1,0,0);
      transform: matrix(1,0,0,1,0,0)
  }
}

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

@-webkit-keyframes shockInLeft {
  from {
      -webkit-transform: matrix(1,0,0,1,-800,0);
      transform: matrix(1,0,0,1,-800,0)
  }

  35% {
      -webkit-transform: matrix(1,0,0,1,50,0);
      transform: matrix(1,0,0,1,50,0)
  }

  43% {
      -webkit-transform: matrix(1,0,0,1,0,0);
      transform: matrix(1,0,0,1,0,0)
  }
}

@keyframes shockInLeft {
  from {
      -webkit-transform: matrix(1,0,0,1,-800,0);
      transform: matrix(1,0,0,1,-800,0)
  }

  35% {
      -webkit-transform: matrix(1,0,0,1,50,0);
      transform: matrix(1,0,0,1,50,0)
  }

  43% {
      -webkit-transform: matrix(1,0,0,1,0,0);
      transform: matrix(1,0,0,1,0,0)
  }
}

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

@-webkit-keyframes shockInRight {
  from {
      -webkit-transform: matrix(1,0,0,1,800,0);
      transform: matrix(1,0,0,1,800,0)
  }

  35% {
      -webkit-transform: matrix(1,0,0,1,-50,0);
      transform: matrix(1,0,0,1,-50,0)
  }

  43% {
      -webkit-transform: matrix(1,0,0,1,0,0);
      transform: matrix(1,0,0,1,0,0)
  }
}

@keyframes shockInRight {
  from {
      -webkit-transform: matrix(1,0,0,1,800,0);
      transform: matrix(1,0,0,1,800,0)
  }

  35% {
      -webkit-transform: matrix(1,0,0,1,-50,0);
      transform: matrix(1,0,0,1,-50,0)
  }

  43% {
      -webkit-transform: matrix(1,0,0,1,0,0);
      transform: matrix(1,0,0,1,0,0)
  }
}

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

@-webkit-keyframes shockInTop {
  from {
      -webkit-transform: matrix(1,0,0,1,0,-400);
      transform: matrix(1,0,0,1,0,-400)
  }

  35% {
      -webkit-transform: matrix(1,0,0,1,0,50);
      transform: matrix(1,0,0,1,0,50)
  }

  43% {
      -webkit-transform: matrix(1,0,0,1,0,0);
      transform: matrix(1,0,0,1,0,0)
  }
}

@keyframes shockInTop {
  from {
      -webkit-transform: matrix(1,0,0,1,0,-400);
      transform: matrix(1,0,0,1,0,-400)
  }

  35% {
      -webkit-transform: matrix(1,0,0,1,0,50);
      transform: matrix(1,0,0,1,0,50)
  }

  43% {
      -webkit-transform: matrix(1,0,0,1,0,0);
      transform: matrix(1,0,0,1,0,0)
  }
}

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

@-webkit-keyframes shockInBottom {
  from {
      -webkit-transform: matrix(1,0,0,1,0,400);
      transform: matrix(1,0,0,1,0,400)
  }

  35% {
      -webkit-transform: matrix(1,0,0,1,0,-50);
      transform: matrix(1,0,0,1,0,-50)
  }

  43% {
      -webkit-transform: matrix(1,0,0,1,0,0);
      transform: matrix(1,0,0,1,0,0)
  }
}

@keyframes shockInBottom {
  from {
      -webkit-transform: matrix(1,0,0,1,0,400);
      transform: matrix(1,0,0,1,0,400)
  }

  35% {
      -webkit-transform: matrix(1,0,0,1,0,-50);
      transform: matrix(1,0,0,1,0,-50)
  }

  43% {
      -webkit-transform: matrix(1,0,0,1,0,0);
      transform: matrix(1,0,0,1,0,0)
  }
}

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

@-webkit-keyframes pullRelease {
  15% {
      -webkit-transform: scale(1.8);
      transform: scale(1.8)
  }
}

@keyframes pullRelease {
  15% {
      -webkit-transform: scale(1.8);
      transform: scale(1.8)
  }
}

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

@-webkit-keyframes pushRelease {
  15% {
      -webkit-transform: scale(.5);
      transform: scale(.5)
  }
}

@keyframes pushRelease {
  15% {
      -webkit-transform: scale(.5);
      transform: scale(.5)
  }
}

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

@-webkit-keyframes swingInLeft {
  from {
      -webkit-transform: matrix(3,0,0,3,-800,0);
      transform: matrix(3,0,0,3,-800,0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: matrix(1.3,0,0,1.3,20,0);
      transform: matrix(1.3,0,0,1.3,20,0)
  }
}

@keyframes swingInLeft {
  from {
      -webkit-transform: matrix(3,0,0,3,-800,0);
      transform: matrix(3,0,0,3,-800,0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: matrix(1.3,0,0,1.3,20,0);
      transform: matrix(1.3,0,0,1.3,20,0)
  }
}

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

@-webkit-keyframes swingInRight {
  from {
      -webkit-transform: matrix(3,0,0,3,800,0);
      transform: matrix(3,0,0,3,800,0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: matrix(1.3,0,0,1.3,-20,0);
      transform: matrix(1.3,0,0,1.3,-20,0)
  }
}

@keyframes swingInRight {
  from {
      -webkit-transform: matrix(3,0,0,3,800,0);
      transform: matrix(3,0,0,3,800,0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: matrix(1.3,0,0,1.3,-20,0);
      transform: matrix(1.3,0,0,1.3,-20,0)
  }
}

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

@-webkit-keyframes swingInTop {
  from {
      -webkit-transform: matrix(3,0,0,3,0,-800);
      transform: matrix(3,0,0,3,0,-800);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: matrix(1.3,0,0,1.3,0,20);
      transform: matrix(1.3,0,0,1.3,0,20)
  }
}

@keyframes swingInTop {
  from {
      -webkit-transform: matrix(3,0,0,3,0,-800);
      transform: matrix(3,0,0,3,0,-800);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: matrix(1.3,0,0,1.3,0,20);
      transform: matrix(1.3,0,0,1.3,0,20)
  }
}

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

@-webkit-keyframes swingInBottom {
  from {
      -webkit-transform: matrix(3,0,0,3,0,800);
      transform: matrix(3,0,0,3,0,800);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: matrix(1.3,0,0,1.3,0,-20);
      transform: matrix(1.3,0,0,1.3,0,-20)
  }
}

@keyframes swingInBottom {
  from {
      -webkit-transform: matrix(3,0,0,3,0,800);
      transform: matrix(3,0,0,3,0,800);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  50% {
      -webkit-transform: matrix(1.3,0,0,1.3,0,-20);
      transform: matrix(1.3,0,0,1.3,0,-20)
  }
}

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

@-webkit-keyframes elevateLeft {
  from {
      -webkit-transform: translateY(100%) rotate(-20deg);
      transform: translateY(100%) rotate(-20deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  40% {
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  65% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transform-origin: right;
      transform-origin: right
  }
}

@keyframes elevateLeft {
  from {
      -webkit-transform: translateY(100%) rotate(-20deg);
      transform: translateY(100%) rotate(-20deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  40% {
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg);
      -webkit-transform-origin: right;
      transform-origin: right
  }

  65% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transform-origin: right;
      transform-origin: right
  }
}

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

@-webkit-keyframes elevateRight {
  from {
      -webkit-transform: translateY(100%) rotate(20deg);
      transform: translateY(100%) rotate(20deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  40% {
      -webkit-transform: rotate(-20deg);
      transform: rotate(-20deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  65% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transform-origin: left;
      transform-origin: left
  }
}

@keyframes elevateRight {
  from {
      -webkit-transform: translateY(100%) rotate(20deg);
      transform: translateY(100%) rotate(20deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  40% {
      -webkit-transform: rotate(-20deg);
      transform: rotate(-20deg);
      -webkit-transform-origin: left;
      transform-origin: left
  }

  65% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transform-origin: left;
      transform-origin: left
  }
}

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

@-webkit-keyframes rollFromLeft {
  from {
      -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
      transform: translateX(-100%) perspective(600px) rotateY(180deg);
      opacity: 0
  }

  to {
      -webkit-transform: translateX(0) perspective(600px) rotateY(0);
      transform: translateX(0) perspective(600px) rotateY(0);
      opacity: 1
  }
}

@keyframes rollFromLeft {
  from {
      -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
      transform: translateX(-100%) perspective(600px) rotateY(180deg);
      opacity: 0
  }

  to {
      -webkit-transform: translateX(0) perspective(600px) rotateY(0);
      transform: translateX(0) perspective(600px) rotateY(0);
      opacity: 1
  }
}

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

@-webkit-keyframes rollFromRight {
  from {
      -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
      transform: translateX(100%) perspective(600px) rotateY(-180deg);
      opacity: 0
  }

  to {
      -webkit-transform: translateX(0) perspective(600px) rotateY(0);
      transform: translateX(0) perspective(600px) rotateY(0);
      opacity: 1
  }
}

@keyframes rollFromRight {
  from {
      -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
      transform: translateX(100%) perspective(600px) rotateY(-180deg);
      opacity: 0
  }

  to {
      -webkit-transform: translateX(0) perspective(600px) rotateY(0);
      transform: translateX(0) perspective(600px) rotateY(0);
      opacity: 1
  }
}

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

@-webkit-keyframes rollFromTop {
  from {
      -webkit-transform: translateY(-100%) perspective(600px) rotateY(180deg);
      transform: translateY(-100%) perspective(600px) rotateY(180deg);
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0) perspective(600px) rotateY(0);
      transform: translateY(0) perspective(600px) rotateY(0);
      opacity: 1
  }
}

@keyframes rollFromTop {
  from {
      -webkit-transform: translateY(-100%) perspective(600px) rotateY(180deg);
      transform: translateY(-100%) perspective(600px) rotateY(180deg);
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0) perspective(600px) rotateY(0);
      transform: translateY(0) perspective(600px) rotateY(0);
      opacity: 1
  }
}

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

@-webkit-keyframes rollFromBottom {
  from {
      -webkit-transform: translateY(100%) perspective(600px) rotateY(-180deg);
      transform: translateY(100%) perspective(600px) rotateY(-180deg);
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0) perspective(600px) rotateY(0);
      transform: translateY(0) perspective(600px) rotateY(0);
      opacity: 1
  }
}

@keyframes rollFromBottom {
  from {
      -webkit-transform: translateY(100%) perspective(600px) rotateY(-180deg);
      transform: translateY(100%) perspective(600px) rotateY(-180deg);
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0) perspective(600px) rotateY(0);
      transform: translateY(0) perspective(600px) rotateY(0);
      opacity: 1
  }
}

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

@-webkit-keyframes rollToLeft {
  from {
      -webkit-transform: translateX(0) perspective(600px) rotateY(0);
      transform: translateX(0) perspective(600px) rotateY(0);
      opacity: 1
  }

  to {
      -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
      transform: translateX(-100%) perspective(600px) rotateY(180deg);
      opacity: 0
  }
}

@keyframes rollToLeft {
  from {
      -webkit-transform: translateX(0) perspective(600px) rotateY(0);
      transform: translateX(0) perspective(600px) rotateY(0);
      opacity: 1
  }

  to {
      -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
      transform: translateX(-100%) perspective(600px) rotateY(180deg);
      opacity: 0
  }
}

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

@-webkit-keyframes rollToRight {
  from {
      -webkit-transform: translateX(0) perspective(600px) rotateY(0);
      transform: translateX(0) perspective(600px) rotateY(0);
      opacity: 1
  }

  to {
      -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
      transform: translateX(100%) perspective(600px) rotateY(-180deg);
      opacity: 0
  }
}

@keyframes rollToRight {
  from {
      -webkit-transform: translateX(0) perspective(600px) rotateY(0);
      transform: translateX(0) perspective(600px) rotateY(0);
      opacity: 1
  }

  to {
      -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
      transform: translateX(100%) perspective(600px) rotateY(-180deg);
      opacity: 0
  }
}

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

@-webkit-keyframes rollToTop {
  from {
      -webkit-transform: translateY(0) perspective(600px) rotateX(0);
      transform: translateY(0) perspective(600px) rotateX(0);
      opacity: 1
  }

  to {
      -webkit-transform: translateY(-100%) perspective(600px) rotateX(180deg);
      transform: translateY(-100%) perspective(600px) rotateX(180deg);
      opacity: 0
  }
}

@keyframes rollToTop {
  from {
      -webkit-transform: translateY(0) perspective(600px) rotateX(0);
      transform: translateY(0) perspective(600px) rotateX(0);
      opacity: 1
  }

  to {
      -webkit-transform: translateY(-100%) perspective(600px) rotateX(180deg);
      transform: translateY(-100%) perspective(600px) rotateX(180deg);
      opacity: 0
  }
}

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

@-webkit-keyframes rollToBottom {
  to {
      -webkit-transform: translateY(100%) perspective(600px) rotateX(-180deg);
      transform: translateY(100%) perspective(600px) rotateX(-180deg);
      opacity: 0
  }
}

@keyframes rollToBottom {
  to {
      -webkit-transform: translateY(100%) perspective(600px) rotateX(-180deg);
      transform: translateY(100%) perspective(600px) rotateX(-180deg);
      opacity: 0
  }
}

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

@-webkit-keyframes rotate {
  from {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

@keyframes rotate {
  from {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }
}

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

@-webkit-keyframes rotateX {
  from {
      -webkit-transform: perspective(600px) rotateX(0);
      transform: perspective(600px) rotateX(0)
  }

  to {
      -webkit-transform: perspective(600px) rotateX(90deg);
      transform: perspective(600px) rotateX(90deg)
  }
}

@keyframes rotateX {
  from {
      -webkit-transform: perspective(600px) rotateX(0);
      transform: perspective(600px) rotateX(0)
  }

  to {
      -webkit-transform: perspective(600px) rotateX(90deg);
      transform: perspective(600px) rotateX(90deg)
  }
}

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

@-webkit-keyframes rotateXIn {
  from {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);
      transform: perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);
      opacity: 0
  }

  5% {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);
      transform: perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)
  }
}

@keyframes rotateXIn {
  from {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);
      transform: perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);
      opacity: 0
  }

  5% {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);
      transform: perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)
  }
}

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

@-webkit-keyframes rotateXOut {
  95% {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);
      transform: perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)
  }

  to {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);
      transform: perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);
      opacity: 0
  }
}

@keyframes rotateXOut {
  95% {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg);
      transform: perspective(600px) translate3d(0,-60px,-1500px) rotateX(75deg)
  }

  to {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);
      transform: perspective(600px) translate3d(0,-60px,-2000px) rotateX(75deg);
      opacity: 0
  }
}

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

@-webkit-keyframes rotateY {
  from {
      -webkit-transform: perspective(600px) rotateY(0);
      transform: perspective(600px) rotateY(0)
  }

  to {
      -webkit-transform: perspective(600px) rotateY(90deg);
      transform: perspective(600px) rotateY(90deg)
  }
}

@keyframes rotateY {
  from {
      -webkit-transform: perspective(600px) rotateY(0);
      transform: perspective(600px) rotateY(0)
  }

  to {
      -webkit-transform: perspective(600px) rotateY(90deg);
      transform: perspective(600px) rotateY(90deg)
  }
}

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

@-webkit-keyframes rotateYIn {
  from {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);
      transform: perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);
      opacity: 0
  }

  5% {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);
      transform: perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)
  }
}

@keyframes rotateYIn {
  from {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);
      transform: perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);
      opacity: 0
  }

  5% {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);
      transform: perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)
  }
}

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

@-webkit-keyframes rotateYOut {
  95% {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);
      transform: perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)
  }

  to {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);
      transform: perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);
      opacity: 0
  }
}

@keyframes rotateYOut {
  95% {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg);
      transform: perspective(600px) translate3d(0,-60px,-1500px) rotateY(75deg)
  }

  to {
      -webkit-transform: perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);
      transform: perspective(600px) translate3d(0,-60px,-2000px) rotateY(75deg);
      opacity: 0
  }
}

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

@-webkit-keyframes rotateInLeft {
  from {
      opacity: 0;
      -webkit-transform: translateX(-100%) rotate(0);
      transform: translateX(-100%) rotate(0)
  }

  to {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }
}

@keyframes rotateInLeft {
  from {
      opacity: 0;
      -webkit-transform: translateX(-100%) rotate(0);
      transform: translateX(-100%) rotate(0)
  }

  to {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }
}

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

@-webkit-keyframes rotateInRight {
  from {
      opacity: 0;
      -webkit-transform: translateX(100%) rotate(0);
      transform: translateX(100%) rotate(0)
  }

  to {
      -webkit-transform: translateX(0) rotate(-360deg);
      transform: translateX(0) rotate(-360deg)
  }
}

@keyframes rotateInRight {
  from {
      opacity: 0;
      -webkit-transform: translateX(100%) rotate(0);
      transform: translateX(100%) rotate(0)
  }

  to {
      -webkit-transform: translateX(0) rotate(-360deg);
      transform: translateX(0) rotate(-360deg)
  }
}

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

@-webkit-keyframes rotateInTop {
  from {
      opacity: 0;
      -webkit-transform: translateY(-400%) rotate(0);
      transform: translateY(-400%) rotate(0)
  }

  to {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }
}

@keyframes rotateInTop {
  from {
      opacity: 0;
      -webkit-transform: translateY(-400%) rotate(0);
      transform: translateY(-400%) rotate(0)
  }

  to {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }
}

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

@-webkit-keyframes rotateInBottom {
  from {
      opacity: 0;
      -webkit-transform: translateY(400%) rotate(0);
      transform: translateY(400%) rotate(0)
  }

  to {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }
}

@keyframes rotateInBottom {
  from {
      opacity: 0;
      -webkit-transform: translateY(400%) rotate(0);
      transform: translateY(400%) rotate(0)
  }

  to {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }
}

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

@-webkit-keyframes rotateOutLeft {
  from {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }

  to {
      -webkit-transform: translateX(-800px) rotate(0);
      transform: translateX(-800px) rotate(0);
      opacity: 0
  }
}

@keyframes rotateOutLeft {
  from {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }

  to {
      -webkit-transform: translateX(-800px) rotate(0);
      transform: translateX(-800px) rotate(0);
      opacity: 0
  }
}

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

@-webkit-keyframes rotateOutRight {
  from {
      -webkit-transform: translateX(0) rotate(-360deg);
      transform: translateX(0) rotate(-360deg)
  }

  to {
      -webkit-transform: translateX(800px) rotate(0);
      transform: translateX(800px) rotate(0);
      opacity: 0
  }
}

@keyframes rotateOutRight {
  from {
      -webkit-transform: translateX(0) rotate(-360deg);
      transform: translateX(0) rotate(-360deg)
  }

  to {
      -webkit-transform: translateX(800px) rotate(0);
      transform: translateX(800px) rotate(0);
      opacity: 0
  }
}

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

@-webkit-keyframes rotateOutTop {
  from {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }

  to {
      -webkit-transform: translateY(-800px) rotate(0);
      transform: translateY(-800px) rotate(0);
      opacity: 0
  }
}

@keyframes rotateOutTop {
  from {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }

  to {
      -webkit-transform: translateY(-800px) rotate(0);
      transform: translateY(-800px) rotate(0);
      opacity: 0
  }
}

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

@-webkit-keyframes rotateOutBottom {
  from {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }

  to {
      -webkit-transform: translateY(800px) rotate(0);
      transform: translateY(800px) rotate(0);
      opacity: 0
  }
}

@keyframes rotateOutBottom {
  from {
      -webkit-transform: translateX(0) rotate(360deg);
      transform: translateX(0) rotate(360deg)
  }

  to {
      -webkit-transform: translateY(800px) rotate(0);
      transform: translateY(800px) rotate(0);
      opacity: 0
  }
}

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

@-webkit-keyframes spinToLeft {
  from,to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom
  }

  from {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0
  }
}

@keyframes spinToLeft {
  from,to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom
  }

  from {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0
  }
}

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

@-webkit-keyframes spinToRight {
  from,to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom
  }

  from {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0
  }
}

@keyframes spinToRight {
  from,to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom
  }

  from {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0
  }
}

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

@-webkit-keyframes spinToTop {
  from,to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom
  }

  from {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0
  }
}

@keyframes spinToTop {
  from,to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom
  }

  from {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0
  }
}

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

@-webkit-keyframes spinToBottom {
  from,to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom
  }

  from {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0
  }
}

@keyframes spinToBottom {
  from,to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom
  }

  from {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0
  }
}

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

@-webkit-keyframes spinFromLeft {
  from,to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom
  }

  to {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0
  }
}

@keyframes spinFromLeft {
  from,to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom
  }

  to {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0
  }
}

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

@-webkit-keyframes spinFromRight {
  from,to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom
  }

  to {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0
  }
}

@keyframes spinFromRight {
  from,to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom
  }

  to {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0
  }
}

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

@-webkit-keyframes spinFromTop {
  from,to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom
  }

  to {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0
  }
}

@keyframes spinFromTop {
  from,to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom
  }

  to {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0
  }
}

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

@-webkit-keyframes spinFromBottom {
  from,to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom
  }

  to {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0
  }
}

@keyframes spinFromBottom {
  from,to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom
  }

  to {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 0
  }
}

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

@-webkit-keyframes blurIn {
  from {
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0
  }
}

@keyframes blurIn {
  from {
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0
  }
}

.blurInLeft {
  -webkit-animation-name: blurInLeft;
  animation-name: blurInLeft;
  animation-duration:1s;
  animation-fill-mode:both;
  visibility:visible !important;
}

@-webkit-keyframes blurInLeft {
  from {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0
  }
}

@keyframes blurInLeft {
  from {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0
  }
}

.blurInRight {
  -webkit-animation-name: blurInRight;
  animation-name: blurInRight;
  animation-duration:1s;
  animation-fill-mode:both;
  visibility:visible !important;
}

@-webkit-keyframes blurInRight {
  from {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0
  }
}

@keyframes blurInRight {
  from {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0
  }
}

.blurInTop {
  -webkit-animation-name: blurInTop;
  animation-name: blurInTop;
  animation-duration:1s;
  animation-fill-mode:both;
  visibility:visible !important;
}

@-webkit-keyframes blurInTop {
  from {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0
  }
}

@keyframes blurInTop {
  from {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0
  }
}

.blurInBottom {
  -webkit-animation-name: blurInBottom;
  animation-name: blurInBottom;
  animation-duration:1s;
  animation-fill-mode:both;
  visibility:visible !important;
}

@-webkit-keyframes blurInBottom {
  from {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0
  }
}

@keyframes blurInBottom {
  from {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-filter: blur(20px);
      filter: blur(20px);
      opacity: 0
  }
}

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

@-webkit-keyframes blurOut {
  85%,to {
      -webkit-filter: blur(20px);
      filter: blur(20px)
  }

  to {
      opacity: 0
  }
}

@keyframes blurOut {
  85%,to {
      -webkit-filter: blur(20px);
      filter: blur(20px)
  }

  to {
      opacity: 0
  }
}

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

@-webkit-keyframes blurOutLeft {
  85%,to {
      -webkit-filter: blur(20px);
      filter: blur(20px);
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  to {
      opacity: 0
  }
}

@keyframes blurOutLeft {
  85%,to {
      -webkit-filter: blur(20px);
      filter: blur(20px);
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  to {
      opacity: 0
  }
}

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

@-webkit-keyframes blurOutRight {
  85%,to {
      -webkit-filter: blur(20px);
      filter: blur(20px);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  to {
      opacity: 0
  }
}

@keyframes blurOutRight {
  85%,to {
      -webkit-filter: blur(20px);
      filter: blur(20px);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  to {
      opacity: 0
  }
}

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

@-webkit-keyframes blurOutTop {
  85%,to {
      -webkit-filter: blur(20px);
      filter: blur(20px);
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      opacity: 0
  }
}

@keyframes blurOutTop {
  85%,to {
      -webkit-filter: blur(20px);
      filter: blur(20px);
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      opacity: 0
  }
}

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

@-webkit-keyframes blurOutBottom {
  85%,to {
      -webkit-filter: blur(20px);
      filter: blur(20px);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  to {
      opacity: 0
  }
}

@keyframes blurOutBottom {
  85%,to {
      -webkit-filter: blur(20px);
      filter: blur(20px);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  to {
      opacity: 0
  }
}

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

@-webkit-keyframes bounceFromTop {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: translate3d(0,-80px,0) scale3d(1,1.6,1);
      transform: translate3d(0,-80px,0) scale3d(1,1.6,1)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: translate3d(0,-20px,0);
      transform: translate3d(0,-20px,0)
  }

  90% {
      -webkit-transform: translate3d(0,-4px,0);
      transform: translate3d(0,-4px,0)
  }
}

@keyframes bounceFromTop {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: translate3d(0,-80px,0) scale3d(1,1.6,1);
      transform: translate3d(0,-80px,0) scale3d(1,1.6,1)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: translate3d(0,-20px,0);
      transform: translate3d(0,-20px,0)
  }

  90% {
      -webkit-transform: translate3d(0,-4px,0);
      transform: translate3d(0,-4px,0)
  }
}

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

@-webkit-keyframes bounceFromDown {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: translate3d(0,80px,0) scale3d(1,1.2,1);
      transform: translate3d(0,80px,0) scale3d(1,1.2,1)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: translate3d(0,20px,0);
      transform: translate3d(0,20px,0)
  }

  90% {
      -webkit-transform: translate3d(0,4px,0);
      transform: translate3d(0,4px,0)
  }
}

@keyframes bounceFromDown {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: translate3d(0,80px,0) scale3d(1,1.2,1);
      transform: translate3d(0,80px,0) scale3d(1,1.2,1)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: translate3d(0,20px,0);
      transform: translate3d(0,20px,0)
  }

  90% {
      -webkit-transform: translate3d(0,4px,0);
      transform: translate3d(0,4px,0)
  }
}

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

@-webkit-keyframes bounceX {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale3d(1.8,1,1);
      transform: scale3d(1.8,1,1)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale3d(1.5,1,1);
      transform: scale3d(1.5,1,1)
  }

  90% {
      -webkit-transform: scale3d(1.1,1,1);
      transform: scale3d(1.1,1,1)
  }
}

@keyframes bounceX {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale3d(1.8,1,1);
      transform: scale3d(1.8,1,1)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale3d(1.5,1,1);
      transform: scale3d(1.5,1,1)
  }

  90% {
      -webkit-transform: scale3d(1.1,1,1);
      transform: scale3d(1.1,1,1)
  }
}

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

@-webkit-keyframes bounceY {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale3d(1,2,1);
      transform: scale3d(1,2,1)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale3d(1,1.5,1);
      transform: scale3d(1,1.5,1)
  }

  90% {
      -webkit-transform: scale3d(1,1.1,1);
      transform: scale3d(1,1.1,1)
  }
}

@keyframes bounceY {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale3d(1,2,1);
      transform: scale3d(1,2,1)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale3d(1,1.5,1);
      transform: scale3d(1,1.5,1)
  }

  90% {
      -webkit-transform: scale3d(1,1.1,1);
      transform: scale3d(1,1.1,1)
  }
}

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

@-webkit-keyframes bounceZoomIn {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale(1.5);
      transform: scale(1.5)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale(1.3);
      transform: scale(1.3)
  }

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

@keyframes bounceZoomIn {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale(1.5);
      transform: scale(1.5)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale(1.3);
      transform: scale(1.3)
  }

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

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

@-webkit-keyframes bounceZoomOut {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale(.3);
      transform: scale(.3)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale(.5);
      transform: scale(.5)
  }

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

@keyframes bounceZoomOut {
  0%,100%,25%,55%,85% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  41%,44% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale(.3);
      transform: scale(.3)
  }

  70% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: scale(.5);
      transform: scale(.5)
  }

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

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

@-webkit-keyframes bounceInTop {
  0% {
      -webkit-transform: translate3d(0,-300%,0);
      transform: translate3d(0,-300%,0)
  }

  58% {
      -webkit-transform: translate3d(0,27px,0);
      transform: translate3d(0,27px,0)
  }

  73% {
      -webkit-transform: translate3d(0,-12px,0);
      transform: translate3d(0,-12px,0)
  }

  88% {
      -webkit-transform: translate3d(0,7px,0);
      transform: translate3d(0,7px,0)
  }
}

@keyframes bounceInTop {
  0% {
      -webkit-transform: translate3d(0,-300%,0);
      transform: translate3d(0,-300%,0)
  }

  58% {
      -webkit-transform: translate3d(0,27px,0);
      transform: translate3d(0,27px,0)
  }

  73% {
      -webkit-transform: translate3d(0,-12px,0);
      transform: translate3d(0,-12px,0)
  }

  88% {
      -webkit-transform: translate3d(0,7px,0);
      transform: translate3d(0,7px,0)
  }
}

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

@-webkit-keyframes bounceInBottom {
  0% {
      -webkit-transform: translate3d(0,300%,0);
      transform: translate3d(0,300%,0)
  }

  58% {
      -webkit-transform: translate3d(0,-27px,0);
      transform: translate3d(0,-27px,0)
  }

  73% {
      -webkit-transform: translate3d(0,12px,0);
      transform: translate3d(0,12px,0)
  }

  88% {
      -webkit-transform: translate3d(0,-8px,0);
      transform: translate3d(0,-8px,0)
  }
}

@keyframes bounceInBottom {
  0% {
      -webkit-transform: translate3d(0,300%,0);
      transform: translate3d(0,300%,0)
  }

  58% {
      -webkit-transform: translate3d(0,-27px,0);
      transform: translate3d(0,-27px,0)
  }

  73% {
      -webkit-transform: translate3d(0,12px,0);
      transform: translate3d(0,12px,0)
  }

  88% {
      -webkit-transform: translate3d(0,-8px,0);
      transform: translate3d(0,-8px,0)
  }
}

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

@-webkit-keyframes bounceInLeft {
  0% {
      -webkit-transform: translate3d(-300%,0,0);
      transform: translate3d(-300%,0,0)
  }

  58% {
      -webkit-transform: translate3d(27px,0,0);
      transform: translate3d(27px,0,0)
  }

  73% {
      -webkit-transform: translate3d(-12px,0,0);
      transform: translate3d(-12px,0,0)
  }

  88% {
      -webkit-transform: translate3d(8px,0,0);
      transform: translate3d(8px,0,0)
  }
}

@keyframes bounceInLeft {
  0% {
      -webkit-transform: translate3d(-300%,0,0);
      transform: translate3d(-300%,0,0)
  }

  58% {
      -webkit-transform: translate3d(27px,0,0);
      transform: translate3d(27px,0,0)
  }

  73% {
      -webkit-transform: translate3d(-12px,0,0);
      transform: translate3d(-12px,0,0)
  }

  88% {
      -webkit-transform: translate3d(8px,0,0);
      transform: translate3d(8px,0,0)
  }
}

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

@-webkit-keyframes bounceInRight {
  0% {
      -webkit-transform: translate3d(300%,0,0);
      transform: translate3d(300%,0,0)
  }

  58% {
      -webkit-transform: translate3d(-27px,0,0);
      transform: translate3d(-27px,0,0)
  }

  73% {
      -webkit-transform: translate3d(12px,0,0);
      transform: translate3d(12px,0,0)
  }

  88% {
      -webkit-transform: translate3d(-8px,0,0);
      transform: translate3d(-8px,0,0)
  }
}

@keyframes bounceInRight {
  0% {
      -webkit-transform: translate3d(300%,0,0);
      transform: translate3d(300%,0,0)
  }

  58% {
      -webkit-transform: translate3d(-27px,0,0);
      transform: translate3d(-27px,0,0)
  }

  73% {
      -webkit-transform: translate3d(12px,0,0);
      transform: translate3d(12px,0,0)
  }

  88% {
      -webkit-transform: translate3d(-8px,0,0);
      transform: translate3d(-8px,0,0)
  }
}

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

@-webkit-keyframes bounceOutTop {
  18%,33%,48% {
      opacity: 1
  }

  18% {
      -webkit-transform: translate3d(0,27px,0);
      transform: translate3d(0,27px,0)
  }

  33% {
      -webkit-transform: translate3d(0,-12px,0);
      transform: translate3d(0,-12px,0)
  }

  48% {
      -webkit-transform: translate3d(0,8px,0);
      transform: translate3d(0,8px,0)
  }

  100% {
      opacity: 0;
      -webkit-transform: translate3d(0,-300%,0);
      transform: translate3d(0,-300%,0)
  }
}

@keyframes bounceOutTop {
  18%,33%,48% {
      opacity: 1
  }

  18% {
      -webkit-transform: translate3d(0,27px,0);
      transform: translate3d(0,27px,0)
  }

  33% {
      -webkit-transform: translate3d(0,-12px,0);
      transform: translate3d(0,-12px,0)
  }

  48% {
      -webkit-transform: translate3d(0,8px,0);
      transform: translate3d(0,8px,0)
  }

  100% {
      opacity: 0;
      -webkit-transform: translate3d(0,-300%,0);
      transform: translate3d(0,-300%,0)
  }
}

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

@-webkit-keyframes bounceOutBottom {
  18%,33%,48% {
      opacity: 1
  }

  18% {
      -webkit-transform: translate3d(0,-27px,0);
      transform: translate3d(0,-27px,0)
  }

  33% {
      -webkit-transform: translate3d(0,12px,0);
      transform: translate3d(0,12px,0)
  }

  48% {
      -webkit-transform: translate3d(0,-8px,0);
      transform: translate3d(0,-8px,0)
  }

  100% {
      opacity: 0;
      -webkit-transform: translate3d(0,300%,0);
      transform: translate3d(0,300%,0)
  }
}

@keyframes bounceOutBottom {
  18%,33%,48% {
      opacity: 1
  }

  18% {
      -webkit-transform: translate3d(0,-27px,0);
      transform: translate3d(0,-27px,0)
  }

  33% {
      -webkit-transform: translate3d(0,12px,0);
      transform: translate3d(0,12px,0)
  }

  48% {
      -webkit-transform: translate3d(0,-8px,0);
      transform: translate3d(0,-8px,0)
  }

  100% {
      opacity: 0;
      -webkit-transform: translate3d(0,300%,0);
      transform: translate3d(0,300%,0)
  }
}

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

@-webkit-keyframes bounceOutLeft {
  18%,33%,48% {
      opacity: 1
  }

  18% {
      -webkit-transform: translate3d(27px,0,0);
      transform: translate3d(27px,0,0)
  }

  33% {
      -webkit-transform: translate3d(-12px,0,0);
      transform: translate3d(-12px,0,0)
  }

  48% {
      -webkit-transform: translate3d(8px,0,0);
      transform: translate3d(8px,0,0)
  }

  100% {
      opacity: 0;
      -webkit-transform: translate3d(-300%,0,0);
      transform: translate3d(-300%,0,0)
  }
}

@keyframes bounceOutLeft {
  18%,33%,48% {
      opacity: 1
  }

  18% {
      -webkit-transform: translate3d(27px,0,0);
      transform: translate3d(27px,0,0)
  }

  33% {
      -webkit-transform: translate3d(-12px,0,0);
      transform: translate3d(-12px,0,0)
  }

  48% {
      -webkit-transform: translate3d(8px,0,0);
      transform: translate3d(8px,0,0)
  }

  100% {
      opacity: 0;
      -webkit-transform: translate3d(-300%,0,0);
      transform: translate3d(-300%,0,0)
  }
}

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

@-webkit-keyframes bounceOutRight {
  18%,33%,48% {
      opacity: 1
  }

  18% {
      -webkit-transform: translate3d(-27px,0,0);
      transform: translate3d(-27px,0,0)
  }

  33% {
      -webkit-transform: translate3d(12px,0,0);
      transform: translate3d(12px,0,0)
  }

  48% {
      -webkit-transform: translate3d(-8px,0,0);
      transform: translate3d(-8px,0,0)
  }

  100% {
      opacity: 0;
      -webkit-transform: translate3d(300%,0,0);
      transform: translate3d(300%,0,0)
  }
}

@keyframes bounceOutRight {
  18%,33%,48% {
      opacity: 1
  }

  18% {
      -webkit-transform: translate3d(-27px,0,0);
      transform: translate3d(-27px,0,0)
  }

  33% {
      -webkit-transform: translate3d(12px,0,0);
      transform: translate3d(12px,0,0)
  }

  48% {
      -webkit-transform: translate3d(-8px,0,0);
      transform: translate3d(-8px,0,0)
  }

  100% {
      opacity: 0;
      -webkit-transform: translate3d(300%,0,0);
      transform: translate3d(300%,0,0)
  }
}

.perspectiveToTop {
  -webkit-animation-name: perspectiveToTop;
  animation-name: perspectiveToTop;
  -webkit-transform: perspective(500px);
  transform: perspective(500px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

@-webkit-keyframes perspectiveToTop {
  50% {
      opacity: 1
  }

  to {
      -webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
      transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
      opacity: 0
  }
}

@keyframes perspectiveToTop {
  50% {
      opacity: 1
  }

  to {
      -webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
      transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
      opacity: 0
  }
}

.perspectiveToBottom {
  -webkit-animation-name: perspectiveToBottom;
  animation-name: perspectiveToBottom;
  -webkit-transform: perspective(500px);
  transform: perspective(500px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

@-webkit-keyframes perspectiveToBottom {
  50% {
      opacity: 1
  }

  to {
      -webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
      transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
      opacity: 0
  }
}

@keyframes perspectiveToBottom {
  50% {
      opacity: 1
  }

  to {
      -webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
      transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
      opacity: 0
  }
}

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

@-webkit-keyframes zoomIn {
  from {
      -webkit-transform: scale(10);
      transform: scale(10);
      opacity: 0
  }
}

@keyframes zoomIn {
  from {
      -webkit-transform: scale(10);
      transform: scale(10);
      opacity: 0
  }
}

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

@-webkit-keyframes zoomInLeft {
  from {
      -webkit-transform: scale(10) translateX(-50%);
      transform: scale(10) translateX(-50%);
      opacity: 0
  }
}

@keyframes zoomInLeft {
  from {
      -webkit-transform: scale(10) translateX(-50%);
      transform: scale(10) translateX(-50%);
      opacity: 0
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
      -webkit-transform: scale(10) translateX(50%);
      transform: scale(10) translateX(50%);
      opacity: 0
  }
}

@keyframes zoomInRight {
  from {
      -webkit-transform: scale(10) translateX(50%);
      transform: scale(10) translateX(50%);
      opacity: 0
  }
}

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

@-webkit-keyframes zoomInTop {
  from {
      -webkit-transform: scale(10) translateY(-50%);
      transform: scale(10) translateY(-50%);
      opacity: 0
  }
}

@keyframes zoomInTop {
  from {
      -webkit-transform: scale(10) translateY(-50%);
      transform: scale(10) translateY(-50%);
      opacity: 0
  }
}

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

@-webkit-keyframes zoomInBottom {
  from {
      -webkit-transform: scale(10) translateY(50%);
      transform: scale(10) translateY(50%);
      opacity: 0
  }
}

@keyframes zoomInBottom {
  from {
      -webkit-transform: scale(10) translateY(50%);
      transform: scale(10) translateY(50%);
      opacity: 0
  }
}

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

@-webkit-keyframes zoomOut {
  to {
      -webkit-transform: scale(10);
      transform: scale(10);
      opacity: 0
  }
}

@keyframes zoomOut {
  to {
      -webkit-transform: scale(10);
      transform: scale(10);
      opacity: 0
  }
}

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

@-webkit-keyframes zoomOutLeft {
  to {
      -webkit-transform: scale(10) translateX(-50%);
      transform: scale(10) translateX(-50%);
      opacity: 0
  }
}

@keyframes zoomOutLeft {
  to {
      -webkit-transform: scale(10) translateX(-50%);
      transform: scale(10) translateX(-50%);
      opacity: 0
  }
}

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

@-webkit-keyframes zoomOutRight {
  to {
      -webkit-transform: scale(10) translateX(50%);
      transform: scale(10) translateX(50%);
      opacity: 0
  }
}

@keyframes zoomOutRight {
  to {
      -webkit-transform: scale(10) translateX(50%);
      transform: scale(10) translateX(50%);
      opacity: 0
  }
}

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

@-webkit-keyframes zoomOutTop {
  to {
      -webkit-transform: scale(10) translateY(-50%);
      transform: scale(10) translateY(-50%);
      opacity: 0
  }
}

@keyframes zoomOutTop {
  to {
      -webkit-transform: scale(10) translateY(-50%);
      transform: scale(10) translateY(-50%);
      opacity: 0
  }
}

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

@-webkit-keyframes zoomOutBottom {
  to {
      -webkit-transform: scale(10) translateY(50%);
      transform: scale(10) translateY(50%);
      opacity: 0
  }
}

@keyframes zoomOutBottom {
  to {
      -webkit-transform: scale(10) translateY(50%);
      transform: scale(10) translateY(50%);
      opacity: 0
  }
}

.danceTop {
  -webkit-animation-name: danceTop;
  animation-name: danceTop;
  -webkit-transform-origin: top;
  transform-origin: top
}

@-webkit-keyframes danceTop {
  16% {
      -webkit-transform: skew(-14deg);
      transform: skew(-14deg)
  }

  33% {
      -webkit-transform: skew(12deg);
      transform: skew(12deg)
  }

  49% {
      -webkit-transform: skew(-8deg);
      transform: skew(-8deg)
  }

  66% {
      -webkit-transform: skew(6deg);
      transform: skew(6deg)
  }

  83% {
      -webkit-transform: skew(-4deg);
      transform: skew(-4deg)
  }
}

@keyframes danceTop {
  16% {
      -webkit-transform: skew(-14deg);
      transform: skew(-14deg)
  }

  33% {
      -webkit-transform: skew(12deg);
      transform: skew(12deg)
  }

  49% {
      -webkit-transform: skew(-8deg);
      transform: skew(-8deg)
  }

  66% {
      -webkit-transform: skew(6deg);
      transform: skew(6deg)
  }

  83% {
      -webkit-transform: skew(-4deg);
      transform: skew(-4deg)
  }
}

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

@-webkit-keyframes danceMiddle {
  16% {
      -webkit-transform: skew(-14deg);
      transform: skew(-14deg)
  }

  33% {
      -webkit-transform: skew(12deg);
      transform: skew(12deg)
  }

  49% {
      -webkit-transform: skew(-8deg);
      transform: skew(-8deg)
  }

  66% {
      -webkit-transform: skew(6deg);
      transform: skew(6deg)
  }

  83% {
      -webkit-transform: skew(-4deg);
      transform: skew(-4deg)
  }
}

@keyframes danceMiddle {
  16% {
      -webkit-transform: skew(-14deg);
      transform: skew(-14deg)
  }

  33% {
      -webkit-transform: skew(12deg);
      transform: skew(12deg)
  }

  49% {
      -webkit-transform: skew(-8deg);
      transform: skew(-8deg)
  }

  66% {
      -webkit-transform: skew(6deg);
      transform: skew(6deg)
  }

  83% {
      -webkit-transform: skew(-4deg);
      transform: skew(-4deg)
  }
}

.danceBottom {
  -webkit-animation-name: danceBottom;
  animation-name: danceBottom;
  -webkit-transform-origin: bottom;
  transform-origin: bottom
}

@-webkit-keyframes danceBottom {
  16% {
      -webkit-transform: skew(-14deg);
      transform: skew(-14deg)
  }

  33% {
      -webkit-transform: skew(12deg);
      transform: skew(12deg)
  }

  49% {
      -webkit-transform: skew(-8deg);
      transform: skew(-8deg)
  }

  66% {
      -webkit-transform: skew(6deg);
      transform: skew(6deg)
  }

  83% {
      -webkit-transform: skew(-4deg);
      transform: skew(-4deg)
  }
}

@keyframes danceBottom {
  16% {
      -webkit-transform: skew(-14deg);
      transform: skew(-14deg)
  }

  33% {
      -webkit-transform: skew(12deg);
      transform: skew(12deg)
  }

  49% {
      -webkit-transform: skew(-8deg);
      transform: skew(-8deg)
  }

  66% {
      -webkit-transform: skew(6deg);
      transform: skew(6deg)
  }

  83% {
      -webkit-transform: skew(-4deg);
      transform: skew(-4deg)
  }
}