/* 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 flyIn { 0%{ -webkit-transform:translate3d(-300%,0px,0px) } 100%{ -webkit-transform:translate3d(0px,0px,0px);opacity:1;}}
@keyframes flyIn { 0%{ transform:translate3d(-300%,0px,0px) } 100%{ transform:translate3d(0px,0px,0px);opacity:1;}}
@-moz-keyframes flyIn { 0%{ -moz-transform:translate3d(-300%,0px,0px) } 100%{ -moz-transform:translate3d(0px,0px,0px);opacity:1;}}
@-ms-keyframes flyIn { 0%{ -ms-transform:translate3d(-300%,0px,0px) } 100%{ -ms-transform:translate3d(0px,0px,0px);opacity:1;}}

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

/* 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;} }