@-webkit-keyframes grow {
   from {
      opacity: 1;
      transform: scale(1.0);
   }

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

@keyframes grow {
   from {
      opacity: 1;
      transform: scale(1.0);
   }

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

.grow {
   -webkit-animation-name: grow;
   animation-name: grow;
   -webkit-animation-duration: .5s !important;
   animation-duration: .5s !important;

}

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

   to {
      opacity: 1;
      transform: scale(1.0);
   }
}

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

   to {
      opacity: 1;
      transform: scale(1.0);
   }
}

.shrink {
   -webkit-animation-name: shrink;
   animation-name: shrink;
   -webkit-animation-duration: .5s !important;
   animation-duration: .5s !important;
}





@-webkit-keyframes fadeInRightShort {
   from {
      opacity: 0;
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes fadeInRightShort {
   from {
      opacity: 0;
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0);
   }

   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

.fadeInRightShort {
   -webkit-animation-name: fadeInRightShort;
   animation-name: fadeInRightShort;
}

@keyframes fadeInUpShort {
   from {
      opacity: 0;
      transform: translateY(25px);
   }

   to {
      opacity: 1;
      transform: translateY(0px);
   }
}

.fadeInUpShort {
   animation-name: fadeInUpShort;
}


@keyframes shakeShort {
   from,
   to {
      transform: translate3d(0, 0, 0);
   }

   15%,
   45%,
   75%{
      transform: translate3d(-5px, 0, 0);
   }

   30%,
   60%,
   90%{
      transform: translate3d(5px, 0, 0);
   }
}

.shakeShort {
   animation-name: shakeShort;
}