.animated
  -webkit-animation-duration: 1s
  animation-duration: 1s
  -webkit-animation-fill-mode: both
  animation-fill-mode: both
  &.infinite
    -webkit-animation-iteration-count: infinite
    animation-iteration-count: infinite
  &.hinge
    -webkit-animation-duration: 2s
    animation-duration: 2s

@-webkit-keyframes bounce
  0%, 20%, 53%, 80%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    -webkit-transform: translate3d(0, 0, 0)
    transform: translate3d(0, 0, 0)

  40%, 43%
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    -webkit-transform: translate3d(0, -30px, 0)
    transform: translate3d(0, -30px, 0)

  70%
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    -webkit-transform: translate3d(0, -15px, 0)
    transform: translate3d(0, -15px, 0)

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


@keyframes bounce
  0%, 20%, 53%, 80%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    -webkit-transform: translate3d(0, 0, 0)
    -ms-transform: translate3d(0, 0, 0)
    transform: translate3d(0, 0, 0)

  40%, 43%
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    -webkit-transform: translate3d(0, -30px, 0)
    -ms-transform: translate3d(0, -30px, 0)
    transform: translate3d(0, -30px, 0)

  70%
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    -webkit-transform: translate3d(0, -15px, 0)
    -ms-transform: translate3d(0, -15px, 0)
    transform: translate3d(0, -15px, 0)

  90%
    -webkit-transform: translate3d(0, -4px, 0)
    -ms-transform: translate3d(0, -4px, 0)
    transform: translate3d(0, -4px, 0)


.bounce
  -webkit-animation-name: bounce
  animation-name: bounce
  -webkit-transform-origin: center bottom
  -ms-transform-origin: center bottom
  transform-origin: center bottom

@-webkit-keyframes flash
  0%, 50%, 100%
    opacity: 1

  25%, 75%
    opacity: 0


@keyframes flash
  0%, 50%, 100%
    opacity: 1

  25%, 75%
    opacity: 0


.flash
  -webkit-animation-name: flash
  animation-name: flash


@-webkit-keyframes pulse
  0%
    -webkit-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)

  50%
    -webkit-transform: scale3d(1.05, 1.05, 1.05)
    transform: scale3d(1.05, 1.05, 1.05)

  100%
    -webkit-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)


@keyframes pulse
  0%
    -webkit-transform: scale3d(1, 1, 1)
    -ms-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)

  50%
    -webkit-transform: scale3d(1.05, 1.05, 1.05)
    -ms-transform: scale3d(1.05, 1.05, 1.05)
    transform: scale3d(1.05, 1.05, 1.05)

  100%
    -webkit-transform: scale3d(1, 1, 1)
    -ms-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)


.pulse
  -webkit-animation-name: pulse
  animation-name: pulse

@-webkit-keyframes rubberBand
  0%
    -webkit-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)

  30%
    -webkit-transform: scale3d(1.25, 0.75, 1)
    transform: scale3d(1.25, 0.75, 1)

  40%
    -webkit-transform: scale3d(0.75, 1.25, 1)
    transform: scale3d(0.75, 1.25, 1)

  50%
    -webkit-transform: scale3d(1.15, 0.85, 1)
    transform: scale3d(1.15, 0.85, 1)

  65%
    -webkit-transform: scale3d(0.95, 1.05, 1)
    transform: scale3d(0.95, 1.05, 1)

  75%
    -webkit-transform: scale3d(1.05, 0.95, 1)
    transform: scale3d(1.05, 0.95, 1)

  100%
    -webkit-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)


@keyframes rubberBand
  0%
    -webkit-transform: scale3d(1, 1, 1)
    -ms-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)

  30%
    -webkit-transform: scale3d(1.25, 0.75, 1)
    -ms-transform: scale3d(1.25, 0.75, 1)
    transform: scale3d(1.25, 0.75, 1)

  40%
    -webkit-transform: scale3d(0.75, 1.25, 1)
    -ms-transform: scale3d(0.75, 1.25, 1)
    transform: scale3d(0.75, 1.25, 1)

  50%
    -webkit-transform: scale3d(1.15, 0.85, 1)
    -ms-transform: scale3d(1.15, 0.85, 1)
    transform: scale3d(1.15, 0.85, 1)

  65%
    -webkit-transform: scale3d(0.95, 1.05, 1)
    -ms-transform: scale3d(0.95, 1.05, 1)
    transform: scale3d(0.95, 1.05, 1)

  75%
    -webkit-transform: scale3d(1.05, 0.95, 1)
    -ms-transform: scale3d(1.05, 0.95, 1)
    transform: scale3d(1.05, 0.95, 1)

  100%
    -webkit-transform: scale3d(1, 1, 1)
    -ms-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)


.rubberBand
  -webkit-animation-name: rubberBand
  animation-name: rubberBand

@-webkit-keyframes shake
  0%, 100%
    -webkit-transform: translate3d(0, 0, 0)
    transform: translate3d(0, 0, 0)

  10%, 30%, 50%, 70%, 90%
    -webkit-transform: translate3d(-10px, 0, 0)
    transform: translate3d(-10px, 0, 0)

  20%, 40%, 60%, 80%
    -webkit-transform: translate3d(10px, 0, 0)
    transform: translate3d(10px, 0, 0)


@keyframes shake
  0%, 100%
    -webkit-transform: translate3d(0, 0, 0)
    -ms-transform: translate3d(0, 0, 0)
    transform: translate3d(0, 0, 0)

  10%, 30%, 50%, 70%, 90%
    -webkit-transform: translate3d(-10px, 0, 0)
    -ms-transform: translate3d(-10px, 0, 0)
    transform: translate3d(-10px, 0, 0)

  20%, 40%, 60%, 80%
    -webkit-transform: translate3d(10px, 0, 0)
    -ms-transform: translate3d(10px, 0, 0)
    transform: translate3d(10px, 0, 0)


.shake
  -webkit-animation-name: shake
  animation-name: shake

@-webkit-keyframes swing
  20%
    -webkit-transform: rotate3d(0, 0, 1, 15deg)
    transform: rotate3d(0, 0, 1, 15deg)

  40%
    -webkit-transform: rotate3d(0, 0, 1, -10deg)
    transform: rotate3d(0, 0, 1, -10deg)

  60%
    -webkit-transform: rotate3d(0, 0, 1, 5deg)
    transform: rotate3d(0, 0, 1, 5deg)

  80%
    -webkit-transform: rotate3d(0, 0, 1, -5deg)
    transform: rotate3d(0, 0, 1, -5deg)

  100%
    -webkit-transform: rotate3d(0, 0, 1, 0deg)
    transform: rotate3d(0, 0, 1, 0deg)


@keyframes swing
  20%
    -webkit-transform: rotate3d(0, 0, 1, 15deg)
    -ms-transform: rotate3d(0, 0, 1, 15deg)
    transform: rotate3d(0, 0, 1, 15deg)

  40%
    -webkit-transform: rotate3d(0, 0, 1, -10deg)
    -ms-transform: rotate3d(0, 0, 1, -10deg)
    transform: rotate3d(0, 0, 1, -10deg)

  60%
    -webkit-transform: rotate3d(0, 0, 1, 5deg)
    -ms-transform: rotate3d(0, 0, 1, 5deg)
    transform: rotate3d(0, 0, 1, 5deg)

  80%
    -webkit-transform: rotate3d(0, 0, 1, -5deg)
    -ms-transform: rotate3d(0, 0, 1, -5deg)
    transform: rotate3d(0, 0, 1, -5deg)

  100%
    -webkit-transform: rotate3d(0, 0, 1, 0deg)
    -ms-transform: rotate3d(0, 0, 1, 0deg)
    transform: rotate3d(0, 0, 1, 0deg)


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

