@-webkit-keyframes empty {
  0% {
    opacity: 1
  }
}

@-moz-keyframes empty {
  0% {
    opacity: 1
  }
}

@keyframes empty {
  0% {
    opacity: 1
  }
}

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

  100% {
    opacity: 1
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px)
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%)
  }

  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%)
  }
}

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px)
  }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%)
  }

  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%)
  }
}

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px)
  }

  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%)
  }

  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%)
  }
}

@-webkit-keyframes backSlideIn {

  0%,
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%)
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px)
  }

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

@-moz-keyframes backSlideIn {

  0%,
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%)
  }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px)
  }

  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0)
  }
}

@keyframes backSlideIn {

  0%,
  25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%)
  }

  75% {
    opacity: .5;
    transform: translateZ(-500px)
  }

  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0)
  }
}

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(.8)
  }
}

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(.8)
  }
}

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(.8)
  }
}

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

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%)
  }
}

@keyframes goDown {
  from {
    transform: translateY(-100%)
  }
}

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5)
  }
}

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5)
  }
}

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5)
  }
}

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5)
  }
}

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5)
  }
}

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5)
  }
}