@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{ -webkit-transform:translateY(0); transform:translateY(0);}
40%{ -webkit-transform:translateY(-30px); transform:translateY(-30px);}
60%{ -webkit-transform:translateY(-15px); transform:translateY(-15px);}
}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
40%{ -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px);}
60%{ -webkit-transform:translateY(-15px); -ms-transform:translateY(-15px); transform:translateY(-15px);}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;}
@-webkit-keyframes flash{0%, 50%, 100%{ opacity:1;}
25%, 75%{ opacity:0;}
}
@keyframes flash{0%, 50%, 100%{ opacity:1;}
25%, 75%{ opacity:0;}
}
.flash{-webkit-animation-name:flash;animation-name:flash;}
@-webkit-keyframes pulse{0%{ -webkit-transform:scale(1); transform:scale(1);}
50%{ -webkit-transform:scale(1.1); transform:scale(1.1);}
100%{ -webkit-transform:scale(1); transform:scale(1);}
}
@keyframes pulse{0%{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
50%{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
100%{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes shake{0%, 100%{ -webkit-transform:translateX(0); transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{ -webkit-transform:translateX(-10px); transform:translateX(-10px);}
20%, 40%, 60%, 80%{ -webkit-transform:translateX(10px); transform:translateX(10px);}
}
@keyframes shake{0%, 100%{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{ -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px);}
20%, 40%, 60%, 80%{ -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px);}
}
.shake{-webkit-animation-name:shake;animation-name:shake;}
@-webkit-keyframes swing{20%{ -webkit-transform:rotate(15deg); transform:rotate(15deg);}
40%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg);}
60%{ -webkit-transform:rotate(5deg); transform:rotate(5deg);}
80%{ -webkit-transform:rotate(-5deg); transform:rotate(-5deg);}
100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
}
@keyframes swing{20%{ -webkit-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg);}
40%{ -webkit-transform:rotate(-10deg); -ms-transform:rotate(-10deg); transform:rotate(-10deg);}
60%{ -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg);}
80%{ -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); transform:rotate(-5deg);}
100%{ -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}
@-webkit-keyframes tada{0%{ -webkit-transform:scale(1); transform:scale(1);}
10%, 20%{ -webkit-transform:scale(0.9) rotate(-3deg); transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{ -webkit-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{ -webkit-transform:scale(1.1) rotate(-3deg); transform:scale(1.1) rotate(-3deg);}
100%{ -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0);}
}
@keyframes tada{0%{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
10%, 20%{ -webkit-transform:scale(0.9) rotate(-3deg); -ms-transform:scale(0.9) rotate(-3deg); transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{ -webkit-transform:scale(1.1) rotate(3deg); -ms-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{ -webkit-transform:scale(1.1) rotate(-3deg); -ms-transform:scale(1.1) rotate(-3deg); transform:scale(1.1) rotate(-3deg);}
100%{ -webkit-transform:scale(1) rotate(0); -ms-transform:scale(1) rotate(0); transform:scale(1) rotate(0);}
}
.tada{-webkit-animation-name:tada;animation-name:tada;}
@-webkit-keyframes wobble{0%{ -webkit-transform:translateX(0%); transform:translateX(0%);}
15%{ -webkit-transform:translateX(-25%) rotate(-5deg); transform:translateX(-25%) rotate(-5deg);}
30%{ -webkit-transform:translateX(20%) rotate(3deg); transform:translateX(20%) rotate(3deg);}
45%{ -webkit-transform:translateX(-15%) rotate(-3deg); transform:translateX(-15%) rotate(-3deg);}
60%{ -webkit-transform:translateX(10%) rotate(2deg); transform:translateX(10%) rotate(2deg);}
75%{ -webkit-transform:translateX(-5%) rotate(-1deg); transform:translateX(-5%) rotate(-1deg);}
100%{ -webkit-transform:translateX(0%); transform:translateX(0%);}
}
@keyframes wobble{0%{ -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%);}
15%{ -webkit-transform:translateX(-25%) rotate(-5deg); -ms-transform:translateX(-25%) rotate(-5deg); transform:translateX(-25%) rotate(-5deg);}
30%{ -webkit-transform:translateX(20%) rotate(3deg); -ms-transform:translateX(20%) rotate(3deg); transform:translateX(20%) rotate(3deg);}
45%{ -webkit-transform:translateX(-15%) rotate(-3deg); -ms-transform:translateX(-15%) rotate(-3deg); transform:translateX(-15%) rotate(-3deg);}
60%{ -webkit-transform:translateX(10%) rotate(2deg); -ms-transform:translateX(10%) rotate(2deg); transform:translateX(10%) rotate(2deg);}
75%{ -webkit-transform:translateX(-5%) rotate(-1deg); -ms-transform:translateX(-5%) rotate(-1deg); transform:translateX(-5%) rotate(-1deg);}
100%{ -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%);}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble;}
@-webkit-keyframes bounceIn{0%{ opacity:0; -webkit-transform:scale(.3); transform:scale(.3);}
50%{ opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05);}
70%{ -webkit-transform:scale(.9); transform:scale(.9);}
100%{ -webkit-transform:scale(1); transform:scale(1);}
}
@keyframes bounceIn{0%{ opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3);}
50%{ opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
70%{ -webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9);}
100%{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInDown{0%{ opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px);}
60%{ opacity:1; -webkit-transform:translateY(30px); transform:translateY(30px);}
80%{ -webkit-transform:translateY(-10px); transform:translateY(-10px);}
100%{ -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes bounceInDown{0%{ opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px);}
60%{ opacity:1; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px);}
80%{ -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px);}
100%{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft{0%{ opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px);}
60%{ opacity:1; -webkit-transform:translateX(30px); transform:translateX(30px);}
80%{ -webkit-transform:translateX(-10px); transform:translateX(-10px);}
100%{ -webkit-transform:translateX(0); transform:translateX(0);}
}
@keyframes bounceInLeft{0%{ opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px);}
60%{ opacity:1; -webkit-transform:translateX(30px); -ms-transform:translateX(30px); transform:translateX(30px);}
80%{ -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px);}
100%{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight{0%{ opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px);}
60%{ opacity:1; -webkit-transform:translateX(-30px); transform:translateX(-30px);}
80%{ -webkit-transform:translateX(10px); transform:translateX(10px);}
100%{ -webkit-transform:translateX(0); transform:translateX(0);}
}
@keyframes bounceInRight{0%{ opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px);}
60%{ opacity:1; -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px);}
80%{ -webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px);}
100%{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInUp{0%{ opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px);}
60%{ opacity:1; -webkit-transform:translateY(-30px); transform:translateY(-30px);}
80%{ -webkit-transform:translateY(10px); transform:translateY(10px);}
100%{ -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes bounceInUp{0%{ opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px);}
60%{ opacity:1; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px);}
80%{ -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px);}
100%{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceOut{0%{ -webkit-transform:scale(1); transform:scale(1);}
25%{ -webkit-transform:scale(.95); transform:scale(.95);}
50%{ opacity:1; -webkit-transform:scale(1.1); transform:scale(1.1);}
100%{ opacity:0; -webkit-transform:scale(.3); transform:scale(.3);}
}
@keyframes bounceOut{0%{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
25%{ -webkit-transform:scale(.95); -ms-transform:scale(.95); transform:scale(.95);}
50%{ opacity:1; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
100%{ opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3);}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;}
@-webkit-keyframes bounceOutDown{0%{ -webkit-transform:translateY(0); transform:translateY(0);}
20%{ opacity:1; -webkit-transform:translateY(-20px); transform:translateY(-20px);}
100%{ opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px);}
}
@keyframes bounceOutDown{0%{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
20%{ opacity:1; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
100%{ opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px);}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft{0%{ -webkit-transform:translateX(0); transform:translateX(0);}
20%{ opacity:1; -webkit-transform:translateX(20px); transform:translateX(20px);}
100%{ opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px);}
}
@keyframes bounceOutLeft{0%{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
20%{ opacity:1; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px);}
100%{ opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px);}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight{0%{ -webkit-transform:translateX(0); transform:translateX(0);}
20%{ opacity:1; -webkit-transform:translateX(-20px); transform:translateX(-20px);}
100%{ opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px);}
}
@keyframes bounceOutRight{0%{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
20%{ opacity:1; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);}
100%{ opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px);}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes bounceOutUp{0%{ -webkit-transform:translateY(0); transform:translateY(0);}
20%{ opacity:1; -webkit-transform:translateY(20px); transform:translateY(20px);}
100%{ opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px);}
}
@keyframes bounceOutUp{0%{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
20%{ opacity:1; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px);}
100%{ opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px);}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes fadeIn{0%{ opacity:0;}
100%{ opacity:1;}
}
@keyframes fadeIn{0%{ opacity:0;}
100%{ opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInDown{0%{ opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px);}
100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes fadeInDown{0%{ opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
100%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInDownBig{0%{ opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px);}
100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes fadeInDownBig{0%{ opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px);}
100%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeft{0%{ opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px);}
100%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
}
@keyframes fadeInLeft{0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);}
100%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig{0%{ opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px);}
100%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
}
@keyframes fadeInLeftBig{0%{ opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px);}
100%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight{0%{ opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px);}
100%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
}
@keyframes fadeInRight{0%{ opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px);}
100%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig{0%{ opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px);}
100%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
}
@keyframes fadeInRightBig{0%{ opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px);}
100%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInUp{0%{ opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px);}
100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes fadeInUp{0%{ opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px);}
100%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUpBig{0%{ opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px);}
100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes fadeInUpBig{0%{ opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px);}
100%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOut{0%{ opacity:1;}
100%{ opacity:0;}
}
@keyframes fadeOut{0%{ opacity:1;}
100%{ opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutDown{0%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
100%{ opacity:0; -webkit-transform:translateY(20px); transform:translateY(20px);}
}
@keyframes fadeOutDown{0%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
100%{ opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px);}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutDownBig{0%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
100%{ opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px);}
}
@keyframes fadeOutDownBig{0%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
100%{ opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px);}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft{0%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px);}
}
@keyframes fadeOutLeft{0%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig{0%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px);}
}
@keyframes fadeOutLeftBig{0%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px);}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight{0%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px);}
}
@keyframes fadeOutRight{0%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-webkit-keyframes fadeOutRightBig{0%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px);}
}
@keyframes fadeOutRightBig{0%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px);}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-webkit-keyframes fadeOutUp{0%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
100%{ opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px);}
}
@keyframes fadeOutUp{0%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
100%{ opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutUpBig{0%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
100%{ opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px);}
}
@keyframes fadeOutUpBig{0%{ opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
100%{ opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px);}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-webkit-keyframes flip{0%{ -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;}
40%{ -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;}
50%{ -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;}
80%{ -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;}
100%{ -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;}
}
@keyframes flip{0%{ -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1); transform:perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;}
40%{ -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;}
50%{ -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;}
80%{ -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;}
100%{ -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in;}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes flipInX{0%{ -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0;}
40%{ -webkit-transform:perspective(400px) rotateX(-10deg); transform:perspective(400px) rotateX(-10deg);}
70%{ -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg);}
100%{ -webkit-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1;}
}
@keyframes flipInX{0%{ -webkit-transform:perspective(400px) rotateX(90deg); -ms-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0;}
40%{ -webkit-transform:perspective(400px) rotateX(-10deg); -ms-transform:perspective(400px) rotateX(-10deg); transform:perspective(400px) rotateX(-10deg);}
70%{ -webkit-transform:perspective(400px) rotateX(10deg); -ms-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg);}
100%{ -webkit-transform:perspective(400px) rotateX(0deg); -ms-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1;}
}
.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY{0%{ -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0;}
40%{ -webkit-transform:perspective(400px) rotateY(-10deg); transform:perspective(400px) rotateY(-10deg);}
70%{ -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg);}
100%{ -webkit-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1;}
}
@keyframes flipInY{0%{ -webkit-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0;}
40%{ -webkit-transform:perspective(400px) rotateY(-10deg); -ms-transform:perspective(400px) rotateY(-10deg); transform:perspective(400px) rotateY(-10deg);}
70%{ -webkit-transform:perspective(400px) rotateY(10deg); -ms-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg);}
100%{ -webkit-transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1;}
}
.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX{0%{ -webkit-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1;}
100%{ -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0;}
}
@keyframes flipOutX{0%{ -webkit-transform:perspective(400px) rotateX(0deg); -ms-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg); opacity:1;}
100%{ -webkit-transform:perspective(400px) rotateX(90deg); -ms-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg); opacity:0;}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;}
@-webkit-keyframes flipOutY{0%{ -webkit-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1;}
100%{ -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0;}
}
@keyframes flipOutY{0%{ -webkit-transform:perspective(400px) rotateY(0deg); -ms-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1;}
100%{ -webkit-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0;}
}
.flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}
@-webkit-keyframes lightSpeedIn{0%{ -webkit-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0;}
60%{ -webkit-transform:translateX(-20%) skewX(30deg); transform:translateX(-20%) skewX(30deg); opacity:1;}
80%{ -webkit-transform:translateX(0%) skewX(-15deg); transform:translateX(0%) skewX(-15deg); opacity:1;}
100%{ -webkit-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1;}
}
@keyframes lightSpeedIn{0%{ -webkit-transform:translateX(100%) skewX(-30deg); -ms-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0;}
60%{ -webkit-transform:translateX(-20%) skewX(30deg); -ms-transform:translateX(-20%) skewX(30deg); transform:translateX(-20%) skewX(30deg); opacity:1;}
80%{ -webkit-transform:translateX(0%) skewX(-15deg); -ms-transform:translateX(0%) skewX(-15deg); transform:translateX(0%) skewX(-15deg); opacity:1;}
100%{ -webkit-transform:translateX(0%) skewX(0deg); -ms-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1;}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
@-webkit-keyframes lightSpeedOut{0%{ -webkit-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1;}
100%{ -webkit-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0;}
}
@keyframes lightSpeedOut{0%{ -webkit-transform:translateX(0%) skewX(0deg); -ms-transform:translateX(0%) skewX(0deg); transform:translateX(0%) skewX(0deg); opacity:1;}
100%{ -webkit-transform:translateX(100%) skewX(-30deg); -ms-transform:translateX(100%) skewX(-30deg); transform:translateX(100%) skewX(-30deg); opacity:0;}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
@-webkit-keyframes rotateIn{0%{ -webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0;}
100%{ -webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); transform:rotate(0); opacity:1;}
}
@keyframes rotateIn{0%{ -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(-200deg); -ms-transform:rotate(-200deg); transform:rotate(-200deg); opacity:0;}
100%{ -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1;}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@-webkit-keyframes rotateInDownLeft{0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0;}
100%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1;}
}
@keyframes rotateInDownLeft{0%{ -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0;}
100%{ -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1;}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight{0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0;}
100%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1;}
}
@keyframes rotateInDownRight{0%{ -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0;}
100%{ -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1;}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft{0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0;}
100%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1;}
}
@keyframes rotateInUpLeft{0%{ -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0;}
100%{ -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1;}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight{0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0;}
100%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1;}
}
@keyframes rotateInUpRight{0%{ -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0;}
100%{ -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1;}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-webkit-keyframes rotateOut{0%{ -webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); transform:rotate(0); opacity:1;}
100%{ -webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(200deg); transform:rotate(200deg); opacity:0;}
}
@keyframes rotateOut{0%{ -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1;}
100%{ -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(200deg); -ms-transform:rotate(200deg); transform:rotate(200deg); opacity:0;}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}
@-webkit-keyframes rotateOutDownLeft{0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1;}
100%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0;}
}
@keyframes rotateOutDownLeft{0%{ -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1;}
100%{ -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0;}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight{0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1;}
100%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0;}
}
@keyframes rotateOutDownRight{0%{ -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1;}
100%{ -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0;}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft{0%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1;}
100%{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0;}
}
@keyframes rotateOutUpLeft{0%{ -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1;}
100%{ -webkit-transform-origin:left bottom; -ms-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); opacity:0;}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight{0%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); transform:rotate(0); opacity:1;}
100%{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); transform:rotate(90deg); opacity:0;}
}
@keyframes rotateOutUpRight{0%{ -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); opacity:1;}
100%{ -webkit-transform-origin:right bottom; -ms-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); opacity:0;}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-webkit-keyframes slideInDown{0%{ opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px);}
100%{ -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes slideInDown{0%{ opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px);}
100%{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft{0%{ opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px);}
100%{ -webkit-transform:translateX(0); transform:translateX(0);}
}
@keyframes slideInLeft{0%{ opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px);}
100%{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{0%{ opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px);}
100%{ -webkit-transform:translateX(0); transform:translateX(0);}
}
@keyframes slideInRight{0%{ opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px);}
100%{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideOutLeft{0%{ -webkit-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px);}
}
@keyframes slideOutLeft{0%{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight{0%{ -webkit-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px);}
}
@keyframes slideOutRight{0%{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
100%{ opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp{0%{ -webkit-transform:translateY(0); transform:translateY(0);}
100%{ opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px);}
}
@keyframes slideOutUp{0%{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
100%{ opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px);}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}
@-webkit-keyframes hinge{0%{ -webkit-transform:rotate(0); transform:rotate(0); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
20%, 60%{ -webkit-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
40%{ -webkit-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
80%{ -webkit-transform:rotate(60deg) translateY(0); transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
100%{ -webkit-transform:translateY(700px); transform:translateY(700px); opacity:0;}
}
@keyframes hinge{0%{ -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
20%, 60%{ -webkit-transform:rotate(80deg); -ms-transform:rotate(80deg); transform:rotate(80deg); -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
40%{ -webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg); -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
80%{ -webkit-transform:rotate(60deg) translateY(0); -ms-transform:rotate(60deg) translateY(0); transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
100%{ -webkit-transform:translateY(700px); -ms-transform:translateY(700px); transform:translateY(700px); opacity:0;}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge;}
@-webkit-keyframes rollIn{0%{ opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); transform:translateX(-100%) rotate(-120deg);}
100%{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg);}
}
@keyframes rollIn{0%{ opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); -ms-transform:translateX(-100%) rotate(-120deg); transform:translateX(-100%) rotate(-120deg);}
100%{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); -ms-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg);}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}
@-webkit-keyframes rollOut{0%{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg);}
100%{ opacity:0; -webkit-transform:translateX(100%) rotate(120deg); transform:translateX(100%) rotate(120deg);}
}
@keyframes rollOut{0%{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); -ms-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg);}
100%{ opacity:0; -webkit-transform:translateX(100%) rotate(120deg); -ms-transform:translateX(100%) rotate(120deg); transform:translateX(100%) rotate(120deg);}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}