@-webkit-keyframes tada
  0%
    -webkit-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)

  10%, 20%
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)

  30%, 50%, 70%, 90%
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

  40%, 60%, 80%
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

  100%
    -webkit-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)


@keyframes tada
  0%
    -webkit-transform: scale3d(1, 1, 1)
    -ms-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)

  10%, 20%
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)

  30%, 50%, 70%, 90%
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

  40%, 60%, 80%
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

  100%
    -webkit-transform: scale3d(1, 1, 1)
    -ms-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)


.tada
  -webkit-animation-name: tada
  animation-name: tada


@-webkit-keyframes wobble
  0%
    -webkit-transform: none
    transform: none

  15%
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

  30%
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

  45%
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

  60%
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

  75%
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

  100%
    -webkit-transform: none
    transform: none


@keyframes wobble
  0%
    -webkit-transform: none
    -ms-transform: none
    transform: none

  15%
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

  30%
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

  45%
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

  60%
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

  75%
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

  100%
    -webkit-transform: none
    -ms-transform: none
    transform: none


.wobble
  -webkit-animation-name: wobble
  animation-name: wobble

@-webkit-keyframes bounceIn
  0%, 20%, 40%, 60%, 80%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  0%
    opacity: 0
    -webkit-transform: scale3d(0.3, 0.3, 0.3)
    transform: scale3d(0.3, 0.3, 0.3)

  20%
    -webkit-transform: scale3d(1.1, 1.1, 1.1)
    transform: scale3d(1.1, 1.1, 1.1)

  40%
    -webkit-transform: scale3d(0.9, 0.9, 0.9)
    transform: scale3d(0.9, 0.9, 0.9)

  60%
    opacity: 1
    -webkit-transform: scale3d(1.03, 1.03, 1.03)
    transform: scale3d(1.03, 1.03, 1.03)

  80%
    -webkit-transform: scale3d(0.97, 0.97, 0.97)
    transform: scale3d(0.97, 0.97, 0.97)

  100%
    opacity: 1
    -webkit-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)


@keyframes bounceIn
  0%, 20%, 40%, 60%, 80%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  0%
    opacity: 0
    -webkit-transform: scale3d(0.3, 0.3, 0.3)
    -ms-transform: scale3d(0.3, 0.3, 0.3)
    transform: scale3d(0.3, 0.3, 0.3)

  20%
    -webkit-transform: scale3d(1.1, 1.1, 1.1)
    -ms-transform: scale3d(1.1, 1.1, 1.1)
    transform: scale3d(1.1, 1.1, 1.1)

  40%
    -webkit-transform: scale3d(0.9, 0.9, 0.9)
    -ms-transform: scale3d(0.9, 0.9, 0.9)
    transform: scale3d(0.9, 0.9, 0.9)

  60%
    opacity: 1
    -webkit-transform: scale3d(1.03, 1.03, 1.03)
    -ms-transform: scale3d(1.03, 1.03, 1.03)
    transform: scale3d(1.03, 1.03, 1.03)

  80%
    -webkit-transform: scale3d(0.97, 0.97, 0.97)
    -ms-transform: scale3d(0.97, 0.97, 0.97)
    transform: scale3d(0.97, 0.97, 0.97)

  100%
    opacity: 1
    -webkit-transform: scale3d(1, 1, 1)
    -ms-transform: scale3d(1, 1, 1)
    transform: scale3d(1, 1, 1)


.bounceIn
  -webkit-animation-name: bounceIn
  animation-name: bounceIn
  -webkit-animation-duration: .75s
  animation-duration: .75s

@-webkit-keyframes bounceInDown
  0%, 60%, 75%, 90%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  0%
    opacity: 0
    -webkit-transform: translate3d(0, -3000px, 0)
    transform: translate3d(0, -3000px, 0)

  60%
    opacity: 1
    -webkit-transform: translate3d(0, 25px, 0)
    transform: translate3d(0, 25px, 0)

  75%
    -webkit-transform: translate3d(0, -10px, 0)
    transform: translate3d(0, -10px, 0)

  90%
    -webkit-transform: translate3d(0, 5px, 0)
    transform: translate3d(0, 5px, 0)

  100%
    -webkit-transform: none
    transform: none


@keyframes bounceInDown
  0%, 60%, 75%, 90%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  0%
    opacity: 0
    -webkit-transform: translate3d(0, -3000px, 0)
    -ms-transform: translate3d(0, -3000px, 0)
    transform: translate3d(0, -3000px, 0)

  60%
    opacity: 1
    -webkit-transform: translate3d(0, 25px, 0)
    -ms-transform: translate3d(0, 25px, 0)
    transform: translate3d(0, 25px, 0)

  75%
    -webkit-transform: translate3d(0, -10px, 0)
    -ms-transform: translate3d(0, -10px, 0)
    transform: translate3d(0, -10px, 0)

  90%
    -webkit-transform: translate3d(0, 5px, 0)
    -ms-transform: translate3d(0, 5px, 0)
    transform: translate3d(0, 5px, 0)

  100%
    -webkit-transform: none
    -ms-transform: none
    transform: none


.bounceInDown
  -webkit-animation-name: bounceInDown
  animation-name: bounceInDown

@-webkit-keyframes bounceInLeft
  0%, 60%, 75%, 90%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  0%
    opacity: 0
    -webkit-transform: translate3d(-3000px, 0, 0)
    transform: translate3d(-3000px, 0, 0)

  60%
    opacity: 1
    -webkit-transform: translate3d(25px, 0, 0)
    transform: translate3d(25px, 0, 0)

  75%
    -webkit-transform: translate3d(-10px, 0, 0)
    transform: translate3d(-10px, 0, 0)

  90%
    -webkit-transform: translate3d(5px, 0, 0)
    transform: translate3d(5px, 0, 0)

  100%
    -webkit-transform: none
    transform: none


@keyframes bounceInLeft
  0%, 60%, 75%, 90%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  0%
    opacity: 0
    -webkit-transform: translate3d(-3000px, 0, 0)
    -ms-transform: translate3d(-3000px, 0, 0)
    transform: translate3d(-3000px, 0, 0)

  60%
    opacity: 1
    -webkit-transform: translate3d(25px, 0, 0)
    -ms-transform: translate3d(25px, 0, 0)
    transform: translate3d(25px, 0, 0)

  75%
    -webkit-transform: translate3d(-10px, 0, 0)
    -ms-transform: translate3d(-10px, 0, 0)
    transform: translate3d(-10px, 0, 0)

  90%
    -webkit-transform: translate3d(5px, 0, 0)
    -ms-transform: translate3d(5px, 0, 0)
    transform: translate3d(5px, 0, 0)

  100%
    -webkit-transform: none
    -ms-transform: none
    transform: none


.bounceInLeft
  -webkit-animation-name: bounceInLeft
  animation-name: bounceInLeft

@-webkit-keyframes bounceInRight
  0%, 60%, 75%, 90%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  0%
    opacity: 0
    -webkit-transform: translate3d(3000px, 0, 0)
    transform: translate3d(3000px, 0, 0)

  60%
    opacity: 1
    -webkit-transform: translate3d(-25px, 0, 0)
    transform: translate3d(-25px, 0, 0)

  75%
    -webkit-transform: translate3d(10px, 0, 0)
    transform: translate3d(10px, 0, 0)

  90%
    -webkit-transform: translate3d(-5px, 0, 0)
    transform: translate3d(-5px, 0, 0)

  100%
    -webkit-transform: none
    transform: none


