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

/* BOUNCE IN */
@-webkit-keyframes bounceInLeft { 0%{ -webkit-transform: translate3d(-100vw, 0px, 0px);opacity:1; } 15% { -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -webkit-transform: translate3d(-10vw, 0px, 0px);opacity:1; }  45%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -webkit-transform: translate3d(-7vw, 0px, 0px);opacity:1; } 75%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -webkit-transform: translate3d(-4vw, 0px, 0px);opacity:1; } 100%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } }
@keyframes bounceInLeft { 0%{ transform: translate3d(-100vw, 0px, 0px);opacity:1; } 15% { transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ transform: translate3d(-10vw, 0px, 0px);opacity:1; }  45%{ transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ transform: translate3d(-7vw, 0px, 0px);opacity:1; } 75%{ transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ transform: translate3d(-4vw, 0px, 0px);opacity:1; } 100%{ transform: translate3d(0px, 0px, 0px);opacity:1; } }
@-moz-keyframes bounceInLeft { 0%{ -moz-transform: translate3d(-100vw, 0px, 0px);opacity:1; } 15% { -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -moz-transform: translate3d(-10vw, 0px, 0px);opacity:1; }  45%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -moz-transform: translate3d(-7vw, 0px, 0px);opacity:1; } 75%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -moz-transform: translate3d(-4vw, 0px, 0px);opacity:1; } 100%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } }
@-ms-keyframes bounceInLeft { 0%{ -ms-transform: translate3d(-100vw, 0px, 0px);opacity:1; } 15% { -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -ms-transform: translate3d(-10vw, 0px, 0px);opacity:1; }  45%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -ms-transform: translate3d(-7vw, 0px, 0px);opacity:1; } 75%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -ms-transform: translate3d(-4vw, 0px, 0px);opacity:1; } 100%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } }

@-webkit-keyframes bounceInRight { 0%{ -webkit-transform: translate3d(100vw, 0px, 0px);opacity:1; } 15% { -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -webkit-transform: translate3d(10vw, 0px, 0px);opacity:1; }  45%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -webkit-transform: translate3d(7vw, 0px, 0px);opacity:1; } 75%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -webkit-transform: translate3d(4vw, 0px, 0px);opacity:1; } 100%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } }
@keyframes bounceInRight { 0%{ transform: translate3d(100vw, 0px, 0px);opacity:1; } 15% { transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ transform: translate3d(10vw, 0px, 0px);opacity:1; }  45%{ transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ transform: translate3d(7vw, 0px, 0px);opacity:1; } 75%{ transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ transform: translate3d(4vw, 0px, 0px);opacity:1; } 100%{ transform: translate3d(0px, 0px, 0px);opacity:1; } }
@-moz-keyframes bounceInRight { 0%{ -moz-transform: translate3d(100vw, 0px, 0px);opacity:1; } 15% { -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -moz-transform: translate3d(10vw, 0px, 0px);opacity:1; }  45%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -moz-transform: translate3d(7vw, 0px, 0px);opacity:1; } 75%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -moz-transform: translate3d(4vw, 0px, 0px);opacity:1; } 100%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } }
@-ms-keyframes bounceInRight { 0%{ -ms-transform: translate3d(100vw, 0px, 0px);opacity:1; } 15% { -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -ms-transform: translate3d(10vw, 0px, 0px);opacity:1; }  45%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -ms-transform: translate3d(7vw, 0px, 0px);opacity:1; } 75%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -ms-transform: translate3d(4vw, 0px, 0px);opacity:1; } 100%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } }

@-webkit-keyframes bounceInTop { 0%{ -webkit-transform: translate3d(0px, -100vh, 0px);opacity:1; } 15% { -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -webkit-transform: translate3d(0px, -10vh, 0px);opacity:1; }  45%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -webkit-transform: translate3d(0px, -7vh, 0px);opacity:1; } 75%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -webkit-transform: translate3d(0px, -4vh, 0px);opacity:1; } 100%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } }
@keyframes bounceInTop { 0%{ transform: translate3d(0px, -100vh, 0px);opacity:1; } 15% { transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ transform: translate3d(0px, -10vh, 0px);opacity:1; }  45%{ transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ transform: translate3d(0px, -7vh, 0px);opacity:1; } 75%{ transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ transform: translate3d(0px, -4vh, 0px);opacity:1; } 100%{ transform: translate3d(0px, 0px, 0px);opacity:1; } }
@-moz-keyframes bounceInTop { 0%{ -moz-transform: translate3d(0px, -100vh, 0px);opacity:1; } 15% { -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -moz-transform: translate3d(0px, -10vh, 0px);opacity:1; }  45%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -moz-transform: translate3d(0px, -7vh, 0px);opacity:1; } 75%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -moz-transform: translate3d(0px, -4vh, 0px);opacity:1; } 100%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } }
@-ms-keyframes bounceInTop { 0%{ -ms-transform: translate3d(0px, -100vh, 0px);opacity:1; } 15% { -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -ms-transform: translate3d(0px, -10vh, 0px);opacity:1; }  45%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -ms-transform: translate3d(0px, -7vh, 0px);opacity:1; } 75%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -ms-transform: translate3d(0px, -4vh, 0px);opacity:1; } 100%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } }

