/* FADE IN
@-webkit-keyframes fadeIn { 0%{ opacity:0; } 100%{ opacity:1; } }
@keyframes fadeIn { 0%{ opacity:0; } 100%{ opacity:1; } }
@-moz-keyframes fadeIn { 0%{ opacity:0; } 100%{ opacity:1; } }
@-ms-keyframes fadeIn { 0%{ opacity:0; } 100%{ opacity:1; } }

/* FADE OUT 
@-webkit-keyframes fadeOut { 0%{ opacity:1; } 100%{ opacity:0; } }
@keyframes fadeOut { 0%{ opacity:1; } 100%{ opacity:0; } }
@-moz-keyframes fadeOut { 0%{ opacity:1; } 100%{ opacity:0; } }
@-ms-keyframes fadeOut { 0%{ opacity:1; } 100%{ opacity:0; } }

/* FLY IN */
@-webkit-keyframes flyInLeft { 0%{ -webkit-transform:translate3d(-100vw,0px,0px);opacity:1; } 100%{ -webkit-transform:translate3d(0px,0px,0px);opacity:1;}}
@keyframes flyInLeft { 0%{ transform:translate3d(-100vw,0px,0px);opacity:1; } 100%{ transform:translate3d(0px,0px,0px);opacity:1;}}
@-moz-keyframes flyInLeft { 0%{ -moz-transform:translate3d(-100vw,0px,0px);opacity:1; } 100%{ -moz-transform:translate3d(0px,0px,0px);opacity:1;}}
@-ms-keyframes flyInLeft { 0%{ -ms-transform:translate3d(5vw,0px,0px);opacity:1; } 100%{ -ms-transform:translate3d(0px,0px,0px);opacity:1;}}

@-webkit-keyframes flyInTop { 0%{ -webkit-transform:translate3d(0px,-100vh,0px);opacity:1; } 100%{ -webkit-transform:translate3d(0px,0px,0px);opacity:1;}}
@keyframes flyInTop { 0%{ transform:translate3d(0px,-100vh,0px);opacity:1; } 100%{ transform:translate3d(0px,0px,0px);opacity:1;}}
@-moz-keyframes flyInTop { 0%{ -moz-transform:translate3d(0px,-100vh,0px);opacity:1; } 100%{ -moz-transform:translate3d(0px,0px,0px);opacity:1;}}
@-ms-keyframes flyInTop { 0%{ -ms-transform:translate3d(0px,3vh,0px);opacity:1; } 100%{ -ms-transform:translate3d(0px,0px,0px);opacity:1;}}

@-webkit-keyframes flyInRight { 0%{ -webkit-transform:translate3d(100vw,0px,0px);opacity:1; } 100%{ -webkit-transform:translate3d(0px,0px,0px);opacity:1;}}
@keyframes flyInRight { 0%{ transform:translate3d(100vw,0px,0px);opacity:1; } 100%{ transform:translate3d(0px,0px,0px);opacity:1;}}
@-moz-keyframes flyInRight { 0%{ -moz-transform:translate3d(100vw,0px,0px);opacity:1; } 100%{ -moz-transform:translate3d(0px,0px,0px);opacity:1;}}
@-ms-keyframes flyInRight { 0%{ -ms-transform:translate3d(-5vw,0px,0px);opacity:1; } 100%{ -ms-transform:translate3d(0px,0px,0px);opacity:1;}}

@-webkit-keyframes flyInBottom { 0%{ -webkit-transform:translate3d(0px,100vh,0px);opacity:1; } 100%{ -webkit-transform:translate3d(0px,0px,0px);opacity:1;}}
@keyframes flyInBottom { 0%{ transform:translate3d(0px,100vh,0px);opacity:1; } 100%{ transform:translate3d(0px,0px,0px);opacity:1;}}
@-moz-keyframes flyInBottom { 0%{ -moz-transform:translate3d(0px,100vh,0px);opacity:1; } 100%{ -moz-transform:translate3d(0px,0px,0px);opacity:1;}}
@-ms-keyframes flyInBottom { 0%{ -ms-transform:translate3d(0px,-3vh,0px);opacity:1; } 100%{ -ms-transform:translate3d(0px,0px,0px);opacity:1;}}

/* FLY OUT */
@-webkit-keyframes flyOutLeft { 0%{ -webkit-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -webkit-transform:translate3d(100vw,0px,0px);opacity:1; } }
@keyframes flyOutLeft { 0%{ transform:translate3d(0px,0px,0px);opacity:1; } 100%{ transform:translate3d(100vw,0px,0px);opacity:1; } }
@-moz-keyframes flyOutLeft { 0%{ -moz-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -moz-transform:translate3d(100vw,0px,0px);opacity:1; } }
@-ms-keyframes flyOutLeft { 0%{ -ms-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -ms-transform:translate3d(-5vw,0px,0px);opacity:1; } }

@-webkit-keyframes flyOutTop { 0%{ -webkit-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -webkit-transform:translate3d(0px,100vh,0px);opacity:1; } }
@keyframes flyOutTop { 0%{ transform:translate3d(0px,0px,0px);opacity:1; } 100%{ transform:translate3d(0px,100vh,0px);opacity:1; } }
@-moz-keyframes flyOutTop { 0%{ -moz-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -moz-transform:translate3d(0px,100vh,0px);opacity:1; } }
@-ms-keyframes flyOutTop { 0%{ -ms-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -ms-transform:translate3d(0px,-3vh,0px);opacity:1; } }

@-webkit-keyframes flyOutRight { 0%{ -webkit-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -webkit-transform:translate3d(-100vw,0px,0px);opacity:1; } }
@keyframes flyOutRight { 0%{ transform:translate3d(0px,0px,0px);opacity:1; } 100%{ transform:translate3d(-100vw,0px,0px);opacity:1; } }
@-moz-keyframes flyOutRight { 0%{ -moz-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -moz-transform:translate3d(-100vw,0px,0px);opacity:1; } }
@-ms-keyframes flyOutRight { 0%{ -ms-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -ms-transform:translate3d(5vw,0px,0px);opacity:1; } }

@-webkit-keyframes flyOutBottom { 0%{ -webkit-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -webkit-transform:translate3d(0px,-100vh,0px);opacity:1; } }
@keyframes flyOutBottom { 0%{ transform:translate3d(0px,0px,0px);opacity:1; } 100%{ transform:translate3d(0px,-100vh,0px);opacity:1; } }
@-moz-keyframes flyOutBottom { 0%{ -moz-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -moz-transform:translate3d(0px,-100vh,0px);opacity:1; } }
@-ms-keyframes flyOutBottom { 0%{ -ms-transform:translate3d(0px,0px,0px);opacity:1; } 100%{ -ms-transform:translate3d(0px,3vh,0px);opacity:1; } }

/* FLASH */
@-webkit-keyframes flash { 0%{ opacity:1; } 50%{ opacity:0; } 100%{ opacity:1;} }
@keyframes flash{ 0%{ opacity:1; } 50%{ opacity:0; } 100%{ opacity:1;} }
@-moz-keyframes flash{ 0%{ opacity:1; } 50%{ opacity:0; } 100%{ opacity:1;} }
@-ms-keyframes flash{ 0%{ opacity:1; } 50%{ opacity:0; } 100%{ opacity:1;} }