@keyframes bounceInRight
  0%, 60%, 75%, 90%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  0%
    opacity: 0
    -webkit-transform: translate3d(3000px, 0, 0)
    -ms-transform: translate3d(3000px, 0, 0)
    transform: translate3d(3000px, 0, 0)

  60%
    opacity: 1
    -webkit-transform: translate3d(-25px, 0, 0)
    -ms-transform: translate3d(-25px, 0, 0)
    transform: translate3d(-25px, 0, 0)

  75%
    -webkit-transform: translate3d(10px, 0, 0)
    -ms-transform: translate3d(10px, 0, 0)
    transform: translate3d(10px, 0, 0)

  90%
    -webkit-transform: translate3d(-5px, 0, 0)
    -ms-transform: translate3d(-5px, 0, 0)
    transform: translate3d(-5px, 0, 0)

  100%
    -webkit-transform: none
    -ms-transform: none
    transform: none


.bounceInRight
  -webkit-animation-name: bounceInRight
  animation-name: bounceInRight

@-webkit-keyframes bounceInUp
  0%, 60%, 75%, 90%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  0%
    opacity: 0
    -webkit-transform: translate3d(0, 3000px, 0)
    transform: translate3d(0, 3000px, 0)

  60%
    opacity: 1
    -webkit-transform: translate3d(0, -20px, 0)
    transform: translate3d(0, -20px, 0)

  75%
    -webkit-transform: translate3d(0, 10px, 0)
    transform: translate3d(0, 10px, 0)

  90%
    -webkit-transform: translate3d(0, -5px, 0)
    transform: translate3d(0, -5px, 0)

  100%
    -webkit-transform: translate3d(0, 0, 0)
    transform: translate3d(0, 0, 0)


@keyframes bounceInUp
  0%, 60%, 75%, 90%, 100%
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

  0%
    opacity: 0
    -webkit-transform: translate3d(0, 3000px, 0)
    -ms-transform: translate3d(0, 3000px, 0)
    transform: translate3d(0, 3000px, 0)

  60%
    opacity: 1
    -webkit-transform: translate3d(0, -20px, 0)
    -ms-transform: translate3d(0, -20px, 0)
    transform: translate3d(0, -20px, 0)

  75%
    -webkit-transform: translate3d(0, 10px, 0)
    -ms-transform: translate3d(0, 10px, 0)
    transform: translate3d(0, 10px, 0)

  90%
    -webkit-transform: translate3d(0, -5px, 0)
    -ms-transform: translate3d(0, -5px, 0)
    transform: translate3d(0, -5px, 0)

  100%
    -webkit-transform: translate3d(0, 0, 0)
    -ms-transform: translate3d(0, 0, 0)
    transform: translate3d(0, 0, 0)


.bounceInUp
  -webkit-animation-name: bounceInUp
  animation-name: bounceInUp

@-webkit-keyframes bounceOut
  20%
    -webkit-transform: scale3d(0.9, 0.9, 0.9)
    transform: scale3d(0.9, 0.9, 0.9)

  50%, 55%
    opacity: 1
    -webkit-transform: scale3d(1.1, 1.1, 1.1)
    transform: scale3d(1.1, 1.1, 1.1)

  100%
    opacity: 0
    -webkit-transform: scale3d(0.3, 0.3, 0.3)
    transform: scale3d(0.3, 0.3, 0.3)


@keyframes bounceOut
  20%
    -webkit-transform: scale3d(0.9, 0.9, 0.9)
    -ms-transform: scale3d(0.9, 0.9, 0.9)
    transform: scale3d(0.9, 0.9, 0.9)

  50%, 55%
    opacity: 1
    -webkit-transform: scale3d(1.1, 1.1, 1.1)
    -ms-transform: scale3d(1.1, 1.1, 1.1)
    transform: scale3d(1.1, 1.1, 1.1)

  100%
    opacity: 0
    -webkit-transform: scale3d(0.3, 0.3, 0.3)
    -ms-transform: scale3d(0.3, 0.3, 0.3)
    transform: scale3d(0.3, 0.3, 0.3)


.bounceOut
  -webkit-animation-name: bounceOut
  animation-name: bounceOut
  -webkit-animation-duration: .75s
  animation-duration: .75s

@-webkit-keyframes bounceOutDown
  20%
    -webkit-transform: translate3d(0, 10px, 0)
    transform: translate3d(0, 10px, 0)

  40%, 45%
    opacity: 1
    -webkit-transform: translate3d(0, -20px, 0)
    transform: translate3d(0, -20px, 0)

  100%
    opacity: 0
    -webkit-transform: translate3d(0, 2000px, 0)
    transform: translate3d(0, 2000px, 0)


@keyframes bounceOutDown
  20%
    -webkit-transform: translate3d(0, 10px, 0)
    -ms-transform: translate3d(0, 10px, 0)
    transform: translate3d(0, 10px, 0)

  40%, 45%
    opacity: 1
    -webkit-transform: translate3d(0, -20px, 0)
    -ms-transform: translate3d(0, -20px, 0)
    transform: translate3d(0, -20px, 0)

  100%
    opacity: 0
    -webkit-transform: translate3d(0, 2000px, 0)
    -ms-transform: translate3d(0, 2000px, 0)
    transform: translate3d(0, 2000px, 0)


.bounceOutDown
  -webkit-animation-name: bounceOutDown
  animation-name: bounceOutDown

@-webkit-keyframes bounceOutLeft
  20%
    opacity: 1
    -webkit-transform: translate3d(20px, 0, 0)
    transform: translate3d(20px, 0, 0)

  100%
    opacity: 0
    -webkit-transform: translate3d(-2000px, 0, 0)
    transform: translate3d(-2000px, 0, 0)


@keyframes bounceOutLeft
  20%
    opacity: 1
    -webkit-transform: translate3d(20px, 0, 0)
    -ms-transform: translate3d(20px, 0, 0)
    transform: translate3d(20px, 0, 0)

  100%
    opacity: 0
    -webkit-transform: translate3d(-2000px, 0, 0)
    -ms-transform: translate3d(-2000px, 0, 0)
    transform: translate3d(-2000px, 0, 0)


.bounceOutLeft
  -webkit-animation-name: bounceOutLeft
  animation-name: bounceOutLeft

@-webkit-keyframes bounceOutRight
  20%
    opacity: 1
    -webkit-transform: translate3d(-20px, 0, 0)
    transform: translate3d(-20px, 0, 0)

  100%
    opacity: 0
    -webkit-transform: translate3d(2000px, 0, 0)
    transform: translate3d(2000px, 0, 0)


@keyframes bounceOutRight
  20%
    opacity: 1
    -webkit-transform: translate3d(-20px, 0, 0)
    -ms-transform: translate3d(-20px, 0, 0)
    transform: translate3d(-20px, 0, 0)

  100%
    opacity: 0
    -webkit-transform: translate3d(2000px, 0, 0)
    -ms-transform: translate3d(2000px, 0, 0)
    transform: translate3d(2000px, 0, 0)


.bounceOutRight
  -webkit-animation-name: bounceOutRight
  animation-name: bounceOutRight

@-webkit-keyframes bounceOutUp
  20%
    -webkit-transform: translate3d(0, -10px, 0)
    transform: translate3d(0, -10px, 0)

  40%, 45%
    opacity: 1
    -webkit-transform: translate3d(0, 20px, 0)
    transform: translate3d(0, 20px, 0)

  100%
    opacity: 0
    -webkit-transform: translate3d(0, -2000px, 0)
    transform: translate3d(0, -2000px, 0)