@-webkit-keyframes bounceInBottom { 0%{ -webkit-transform: translate3d(0px, 100vh, 0px);opacity:1; } 15% { -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -webkit-transform: translate3d(0px, 10vh, 0px);opacity:1; }  45%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -webkit-transform: translate3d(0px, 7vh, 0px);opacity:1; } 75%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -webkit-transform: translate3d(0px, 4vh, 0px);opacity:1; } 100%{ -webkit-transform: translate3d(0px, 0px, 0px);opacity:1; } }
@keyframes bounceInBottom { 0%{ transform: translate3d(0px, 100vh, 0px);opacity:1; } 15% { transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ transform: translate3d(0px, 10vh, 0px);opacity:1; }  45%{ transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ transform: translate3d(0px, 7vh, 0px);opacity:1; } 75%{ transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ transform: translate3d(0px, 4vh, 0px);opacity:1; } 100%{ transform: translate3d(0px, 0px, 0px);opacity:1; } }
@-moz-keyframes bounceInBottom { 0%{ -moz-transform: translate3d(0px, 100vh, 0px);opacity:1; } 15% { -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -moz-transform: translate3d(0px, 10vh, 0px);opacity:1; }  45%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -moz-transform: translate3d(0px, 7vh, 0px);opacity:1; } 75%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -moz-transform: translate3d(0px, 4vh, 0px);opacity:1; } 100%{ -moz-transform: translate3d(0px, 0px, 0px);opacity:1; } }
@-ms-keyframes bounceInBottom { 0%{ -ms-transform: translate3d(0px, 100vh, 0px);opacity:1; } 15% { -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 30%{ -ms-transform: translate3d(0px, 10vh, 0px);opacity:1; }  45%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 60%{ -ms-transform: translate3d(0px, 7vh, 0px);opacity:1; } 75%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } 90%{ -ms-transform: translate3d(0px, 4vh, 0px);opacity:1; } 100%{ -ms-transform: translate3d(0px, 0px, 0px);opacity:1; } }

/* SPRING IN */
@-webkit-keyframes springInLeft{ 0%{ -webkit-transform:translate3d(-100vw, 0px, 0px);opacity:1; } 25%{ -webkit-transform:translate3d(50vw, 0px, 0px);opacity:1; } 50%{ -webkit-transform:translate3d(-25vw, 0px, 0px);opacity:1; } 65%{ -webkit-transform:translate3d(12vw, 0px, 0px);opacity:1; } 80%{-webkit-transform:translate3d(-6vw, 0px, 0px);opacity:1;} 90%{-webkit-transform:translate3d(3vw, 0px, 0px);opacity:1;} 95%{-webkit-transform:translate3d(-2vw, 0px, 0px);opacity:1;} 100%{ -webkit-transform:translate3d(0px, 0px, 0px);opacity:1; } }
@keyframes springInLeft{ 0%{ transform:translate3d(-100vw, 0px, 0px);opacity:1; } 25%{ transform:translate3d(50vw, 0px, 0px);opacity:1; } 50%{ transform:translate3d(-25vw, 0px, 0px);opacity:1; } 65%{ transform:translate3d(12vw, 0px, 0px);opacity:1; } 80%{transform:translate3d(-6vw, 0px, 0px);opacity:1;} 90%{transform:translate3d(3vw, 0px, 0px);opacity:1;} 95%{transform:translate3d(-2vw, 0px, 0px);opacity:1;} 100%{ transform:translate3d(0px, 0px, 0px);opacity:1; } }
@-moz-keyframes springInLeft{ 0%{ -moz-transform:translate3d(-100vw, 0px, 0px);opacity:1; } 25%{ -moz-transform:translate3d(50vw, 0px, 0px);opacity:1; } 50%{ -moz-transform:translate3d(-25vw, 0px, 0px);opacity:1; } 65%{ -moz-transform:translate3d(12vw, 0px, 0px);opacity:1; } 80%{-moz-transform:translate3d(-6vw, 0px, 0px);opacity:1;} 90%{-moz-transform:translate3d(3vw, 0px, 0px);opacity:1;} 95%{-moz-transform:translate3d(-2vw, 0px, 0px);opacity:1;} 100%{ -moz-transform:translate3d(0px, 0px, 0px);opacity:1; } }
@-ms-keyframes springInLeft{ 0%{ -ms-transform:translate3d(-100vw, 0px, 0px);opacity:1; } 25%{ -ms-transform:translate3d(50vw, 0px, 0px);opacity:1; } 50%{ -ms-transform:translate3d(-25vw, 0px, 0px);opacity:1; } 65%{ -ms-transform:translate3d(12vw, 0px, 0px);opacity:1; } 80%{-ms-transform:translate3d(-6vw, 0px, 0px);opacity:1;} 90%{-ms-transform:translate3d(3vw, 0px, 0px);opacity:1;} 95%{-ms-transform:translate3d(-2vw, 0px, 0px);opacity:1;} 100%{ -ms-transform:translate3d(0px, 0px, 0px);opacity:1; } }

