@keyframes slideInUp {
  0% {
    bottom: 5px;
    visibility: visible; }
  25% {
    bottom: 10px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 25px;
    visibility: visible; } }
@keyframes slideOutUp {
  0% {
    bottom: 5px; }
  25% {
    bottom: 10px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 25px;
    visibility: hidden; } }
@keyframes slideInDown {
  0% {
    bottom: 25px;
    visibility: visible; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 10px; }
  100% {
    bottom: 5;
    visibility: visible; } }
@keyframes slideOutDown {
  0% {
    bottom: 25px;
    visibility: visible; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 10px; }
  100% {
    bottom: 0px;
    visibility: hidden; } }
@-webkit-keyframes slideInUp {
  0% {
    bottom: 5px;
    visibility: visible; }
  25% {
    bottom: 10px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 25px;
    visibility: visible; } }
@-webkit-keyframes slideOutUp {
  0% {
    bottom: 5px; }
  25% {
    bottom: 10px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 25px;
    visibility: hidden; } }
@-webkit-keyframes slideInDown {
  0% {
    bottom: 25px;
    visibility: visible; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 10px; }
  100% {
    bottom: 5;
    visibility: visible; } }
@-webkit-keyframes slideOutDown {
  0% {
    bottom: 25px;
    visibility: visible; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 10px; }
  100% {
    bottom: 5px;
    visibility: hidden; } }
@-moz-keyframes slideInUp {
  0% {
    bottom: 5px;
    visibility: visible; }
  25% {
    bottom: 10px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 25px;
    visibility: visible; } }
@-moz-keyframes slideInDown {
  0% {
    bottom: 25px;
    visibility: visible; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 10px; }
  100% {
    bottom: 5;
    visibility: visible; } }
@-moz-keyframes slideOutDown {
  0% {
    bottom: 25px;
    visibility: visible; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 10px; }
  100% {
    bottom: 5px;
    visibility: hidden; } }
@-moz-keyframes slideOutUp {
  0% {
    bottom: 5px; }
  25% {
    bottom: 10px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 25px;
    visibility: hidden; } }
@-o-keyframes slideInUp {
  0% {
    bottom: 5px;
    visibility: visible; }
  25% {
    bottom: 10px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 25px;
    visibility: visible; } }
@-o-keyframes slideOutUp {
  0% {
    bottom: 5px; }
  25% {
    bottom: 10px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 20px; }
  100% {
    bottom: 25px;
    visibility: hidden; } }
@-o-keyframes slideInDown {
  0% {
    bottom: 25px;
    visibility: visible; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 10px; }
  100% {
    bottom: 5;
    visibility: visible; } }
@-o-keyframes slideOutDown {
  0% {
    bottom: 25px;
    visibility: visible; }
  25% {
    bottom: 20px; }
  50% {
    bottom: 15px; }
  75% {
    bottom: 10px; }
  100% {
    bottom: 5px;
    visibility: hidden; } }

/*# sourceMappingURL=keyframes.css.map */