@keyframes bounceOutUp
  20%
    -webkit-transform: translate3d(0, -10px, 0)
    -ms-transform: translate3d(0, -10px, 0)
    transform: translate3d(0, -10px, 0)

  40%, 45%
    opacity: 1
    -webkit-transform: translate3d(0, 20px, 0)
    -ms-transform: translate3d(0, 20px, 0)
    transform: translate3d(0, 20px, 0)

  100%
    opacity: 0
    -webkit-transform: translate3d(0, -2000px, 0)
    -ms-transform: translate3d(0, -2000px, 0)
    transform: translate3d(0, -2000px, 0)


.bounceOutUp
  -webkit-animation-name: bounceOutUp
  animation-name: bounceOutUp

@-webkit-keyframes fadeIn
  0%
    opacity: 0

  100%
    opacity: 1


@keyframes fadeIn
  0%
    opacity: 0

  100%
    opacity: 1


.fadeIn
  -webkit-animation-name: fadeIn
  animation-name: fadeIn

@-webkit-keyframes fadeInDown
  0%
    opacity: 0
    -webkit-transform: translate3d(0, -100%, 0)
    transform: translate3d(0, -100%, 0)

  100%
    opacity: 1
    -webkit-transform: none
    transform: none


@keyframes fadeInDown
  0%
    opacity: 0
    -webkit-transform: translate3d(0, -100%, 0)
    -ms-transform: translate3d(0, -100%, 0)
    transform: translate3d(0, -100%, 0)

  100%
    opacity: 1
    -webkit-transform: none
    -ms-transform: none
    transform: none


.fadeInDown
  -webkit-animation-name: fadeInDown
  animation-name: fadeInDown

@-webkit-keyframes fadeInDownBig
  0%
    opacity: 0
    -webkit-transform: translate3d(0, -2000px, 0)
    transform: translate3d(0, -2000px, 0)

  100%
    opacity: 1
    -webkit-transform: none
    transform: none


@keyframes fadeInDownBig
  0%
    opacity: 0
    -webkit-transform: translate3d(0, -2000px, 0)
    -ms-transform: translate3d(0, -2000px, 0)
    transform: translate3d(0, -2000px, 0)

  100%
    opacity: 1
    -webkit-transform: none
    -ms-transform: none
    transform: none


.fadeInDownBig
  -webkit-animation-name: fadeInDownBig
  animation-name: fadeInDownBig

@-webkit-keyframes fadeInLeft
  0%
    opacity: 0
    -webkit-transform: translate3d(-100%, 0, 0)
    transform: translate3d(-100%, 0, 0)

  100%
    opacity: 1
    -webkit-transform: none
    transform: none


@keyframes fadeInLeft
  0%
    opacity: 0
    -webkit-transform: translate3d(-100%, 0, 0)
    -ms-transform: translate3d(-100%, 0, 0)
    transform: translate3d(-100%, 0, 0)

  100%
    opacity: 1
    -webkit-transform: none
    -ms-transform: none
    transform: none


.fadeInLeft
  -webkit-animation-name: fadeInLeft
  animation-name: fadeInLeft

@-webkit-keyframes fadeInLeftBig
  0%
    opacity: 0
    -webkit-transform: translate3d(-2000px, 0, 0)
    transform: translate3d(-2000px, 0, 0)

  100%
    opacity: 1
    -webkit-transform: none
    transform: none


@keyframes fadeInLeftBig
  0%
    opacity: 0
    -webkit-transform: translate3d(-2000px, 0, 0)
    -ms-transform: translate3d(-2000px, 0, 0)
    transform: translate3d(-2000px, 0, 0)

  100%
    opacity: 1
    -webkit-transform: none
    -ms-transform: none
    transform: none


.fadeInLeftBig
  -webkit-animation-name: fadeInLeftBig
  animation-name: fadeInLeftBig

@-webkit-keyframes fadeInRight
  0%
    opacity: 0
    -webkit-transform: translate3d(100%, 0, 0)
    transform: translate3d(100%, 0, 0)

  100%
    opacity: 1
    -webkit-transform: none
    transform: none


@keyframes fadeInRight
  0%
    opacity: 0
    -webkit-transform: translate3d(100%, 0, 0)
    -ms-transform: translate3d(100%, 0, 0)
    transform: translate3d(100%, 0, 0)

  100%
    opacity: 1
    -webkit-transform: none
    -ms-transform: none
    transform: none


.fadeInRight
  -webkit-animation-name: fadeInRight
  animation-name: fadeInRight

@-webkit-keyframes fadeInRightBig
  0%
    opacity: 0
    -webkit-transform: translate3d(2000px, 0, 0)
    transform: translate3d(2000px, 0, 0)

  100%
    opacity: 1
    -webkit-transform: none
    transform: none


@keyframes fadeInRightBig
  0%
    opacity: 0
    -webkit-transform: translate3d(2000px, 0, 0)
    -ms-transform: translate3d(2000px, 0, 0)
    transform: translate3d(2000px, 0, 0)

  100%
    opacity: 1
    -webkit-transform: none
    -ms-transform: none
    transform: none


.fadeInRightBig
  -webkit-animation-name: fadeInRightBig
  animation-name: fadeInRightBig

@-webkit-keyframes fadeInUp
  0%
    opacity: 0
    -webkit-transform: translate3d(0, 100%, 0)
    transform: translate3d(0, 100%, 0)

  100%
    opacity: 1
    -webkit-transform: none
    transform: none


@keyframes fadeInUp
  0%
    opacity: 0
    -webkit-transform: translate3d(0, 100%, 0)
    -ms-transform: translate3d(0, 100%, 0)
    transform: translate3d(0, 100%, 0)

  100%
    opacity: 1
    -webkit-transform: none
    -ms-transform: none
    transform: none


.fadeInUp
  -webkit-animation-name: fadeInUp
  animation-name: fadeInUp

@-webkit-keyframes fadeInUpBig
  0%
    opacity: 0
    -webkit-transform: translate3d(0, 2000px, 0)
    transform: translate3d(0, 2000px, 0)

  100%
    opacity: 1
    -webkit-transform: none
    transform: none


@keyframes fadeInUpBig
  0%
    opacity: 0
    -webkit-transform: translate3d(0, 2000px, 0)
    -ms-transform: translate3d(0, 2000px, 0)
    transform: translate3d(0, 2000px, 0)

  100%
    opacity: 1
    -webkit-transform: none
    -ms-transform: none
    transform: none


.fadeInUpBig
  -webkit-animation-name: fadeInUpBig
  animation-name: fadeInUpBig

@-webkit-keyframes fadeOut
  0%
    opacity: 1

  100%
    opacity: 0


@keyframes fadeOut
  0%
    opacity: 1

  100%
    opacity: 0


.fadeOut
  -webkit-animation-name: fadeOut
  animation-name: fadeOut

@-webkit-keyframes fadeOutDown
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(0, 100%, 0)
    transform: translate3d(0, 100%, 0)


@keyframes fadeOutDown
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(0, 100%, 0)
    -ms-transform: translate3d(0, 100%, 0)
    transform: translate3d(0, 100%, 0)


.fadeOutDown
  -webkit-animation-name: fadeOutDown
  animation-name: fadeOutDown

@-webkit-keyframes fadeOutDownBig
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(0, 2000px, 0)
    transform: translate3d(0, 2000px, 0)


@keyframes fadeOutDownBig
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(0, 2000px, 0)
    -ms-transform: translate3d(0, 2000px, 0)
    transform: translate3d(0, 2000px, 0)


