.animate {
   -webkit-animation-duration: .8s;
   -webkit-animation-fill-mode: both;
   animation-duration: .8s;
   animation-fill-mode: both;
}
.infinite {
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}
.pulsate {
   -webkit-animation-name: pulsate;
   animation-name: pulsate;
   -webkit-transform-origin: center;
   transform-origin: center;
}
@-webkit-keyframes pulsate {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   50% {
      -webkit-transform: scale3d(0.8, 0.8, 0.8);
      transform: scale3d(0.8, 0.8, 0.8);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes pulsate {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   50% {
      -webkit-transform: scale3d(0.8, 0.8, 0.8);
      transform: scale3d(0.8, 0.8, 0.8);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.blink {
   -webkit-animation-name: blink;
   animation-name: blink;
   -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
   animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes blink {
   0% {
      opacity: 1;
   }
   25% {
      opacity: 0;
   }
   50% {
      opacity: 1;
   }
   75% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}
@keyframes blink {
   0% {
      opacity: 1;
   }
   25% {
      opacity: 0;
   }
   50% {
      opacity: 1;
   }
   75% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}
.hitLeft {
   -webkit-animation-name: hitLeft;
   animation-name: hitLeft;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes hitLeft {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   40% {
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translateX(20px) rotate(4deg);
      transform: translateX(20px) rotate(4deg);
   }
}
@keyframes hitLeft {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   40% {
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translateX(20px) rotate(4deg);
      transform: translateX(20px) rotate(4deg);
   }
}
.hitRight {
   -webkit-animation-name: hitRight;
   animation-name: hitRight;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes hitRight {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   40% {
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translateX(-20px) rotate(-4deg);
      transform: translateX(-20px) rotate(-4deg);
   }
}
@keyframes hitRight {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   40% {
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translateX(-20px) rotate(-4deg);
      transform: translateX(-20px) rotate(-4deg);
   }
}
.shake {
   -webkit-animation-name: shake;
   animation-name: shake;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
   animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
@keyframes shake {
   10% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
   }
   20% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
   }
   30% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
   }
   40% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
   }
   50% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
   }
   60% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
   }
   70% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
   }
   80% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
   }
   90% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px);
   }
}
.ball {
   -webkit-animation-name: ball;
   animation-name: ball;
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
}
@-webkit-keyframes ball {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   20% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      -webkit-transform: translate3d(0, -100px, 0);
      transform: translate3d(0, -100px, 0);
   }
   40% {
      -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }
   75% {
      -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   85% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes ball {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   20% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      -webkit-transform: translate3d(0, -100px, 0);
      transform: translate3d(0, -100px, 0);
   }
   40% {
      -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }
   75% {
      -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   85% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.pullUp {
   -webkit-animation-name: pullUp;
   animation-name: pullUp;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes pullUp {
   0% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scale3d(1, 0, 1);
      transform: scale3d(1, 0, 1);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes pullUp {
   0% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scale3d(1, 0, 1);
      transform: scale3d(1, 0, 1);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.pullDown {
   -webkit-animation-name: pullDown;
   animation-name: pullDown;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes pullDown {
   0% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
   }
   50% {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scale3d(1, 0, 1);
      transform: scale3d(1, 0, 1);
      -webkit-transform-origin: center top;
      transform-origin: center top;
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes pullDown {
   0% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
   }
   50% {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scale3d(1, 0, 1);
      transform: scale3d(1, 0, 1);
      -webkit-transform-origin: center top;
      transform-origin: center top;
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.pullLeft {
   -webkit-animation-name: pullLeft;
   animation-name: pullLeft;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes pullLeft {
   0% {
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
   }
   50% {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
      -webkit-transform-origin: center left;
      transform-origin: center left;
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes pullLeft {
   0% {
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
   }
   50% {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
      -webkit-transform-origin: center left;
      transform-origin: center left;
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.pullRight {
   -webkit-animation-name: pullRight;
   animation-name: pullRight;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes pullRight {
   0% {
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
   }
   50% {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
      -webkit-transform-origin: center right;
      transform-origin: center right;
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes pullRight {
   0% {
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
   }
   50% {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scale3d(0, 1, 1);
      transform: scale3d(0, 1, 1);
      -webkit-transform-origin: center right;
      transform-origin: center right;
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.jumpInLeft {
   -webkit-animation-name: jumpInLeft;
   animation-name: jumpInLeft;
   -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes jumpInLeft {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
      transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
   }
   50% {
      opacity: 1;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
      transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
   }
   70% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
   }
   90% {
      -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
      transform: scale3d(1, 1, 1) rotate(0deg);
   }
}
@keyframes jumpInLeft {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
      transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
   }
   50% {
      opacity: 1;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
      transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
   }
   70% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
   }
   90% {
      -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
      transform: scale3d(1, 1, 1) rotate(0deg);
   }
}
.jumpInRight {
   -webkit-animation-name: jumpInRight;
   animation-name: jumpInRight;
   -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes jumpInRight {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
      transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
   }
   50% {
      opacity: 1;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
      transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
   }
   70% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
   }
   90% {
      -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
      transform: scale3d(1, 1, 1) rotate(0deg);
   }
}
@keyframes jumpInRight {
   0% {
      opacity: 0;
      -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
      transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
   }
   50% {
      opacity: 1;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
      transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
   }
   70% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
   }
   90% {
      -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
      transform: scale3d(1, 1, 1) rotate(0deg);
   }
}
.jumpOutRight {
   -webkit-animation-name: jumpOutRight;
   animation-name: jumpOutRight;
   -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes jumpOutRight {
   0% {
      -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
      transform: scale3d(1, 1, 1) rotate(0deg);
   }
   30% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
   }
   70% {
      opacity: 1;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
      transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
   }
   100% {
      opacity: 0;
      -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
      transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
   }
}
@keyframes jumpOutRight {
   0% {
      -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
      transform: scale3d(1, 1, 1) rotate(0deg);
   }
   30% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(5deg);
   }
   70% {
      opacity: 1;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
      transform: scale3d(1.2, 1.2, 1.2) rotate(-10deg);
   }
   100% {
      opacity: 0;
      -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
      transform: scale3d(0.5, 0.5, 0.5) rotate(90deg);
   }
}
.jumpOutLeft {
   -webkit-animation-name: jumpOutLeft;
   animation-name: jumpOutLeft;
   -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes jumpOutLeft {
   0% {
      -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
      transform: scale3d(1, 1, 1) rotate(0deg);
   }
   30% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
   }
   70% {
      opacity: 1;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
      transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
   }
   100% {
      opacity: 0;
      -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
      transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
   }
}
@keyframes jumpOutLeft {
   0% {
      -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
      transform: scale3d(1, 1, 1) rotate(0deg);
   }
   30% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
   }
   70% {
      opacity: 1;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
      transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
   }
   100% {
      opacity: 0;
      -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
      transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
   }
}
.rollInLeft {
   -webkit-animation-name: rollInLeft;
   animation-name: rollInLeft;
   -webkit-animation-duration: 0.9s;
   animation-duration: 0.9s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes rollInLeft {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateX(-400px) rotate(445deg);
      transform: translateX(-400px) rotate(445deg);
      opacity: 0;
   }
   30% {
      opacity: 1;
   }
   50% {
      -webkit-transform: translateX(20px) rotate(20deg);
      transform: translateX(20px) rotate(20deg);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateX(0) rotate(0deg);
      transform: translateX(0) rotate(0deg);
   }
}
@keyframes rollInLeft {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateX(-400px) rotate(445deg);
      transform: translateX(-400px) rotate(445deg);
      opacity: 0;
   }
   30% {
      opacity: 1;
   }
   50% {
      -webkit-transform: translateX(20px) rotate(20deg);
      transform: translateX(20px) rotate(20deg);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateX(0) rotate(0deg);
      transform: translateX(0) rotate(0deg);
   }
}
.rollInRight {
   -webkit-animation-name: rollInRight;
   animation-name: rollInRight;
   -webkit-animation-duration: 0.9s;
   animation-duration: 0.9s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes rollInRight {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateX(400px) rotate(-445deg);
      transform: translateX(400px) rotate(-445deg);
      opacity: 0;
   }
   30% {
      opacity: 1;
   }
   50% {
      -webkit-transform: translateX(-20px) rotate(-20deg);
      transform: translateX(-20px) rotate(-20deg);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateX(0) rotate(0deg);
      transform: translateX(0) rotate(0deg);
   }
}
@keyframes rollInRight {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateX(400px) rotate(-445deg);
      transform: translateX(400px) rotate(-445deg);
      opacity: 0;
   }
   30% {
      opacity: 1;
   }
   50% {
      -webkit-transform: translateX(-20px) rotate(-20deg);
      transform: translateX(-20px) rotate(-20deg);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateX(0) rotate(0deg);
      transform: translateX(0) rotate(0deg);
   }
}
.rollInTop {
   -webkit-animation-name: rollInTop;
   animation-name: rollInTop;
   -webkit-animation-duration: 0.9s;
   animation-duration: 0.9s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes rollInTop {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateY(-400px) rotate(-445deg);
      transform: translateY(-400px) rotate(-445deg);
      opacity: 0;
   }
   30% {
      opacity: 1;
   }
   50% {
      -webkit-transform: translateY(20px) rotate(-20deg);
      transform: translateY(20px) rotate(-20deg);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
   }
}
@keyframes rollInTop {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateY(-400px) rotate(-445deg);
      transform: translateY(-400px) rotate(-445deg);
      opacity: 0;
   }
   30% {
      opacity: 1;
   }
   50% {
      -webkit-transform: translateY(20px) rotate(-20deg);
      transform: translateY(20px) rotate(-20deg);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
   }
}
.rollInBottom {
   -webkit-animation-name: rollInBottom;
   animation-name: rollInBottom;
   -webkit-animation-duration: 0.9s;
   animation-duration: 0.9s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes rollInBottom {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateY(400px) rotate(-445deg);
      transform: translateY(400px) rotate(-445deg);
      opacity: 0;
   }
   30% {
      opacity: 1;
   }
   50% {
      -webkit-transform: translateY(-20px) rotate(-20deg);
      transform: translateY(-20px) rotate(-20deg);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
   }
}
@keyframes rollInBottom {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateY(400px) rotate(-445deg);
      transform: translateY(400px) rotate(-445deg);
      opacity: 0;
   }
   30% {
      opacity: 1;
   }
   50% {
      -webkit-transform: translateY(-20px) rotate(-20deg);
      transform: translateY(-20px) rotate(-20deg);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
   }
}
.rollOutLeft {
   -webkit-animation-name: rollOutLeft;
   animation-name: rollOutLeft;
   -webkit-animation-duration: 0.9s;
   animation-duration: 0.9s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes rollOutLeft {
   0% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateX(0) rotate(0deg);
      transform: translateX(0) rotate(0deg);
   }
   40% {
      opacity: 1;
      -webkit-transform: translateX(20px) rotate(-20deg);
      transform: translateX(20px) rotate(-20deg);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateX(-400px) rotate(-445deg);
      transform: translateX(-400px) rotate(-445deg);
   }
}
@keyframes rollOutLeft {
   0% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateX(0) rotate(0deg);
      transform: translateX(0) rotate(0deg);
   }
   40% {
      opacity: 1;
      -webkit-transform: translateX(20px) rotate(-20deg);
      transform: translateX(20px) rotate(-20deg);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateX(-400px) rotate(-445deg);
      transform: translateX(-400px) rotate(-445deg);
   }
}
.rollOutRight {
   -webkit-animation-name: rollOutRight;
   animation-name: rollOutRight;
   -webkit-animation-duration: 0.9s;
   animation-duration: 0.9s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes rollOutRight {
   0% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateX(0) rotate(0deg);
      transform: translateX(0) rotate(0deg);
   }
   40% {
      opacity: 1;
      -webkit-transform: translateX(-20px) rotate(20deg);
      transform: translateX(-20px) rotate(20deg);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateX(400px) rotate(445deg);
      transform: translateX(400px) rotate(445deg);
   }
}
@keyframes rollOutRight {
   0% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateX(0) rotate(0deg);
      transform: translateX(0) rotate(0deg);
   }
   40% {
      opacity: 1;
      -webkit-transform: translateX(-20px) rotate(20deg);
      transform: translateX(-20px) rotate(20deg);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateX(400px) rotate(445deg);
      transform: translateX(400px) rotate(445deg);
   }
}
.rollOutTop {
   -webkit-animation-name: rollOutTop;
   animation-name: rollOutTop;
   -webkit-animation-duration: 0.9s;
   animation-duration: 0.9s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes rollOutTop {
   0% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
   }
   40% {
      opacity: 1;
      -webkit-transform: translateY(20px) rotate(20deg);
      transform: translateY(20px) rotate(20deg);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateY(-400px) rotate(445deg);
      transform: translateY(-400px) rotate(445deg);
   }
}
@keyframes rollOutTop {
   0% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
   }
   40% {
      opacity: 1;
      -webkit-transform: translateY(20px) rotate(20deg);
      transform: translateY(20px) rotate(20deg);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateY(-400px) rotate(445deg);
      transform: translateY(-400px) rotate(445deg);
   }
}
.rollOutBottom {
   -webkit-animation-name: rollOutBottom;
   animation-name: rollOutBottom;
   -webkit-animation-duration: 0.9s;
   animation-duration: 0.9s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}
@-webkit-keyframes rollOutBottom {
   0% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
   }
   40% {
      opacity: 1;
      -webkit-transform: translateY(-20px) rotate(-20deg);
      transform: translateY(-20px) rotate(-20deg);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateY(400px) rotate(-445deg);
      transform: translateY(400px) rotate(-445deg);
   }
}
@keyframes rollOutBottom {
   0% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
   }
   40% {
      opacity: 1;
      -webkit-transform: translateY(-20px) rotate(-20deg);
      transform: translateY(-20px) rotate(-20deg);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translateY(400px) rotate(-445deg);
      transform: translateY(400px) rotate(-445deg);
   }
}
.popIn {
   -webkit-animation-name: popIn;
   animation-name: popIn;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes popIn {
   0% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
      opacity: 0;
   }
   20% {
      opacity: 1;
   }
   40% {
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(1.08, 1.08, 1.08);
      transform: scale3d(1.08, 1.08, 1.08);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes popIn {
   0% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
      opacity: 0;
   }
   20% {
      opacity: 1;
   }
   40% {
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(1.08, 1.08, 1.08);
      transform: scale3d(1.08, 1.08, 1.08);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.popInLeft {
   -webkit-animation-name: popInLeft;
   animation-name: popInLeft;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes popInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
      transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
   }
   40% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes popInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
      transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
   }
   40% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.popInRight {
   -webkit-animation-name: popInRight;
   animation-name: popInRight;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes popInRight {
   0% {
      -webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
      transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
      opacity: 0;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes popInRight {
   0% {
      -webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
      transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
      opacity: 0;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.popInTop {
   -webkit-animation-name: popInTop;
   animation-name: popInTop;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes popInTop {
   0% {
      -webkit-transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
      transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
      opacity: 0;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
   }
   80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
      transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
   }
}
@keyframes popInTop {
   0% {
      -webkit-transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
      transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
      opacity: 0;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
   }
   80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
      transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
   }
}
.popInBottom {
   -webkit-animation-name: popInBottom;
   animation-name: popInBottom;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes popInBottom {
   0% {
      -webkit-transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
      transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
      opacity: 0;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
   }
   80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
      transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
   }
}
@keyframes popInBottom {
   0% {
      -webkit-transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
      transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
      opacity: 0;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
      transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
   }
   80% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
      transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
   }
}
.popOut {
   -webkit-animation-name: popOut;
   animation-name: popOut;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes popOut {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.08, 1.08, 1.08);
      transform: scale3d(1.08, 1.08, 1.08);
   }
   80% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
}
@keyframes popOut {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.08, 1.08, 1.08);
      transform: scale3d(1.08, 1.08, 1.08);
   }
   80% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
   }
}
.popOutLeft {
   -webkit-animation-name: popOutLeft;
   animation-name: popOutLeft;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes popOutLeft {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
      transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
      transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
   }
}
@keyframes popOutLeft {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
      transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
      transform: scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0);
   }
}
.popOutRight {
   -webkit-animation-name: popOutRight;
   animation-name: popOutRight;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes popOutRight {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
      transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
      transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
   }
}
@keyframes popOutRight {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
      transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
      transform: scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0);
   }
}
.popOutTop {
   -webkit-animation-name: popOutTop;
   animation-name: popOutTop;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes popOutTop {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      -webkit-transform-origin: top center;
      transform-origin: top center;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
      transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
      transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
   }
}
@keyframes popOutTop {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      -webkit-transform-origin: top center;
      transform-origin: top center;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
      transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
      transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0);
   }
}
.popOutBottom {
   -webkit-animation-name: popOutBottom;
   animation-name: popOutBottom;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes popOutBottom {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      -webkit-transform-origin: bottom center;
      transform-origin: bottom center;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
      transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
      transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
   }
}
@keyframes popOutBottom {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
      -webkit-transform-origin: bottom center;
      transform-origin: bottom center;
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
      transform: scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
      transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0);
   }
}
.flip {
   -webkit-animation-name: flip;
   animation-name: flip;
}
@-webkit-keyframes flip {
   from {
      -webkit-transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
   50% {
      -webkit-transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
      transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
   to {
      -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
      -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
   }
}
@keyframes flip {
   from {
      -webkit-transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
   50% {
      -webkit-transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
      transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
   to {
      -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
      -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
      animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
   }
}
.flipInX {
   -webkit-animation-name: flipInX;
   animation-name: flipInX;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes flipInX {
   from {
      opacity: 0;
      -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
      transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
   }
   50% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
   }
   to {
      -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
   }
}
@keyframes flipInX {
   from {
      opacity: 0;
      -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
      transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
   }
   50% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateX(-20deg) scale3d(1, 1, 1);
   }
   to {
      -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
   }
}
.flipInY {
   -webkit-animation-name: flipInY;
   animation-name: flipInY;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes flipInY {
   from {
      opacity: 0;
      -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
      transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
   }
   50% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
   }
   to {
      -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
   }
}
@keyframes flipInY {
   from {
      opacity: 0;
      -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
      transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
   }
   50% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
   }
   to {
      -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
   }
}
.flipOutX {
   -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
}
@-webkit-keyframes flipOutX {
   from {
      -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
   }
   60% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
   }
   to {
      opacity: 0;
      -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
      transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
   }
}
@keyframes flipOutX {
   from {
      -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateX(0deg) scale3d(1, 1, 1);
   }
   60% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateX(-30deg) scale3d(1, 1, 1);
   }
   to {
      opacity: 0;
      -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
      transform: perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2);
   }
}
.flipOutY {
   -webkit-animation-name: flipOutY;
   animation-name: flipOutY;
}
@-webkit-keyframes flipOutY {
   from {
      -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
   }
   60% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
   }
   to {
      opacity: 0;
      -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
      transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
   }
}
@keyframes flipOutY {
   from {
      -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
   }
   60% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
      transform: perspective(400px) rotateY(-30deg) scale3d(1, 1, 1);
   }
   to {
      opacity: 0;
      -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
      transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
   }
}
.fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
   -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeIn {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}
.fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight;
   -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeInRight {
   0% {
      -webkit-transform: translate3d(400px, 0, 0);
      transform: translate3d(400px, 0, 0);
      opacity: 0;
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
.fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
   -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeInLeft {
   0% {
      -webkit-transform: translate3d(-400px, 0, 0);
      transform: translate3d(-400px, 0, 0);
      opacity: 0;
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
.fadeInTop {
   -webkit-animation-name: fadeInTop;
   animation-name: fadeInTop;
   -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes fadeInTop {
   0% {
      -webkit-transform: translate3d(0, -400px, 0);
      transform: translate3d(0, -400px, 0);
      opacity: 0;
   }
   50% {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
@keyframes fadeInTop {
   0% {
      -webkit-transform: translate3d(0, -400px, 0);
      transform: translate3d(0, -400px, 0);
      opacity: 0;
   }
   50% {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
.fadeInBottom {
   -webkit-animation-name: fadeInBottom;
   animation-name: fadeInBottom;
   -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes fadeInBottom {
   0% {
      -webkit-transform: translate3d(0, 400px, 0);
      transform: translate3d(0, 400px, 0);
      opacity: 0;
   }
   50% {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
@keyframes fadeInBottom {
   0% {
      -webkit-transform: translate3d(0, 400px, 0);
      transform: translate3d(0, 400px, 0);
      opacity: 0;
   }
   50% {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}
.fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
   -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeOut {
   0% {
      opacity: 1;
   }
   100% {
      opacity: 0;
   }
}
.fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft;
   -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeOutLeft {
   0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
   100% {
      -webkit-transform: translate3d(-400px, 0, 0);
      transform: translate3d(-400px, 0, 0);
      opacity: 0;
   }
}
.fadeOutRight {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight;
   -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@keyframes fadeOutRight {
   0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
   100% {
      -webkit-transform: translate3d(400px, 0, 0);
      transform: translate3d(400px, 0, 0);
      opacity: 0;
   }
}
.fadeOutTop {
   -webkit-animation-name: fadeOutTop;
   animation-name: fadeOutTop;
   -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes fadeOutTop {
   0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
   40% {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   }
   100% {
      -webkit-transform: translate3d(0, -300px, 0);
      transform: translate3d(0, -300px, 0);
      opacity: 0;
   }
}
@keyframes fadeOutTop {
   0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
   40% {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   }
   100% {
      -webkit-transform: translate3d(0, -300px, 0);
      transform: translate3d(0, -300px, 0);
      opacity: 0;
   }
}
.fadeOutBottom {
   -webkit-animation-name: fadeOutBottom;
   animation-name: fadeOutBottom;
   -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
   animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes fadeOutBottom {
   0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
   40% {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   }
   100% {
      -webkit-transform: translate3d(0, 300px, 0);
      transform: translate3d(0, 300px, 0);
      opacity: 0;
   }
}
@keyframes fadeOutBottom {
   0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
   40% {
      opacity: 0.2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   }
   100% {
      -webkit-transform: translate3d(0, 300px, 0);
      transform: translate3d(0, 300px, 0);
      opacity: 0;
   }
}
.driveInLeft {
   -webkit-animation-name: driveInLeft;
   animation-name: driveInLeft;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes driveInLeft {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(-400px, 0, 0);
      transform: translate3d(-400px, 0, 0);
   }
   30% {
      opacity: 1;
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(30px, 0, 0);
      transform: translate3d(30px, 0, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes driveInLeft {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(-400px, 0, 0);
      transform: translate3d(-400px, 0, 0);
   }
   30% {
      opacity: 1;
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(30px, 0, 0);
      transform: translate3d(30px, 0, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.driveInRight {
   -webkit-animation-name: driveInRight;
   animation-name: driveInRight;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes driveInRight {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(400px, 0, 0);
      transform: translate3d(400px, 0, 0);
   }
   30% {
      opacity: 1;
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(-30px, 0, 0);
      transform: translate3d(-30px, 0, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes driveInRight {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(400px, 0, 0);
      transform: translate3d(400px, 0, 0);
   }
   30% {
      opacity: 1;
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(-30px, 0, 0);
      transform: translate3d(-30px, 0, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.driveInTop {
   -webkit-animation-name: driveInTop;
   animation-name: driveInTop;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes driveInTop {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, -400px, 0);
      transform: translate3d(0, -400px, 0);
   }
   30% {
      opacity: 1;
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes driveInTop {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, -400px, 0);
      transform: translate3d(0, -400px, 0);
   }
   30% {
      opacity: 1;
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.driveInBottom {
   -webkit-animation-name: driveInBottom;
   animation-name: driveInBottom;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes driveInBottom {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 300px, 0);
      transform: translate3d(0, 300px, 0);
   }
   30% {
      opacity: 1;
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes driveInBottom {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 300px, 0);
      transform: translate3d(0, 300px, 0);
   }
   30% {
      opacity: 1;
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.driveOutLeft {
   -webkit-animation-name: driveOutLeft;
   animation-name: driveOutLeft;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes driveOutLeft {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(30px, 0, 0);
      transform: translate3d(30px, 0, 0);
   }
   60% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(-400px, 0, 0);
      transform: translate3d(-400px, 0, 0);
   }
}
@keyframes driveOutLeft {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(30px, 0, 0);
      transform: translate3d(30px, 0, 0);
   }
   60% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(-400px, 0, 0);
      transform: translate3d(-400px, 0, 0);
   }
}
.driveOutRight {
   -webkit-animation-name: driveOutRight;
   animation-name: driveOutRight;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes driveOutRight {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(-30px, 0, 0);
      transform: translate3d(-30px, 0, 0);
   }
   60% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(400px, 0, 0);
      transform: translate3d(400px, 0, 0);
   }
}
@keyframes driveOutRight {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(-30px, 0, 0);
      transform: translate3d(-30px, 0, 0);
   }
   60% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(400px, 0, 0);
      transform: translate3d(400px, 0, 0);
   }
}
.driveOutTop {
   -webkit-animation-name: driveOutTop;
   animation-name: driveOutTop;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes driveOutTop {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0);
   }
   60% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, -400px, 0);
      transform: translate3d(0, -400px, 0);
   }
}
@keyframes driveOutTop {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0);
   }
   60% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, -400px, 0);
      transform: translate3d(0, -400px, 0);
   }
}
.driveOutBottom {
   -webkit-animation-name: driveOutBottom;
   animation-name: driveOutBottom;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes driveOutBottom {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }
   60% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 300px, 0);
      transform: translate3d(0, 300px, 0);
   }
}
@keyframes driveOutBottom {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }
   60% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: translate3d(0, 300px, 0);
      transform: translate3d(0, 300px, 0);
   }
}
.spin {
   -webkit-animation-name: spin;
   animation-name: spin;
   -webkit-animation-duration: 1.2s;
   animation-duration: 1.2s;
}
@-webkit-keyframes spin {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: rotateZ(0deg);
      transform: rotateZ(0deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   20% {
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: rotateZ(-20deg);
      transform: rotateZ(-20deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   70% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: rotateZ(380deg);
      transform: rotateZ(380deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
}
@keyframes spin {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: rotateZ(0deg);
      transform: rotateZ(0deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   20% {
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: rotateZ(-20deg);
      transform: rotateZ(-20deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   70% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: rotateZ(380deg);
      transform: rotateZ(380deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
}
.spinIn {
   -webkit-animation-name: spinIn;
   animation-name: spinIn;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes spinIn {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
      transform: rotateZ(0deg) scale3d(0, 0, 0);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   50% {
      opacity: 1;
   }
   70% {
      -webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
      transform: rotateZ(380deg) scale3d(1, 1, 1);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   100% {
      -webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
      transform: rotateZ(360deg) scale3d(1, 1, 1);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
}
@keyframes spinIn {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
      transform: rotateZ(0deg) scale3d(0, 0, 0);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   50% {
      opacity: 1;
   }
   70% {
      -webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
      transform: rotateZ(380deg) scale3d(1, 1, 1);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   100% {
      -webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
      transform: rotateZ(360deg) scale3d(1, 1, 1);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
}
.spinOut {
   -webkit-animation-name: spinOut;
   animation-name: spinOut;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes spinOut {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transform: rotateZ(0deg) scale3d(1, 1, 1);
      transform: rotateZ(0deg) scale3d(1, 1, 1);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   20% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: rotateZ(-20deg) scale3d(1, 1, 1);
      transform: rotateZ(-20deg) scale3d(1, 1, 1);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   30% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: rotateZ(360deg) scale3d(0, 0, 0);
      transform: rotateZ(360deg) scale3d(0, 0, 0);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
}
@keyframes spinOut {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transform: rotateZ(0deg) scale3d(1, 1, 1);
      transform: rotateZ(0deg) scale3d(1, 1, 1);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   20% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transform: rotateZ(-20deg) scale3d(1, 1, 1);
      transform: rotateZ(-20deg) scale3d(1, 1, 1);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
   30% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      -webkit-transform: rotateZ(360deg) scale3d(0, 0, 0);
      transform: rotateZ(360deg) scale3d(0, 0, 0);
      -webkit-transform-origin: center center;
      transform-origin: center center;
   }
}
.slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes slideInDown {
   from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes slideInDown {
   from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.slideInUp {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes slideInUp {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes slideInUp {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.slideInLeft {
   -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes slideInLeft {
   from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes slideInLeft {
   from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.slideInRight {
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes slideInRight {
   from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
@keyframes slideInRight {
   from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
   }
   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}
.slideOutDown {
   -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes slideOutDown {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}
@keyframes slideOutDown {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }
}
.slideOutLeft {
   -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes slideOutLeft {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}
@keyframes slideOutLeft {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
   }
}
.slideOutRight {
   -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes slideOutRight {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}
@keyframes slideOutRight {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
   }
}
.slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes slideOutUp {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}
@keyframes slideOutUp {
   from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
   to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }
}
.swoopInLeft {
   -webkit-animation-name: swoopInLeft;
   animation-name: swoopInLeft;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes swoopInLeft {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
      transform: scaleX(1.5) translate3d(-400px, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
      transform: scaleX(1.2) translate3d(0, 0, 0);
   }
   65% {
      -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
      transform: scaleX(1) translate3d(20px, 0, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1) translate3d(0, 0, 0);
      transform: scaleX(1) translate3d(0, 0, 0);
   }
}
@keyframes swoopInLeft {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
      transform: scaleX(1.5) translate3d(-400px, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
      transform: scaleX(1.2) translate3d(0, 0, 0);
   }
   65% {
      -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
      transform: scaleX(1) translate3d(20px, 0, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1) translate3d(0, 0, 0);
      transform: scaleX(1) translate3d(0, 0, 0);
   }
}
.swoopInRight {
   -webkit-animation-name: swoopInRight;
   animation-name: swoopInRight;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes swoopInRight {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
      transform: scaleX(1.5) translate3d(400px, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
      transform: scaleX(1.2) translate3d(0, 0, 0);
   }
   65% {
      -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
      transform: scaleX(1) translate3d(-20px, 0, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1) translate3d(0, 0, 0);
      transform: scaleX(1) translate3d(0, 0, 0);
   }
}
@keyframes swoopInRight {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
      transform: scaleX(1.5) translate3d(400px, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
      transform: scaleX(1.2) translate3d(0, 0, 0);
   }
   65% {
      -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
      transform: scaleX(1) translate3d(-20px, 0, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1) translate3d(0, 0, 0);
      transform: scaleX(1) translate3d(0, 0, 0);
   }
}
.swoopInTop {
   -webkit-animation-name: swoopInTop;
   animation-name: swoopInTop;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes swoopInTop {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
      transform: scaleY(1.5) translate3d(0, -400px, 0);
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
      transform: scaleY(1.2) translate3d(0, 0, 0);
   }
   65% {
      -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
      transform: scaleY(1) translate3d(0, 20px, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1) translate3d(0, 0, 0);
      transform: scaleY(1) translate3d(0, 0, 0);
   }
}
@keyframes swoopInTop {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
      transform: scaleY(1.5) translate3d(0, -400px, 0);
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
      transform: scaleY(1.2) translate3d(0, 0, 0);
   }
   65% {
      -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
      transform: scaleY(1) translate3d(0, 20px, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1) translate3d(0, 0, 0);
      transform: scaleY(1) translate3d(0, 0, 0);
   }
}
.swoopInBottom {
   -webkit-animation-name: swoopInBottom;
   animation-name: swoopInBottom;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes swoopInBottom {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleY(1.5) translate3d(0, 250px, 0);
      transform: scaleY(1.5) translate3d(0, 250px, 0);
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
      transform: scaleY(1.2) translate3d(0, 0, 0);
   }
   65% {
      -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
      transform: scaleY(1) translate3d(0, -20px, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1) translate3d(0, 0, 0);
      transform: scaleY(1) translate3d(0, 0, 0);
   }
}
@keyframes swoopInBottom {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleY(1.5) translate3d(0, 250px, 0);
      transform: scaleY(1.5) translate3d(0, 250px, 0);
   }
   40% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
      transform: scaleY(1.2) translate3d(0, 0, 0);
   }
   65% {
      -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
      transform: scaleY(1) translate3d(0, -20px, 0);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1) translate3d(0, 0, 0);
      transform: scaleY(1) translate3d(0, 0, 0);
   }
}
.swoopOutLeft {
   -webkit-animation-name: swoopOutLeft;
   animation-name: swoopOutLeft;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes swoopOutLeft {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1) translate3d(0, 0, 0);
      transform: scaleX(1) translate3d(0, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
      transform: scaleX(1) translate3d(20px, 0, 0);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
      transform: scaleX(1.2) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
      transform: scaleX(1.5) translate3d(-400px, 0, 0);
   }
}
@keyframes swoopOutLeft {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1) translate3d(0, 0, 0);
      transform: scaleX(1) translate3d(0, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
      transform: scaleX(1) translate3d(20px, 0, 0);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
      transform: scaleX(1.2) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
      transform: scaleX(1.5) translate3d(-400px, 0, 0);
   }
}
.swoopOutRight {
   -webkit-animation-name: swoopOutRight;
   animation-name: swoopOutRight;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes swoopOutRight {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1) translate3d(0, 0, 0);
      transform: scaleX(1) translate3d(0, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
      transform: scaleX(1) translate3d(-20px, 0, 0);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
      transform: scaleX(1.2) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
      transform: scaleX(1.5) translate3d(400px, 0, 0);
   }
}
@keyframes swoopOutRight {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1) translate3d(0, 0, 0);
      transform: scaleX(1) translate3d(0, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
      transform: scaleX(1) translate3d(-20px, 0, 0);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
      transform: scaleX(1.2) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
      transform: scaleX(1.5) translate3d(400px, 0, 0);
   }
}
.swoopOutTop {
   -webkit-animation-name: swoopOutTop;
   animation-name: swoopOutTop;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes swoopOutTop {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1) translate3d(0, 0, 0);
      transform: scaleY(1) translate3d(0, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
      transform: scaleY(1) translate3d(0, 20px, 0);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
      transform: scaleY(1.2) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
      transform: scaleY(1.5) translate3d(0, -400px, 0);
   }
}
@keyframes swoopOutTop {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1) translate3d(0, 0, 0);
      transform: scaleY(1) translate3d(0, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-transform: scaleY(1) translate3d(0, 20px, 0);
      transform: scaleY(1) translate3d(0, 20px, 0);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
      transform: scaleY(1.2) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleY(1.5) translate3d(0, -400px, 0);
      transform: scaleY(1.5) translate3d(0, -400px, 0);
   }
}
.swoopOutBottom {
   -webkit-animation-name: swoopOutBottom;
   animation-name: swoopOutBottom;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
}
@-webkit-keyframes swoopOutBottom {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1) translate3d(0, 0, 0);
      transform: scaleY(1) translate3d(0, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
      transform: scaleY(1) translate3d(0, -20px, 0);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
      transform: scaleY(1.2) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleY(1.5) translate3d(0, 200px, 0);
      transform: scaleY(1.5) translate3d(0, 200px, 0);
   }
}
@keyframes swoopOutBottom {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1) translate3d(0, 0, 0);
      transform: scaleY(1) translate3d(0, 0, 0);
   }
   40% {
      opacity: 1;
      -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
      transform: scaleY(1) translate3d(0, -20px, 0);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
      transform: scaleY(1.2) translate3d(0, 0, 0);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: scaleY(1.5) translate3d(0, 200px, 0);
      transform: scaleY(1.5) translate3d(0, 200px, 0);
   }
}
.fold {
   -webkit-animation-name: fold;
   animation-name: fold;
}
@-webkit-keyframes fold {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: scale3d(1, 0.4, 1);
      transform: scale3d(1, 0.4, 1);
   }
   60% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: scale3d(0.4, 0.4, 1);
      transform: scale3d(0.4, 0.4, 1);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -webkit-transform: scale3d(0.2, 0.2, 0.2);
      transform: scale3d(0.2, 0.2, 0.2);
   }
}
@keyframes fold {
   0% {
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
   30% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: scale3d(1, 0.4, 1);
      transform: scale3d(1, 0.4, 1);
   }
   60% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: scale3d(0.4, 0.4, 1);
      transform: scale3d(0.4, 0.4, 1);
   }
   100% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -webkit-transform: scale3d(0.2, 0.2, 0.2);
      transform: scale3d(0.2, 0.2, 0.2);
   }
}
.unfold {
   -webkit-animation-name: unfold;
   animation-name: unfold;
}
@-webkit-keyframes unfold {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
   }
   30% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: scale3d(0.4, 0.4, 1);
      transform: scale3d(0.4, 0.4, 1);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: scale3d(0.4, 1, 1);
      transform: scale3d(0.4, 1, 1);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
@keyframes unfold {
   0% {
      opacity: 0;
      -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
   }
   30% {
      opacity: 1;
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: scale3d(0.4, 0.4, 1);
      transform: scale3d(0.4, 0.4, 1);
   }
   60% {
      -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transform: scale3d(0.4, 1, 1);
      transform: scale3d(0.4, 1, 1);
   }
   100% {
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
   }
}
.scaleIn {
   -webkit-animation-name: scaleIn;
   animation-name: scaleIn;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
.scaleOut {
   -webkit-animation-name: scaleOut;
   animation-name: scaleOut;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
@-webkit-keyframes scaleIn {
   0% {
      opacity: 0;
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
   }
   100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
@keyframes scaleIn {
   0% {
      opacity: 0;
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
   }
   100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}
@-webkit-keyframes scaleOut {
   0% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   100% {
      opacity: 0;
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
   }
}
@keyframes scaleOut {
   0% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
   }
   100% {
      opacity: 0;
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
   }
}
.animate[data-delay="100"] {
   -webkit-animation-delay: .1s;
   animation-delay: .1s;
}
.animate[data-delay="150"] {
   -webkit-animation-delay: 150ms;
   animation-delay: 150ms;
}
.animate[data-duration="100"] {
   -webkit-animation-duration: .1s;
   animation-duration: .1s;
}
.animate[data-duration="150"] {
   -webkit-animation-duration: 150ms;
   animation-duration: 150ms;
}
.animate[data-delay="200"] {
   -webkit-animation-delay: .2s;
   animation-delay: .2s;
}
.animate[data-delay="250"] {
   -webkit-animation-delay: 250ms;
   animation-delay: 250ms;
}
.animate[data-duration="200"] {
   -webkit-animation-duration: .2s;
   animation-duration: .2s;
}
.animate[data-duration="250"] {
   -webkit-animation-duration: 250ms;
   animation-duration: 250ms;
}
.animate[data-delay="300"] {
   -webkit-animation-delay: .3s;
   animation-delay: .3s;
}
.animate[data-delay="350"] {
   -webkit-animation-delay: 350ms;
   animation-delay: 350ms;
}
.animate[data-duration="300"] {
   -webkit-animation-duration: .3s;
   animation-duration: .3s;
}
.animate[data-duration="350"] {
   -webkit-animation-duration: 350ms;
   animation-duration: 350ms;
}
.animate[data-delay="400"] {
   -webkit-animation-delay: .4s;
   animation-delay: .4s;
}
.animate[data-delay="450"] {
   -webkit-animation-delay: 450ms;
   animation-delay: 450ms;
}
.animate[data-duration="400"] {
   -webkit-animation-duration: .4s;
   animation-duration: .4s;
}
.animate[data-duration="450"] {
   -webkit-animation-duration: 450ms;
   animation-duration: 450ms;
}
.animate[data-delay="500"] {
   -webkit-animation-delay: .5s;
   animation-delay: .5s;
}
.animate[data-delay="550"] {
   -webkit-animation-delay: 550ms;
   animation-delay: 550ms;
}
.animate[data-duration="500"] {
   -webkit-animation-duration: .5s;
   animation-duration: .5s;
}
.animate[data-duration="550"] {
   -webkit-animation-duration: 550ms;
   animation-duration: 550ms;
}
.animate[data-delay="600"] {
   -webkit-animation-delay: .6s;
   animation-delay: .6s;
}
.animate[data-delay="650"] {
   -webkit-animation-delay: 650ms;
   animation-delay: 650ms;
}
.animate[data-duration="600"] {
   -webkit-animation-duration: .6s;
   animation-duration: .6s;
}
.animate[data-duration="650"] {
   -webkit-animation-duration: 650ms;
   animation-duration: 650ms;
}
.animate[data-delay="700"] {
   -webkit-animation-delay: .7s;
   animation-delay: .7s;
}
.animate[data-delay="750"] {
   -webkit-animation-delay: 750ms;
   animation-delay: 750ms;
}
.animate[data-duration="700"] {
   -webkit-animation-duration: .7s;
   animation-duration: .7s;
}
.animate[data-duration="750"] {
   -webkit-animation-duration: 750ms;
   animation-duration: 750ms;
}
.animate[data-delay="800"] {
   -webkit-animation-delay: .8s;
   animation-delay: .8s;
}
.animate[data-delay="850"] {
   -webkit-animation-delay: 850ms;
   animation-delay: 850ms;
}
.animate[data-duration="800"] {
   -webkit-animation-duration: .8s;
   animation-duration: .8s;
}
.animate[data-duration="850"] {
   -webkit-animation-duration: 850ms;
   animation-duration: 850ms;
}
.animate[data-delay="900"] {
   -webkit-animation-delay: .9s;
   animation-delay: .9s;
}
.animate[data-delay="950"] {
   -webkit-animation-delay: 950ms;
   animation-delay: 950ms;
}
.animate[data-duration="900"] {
   -webkit-animation-duration: .9s;
   animation-duration: .9s;
}
.animate[data-duration="950"] {
   -webkit-animation-duration: 950ms;
   animation-duration: 950ms;
}
.animate[data-delay="1000"] {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.animate[data-duration="1000"] {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
.animate[data-delay="1050"],
.animate[data-delay="1100"],
.animate[data-delay="1150"],
.animate[data-delay="1200"],
.animate[data-delay="1250"] {
   -webkit-animation-delay: 1250ms;
   animation-delay: 1250ms;
}
.animate[data-delay="1300"],
.animate[data-delay="1350"],
.animate[data-delay="1400"],
.animate[data-delay="1450"],
.animate[data-delay="1500"] {
   -webkit-animation-delay: 1.5s;
   animation-delay: 1.5s;
}
.animate[data-delay="1550"],
.animate[data-delay="1600"],
.animate[data-delay="1650"],
.animate[data-delay="1700"],
.animate[data-delay="1750"] {
   -webkit-animation-delay: 1750ms;
   animation-delay: 1750ms;
}
.animate[data-duration="1050"],
.animate[data-duration="1100"],
.animate[data-duration="1150"],
.animate[data-duration="1200"],
.animate[data-duration="1250"] {
   -webkit-animation-duration: 1250ms;
   animation-duration: 1250ms;
}
.animate[data-duration="1300"],
.animate[data-duration="1350"],
.animate[data-duration="1400"],
.animate[data-duration="1450"],
.animate[data-duration="1500"] {
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
}
.animate[data-duration="1550"],
.animate[data-duration="1600"],
.animate[data-duration="1650"],
.animate[data-duration="1700"],
.animate[data-duration="1750"] {
   -webkit-animation-duration: 1750ms;
   animation-duration: 1750ms;
}
.animate[data-delay="1800"],
.animate[data-delay="1850"],
.animate[data-delay="1900"],
.animate[data-delay="1950"],
.animate[data-delay="2000"] {
   -webkit-animation-delay: 2s;
   animation-delay: 2s;
}
.animate[data-delay="2050"],
.animate[data-delay="2100"],
.animate[data-delay="2150"],
.animate[data-delay="2200"],
.animate[data-delay="2250"] {
   -webkit-animation-delay: 2250ms;
   animation-delay: 2250ms;
}
.animate[data-delay="2300"],
.animate[data-delay="2350"],
.animate[data-delay="2400"],
.animate[data-delay="2450"],
.animate[data-delay="2500"] {
   -webkit-animation-delay: 2.5s;
   animation-delay: 2.5s;
}
.animate[data-delay="2550"],
.animate[data-delay="2600"],
.animate[data-delay="2650"],
.animate[data-delay="2700"],
.animate[data-delay="2750"] {
   -webkit-animation-delay: 2750ms;
   animation-delay: 2750ms;
}
.animate[data-duration="1800"],
.animate[data-duration="1850"],
.animate[data-duration="1900"],
.animate[data-duration="1950"],
.animate[data-duration="2000"] {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
}
.animate[data-duration="2050"],
.animate[data-duration="2100"],
.animate[data-duration="2150"],
.animate[data-duration="2200"],
.animate[data-duration="2250"] {
   -webkit-animation-duration: 2250ms;
   animation-duration: 2250ms;
}
.animate[data-duration="2300"],
.animate[data-duration="2350"],
.animate[data-duration="2400"],
.animate[data-duration="2450"],
.animate[data-duration="2500"] {
   -webkit-animation-duration: 2.5s;
   animation-duration: 2.5s;
}
.animate[data-duration="2550"],
.animate[data-duration="2600"],
.animate[data-duration="2650"],
.animate[data-duration="2700"],
.animate[data-duration="2750"] {
   -webkit-animation-duration: 2750ms;
   animation-duration: 2750ms;
}
.animate[data-delay="2800"],
.animate[data-delay="2850"],
.animate[data-delay="2900"],
.animate[data-delay="2950"],
.animate[data-delay="3000"] {
   -webkit-animation-delay: 3s;
   animation-delay: 3s;
}
.animate[data-delay="3050"],
.animate[data-delay="3100"],
.animate[data-delay="3150"],
.animate[data-delay="3200"],
.animate[data-delay="3250"] {
   -webkit-animation-delay: 3250ms;
   animation-delay: 3250ms;
}
.animate[data-delay="3300"],
.animate[data-delay="3350"],
.animate[data-delay="3400"],
.animate[data-delay="3450"],
.animate[data-delay="3500"] {
   -webkit-animation-delay: 3.5s;
   animation-delay: 3.5s;
}
.animate[data-delay="3550"],
.animate[data-delay="3600"],
.animate[data-delay="3650"],
.animate[data-delay="3700"],
.animate[data-delay="3750"] {
   -webkit-animation-delay: 3750ms;
   animation-delay: 3750ms;
}
.animate[data-duration="2800"],
.animate[data-duration="2850"],
.animate[data-duration="2900"],
.animate[data-duration="2950"],
.animate[data-duration="3000"] {
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
}
.animate[data-duration="3050"],
.animate[data-duration="3100"],
.animate[data-duration="3150"],
.animate[data-duration="3200"],
.animate[data-duration="3250"] {
   -webkit-animation-duration: 3250ms;
   animation-duration: 3250ms;
}
.animate[data-duration="3300"],
.animate[data-duration="3350"],
.animate[data-duration="3400"],
.animate[data-duration="3450"],
.animate[data-duration="3500"] {
   -webkit-animation-duration: 3.5s;
   animation-duration: 3.5s;
}
.animate[data-duration="3550"],
.animate[data-duration="3600"],
.animate[data-duration="3650"],
.animate[data-duration="3700"],
.animate[data-duration="3750"] {
   -webkit-animation-duration: 3750ms;
   animation-duration: 3750ms;
}
.animate[data-delay="3800"],
.animate[data-delay="3850"],
.animate[data-delay="3900"],
.animate[data-delay="3950"],
.animate[data-delay="4000"] {
   -webkit-animation-delay: 4s;
   animation-delay: 4s;
}
.animate[data-delay="4050"],
.animate[data-delay="4100"],
.animate[data-delay="4150"],
.animate[data-delay="4200"],
.animate[data-delay="4250"] {
   -webkit-animation-delay: 4250ms;
   animation-delay: 4250ms;
}
.animate[data-delay="4300"],
.animate[data-delay="4350"],
.animate[data-delay="4400"],
.animate[data-delay="4450"],
.animate[data-delay="4500"] {
   -webkit-animation-delay: 4.5s;
   animation-delay: 4.5s;
}
.animate[data-delay="4550"],
.animate[data-delay="4600"],
.animate[data-delay="4650"],
.animate[data-delay="4700"],
.animate[data-delay="4750"] {
   -webkit-animation-delay: 4750ms;
   animation-delay: 4750ms;
}
.animate[data-duration="3800"],
.animate[data-duration="3850"],
.animate[data-duration="3900"],
.animate[data-duration="3950"],
.animate[data-duration="4000"] {
   -webkit-animation-duration: 4s;
   animation-duration: 4s;
}
.animate[data-duration="4050"],
.animate[data-duration="4100"],
.animate[data-duration="4150"],
.animate[data-duration="4200"],
.animate[data-duration="4250"] {
   -webkit-animation-duration: 4250ms;
   animation-duration: 4250ms;
}
.animate[data-duration="4300"],
.animate[data-duration="4350"],
.animate[data-duration="4400"],
.animate[data-duration="4450"],
.animate[data-duration="4500"] {
   -webkit-animation-duration: 4.5s;
   animation-duration: 4.5s;
}
.animate[data-duration="4550"],
.animate[data-duration="4600"],
.animate[data-duration="4650"],
.animate[data-duration="4700"],
.animate[data-duration="4750"] {
   -webkit-animation-duration: 4750ms;
   animation-duration: 4750ms;
}
.animate[data-delay="4800"],
.animate[data-delay="4850"],
.animate[data-delay="4900"],
.animate[data-delay="4950"],
.animate[data-delay="5000"] {
   -webkit-animation-delay: 5s;
   animation-delay: 5s;
}
.animate[data-duration="4800"],
.animate[data-duration="4850"],
.animate[data-duration="4900"],
.animate[data-duration="4950"],
.animate[data-duration="5000"] {
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
}