@-webkit-keyframes springInRight{ 0%{ -webkit-transform:translate3d(100vw, 0px, 0px);opacity:1; } 25%{ -webkit-transform:translate3d(-50vw, 0px, 0px);opacity:1; } 50%{ -webkit-transform:translate3d(25vw, 0px, 0px);opacity:1; } 65%{ -webkit-transform:translate3d(-12vw, 0px, 0px);opacity:1; } 80%{-webkit-transform:translate3d(6vw, 0px, 0px);opacity:1;} 90%{-webkit-transform:translate3d(-3vw, 0px, 0px);opacity:1;} 95%{-webkit-transform:translate3d(2vw, 0px, 0px);opacity:1;} 100%{ -webkit-transform:translate3d(0px, 0px, 0px);opacity:1; } }
@keyframes springInRight{ 0%{ transform:translate3d(100vw, 0px, 0px);opacity:1; } 25%{ transform:translate3d(-50vw, 0px, 0px);opacity:1; } 50%{ transform:translate3d(25vw, 0px, 0px);opacity:1; } 65%{ transform:translate3d(-12vw, 0px, 0px);opacity:1; } 80%{transform:translate3d(6vw, 0px, 0px);opacity:1;} 90%{transform:translate3d(-3vw, 0px, 0px);opacity:1;} 95%{transform:translate3d(2vw, 0px, 0px);opacity:1;} 100%{ transform:translate3d(0px, 0px, 0px);opacity:1; } }
@-moz-keyframes springInRight{ 0%{ -moz-transform:translate3d(100vw, 0px, 0px);opacity:1; } 25%{ -moz-transform:translate3d(-50vw, 0px, 0px);opacity:1; } 50%{ -moz-transform:translate3d(25vw, 0px, 0px);opacity:1; } 65%{ -moz-transform:translate3d(-12vw, 0px, 0px);opacity:1; } 80%{-moz-transform:translate3d(6vw, 0px, 0px);opacity:1;} 90%{-moz-transform:translate3d(-3vw, 0px, 0px);opacity:1;} 95%{-moz-transform:translate3d(2vw, 0px, 0px);opacity:1;} 100%{ -moz-transform:translate3d(0px, 0px, 0px);opacity:1; } }
@-ms-keyframes springInRight{ 0%{ -ms-transform:translate3d(100vw, 0px, 0px);opacity:1; } 25%{ -ms-transform:translate3d(-50vw, 0px, 0px);opacity:1; } 50%{ -ms-transform:translate3d(25vw, 0px, 0px);opacity:1; } 65%{ -ms-transform:translate3d(-12vw, 0px, 0px);opacity:1; } 80%{-ms-transform:translate3d(6vw, 0px, 0px);opacity:1;} 90%{-ms-transform:translate3d(-3vw, 0px, 0px);opacity:1;} 95%{-ms-transform:translate3d(2vw, 0px, 0px);opacity:1;} 100%{ -ms-transform:translate3d(0px, 0px, 0px);opacity:1; } }