.fadeOutDownBig
  -webkit-animation-name: fadeOutDownBig
  animation-name: fadeOutDownBig

@-webkit-keyframes fadeOutLeft
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(-100%, 0, 0)
    transform: translate3d(-100%, 0, 0)


@keyframes fadeOutLeft
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(-100%, 0, 0)
    -ms-transform: translate3d(-100%, 0, 0)
    transform: translate3d(-100%, 0, 0)


.fadeOutLeft
  -webkit-animation-name: fadeOutLeft
  animation-name: fadeOutLeft

@-webkit-keyframes fadeOutLeftBig
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(-2000px, 0, 0)
    transform: translate3d(-2000px, 0, 0)


@keyframes fadeOutLeftBig
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(-2000px, 0, 0)
    -ms-transform: translate3d(-2000px, 0, 0)
    transform: translate3d(-2000px, 0, 0)


.fadeOutLeftBig
  -webkit-animation-name: fadeOutLeftBig
  animation-name: fadeOutLeftBig

@-webkit-keyframes fadeOutRight
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(100%, 0, 0)
    transform: translate3d(100%, 0, 0)


@keyframes fadeOutRight
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(100%, 0, 0)
    -ms-transform: translate3d(100%, 0, 0)
    transform: translate3d(100%, 0, 0)


.fadeOutRight
  -webkit-animation-name: fadeOutRight
  animation-name: fadeOutRight

@-webkit-keyframes fadeOutRightBig
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(2000px, 0, 0)
    transform: translate3d(2000px, 0, 0)


@keyframes fadeOutRightBig
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(2000px, 0, 0)
    -ms-transform: translate3d(2000px, 0, 0)
    transform: translate3d(2000px, 0, 0)


.fadeOutRightBig
  -webkit-animation-name: fadeOutRightBig
  animation-name: fadeOutRightBig

@-webkit-keyframes fadeOutUp
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(0, -100%, 0)
    transform: translate3d(0, -100%, 0)


@keyframes fadeOutUp
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(0, -100%, 0)
    -ms-transform: translate3d(0, -100%, 0)
    transform: translate3d(0, -100%, 0)


.fadeOutUp
  -webkit-animation-name: fadeOutUp
  animation-name: fadeOutUp

@-webkit-keyframes fadeOutUpBig
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(0, -2000px, 0)
    transform: translate3d(0, -2000px, 0)


@keyframes fadeOutUpBig
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(0, -2000px, 0)
    -ms-transform: translate3d(0, -2000px, 0)
    transform: translate3d(0, -2000px, 0)


.fadeOutUpBig
  -webkit-animation-name: fadeOutUpBig
  animation-name: fadeOutUpBig

@-webkit-keyframes flip
  0%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg)
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg)
    -webkit-animation-timing-function: ease-out
    animation-timing-function: ease-out

  40%
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)
    -webkit-animation-timing-function: ease-out
    animation-timing-function: ease-out

  50%
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)
    -webkit-animation-timing-function: ease-in
    animation-timing-function: ease-in

  80%
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
    -webkit-animation-timing-function: ease-in
    animation-timing-function: ease-in

  100%
    -webkit-transform: perspective(400px)
    transform: perspective(400px)
    -webkit-animation-timing-function: ease-in
    animation-timing-function: ease-in


@keyframes flip
  0%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg)
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg)
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg)
    -webkit-animation-timing-function: ease-out
    animation-timing-function: ease-out

  40%
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)
    -webkit-animation-timing-function: ease-out
    animation-timing-function: ease-out

  50%
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)
    -webkit-animation-timing-function: ease-in
    animation-timing-function: ease-in

  80%
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
    -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
    -webkit-animation-timing-function: ease-in
    animation-timing-function: ease-in

  100%
    -webkit-transform: perspective(400px)
    -ms-transform: perspective(400px)
    transform: perspective(400px)
    -webkit-animation-timing-function: ease-in
    animation-timing-function: ease-in


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

@-webkit-keyframes flipInX
  0%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    -webkit-transition-timing-function: ease-in
    transition-timing-function: ease-in
    opacity: 0

  40%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    -webkit-transition-timing-function: ease-in
    transition-timing-function: ease-in

  60%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    opacity: 1

  80%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

  100%
    -webkit-transform: perspective(400px)
    transform: perspective(400px)


@keyframes flipInX
  0%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    -webkit-transition-timing-function: ease-in
    transition-timing-function: ease-in
    opacity: 0

  40%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    -webkit-transition-timing-function: ease-in
    transition-timing-function: ease-in

  60%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
    opacity: 1

  80%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

  100%
    -webkit-transform: perspective(400px)
    -ms-transform: perspective(400px)
    transform: perspective(400px)


.flipInX
  -webkit-backface-visibility: visible !important
  -ms-backface-visibility: visible !important
  backface-visibility: visible !important
  -webkit-animation-name: flipInX
  animation-name: flipInX

@-webkit-keyframes flipInY
  0%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    -webkit-transition-timing-function: ease-in
    transition-timing-function: ease-in
    opacity: 0

  40%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
    -webkit-transition-timing-function: ease-in
    transition-timing-function: ease-in

  60%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg)
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg)
    opacity: 1

  80%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

  100%
    -webkit-transform: perspective(400px)
    transform: perspective(400px)


@keyframes flipInY
  0%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    -webkit-transition-timing-function: ease-in
    transition-timing-function: ease-in
    opacity: 0

  40%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
    -webkit-transition-timing-function: ease-in
    transition-timing-function: ease-in

  60%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg)
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg)
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg)
    opacity: 1

  80%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

  100%
    -webkit-transform: perspective(400px)
    -ms-transform: perspective(400px)
    transform: perspective(400px)


.flipInY
  -webkit-backface-visibility: visible !important
  -ms-backface-visibility: visible !important
  backface-visibility: visible !important
  -webkit-animation-name: flipInY
  animation-name: flipInY

@-webkit-keyframes flipOutX
  0%
    -webkit-transform: perspective(400px)
    transform: perspective(400px)

  30%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    opacity: 1

  100%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    opacity: 0


@keyframes flipOutX
  0%
    -webkit-transform: perspective(400px)
    -ms-transform: perspective(400px)
    transform: perspective(400px)

  30%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
    opacity: 1

  100%
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
    opacity: 0


.flipOutX
  -webkit-animation-name: flipOutX
  animation-name: flipOutX
  -webkit-animation-duration: .75s
  animation-duration: .75s
  -webkit-backface-visibility: visible !important
  -ms-backface-visibility: visible !important
  backface-visibility: visible !important

@-webkit-keyframes flipOutY
  0%
    -webkit-transform: perspective(400px)
    transform: perspective(400px)

  30%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg)
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg)
    opacity: 1

  100%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    opacity: 0


@keyframes flipOutY
  0%
    -webkit-transform: perspective(400px)
    -ms-transform: perspective(400px)
    transform: perspective(400px)

  30%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg)
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg)
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg)
    opacity: 1

  100%
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
    opacity: 0


.flipOutY
  -webkit-backface-visibility: visible !important
  -ms-backface-visibility: visible !important
  backface-visibility: visible !important
  -webkit-animation-name: flipOutY
  animation-name: flipOutY
  -webkit-animation-duration: .75s
  animation-duration: .75s

@-webkit-keyframes lightSpeedIn
  0%
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg)
    transform: translate3d(100%, 0, 0) skewX(-30deg)
    opacity: 0

  60%
    -webkit-transform: skewX(20deg)
    transform: skewX(20deg)
    opacity: 1

  80%
    -webkit-transform: skewX(-5deg)
    transform: skewX(-5deg)
    opacity: 1

  100%
    -webkit-transform: none
    transform: none
    opacity: 1


