.animated {
 animation-duration:1s;
 animation-fill-mode:both
}
@keyframes bounce {
 0.00% {
  transform:translateY(0)
 }
 20% {
  transform:translateY(0)
 }
 40% {
  transform:translateY(-30px)
 }
 50% {
  transform:translateY(0)
 }
 60% {
  transform:translateY(-15px)
 }
 80% {
  transform:translateY(0)
 }
 100% {
  transform:translateY(0)
 }
}
.bounce {
 animation-name:bounce
}
@keyframes flash {
 0.00% {
  opacity:1
 }
 25% {
  opacity:0
 }
 50% {
  opacity:1
 }
 75% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
.flash {
 animation-name:flash
}
@keyframes pulse {
 0.00% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.1)
 }
 100% {
  transform:scale(1)
 }
}
.pulse {
 animation-name:pulse
}
@keyframes shake {
 0.00% {
  transform:translateX(0)
 }
 10% {
  transform:translateX(-10px)
 }
 20% {
  transform:translateX(10px)
 }
 30% {
  transform:translateX(-10px)
 }
 40% {
  transform:translateX(10px)
 }
 50% {
  transform:translateX(-10px)
 }
 60% {
  transform:translateX(10px)
 }
 70% {
  transform:translateX(-10px)
 }
 80% {
  transform:translateX(10px)
 }
 90% {
  transform:translateX(-10px)
 }
 100% {
  transform:translateX(0)
 }
}
.shake {
 animation-name:shake
}
@keyframes swing {
 20%,
 40%,
 60%,
 80%,
 100% {
  transform-origin:top center
 }
 20% {
  transform:rotate(15deg)
 }
 40% {
  transform:rotate(-10deg)
 }
 60% {
  transform:rotate(5deg)
 }
 80% {
  transform:rotate(-5deg)
 }
 100% {
  transform:rotate(0)
 }
}
.swing {
 -ms-transform-origin:top center;
 transform-origin:top center;
 animation-name:swing
}
@keyframes tada {
 0.00% {
  transform:scale(1)
 }
 10% {
  transform:scale(0.9) rotate(-3deg)
 }
 20% {
  transform:scale(0.9) rotate(-3deg)
 }
 30% {
  transform:scale(1.1) rotate(3deg)
 }
 40% {
  transform:scale(1.1) rotate(-3deg)
 }
 50% {
  transform:scale(1.1) rotate(3deg)
 }
 60% {
  transform:scale(1.1) rotate(-3deg)
 }
 70% {
  transform:scale(1.1) rotate(3deg)
 }
 80% {
  transform:scale(1.1) rotate(-3deg)
 }
 90% {
  transform:scale(1.1) rotate(3deg)
 }
 100% {
  transform:scale(1) rotate(0)
 }
}
.tada {
 animation-name:tada
}
@keyframes wobble {
 0.00% {
  transform:translateX(0)
 }
 15% {
  transform:translateX(-25%) rotate(-5deg)
 }
 30% {
  transform:translateX(20%) rotate(3deg)
 }
 45% {
  transform:translateX(-15%) rotate(-3deg)
 }
 60% {
  transform:translateX(10%) rotate(2deg)
 }
 75% {
  transform:translateX(-5%) rotate(-1deg)
 }
 100% {
  transform:translateX(0)
 }
}
.wobble {
 animation-name:wobble
}
@keyframes fadeIn {
 0.00% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
.fadeIn {
 animation-name:fadeIn
}
@keyframes fadeInUp {
 0.00% {
  opacity:0;
  transform:translateY(20px)
 }
 100% {
  opacity:1;
  transform:translateY(0)
 }
}
.fadeInUp {
 animation-name:fadeInUp
}
@keyframes fadeInDown {
 0.00% {
  opacity:0;
  transform:translateY(-20px)
 }
 100% {
  opacity:1;
  transform:translateY(0)
 }
}
.fadeInDown {
 animation-name:fadeInDown
}
@keyframes fadeInLeft {
 0.00% {
  opacity:0;
  transform:translateX(-20px)
 }
 100% {
  opacity:1;
  transform:translateX(0)
 }
}
.fadeInLeft {
 animation-name:fadeInLeft
}
@keyframes fadeInRight {
 0.00% {
  opacity:0;
  transform:translateX(20px)
 }
 100% {
  opacity:1;
  transform:translateX(0)
 }
}
.fadeInRight {
 animation-name:fadeInRight
}
@keyframes bounceIn {
 0.00% {
  opacity:0;
  transform:scale(0.3)
 }
 50% {
  opacity:1;
  transform:scale(1.05)
 }
 70% {
  transform:scale(0.9)
 }
 100% {
  transform:scale(1)
 }
}
.bounceIn {
 animation-name:bounceIn
}
@keyframes bounceInDown {
 0.00% {
  opacity:0;
  transform:translateY(-2000px)
 }
 60% {
  opacity:1;
  transform:translateY(30px)
 }
 80% {
  transform:translateY(-10px)
 }
 100% {
  transform:translateY(0)
 }
}
.bounceInDown {
 animation-name:bounceInDown
}
@keyframes bounceInUp {
 0.00% {
  opacity:0;
  transform:translateY(2000px)
 }
 60% {
  opacity:1;
  transform:translateY(-30px)
 }
 80% {
  transform:translateY(10px)
 }
 100% {
  transform:translateY(0)
 }
}
.bounceInUp {
 animation-name:bounceInUp
}
@keyframes bounceInLeft {
 0.00% {
  opacity:0;
  transform:translateX(-2000px)
 }
 60% {
  opacity:1;
  transform:translateX(30px)
 }
 80% {
  transform:translateX(-10px)
 }
 100% {
  transform:translateX(0)
 }
}
.bounceInLeft {
 animation-name:bounceInLeft
}
@keyframes bounceInRight {
 0.00% {
  opacity:0;
  transform:translateX(2000px)
 }
 60% {
  opacity:1;
  transform:translateX(-30px)
 }
 80% {
  transform:translateX(10px)
 }
 100% {
  transform:translateX(0)
 }
}
.bounceInRight {
 animation-name:bounceInRight
}
@keyframes rotateIn {
 0.00% {
  transform-origin:center center;
  transform:rotate(-200deg);
  opacity:0
 }
 100% {
  transform-origin:center center;
  transform:rotate(0);
  opacity:1
 }
}
.rotateIn {
 animation-name:rotateIn
}
@keyframes rotateInDownLeft {
 0.00% {
  transform-origin:left bottom;
  transform:rotate(-90deg);
  opacity:0
 }
 100% {
  transform-origin:left bottom;
  transform:rotate(0);
  opacity:1
 }
}
.rotateInDownLeft {
 animation-name:rotateInDownLeft
}
@keyframes rotateInDownRight {
 0.00% {
  transform-origin:right bottom;
  transform:rotate(90deg);
  opacity:0
 }
 100% {
  transform-origin:right bottom;
  transform:rotate(0);
  opacity:1
 }
}
.rotateInDownRight {
 animation-name:rotateInDownRight
}
@keyframes rotateInUpLeft {
 0.00% {
  transform-origin:left bottom;
  transform:rotate(90deg);
  opacity:0
 }
 100% {
  transform-origin:left bottom;
  transform:rotate(0);
  opacity:1
 }
}
.rotateInUpLeft {
 animation-name:rotateInUpLeft
}
@keyframes rotateInUpRight {
 0.00% {
  transform-origin:right bottom;
  transform:rotate(-90deg);
  opacity:0
 }
 100% {
  transform-origin:right bottom;
  transform:rotate(0);
  opacity:1
 }
}
.rotateInUpRight {
 animation-name:rotateInUpRight
}
@keyframes rollIn {
 0.00% {
  opacity:0;
  transform:translateX(-100%) rotate(-120deg)
 }
 100% {
  opacity:1;
  transform:translateX(0) rotate(0)
 }
}
.rollIn {
 animation-name:rollIn
}
@keyframes flip {
 0.00% {
  transform:perspective(400px) rotateY(0);
  animation-timing-function:ease-out
 }
 40% {
  transform:perspective(400px) translateZ(150px) rotateY(170deg);
  animation-timing-function:ease-out
 }
 50% {
  transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  animation-timing-function:ease-in
 }
 80% {
  transform:perspective(400px) rotateY(360deg) scale(0.95);
  animation-timing-function:ease-in
 }
 100% {
  transform:perspective(400px) scale(1);
  animation-timing-function:ease-in
 }
}
.flip {
 animation-name:flip;
 -webkit-backface-visibility:visible !important;
 backface-visibility:visible !important
}
@keyframes flipInX {
 0.00% {
  transform:perspective(400px) rotateX(90deg);
  opacity:0
 }
 40% {
  transform:perspective(400px) rotateX(-10deg)
 }
 70% {
  transform:perspective(400px) rotateX(10deg)
 }
 100% {
  transform:perspective(400px) rotateX(0);
  opacity:1
 }
}
.flipInX {
 animation-name:flipInX;
 -webkit-backface-visibility:visible !important;
 backface-visibility:visible !important
}
@keyframes flipInY {
 0.00% {
  transform:perspective(400px) rotateY(90deg);
  opacity:0
 }
 40% {
  transform:perspective(400px) rotateY(-10deg)
 }
 70% {
  transform:perspective(400px) rotateY(10deg)
 }
 100% {
  transform:perspective(400px) rotateY(0);
  opacity:1
 }
}
.flipInY {
 animation-name:flipInY;
 -webkit-backface-visibility:visible !important;
 backface-visibility:visible !important
}