@-webkit-keyframes springInTop{ 0%{ -webkit-transform:translate3d(0px, -100vh, 0px);opacity:1; } 25%{ -webkit-transform:translate3d(0px, 50vh, 0px);opacity:1; } 50%{ -webkit-transform:translate3d(0px, -25vh, 0px);opacity:1; } 65%{ -webkit-transform:translate3d(0px, 12vh, 0px);opacity:1; } 80%{-webkit-transform:translate3d(0px -6vh, 0px);opacity:1;} 90%{-webkit-transform:translate3d(0px, 3vh, 0px);opacity:1;} 95%{-webkit-transform:translate3d(0px, -2vh, 0px, 0px);opacity:1;} 100%{ -webkit-transform:translate3d(0px, 0px, 0px);opacity:1; } }
@keyframes springInTop{ 0%{ transform:translate3d(0px, -100vh, 0px);opacity:1; } 25%{ transform:translate3d(0px, 50vh, 0px);opacity:1; } 50%{ transform:translate3d(0px, -25vh, 0px);opacity:1; } 65%{ transform:translate3d(0px, 12vh, 0px);opacity:1; } 80%{transform:translate3d(0px -6vh, 0px);opacity:1;} 90%{transform:translate3d(0px, 3vh, 0px);opacity:1;} 95%{transform:translate3d(0px, -2vh, 0px, 0px);opacity:1;} 100%{ transform:translate3d(0px, 0px, 0px);opacity:1; } }
@-moz-keyframes springInTop{ 0%{ -moz-transform:translate3d(0px, -100vh, 0px);opacity:1; } 25%{ -moz-transform:translate3d(0px, 50vh, 0px);opacity:1; } 50%{ -moz-transform:translate3d(0px, -25vh, 0px);opacity:1; } 65%{ -moz-transform:translate3d(0px, 12vh, 0px);opacity:1; } 80%{-moz-transform:translate3d(0px -6vh, 0px);opacity:1;} 90%{-moz-transform:translate3d(0px, 3vh, 0px);opacity:1;} 95%{-moz-transform:translate3d(0px, -2vh, 0px, 0px);opacity:1;} 100%{ -moz-transform:translate3d(0px, 0px, 0px);opacity:1; } }
@-ms-keyframes springInTop{ 0%{ -ms-transform:translate3d(0px, -100vh, 0px);opacity:1; } 25%{ -ms-transform:translate3d(0px, 50vh, 0px);opacity:1; } 50%{ -ms-transform:translate3d(0px, -25vh, 0px);opacity:1; } 65%{ -ms-transform:translate3d(0px, 12vh, 0px);opacity:1; } 80%{-ms-transform:translate3d(0px -6vh, 0px);opacity:1;} 90%{-ms-transform:translate3d(0px, 3vh, 0px);opacity:1;} 95%{-ms-transform:translate3d(0px, -2vh, 0px, 0px);opacity:1;} 100%{ -ms-transform:translate3d(0px, 0px, 0px);opacity:1; } }

@-webkit-keyframes springInBottom{ 0%{ -webkit-transform:translate3d(0px, 100vh, 0px);opacity:1; } 25%{ -webkit-transform:translate3d(0px, -50vh, 0px);opacity:1; } 50%{ -webkit-transform:translate3d(0px, 25vh, 0px);opacity:1; } 65%{ -webkit-transform:translate3d(0px, -12vh, 0px);opacity:1; } 80%{-webkit-transform:translate3d(0px 6vh, 0px);opacity:1;} 90%{-webkit-transform:translate3d(0px, -3vh, 0px);opacity:1;} 95%{-webkit-transform:translate3d(0px, 2vh, 0px, 0px);opacity:1;} 100%{ -webkit-transform:translate3d(0px, 0px, 0px);opacity:1; } }
@keyframes springInBottom{ 0%{ transform:translate3d(0px, 100vh, 0px);opacity:1; } 25%{ transform:translate3d(0px, -50vh, 0px);opacity:1; } 50%{ transform:translate3d(0px, 25vh, 0px);opacity:1; } 65%{ transform:translate3d(0px, -12vh, 0px);opacity:1; } 80%{transform:translate3d(0px 6vh, 0px);opacity:1;} 90%{transform:translate3d(0px, -3vh, 0px);opacity:1;} 95%{transform:translate3d(0px, 2vh, 0px, 0px);opacity:1;} 100%{ transform:translate3d(0px, 0px, 0px);opacity:1; } }
@-moz-keyframes springInBottom{ 0%{ -moz-transform:translate3d(0px, 100vh, 0px);opacity:1; } 25%{ -moz-transform:translate3d(0px, -50vh, 0px);opacity:1; } 50%{ -moz-transform:translate3d(0px, 25vh, 0px);opacity:1; } 65%{ -moz-transform:translate3d(0px, -12vh, 0px);opacity:1; } 80%{-moz-transform:translate3d(0px 6vh, 0px);opacity:1;} 90%{-moz-transform:translate3d(0px, -3vh, 0px);opacity:1;} 95%{-moz-transform:translate3d(0px, 2vh, 0px, 0px);opacity:1;} 100%{ -moz-transform:translate3d(0px, 0px, 0px);opacity:1; } }
@-ms-keyframes springInBottom{ 0%{ -ms-transform:translate3d(0px, 100vh, 0px);opacity:1; } 25%{ -ms-transform:translate3d(0px, -50vh, 0px);opacity:1; } 50%{ -ms-transform:translate3d(0px, 25vh, 0px);opacity:1; } 65%{ -ms-transform:translate3d(0px, -12vh, 0px);opacity:1; } 80%{-ms-transform:translate3d(0px 6vh, 0px);opacity:1;} 90%{-ms-transform:translate3d(0px, -3vh, 0px);opacity:1;} 95%{-ms-transform:translate3d(0px, 2vh, 0px, 0px);opacity:1;} 100%{ -ms-transform:translate3d(0px, 0px, 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;} }