@keyframes lightSpeedIn
  0%
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg)
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg)
    transform: translate3d(100%, 0, 0) skewX(-30deg)
    opacity: 0

  60%
    -webkit-transform: skewX(20deg)
    -ms-transform: skewX(20deg)
    transform: skewX(20deg)
    opacity: 1

  80%
    -webkit-transform: skewX(-5deg)
    -ms-transform: skewX(-5deg)
    transform: skewX(-5deg)
    opacity: 1

  100%
    -webkit-transform: none
    -ms-transform: none
    transform: none
    opacity: 1


.lightSpeedIn
  -webkit-animation-name: lightSpeedIn
  animation-name: lightSpeedIn
  -webkit-animation-timing-function: ease-out
  animation-timing-function: ease-out

@-webkit-keyframes lightSpeedOut
  0%
    opacity: 1

  100%
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg)
    transform: translate3d(100%, 0, 0) skewX(30deg)
    opacity: 0


@keyframes lightSpeedOut
  0%
    opacity: 1

  100%
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg)
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg)
    transform: translate3d(100%, 0, 0) skewX(30deg)
    opacity: 0


.lightSpeedOut
  -webkit-animation-name: lightSpeedOut
  animation-name: lightSpeedOut
  -webkit-animation-timing-function: ease-in
  animation-timing-function: ease-in

@-webkit-keyframes rotateIn
  0%
    -webkit-transform-origin: center
    transform-origin: center
    -webkit-transform: rotate3d(0, 0, 1, -200deg)
    transform: rotate3d(0, 0, 1, -200deg)
    opacity: 0

  100%
    -webkit-transform-origin: center
    transform-origin: center
    -webkit-transform: none
    transform: none
    opacity: 1


@keyframes rotateIn
  0%
    -webkit-transform-origin: center
    -ms-transform-origin: center
    transform-origin: center
    -webkit-transform: rotate3d(0, 0, 1, -200deg)
    -ms-transform: rotate3d(0, 0, 1, -200deg)
    transform: rotate3d(0, 0, 1, -200deg)
    opacity: 0

  100%
    -webkit-transform-origin: center
    -ms-transform-origin: center
    transform-origin: center
    -webkit-transform: none
    -ms-transform: none
    transform: none
    opacity: 1


.rotateIn
  -webkit-animation-name: rotateIn
  animation-name: rotateIn

@-webkit-keyframes rotateInDownLeft
  0%
    -webkit-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: rotate3d(0, 0, 1, -45deg)
    transform: rotate3d(0, 0, 1, -45deg)
    opacity: 0

  100%
    -webkit-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: none
    transform: none
    opacity: 1


@keyframes rotateInDownLeft
  0%
    -webkit-transform-origin: left bottom
    -ms-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: rotate3d(0, 0, 1, -45deg)
    -ms-transform: rotate3d(0, 0, 1, -45deg)
    transform: rotate3d(0, 0, 1, -45deg)
    opacity: 0

  100%
    -webkit-transform-origin: left bottom
    -ms-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: none
    -ms-transform: none
    transform: none
    opacity: 1


.rotateInDownLeft
  -webkit-animation-name: rotateInDownLeft
  animation-name: rotateInDownLeft

@-webkit-keyframes rotateInDownRight
  0%
    -webkit-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: rotate3d(0, 0, 1, 45deg)
    transform: rotate3d(0, 0, 1, 45deg)
    opacity: 0

  100%
    -webkit-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: none
    transform: none
    opacity: 1


@keyframes rotateInDownRight
  0%
    -webkit-transform-origin: right bottom
    -ms-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: rotate3d(0, 0, 1, 45deg)
    -ms-transform: rotate3d(0, 0, 1, 45deg)
    transform: rotate3d(0, 0, 1, 45deg)
    opacity: 0

  100%
    -webkit-transform-origin: right bottom
    -ms-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: none
    -ms-transform: none
    transform: none
    opacity: 1


.rotateInDownRight
  -webkit-animation-name: rotateInDownRight
  animation-name: rotateInDownRight

@-webkit-keyframes rotateInUpLeft
  0%
    -webkit-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: rotate3d(0, 0, 1, 45deg)
    transform: rotate3d(0, 0, 1, 45deg)
    opacity: 0

  100%
    -webkit-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: none
    transform: none
    opacity: 1


@keyframes rotateInUpLeft
  0%
    -webkit-transform-origin: left bottom
    -ms-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: rotate3d(0, 0, 1, 45deg)
    -ms-transform: rotate3d(0, 0, 1, 45deg)
    transform: rotate3d(0, 0, 1, 45deg)
    opacity: 0

  100%
    -webkit-transform-origin: left bottom
    -ms-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: none
    -ms-transform: none
    transform: none
    opacity: 1


.rotateInUpLeft
  -webkit-animation-name: rotateInUpLeft
  animation-name: rotateInUpLeft

@-webkit-keyframes rotateInUpRight
  0%
    -webkit-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: rotate3d(0, 0, 1, -90deg)
    transform: rotate3d(0, 0, 1, -90deg)
    opacity: 0

  100%
    -webkit-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: none
    transform: none
    opacity: 1


@keyframes rotateInUpRight
  0%
    -webkit-transform-origin: right bottom
    -ms-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: rotate3d(0, 0, 1, -90deg)
    -ms-transform: rotate3d(0, 0, 1, -90deg)
    transform: rotate3d(0, 0, 1, -90deg)
    opacity: 0

  100%
    -webkit-transform-origin: right bottom
    -ms-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: none
    -ms-transform: none
    transform: none
    opacity: 1


.rotateInUpRight
  -webkit-animation-name: rotateInUpRight
  animation-name: rotateInUpRight

@-webkit-keyframes rotateOut
  0%
    -webkit-transform-origin: center
    transform-origin: center
    opacity: 1

  100%
    -webkit-transform-origin: center
    transform-origin: center
    -webkit-transform: rotate3d(0, 0, 1, 200deg)
    transform: rotate3d(0, 0, 1, 200deg)
    opacity: 0


@keyframes rotateOut
  0%
    -webkit-transform-origin: center
    -ms-transform-origin: center
    transform-origin: center
    opacity: 1

  100%
    -webkit-transform-origin: center
    -ms-transform-origin: center
    transform-origin: center
    -webkit-transform: rotate3d(0, 0, 1, 200deg)
    -ms-transform: rotate3d(0, 0, 1, 200deg)
    transform: rotate3d(0, 0, 1, 200deg)
    opacity: 0


.rotateOut
  -webkit-animation-name: rotateOut
  animation-name: rotateOut

@-webkit-keyframes rotateOutDownLeft
  0%
    -webkit-transform-origin: left bottom
    transform-origin: left bottom
    opacity: 1

  100%
    -webkit-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: rotate3d(0, 0, 1, 45deg)
    transform: rotate3d(0, 0, 1, 45deg)
    opacity: 0


@keyframes rotateOutDownLeft
  0%
    -webkit-transform-origin: left bottom
    -ms-transform-origin: left bottom
    transform-origin: left bottom
    opacity: 1

  100%
    -webkit-transform-origin: left bottom
    -ms-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: rotate3d(0, 0, 1, 45deg)
    -ms-transform: rotate3d(0, 0, 1, 45deg)
    transform: rotate3d(0, 0, 1, 45deg)
    opacity: 0


