/*BounceIn*/
@-webkit-keyframes bounceIn {
    0% {opacity: 0;-webkit-transform: scale(.3);}    
    50% {opacity: 1;-webkit-transform: scale(1.1);}
    80% {opacity: 1;-webkit-transform: scale(.94);}
    100% {opacity: 1;-webkit-transform: scale(1);}
}
@-moz-keyframes bounceIn {
    0% {opacity: 0;-moz-transform: scale(.3);}    
    50% {opacity: 1;-moz-transform: scale(1.1);}
    80% {opacity: 1;-moz-transform: scale(.94);}
    100% {opacity: 1;-moz-transform: scale(1);}
}
@keyframes bounceIn {
    0% {opacity: 0;transform: scale(.3);}    
    50% {opacity: 1;transform: scale(1.1);}
    80% {opacity: 1;transform: scale(.94);}
    100% {opacity: 1;transform: scale(1);}
}
/* bounceInSoft */
@-webkit-keyframes bounceInSoft {
    0% {opacity: 0.6;-webkit-transform: scale(0.3);}    
    60% {opacity: 1.0;-webkit-transform: scale(1.05);}
    100% {opacity: 1.0;-webkit-transform: scale(1);}
}
@-moz-keyframes bounceInSoft {
    0% { opacity: 0.6;-moz-transform: scale(0.3);} 
    60% {opacity: 1.0;-moz-transform: scale(1.05);}   
    100% {opacity: 1.0;-moz-transform: scale(1);}
}
@keyframes bounceInSoft {
    0% {opacity: 0.6;transform: scale(0.3);}    
    60% {opacity: 1.0;transform: scale(1.05);}
    100% {opacity: 1.0;transform: scale(1);}
} 
/*FlipOutX*/
@-webkit-keyframes flipOutX {
    0% {-webkit-transform: perspective(400px) rotateX(0deg);opacity: 1;}    
    100% {-webkit-transform: perspective(400px) rotateX(90deg);opacity: 0;}
}
@-moz-keyframes flipOutX {
    0% {-moz-transform: perspective(400px) rotateX(0deg);opacity: 1;}
    100% {-moz-transform: perspective(400px) rotateX(90deg);opacity: 0;}
}
@keyframes flipOutX {
    0% {transform: perspective(400px) rotateX(0deg);opacity: 1;}
    100% {transform: perspective(400px) rotateX(90deg);opacity: 0;}
}
/*ZoomOut*/
@-webkit-keyframes zoomOut {
    0% {opacity: 1;-webkit-transform: scale(1);}    
    100% {opacity: 0;-webkit-transform: scale(0.2);}
}
@-moz-keyframes zoomOut {
    0% {opacity: 1;-moz-transform: scale(1);}    
    100% {opacity: 0;-moz-transform: scale(0.2);}
}
@keyframes zoomOut {
    0% {opacity: 1;transform: scale(1);}    
    100% {opacity: 0;transform: scale(0.2);}
}  
/*Spin*/
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-o-keyframes spin {
    from { -o-transform: rotate(0deg); }
    to { -o-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
/*Pulse*/
@-webkit-keyframes pulse {
    from { opacity: 0.6; -webkit-transform: scale(0.95);}
    to { opacity: 1; -webkit-transform: scale(1.05);}
}
@-moz-keyframes pulse {
    from { opacity: 0.6; -moz-transform: scale(0.95);}
    to { opacity: 1; -moz-transform: scale(1.05);}
}
@-o-keyframes pulse {
    from { opacity: 0.6; -o-transform: scale(0.95);}
    to { opacity: 1; -o-transform: scale(1.05);}
}
@keyframes pulse {
    from { opacity: 0.6; transform: scale(0.95);}
    to { opacity: 1; transform: scale(1.05);}
}