/* Fade In Left */

.is-in-view .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

.is-out-of-view .fadeInLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }



/* Fade In Right */

.is-in-view .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

.is-out-of-view .fadeInRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }



/* Fade In Up */

.is-in-view .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }



/* Fade In Down */

.is-in-view .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }



/* Bounce In Left */

.is-in-view .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

.is-out-of-view .bounceInLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }



/* Bounce In Right */

.is-in-view .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

.is-out-of-view .bounceInRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }


/* Bounce In Up */

.is-in-view .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }





/* Bounce In Down */

.is-in-view .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

.is-out-of-view .bounceInDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }



/* Flip In X */

.is-in-view .flipInX { -webkit-animation-name: flipInX; animation-name: flipInX; }

.is-out-of-view .flipInX { -webkit-animation-name: flipOutX; animation-name: flipOutX; }



/* Flip In Y */

.is-in-view .flipInY { -webkit-animation-name: flipInY; animation-name: flipInY; }

.is-out-of-view .flipInY { -webkit-animation-name: flipOutY; animation-name: flipOutY; }



/* Rotate In */

.is-in-view .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

.is-out-of-view .rotateIn { -webkit-animation-name: rotateOut; animation-name: rotateOut; }



/* Rotate In Up Left */

.is-in-view .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

.is-out-of-view .rotateInUpLeft { -webkit-animation-name: rotateInOutLeft; animation-name: rotateInOutLeft; }



/* Roll In */

.is-in-view .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

.is-out-of-view .rollIn { -webkit-animation-name: rollOut; animation-name: rollOut; }



/* Light Speed In Left */

.is-in-view .lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; }

.is-out-of-view .lightSpeedInLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; }



/* Light Speed In Right */

.is-in-view .lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; }

.is-out-of-view .lightSpeedInRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; }