.rotateOutDownLeft
  -webkit-animation-name: rotateOutDownLeft
  animation-name: rotateOutDownLeft

@-webkit-keyframes rotateOutDownRight
  0%
    -webkit-transform-origin: right bottom
    transform-origin: right bottom
    opacity: 1

  100%
    -webkit-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: rotate3d(0, 0, 1, -45deg)
    transform: rotate3d(0, 0, 1, -45deg)
    opacity: 0


@keyframes rotateOutDownRight
  0%
    -webkit-transform-origin: right bottom
    -ms-transform-origin: right bottom
    transform-origin: right bottom
    opacity: 1

  100%
    -webkit-transform-origin: right bottom
    -ms-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: rotate3d(0, 0, 1, -45deg)
    -ms-transform: rotate3d(0, 0, 1, -45deg)
    transform: rotate3d(0, 0, 1, -45deg)
    opacity: 0


.rotateOutDownRight
  -webkit-animation-name: rotateOutDownRight
  animation-name: rotateOutDownRight

@-webkit-keyframes rotateOutUpLeft
  0%
    -webkit-transform-origin: left bottom
    transform-origin: left bottom
    opacity: 1

  100%
    -webkit-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: rotate3d(0, 0, 1, -45deg)
    transform: rotate3d(0, 0, 1, -45deg)
    opacity: 0


@keyframes rotateOutUpLeft
  0%
    -webkit-transform-origin: left bottom
    -ms-transform-origin: left bottom
    transform-origin: left bottom
    opacity: 1

  100%
    -webkit-transform-origin: left bottom
    -ms-transform-origin: left bottom
    transform-origin: left bottom
    -webkit-transform: rotate3d(0, 0, 1, -45deg)
    -ms-transform: rotate3d(0, 0, 1, -45deg)
    transform: rotate3d(0, 0, 1, -45deg)
    opacity: 0


.rotateOutUpLeft
  -webkit-animation-name: rotateOutUpLeft
  animation-name: rotateOutUpLeft

@-webkit-keyframes rotateOutUpRight
  0%
    -webkit-transform-origin: right bottom
    transform-origin: right bottom
    opacity: 1

  100%
    -webkit-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: rotate3d(0, 0, 1, 90deg)
    transform: rotate3d(0, 0, 1, 90deg)
    opacity: 0


@keyframes rotateOutUpRight
  0%
    -webkit-transform-origin: right bottom
    -ms-transform-origin: right bottom
    transform-origin: right bottom
    opacity: 1

  100%
    -webkit-transform-origin: right bottom
    -ms-transform-origin: right bottom
    transform-origin: right bottom
    -webkit-transform: rotate3d(0, 0, 1, 90deg)
    -ms-transform: rotate3d(0, 0, 1, 90deg)
    transform: rotate3d(0, 0, 1, 90deg)
    opacity: 0


.rotateOutUpRight
  -webkit-animation-name: rotateOutUpRight
  animation-name: rotateOutUpRight

@-webkit-keyframes hinge
  0%
    -webkit-transform-origin: top left
    transform-origin: top left
    -webkit-animation-timing-function: ease-in-out
    animation-timing-function: ease-in-out

  20%, 60%
    -webkit-transform: rotate3d(0, 0, 1, 80deg)
    transform: rotate3d(0, 0, 1, 80deg)
    -webkit-transform-origin: top left
    transform-origin: top left
    -webkit-animation-timing-function: ease-in-out
    animation-timing-function: ease-in-out

  40%, 80%
    -webkit-transform: rotate3d(0, 0, 1, 60deg)
    transform: rotate3d(0, 0, 1, 60deg)
    -webkit-transform-origin: top left
    transform-origin: top left
    -webkit-animation-timing-function: ease-in-out
    animation-timing-function: ease-in-out
    opacity: 1

  100%
    -webkit-transform: translate3d(0, 700px, 0)
    transform: translate3d(0, 700px, 0)
    opacity: 0


@keyframes hinge
  0%
    -webkit-transform-origin: top left
    -ms-transform-origin: top left
    transform-origin: top left
    -webkit-animation-timing-function: ease-in-out
    animation-timing-function: ease-in-out

  20%, 60%
    -webkit-transform: rotate3d(0, 0, 1, 80deg)
    -ms-transform: rotate3d(0, 0, 1, 80deg)
    transform: rotate3d(0, 0, 1, 80deg)
    -webkit-transform-origin: top left
    -ms-transform-origin: top left
    transform-origin: top left
    -webkit-animation-timing-function: ease-in-out
    animation-timing-function: ease-in-out

  40%, 80%
    -webkit-transform: rotate3d(0, 0, 1, 60deg)
    -ms-transform: rotate3d(0, 0, 1, 60deg)
    transform: rotate3d(0, 0, 1, 60deg)
    -webkit-transform-origin: top left
    -ms-transform-origin: top left
    transform-origin: top left
    -webkit-animation-timing-function: ease-in-out
    animation-timing-function: ease-in-out
    opacity: 1

  100%
    -webkit-transform: translate3d(0, 700px, 0)
    -ms-transform: translate3d(0, 700px, 0)
    transform: translate3d(0, 700px, 0)
    opacity: 0


.hinge
  -webkit-animation-name: hinge
  animation-name: hinge


@-webkit-keyframes rollIn
  0%
    opacity: 0
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

  100%
    opacity: 1
    -webkit-transform: none
    transform: none


@keyframes rollIn
  0%
    opacity: 0
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

  100%
    opacity: 1
    -webkit-transform: none
    -ms-transform: none
    transform: none


.rollIn
  -webkit-animation-name: rollIn
  animation-name: rollIn


@-webkit-keyframes rollOut
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)


@keyframes rollOut
  0%
    opacity: 1

  100%
    opacity: 0
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)


.rollOut
  -webkit-animation-name: rollOut
  animation-name: rollOut

@-webkit-keyframes zoomIn
  0%
    opacity: 0
    -webkit-transform: scale3d(0.3, 0.3, 0.3)
    transform: scale3d(0.3, 0.3, 0.3)

  50%
    opacity: 1


@keyframes zoomIn
  0%
    opacity: 0
    -webkit-transform: scale3d(0.3, 0.3, 0.3)
    -ms-transform: scale3d(0.3, 0.3, 0.3)
    transform: scale3d(0.3, 0.3, 0.3)

  50%
    opacity: 1


.zoomIn
  -webkit-animation-name: zoomIn
  animation-name: zoomIn

@-webkit-keyframes zoomInDown
  0%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)
    -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)

  60%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


@keyframes zoomInDown
  0%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)
    -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)

  60%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


.zoomInDown
  -webkit-animation-name: zoomInDown
  animation-name: zoomInDown

@-webkit-keyframes zoomInLeft
  0%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)
    -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)

  60%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


@keyframes zoomInLeft
  0%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)
    -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)

  60%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


.zoomInLeft
  -webkit-animation-name: zoomInLeft
  animation-name: zoomInLeft

@-webkit-keyframes zoomInRight
  0%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)
    -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)

  60%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


@keyframes zoomInRight
  0%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)
    -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)

  60%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


.zoomInRight
  -webkit-animation-name: zoomInRight
  animation-name: zoomInRight

@-webkit-keyframes zoomInUp
  0%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)
    -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)

  60%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


@keyframes zoomInUp
  0%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)
    -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)

  60%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


.zoomInUp
  -webkit-animation-name: zoomInUp
  animation-name: zoomInUp

@-webkit-keyframes zoomOut
  0%
    opacity: 1

  50%
    opacity: 0
    -webkit-transform: scale3d(0.3, 0.3, 0.3)
    transform: scale3d(0.3, 0.3, 0.3)

  100%
    opacity: 0


