/************************************/
.bounceIn, .bounceOut {
    animation-duration: .7s !important;
    -webkit-animation-duration: .7s !important;
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
.bounceOut {
     -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes bounceIn{
   0% {
       opacity: 0;
       -webkit-transform: scale(.3);
       -ms-transform: scale(.3);
       transform: scale(.3);
   }
   50% {
       opacity: 1;
       -webkit-transform: scale(1.05);
       -ms-transform: scale(1.05);
       transform: scale(1.05);
   }
   70% {
       -webkit-transform: scale(.9);
       -ms-transform: scale(.9);
       transform: scale(.9);
   }
   100% {
       opacity: 1;
       -webkit-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
   } 
}

@keyframes bounceOut{
   0% {
       -webkit-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
   }
   100% {
       opacity: 0;
       -webkit-transform: scale(.2);
       -ms-transform: scale(.2);
       transform: scale(.2);
   }
 }