.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .slow{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .slower{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .slowest{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .delay-250{-webkit-animation-delay:0.25s;-moz-animation-delay:0.25s;-o-animation-delay:0.25s;animation-delay:0.25s;} .delay-500{-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s;} .delay-750{-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;-o-animation-delay:0.75s;animation-delay:0.75s;} .delay-1000{-webkit-animation-delay:1.0s;-moz-animation-delay:1.0s;-o-animation-delay:1.0s;animation-delay:1.0s;} .delay-1250{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s;} .delay-1500{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;} .delay-1750{-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;-o-animation-delay:1.75s;animation-delay:1.75s;} .delay-2000{-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s;} .delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s;} .delay-2000{-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s;} .delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s;} .delay-3000{-webkit-animation-delay:3.0s;-moz-animation-delay:3.0s;-o-animation-delay:3.0s;animation-delay:3.0s;} .delay-3500{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s;} .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px);} .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px);} .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{opacity:0;} .lightSpeedInRight, .lightSpeedInLeft{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px);} @-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);} 50%{opacity:1;-webkit-transform:scale(1.05);} 70%{-webkit-transform:scale(.9);} 100%{-webkit-transform:scale(1);} } @keyframes bounceIn{0%{opacity:0;transform:scale(.3);} 50%{opacity:1;transform:scale(1.05);} 70%{transform:scale(.9);} 100%{transform:scale(1);} } .bounceIn.go{-webkit-animation-name:bounceIn;animation-name:bounceIn;} @-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(400px);} 60%{-webkit-transform:translateX(-30px);} 80%{-webkit-transform:translateX(10px);} 100%{opacity:1;-webkit-transform:translateX(0);} } @keyframes bounceInRight{0%{opacity:0;transform:translateX(400px);} 60%{transform:translateX(-30px);} 80%{transform:translateX(10px);} 100%{opacity:1;transform:translateX(0);} } .bounceInRight.go{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;} @-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-400px);} 60%{-webkit-transform:translateX(30px);} 80%{-webkit-transform:translateX(-10px);} 100%{opacity:1;-webkit-transform:translateX(0);} } @keyframes bounceInLeft{0%{opacity:0;transform:translateX(-400px);} 60%{transform:translateX(30px);} 80%{transform:translateX(-10px);} 100%{opacity:1;transform:translateX(0);} } .bounceInLeft.go{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;} @-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(400px);} 60%{-webkit-transform:translateY(-30px);} 80%{-webkit-transform:translateY(10px);} 100%{opacity:1;-webkit-transform:translateY(0);} } @keyframes bounceInUp{0%{opacity:0;transform:translateY(400px);} 60%{transform:translateY(-30px);} 80%{transform:translateY(10px);} 100%{opacity:1;transform:translateY(0);} } .bounceInUp.go{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;} @-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-400px);} 60%{-webkit-transform:translateY(30px);} 80%{-webkit-transform:translateY(-10px);} 100%{opacity:1;-webkit-transform:translateY(0);} } @keyframes bounceInDown{0%{opacity:0;transform:translateY(-400px);} 60%{transform:translateY(30px);} 80%{transform:translateY(-10px);} 100%{opacity:1;transform:translateY(0);} } .bounceInDown.go{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;} @-webkit-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;display:block;} } @keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;display:block;} } .fadeIn{opacity:0;} .fadeIn.go{-webkit-animation-name:fadeIn;animation-name:fadeIn;} @-webkit-keyframes growIn{0%{-webkit-transform:scale(0.2);opacity:0;} 50%{-webkit-transform:scale(1.2);} 100%{-webkit-transform:scale(1);opacity:1;} } @keyframes growIn{0%{transform:scale(0.2);opacity:0;} 50%{transform:scale(1.2);} 100%{transform:scale(1);opacity:1;} } .growIn{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:0;} .growIn.go{-webkit-animation-name:growIn;animation-name:growIn;} @-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);} 20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);} } @keyframes shake{0%, 100%{transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{transform:translateX(-10px);} 20%, 40%, 60%, 80%{transform:translateX(10px);} } .shake.go{-webkit-animation-name:shake;animation-name:shake;} @-webkit-keyframes shakeUp{0%, 100%{-webkit-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateY(-10px);} 20%, 40%, 60%, 80%{-webkit-transform:translateY(10px);} } @keyframes shakeUp{0%, 100%{transform:translateY(0);} 10%, 30%, 50%, 70%, 90%{transform:translateY(-10px);} 20%, 40%, 60%, 80%{transform:translateY(10px);} } .shakeUp.go{-webkit-animation-name:shakeUp;animation-name:shakeUp;} @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-400px);} 50%{opacity:0.3;} 100%{opacity:1;-webkit-transform:translateX(0);} } @keyframes fadeInLeft{0%{opacity:0;transform:translateX(-400px);} 50%{opacity:0.3;} 100%{opacity:1;transform:translateX(0);} } .fadeInLeft{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px);} .fadeInLeft.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(400px);} 50%{opacity:0.3;} 100%{opacity:1;-webkit-transform:translateX(0);} } @keyframes fadeInRight{0%{opacity:0;transform:translateX(400px);} 50%{opacity:0.3;} 100%{opacity:1;transform:translateX(0);} } .fadeInRight{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px);} .fadeInRight.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(400px);} 50%{opacity:0.3;} 100%{opacity:1;-webkit-transform:translateY(0);} } @keyframes fadeInUp{0%{opacity:0;transform:translateY(400px);} 50%{opacity:0.3;} 100%{opacity:1;transform:translateY(0);} } .fadeInUp{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px);} .fadeInUp.go{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-400px);} 50%{opacity:0.3;} 100%{opacity:1;-webkit-transform:translateY(0);} } @keyframes fadeInDown{0%{opacity:0;transform:translateY(-400px);} 50%{opacity:0.3;} 100%{opacity:1;transform:translateY(0);} } .fadeInDown{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px);} .fadeInDown.go{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} @-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0;} 100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;} } @keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0;} 100%{transform-origin:center center;transform:rotate(0);opacity:1;} } .rotateIn.go{-webkit-animation-name:rotateIn;animation-name:rotateIn;} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;} } @keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;} 100%{transform-origin:left bottom;transform:rotate(0);opacity:1;} } .rotateInUpLeft.go{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;} } @keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;} 100%{transform-origin:left bottom;transform:rotate(0);opacity:1;} } .rotateInDownLeft.go{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;} } @keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;} 100%{transform-origin:right bottom;transform:rotate(0);opacity:1;} } .rotateInUpRight.go{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;} } @keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;} 100%{transform-origin:right bottom;transform:rotate(0);opacity:1;} } .rotateInDownRight.go{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;} @-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);} 100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);} } @keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg);} 100%{opacity:1;transform:translateX(0px) rotate(0deg);} } .rollIn.go{-webkit-animation-name:rollIn;animation-name:rollIn;} @-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg);} 10%{-webkit-transform:skewX(-8deg);} 20%{-webkit-transform:skewX(7deg);} 30%{-webkit-transform:skewX(-6deg);} 40%{-webkit-transform:skewX(5deg);} 50%{-webkit-transform:skewX(-4deg);} 60%{-webkit-transform:skewX(3deg);} 70%{-webkit-transform:skewX(-2deg);} 80%{-webkit-transform:skewX(1deg);} 90%{-webkit-transform:skewX(0deg);} 100%{-webkit-transform:skewX(0deg);} } @keyframes wiggle{0%{transform:skewX(9deg);} 10%{transform:skewX(-8deg);} 20%{transform:skewX(7deg);} 30%{transform:skewX(-6deg);} 40%{transform:skewX(5deg);} 50%{transform:skewX(-4deg);} 60%{transform:skewX(3deg);} 70%{transform:skewX(-2deg);} 80%{transform:skewX(1deg);} 90%{transform:skewX(0deg);} 100%{transform:skewX(0deg);} } .wiggle.go{-webkit-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} @-webkit-keyframes swing{20%, 40%, 60%, 80%, 100%{-webkit-transform-origin:top center;} 20%{-webkit-transform:rotate(15deg);} 40%{-webkit-transform:rotate(-10deg);} 60%{-webkit-transform:rotate(5deg);} 80%{-webkit-transform:rotate(-5deg);} 100%{-webkit-transform:rotate(0deg);} } @keyframes swing{20%{transform:rotate(15deg);} 40%{transform:rotate(-10deg);} 60%{transform:rotate(5deg);} 80%{transform:rotate(-5deg);} 100%{transform:rotate(0deg);} } .swing.go{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;} @-webkit-keyframes tada{0%{-webkit-transform:scale(1);} 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);} 100%{-webkit-transform:scale(1) rotate(0);} } @keyframes tada{0%{transform:scale(1);} 10%, 20%{transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);} 100%{transform:scale(1) rotate(0);} } .tada.go{-webkit-animation-name:tada;animation-name:tada;} @-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);} 30%{-webkit-transform:translateX(20%) rotate(3deg);} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);} 60%{-webkit-transform:translateX(10%) rotate(2deg);} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);} 100%{-webkit-transform:translateX(0%);} } @keyframes wobble{0%{transform:translateX(0%);} 15%{transform:translateX(-25%) rotate(-5deg);} 30%{transform:translateX(20%) rotate(3deg);} 45%{transform:translateX(-15%) rotate(-3deg);} 60%{transform:translateX(10%) rotate(2deg);} 75%{transform:translateX(-5%) rotate(-1deg);} 100%{transform:translateX(0%);} } .wobble.go{-webkit-animation-name:wobble;animation-name:wobble;} @-webkit-keyframes pulse{0%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.1);} 100%{-webkit-transform:scale(1);} } @keyframes pulse{0%{transform:scale(1);} 50%{transform:scale(1.1);} 100%{transform:scale(1);} } .pulse.go{-webkit-animation-name:pulse;animation-name:pulse;} @-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0;} 60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1;} 80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1;} 100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1;} } @keyframes lightSpeedInRight{0%{transform:translateX(100%) skewX(-30deg);opacity:0;} 60%{transform:translateX(-20%) skewX(30deg);opacity:1;} 80%{transform:translateX(0%) skewX(-15deg);opacity:1;} 100%{transform:translateX(0%) skewX(0deg);opacity:1;} } .lightSpeedInRight.go{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} @-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0;} 60%{-webkit-transform:translateX(20%) skewX(-30deg);opacity:1;} 80%{-webkit-transform:translateX(0%) skewX(15deg);opacity:1;} 100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1;} } @keyframes lightSpeedInLeft{0%{transform:translateX(-100%) skewX(30deg);opacity:0;} 60%{transform:translateX(20%) skewX(-30deg);opacity:1;} 80%{transform:translateX(0%) skewX(15deg);opacity:1;} 100%{transform:translateX(0%) skewX(0deg);opacity:1;} } .lightSpeedInLeft.go{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in;} } @keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out;} 40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out;} 50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in;} 80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in;} 100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in;} } .flip.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;backface-visibility:visible !important;animation-name:flip;} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);} 70%{-webkit-transform:perspective(400px) rotateX(10deg);} 100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;} } @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0;} 40%{transform:perspective(400px) rotateX(-10deg);} 70%{transform:perspective(400px) rotateX(10deg);} 100%{transform:perspective(400px) rotateX(0deg);opacity:1;} } .flipInX.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX;} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;} } @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{transform:perspective(400px) rotateY(-10deg);} 70%{transform:perspective(400px) rotateY(10deg);} 100%{transform:perspective(400px) rotateY(0deg);opacity:1;} } .flipInY.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY;} @-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);} 25%{-webkit-transform:scale(.95);} 50%{opacity:1;-webkit-transform:scale(1.1);} 100%{opacity:0;-webkit-transform:scale(.3);} } @keyframes bounceOut{0%{transform:scale(1);} 25%{transform:scale(.95);} 50%{opacity:1;transform:scale(1.1);} 100%{opacity:0;transform:scale(.3);} } .bounceOut.goAway{-webkit-animation-name:bounceOut;animation-name:bounceOut;} @-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);} 20%{opacity:1;-webkit-transform:translateY(20px);} 100%{opacity:0;-webkit-transform:translateY(-2000px);} } @keyframes bounceOutUp{0%{transform:translateY(0);} 20%{opacity:1;transform:translateY(20px);} 100%{opacity:0;transform:translateY(-2000px);} } .bounceOutUp.goAway{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;} @-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);} 20%{opacity:1;-webkit-transform:translateY(-20px);} 100%{opacity:0;-webkit-transform:translateY(2000px);} } @keyframes bounceOutDown{0%{transform:translateY(0);} 20%{opacity:1;transform:translateY(-20px);} 100%{opacity:0;transform:translateY(2000px);} } .bounceOutDown.goAway{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;} @-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);} 20%{opacity:1;-webkit-transform:translateX(20px);} 100%{opacity:0;-webkit-transform:translateX(-2000px);} } @keyframes bounceOutLeft{0%{transform:translateX(0);} 20%{opacity:1;transform:translateX(20px);} 100%{opacity:0;transform:translateX(-2000px);} } .bounceOutLeft.goAway{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;} @-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);} 20%{opacity:1;-webkit-transform:translateX(-20px);} 100%{opacity:0;-webkit-transform:translateX(2000px);} } @keyframes bounceOutRight{0%{transform:translateX(0);} 20%{opacity:1;transform:translateX(-20px);} 100%{opacity:0;transform:translateX(2000px);} } .bounceOutRight.goAway{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } .fadeOut.goAway{-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(-2000px);} } @keyframes fadeOutUp{0%{opacity:1;transform:translateY(0);} 100%{opacity:0;transform:translateY(-2000px);} } .fadeOutUp.goAway{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;} @-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(2000px);} } @keyframes fadeOutDown{0%{opacity:1;transform:translateY(0);} 100%{opacity:0;transform:translateY(2000px);} } .fadeOutDown.goAway{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;} @-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(-2000px);} } @keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0);} 100%{opacity:0;transform:translateX(-2000px);} } .fadeOutLeft.goAway{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;} @-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(2000px);} } @keyframes fadeOutRight{0%{opacity:1;transform:translateX(0);} 100%{opacity:0;transform:translateX(2000px);} } .fadeOutRight.goAway{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;} @-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;} 100%{-webkit-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;} } .flipOutX.goAway{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible !important;animation-name:flipOutX;backface-visibility:visible !important;} @-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;} } @keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1;} 100%{transform:perspective(400px) rotateY(90deg);opacity:0;} } .flipOutY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipOutY;backface-visibility:visible !important;animation-name:flipOutY;} @-webkit-keyframes lightSpeedOutRight{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1;} 100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0;} } @keyframes lightSpeedOutRight{0%{transform:translateX(0%) skewX(0deg);opacity:1;} 100%{transform:translateX(100%) skewX(-30deg);opacity:0;} } .lightSpeedOutRight.goAway{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} @-webkit-keyframes lightSpeedOutLeft{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1;} 100%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0;} } @keyframes lightSpeedOutLeft{0%{transform:translateX(0%) skewX(0deg);opacity:1;} 100%{transform:translateX(-100%) skewX(30deg);opacity:0;} } .lightSpeedOutLeft.goAway{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;} } @keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1;} 100%{transform-origin:center center;transform:rotate(200deg);opacity:0;} } .rotateOut.goAway{-webkit-animation-name:rotateOut;animation-name:rotateOut;} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;} } @keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;} 100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0;} } .rotateOutUpLeft.goAway{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;} } @keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;} 100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;} } .rotateOutDownLeft.goAway{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;} } @keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;} 100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;} } .rotateOutUpRight.goAway{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;} @-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);} 100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);} } @keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg);} 100%{opacity:0;transform:translateX(100%) rotate(120deg);} } .rollOut.goAway{-webkit-animation-name:rollOut;animation-name:rollOut;} @-webkit-keyframes fadeInUpShort{0%{opacity:0;-webkit-transform:translateY(20px);} 100%{opacity:1;-webkit-transform:translateY(0);} } @keyframes fadeInUpShort{0%{opacity:0;transform:translateY(20px);} 100%{opacity:1;transform:translateY(0);} } .fadeInUpShort{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);} .fadeInUpShort.go{-webkit-animation-name:fadeInUpShort;animation-name:fadeInUpShort;} @-webkit-keyframes fadeInDownShort{0%{opacity:0;-webkit-transform:translateY(-20px);} 100%{opacity:1;-webkit-transform:translateY(0);} } @keyframes fadeInDownShort{0%{opacity:0;transform:translateY(-20px);} 100%{opacity:1;transform:translateY(0);} } .fadeInDownShort{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);} .fadeInDownShort.go{-webkit-animation-name:fadeInDownShort;animation-name:fadeInDownShort;} @-webkit-keyframes fadeInRightShort{0%{opacity:0;-webkit-transform:translateX(20px);} 100%{opacity:1;-webkit-transform:translateX(0);} } @keyframes fadeInRightShort{0%{opacity:0;transform:translateX(20px);} 100%{opacity:1;transform:translateX(0);} } .fadeInRightShort{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);} .fadeInRightShort.go{-webkit-animation-name:fadeInRightShort;animation-name:fadeInRightShort;} @-webkit-keyframes fadeInLeftShort{0%{opacity:0;-webkit-transform:translateX(-20px);} 100%{opacity:1;-webkit-transform:translateX(0);} } @keyframes fadeInLeftShort{0%{opacity:0;transform:translateX(-20px);} 100%{opacity:1;transform:translateX(0);} } .fadeInLeftShort{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);} .fadeInLeftShort.go{-webkit-animation-name:fadeInLeftShort;animation-name:fadeInLeftShort;} @media all and (min-width:0\0) and (min-resolution:.001dpcm){.animated{opacity:1!important;transform:none !important;} }