@keyframes zoomOut
  0%
    opacity: 1

  50%
    opacity: 0
    -webkit-transform: scale3d(0.3, 0.3, 0.3)
    -ms-transform: scale3d(0.3, 0.3, 0.3)
    transform: scale3d(0.3, 0.3, 0.3)

  100%
    opacity: 0


.zoomOut
  -webkit-animation-name: zoomOut
  animation-name: zoomOut

@-webkit-keyframes zoomOutDown
  40%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    -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)

  100%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)
    -webkit-transform-origin: center bottom
    transform-origin: center bottom
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


@keyframes zoomOutDown
  40%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)
    -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)

  100%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)
    -webkit-transform-origin: center bottom
    -ms-transform-origin: center bottom
    transform-origin: center bottom
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


.zoomOutDown
  -webkit-animation-name: zoomOutDown
  animation-name: zoomOutDown

@-webkit-keyframes zoomOutLeft
  40%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)

  100%
    opacity: 0
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0)
    transform: scale(0.1) translate3d(-2000px, 0, 0)
    -webkit-transform-origin: left center
    transform-origin: left center


@keyframes zoomOutLeft
  40%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)

  100%
    opacity: 0
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0)
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0)
    transform: scale(0.1) translate3d(-2000px, 0, 0)
    -webkit-transform-origin: left center
    -ms-transform-origin: left center
    transform-origin: left center


.zoomOutLeft
  -webkit-animation-name: zoomOutLeft
  animation-name: zoomOutLeft

@-webkit-keyframes zoomOutRight
  40%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)

  100%
    opacity: 0
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0)
    transform: scale(0.1) translate3d(2000px, 0, 0)
    -webkit-transform-origin: right center
    transform-origin: right center


@keyframes zoomOutRight
  40%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)

  100%
    opacity: 0
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0)
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0)
    transform: scale(0.1) translate3d(2000px, 0, 0)
    -webkit-transform-origin: right center
    -ms-transform-origin: right center
    transform-origin: right center


.zoomOutRight
  -webkit-animation-name: zoomOutRight
  animation-name: zoomOutRight

@-webkit-keyframes zoomOutUp
  40%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    -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)

  100%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)
    -webkit-transform-origin: center bottom
    transform-origin: center bottom
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


@keyframes zoomOutUp
  40%
    opacity: 1
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)
    -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)

  100%
    opacity: 0
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)
    -webkit-transform-origin: center bottom
    -ms-transform-origin: center bottom
    transform-origin: center bottom
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)


.zoomOutUp
  -webkit-animation-name: zoomOutUp
  animation-name: zoomOutUp

@-webkit-keyframes slideInDown
  0%
    -webkit-transform: translateY(-100%)
    transform: translateY(-100%)
    visibility: visible

  100%
    -webkit-transform: translateY(0)
    transform: translateY(0)


@keyframes slideInDown
  0%
    -webkit-transform: translateY(-100%)
    -ms-transform: translateY(-100%)
    transform: translateY(-100%)
    visibility: visible

  100%
    -webkit-transform: translateY(0)
    -ms-transform: translateY(0)
    transform: translateY(0)


.slideInDown
  -webkit-animation-name: slideInDown
  animation-name: slideInDown

@-webkit-keyframes slideInLeft
  0%
    -webkit-transform: translateX(-100%)
    transform: translateX(-100%)
    visibility: visible

  100%
    -webkit-transform: translateX(0)
    transform: translateX(0)


@keyframes slideInLeft
  0%
    -webkit-transform: translateX(-100%)
    -ms-transform: translateX(-100%)
    transform: translateX(-100%)
    visibility: visible

  100%
    -webkit-transform: translateX(0)
    -ms-transform: translateX(0)
    transform: translateX(0)


.slideInLeft
  -webkit-animation-name: slideInLeft
  animation-name: slideInLeft

@-webkit-keyframes slideInRight
  0%
    -webkit-transform: translateX(100%)
    transform: translateX(100%)
    visibility: visible

  100%
    -webkit-transform: translateX(0)
    transform: translateX(0)


@keyframes slideInRight
  0%
    -webkit-transform: translateX(100%)
    -ms-transform: translateX(100%)
    transform: translateX(100%)
    visibility: visible

  100%
    -webkit-transform: translateX(0)
    -ms-transform: translateX(0)
    transform: translateX(0)


.slideInRight
  -webkit-animation-name: slideInRight
  animation-name: slideInRight

@-webkit-keyframes slideInUp
  0%
    -webkit-transform: translateY(100%)
    transform: translateY(100%)
    visibility: visible

  100%
    -webkit-transform: translateY(0)
    transform: translateY(0)


@keyframes slideInUp
  0%
    -webkit-transform: translateY(100%)
    -ms-transform: translateY(100%)
    transform: translateY(100%)
    visibility: visible

  100%
    -webkit-transform: translateY(0)
    -ms-transform: translateY(0)
    transform: translateY(0)


.slideInUp
  -webkit-animation-name: slideInUp
  animation-name: slideInUp

@-webkit-keyframes slideOutDown
  0%
    -webkit-transform: translateY(0)
    transform: translateY(0)

  100%
    visibility: hidden
    -webkit-transform: translateY(100%)
    transform: translateY(100%)


@keyframes slideOutDown
  0%
    -webkit-transform: translateY(0)
    -ms-transform: translateY(0)
    transform: translateY(0)

  100%
    visibility: hidden
    -webkit-transform: translateY(100%)
    -ms-transform: translateY(100%)
    transform: translateY(100%)


.slideOutDown
  -webkit-animation-name: slideOutDown
  animation-name: slideOutDown

@-webkit-keyframes slideOutLeft
  0%
    -webkit-transform: translateX(0)
    transform: translateX(0)

  100%
    visibility: hidden
    -webkit-transform: translateX(-100%)
    transform: translateX(-100%)


@keyframes slideOutLeft
  0%
    -webkit-transform: translateX(0)
    -ms-transform: translateX(0)
    transform: translateX(0)

  100%
    visibility: hidden
    -webkit-transform: translateX(-100%)
    -ms-transform: translateX(-100%)
    transform: translateX(-100%)


.slideOutLeft
  -webkit-animation-name: slideOutLeft
  animation-name: slideOutLeft

@-webkit-keyframes slideOutRight
  0%
    -webkit-transform: translateX(0)
    transform: translateX(0)

  100%
    visibility: hidden
    -webkit-transform: translateX(100%)
    transform: translateX(100%)


@keyframes slideOutRight
  0%
    -webkit-transform: translateX(0)
    -ms-transform: translateX(0)
    transform: translateX(0)

  100%
    visibility: hidden
    -webkit-transform: translateX(100%)
    -ms-transform: translateX(100%)
    transform: translateX(100%)


.slideOutRight
  -webkit-animation-name: slideOutRight
  animation-name: slideOutRight

@-webkit-keyframes slideOutUp
  0%
    -webkit-transform: translateY(0)
    transform: translateY(0)

  100%
    visibility: hidden
    -webkit-transform: translateY(-100%)
    transform: translateY(-100%)


@keyframes slideOutUp
  0%
    -webkit-transform: translateY(0)
    -ms-transform: translateY(0)
    transform: translateY(0)

  100%
    visibility: hidden
    -webkit-transform: translateY(-100%)
    -ms-transform: translateY(-100%)
    transform: translateY(-100%)


.slideOutUp
  -webkit-animation-name: slideOutUp
  animation-name: slideOutUp
  