/*! SHORT ANIMATIONS NOT INCLUDED IN ANIMATE.CSS */

/*********************
* fadeInUpShort
*********************/

@-webkit-keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInUpShort {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUpShort {
  animation-name: fadeInUpShort
}

/*********************
* fadeOutUpShort correct
*********************/

@-webkit-keyframes fadeOutUpShort {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}

@keyframes fadeOutUpShort {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.fadeOutUpShort {
  animation-name: fadeOutUpShort
}

/*********************
* fadeInDownShort
*********************/

@-webkit-keyframes fadeInDownShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInDownShort {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDownShort {
  animation-name: fadeInDownShort
}

/*********************
* fadeOutDownShort
*********************/

@-webkit-keyframes fadeOutDownShort {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}

@keyframes fadeOutDownShort {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  to {
    opacity: 0;
    transform: translateY(20px);
  }
}

.fadeOutDownShort {
  animation-name: fadeOutDownShort
}

/*********************
* fadeInRightShort
*********************/

@-webkit-keyframes fadeInRightShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInRightShort {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInRightShort {
  animation-name: fadeInRightShort
}

/*********************
* fadeOutRightShort
*********************/

@-webkit-keyframes fadeOutRightShort {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}

@keyframes fadeOutRightShort {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  to {
    opacity: 0;
    transform: translateX(20px);
  }
}

.fadeOutRightShort {
  animation-name: fadeOutRightShort
}

/*********************
* fadeInLeftShort
*********************/

@-webkit-keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeftShort {
  animation-name: fadeInLeftShort
}

/*********************
* fadeOutLeftShort
*********************/

@-webkit-keyframes fadeOutLeftShort {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}

@keyframes fadeOutLeftShort {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-20px);
  }
}

.fadeOutLeftShort {
  animation-name: fadeOutLeftShort
}