.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}
.bounce {-webkit-animation-name:bounce; animation-name:bounce}
.flash {-webkit-animation-name:flash; animation-name:flash}
.pulse {-webkit-animation-name:pulse; animation-name:pulse}
.shake {-webkit-animation-name:shake; animation-name:shake}
.swing {-webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing}
.tada {-webkit-animation-name:tada; animation-name:tada}
.wobble {-webkit-animation-name:wobble; animation-name:wobble}
.bounceIn {-webkit-animation-name:bounceIn; animation-name:bounceIn}
.bounceInDown {-webkit-animation-name:bounceInDown; animation-name:bounceInDown}
.bounceInLeft {-webkit-animation-name:bounceInLeft; animation-name:bounceInLeft}
.bounceInRight {-webkit-animation-name:bounceInRight; animation-name:bounceInRight}
.bounceInUp {-webkit-animation-name:bounceInUp; animation-name:bounceInUp}
.bounceOut {-webkit-animation-name:bounceOut; animation-name:bounceOut}
.bounceOutDown {-webkit-animation-name:bounceOutDown; animation-name:bounceOutDown}
.bounceOutLeft {-webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft}
.bounceOutRight {-webkit-animation-name:bounceOutRight; animation-name:bounceOutRight}
.bounceOutUp {-webkit-animation-name:bounceOutUp; animation-name:bounceOutUp}
.fadeIn {-webkit-animation-name:fadeIn; animation-name:fadeIn}
.fadeInDown {-webkit-animation-name:fadeInDown; animation-name:fadeInDown}
.fadeInDownBig {-webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig}
.fadeInLeft {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft}
.fadeInLeftBig {-webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig}
.fadeInRight {-webkit-animation-name:fadeInRight; animation-name:fadeInRight}
.fadeInRightBig {-webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig}
.fadeInUp {-webkit-animation-name:fadeInUp; animation-name:fadeInUp}
.fadeInUpBig {-webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig}
.fadeOut {-webkit-animation-name:fadeOut; animation-name:fadeOut}
.fadeOutDown {-webkit-animation-name:fadeOutDown; animation-name:fadeOutDown}
.fadeOutDownBig {-webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft}
.fadeOutLeftBig {-webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig}
.fadeOutRight {-webkit-animation-name:fadeOutRight; animation-name:fadeOutRight}
.fadeOutRightBig {-webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig}
.fadeOutUp {-webkit-animation-name:fadeOutUp; animation-name:fadeOutUp}
.fadeOutUpBig {-webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig}
.animated.flip {-webkit-backface-visibility:visible; -ms-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; animation-name:flip}
.flipInX {-webkit-backface-visibility:visible !important; -ms-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInX; animation-name:flipInX}
.flipInY {-webkit-backface-visibility:visible !important; -ms-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInY; animation-name:flipInY}
.flipOutX {-webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible !important; -ms-backface-visibility:visible !important; backface-visibility:visible !important}
.flipOutY {-webkit-backface-visibility:visible !important; -ms-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipOutY; animation-name:flipOutY}
.lightSpeedIn {-webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}
.lightSpeedOut {-webkit-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
.rotateIn {-webkit-animation-name:rotateIn; animation-name:rotateIn}
.rotateInDownLeft {-webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft}
.rotateInDownRight {-webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight}
.rotateInUpLeft {-webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft}
.rotateInUpRight {-webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight}
.rotateOut {-webkit-animation-name:rotateOut; animation-name:rotateOut}
.rotateOutDownLeft {-webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft}
.rotateOutDownRight {-webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight}
.rotateOutUpLeft {-webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft}
.rotateOutUpRight {-webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight}
.slideInDown {-webkit-animation-name:slideInDown; animation-name:slideInDown}
.slideInLeft {-webkit-animation-name:slideInLeft; animation-name:slideInLeft}
.slideInRight {-webkit-animation-name:slideInRight; animation-name:slideInRight}
.slideOutLeft {-webkit-animation-name:slideOutLeft; animation-name:slideOutLeft}
.slideOutRight {-webkit-animation-name:slideOutRight; animation-name:slideOutRight}
.slideOutUp {-webkit-animation-name:slideOutUp; animation-name:slideOutUp}
.hinge {-webkit-animation-name:hinge; animation-name:hinge}
.rollIn {-webkit-animation-name:rollIn; animation-name:rollIn}
.rollOut {-webkit-animation-name:rollOut; animation-name:rollOut}

@-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)}
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity:1}
25%, 75% {opacity:0}
}
@keyframes flash {
0%, 50%, 100% {opacity:1}
25%, 75% {opacity:0}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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%)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-webkit-keyframes fadeIn {
0% {opacity:0}
100% {opacity:1}
}
@keyframes fadeIn {
0% {opacity:0}
100% {opacity:1}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-webkit-keyframes fadeOut {
0% {opacity:1}
100% {opacity:0}
}
@keyframes fadeOut {
0% {opacity:1}
100% {opacity:0}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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)}
}
@-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}
}
@-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)}
}
@-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)}
}