.anim-slider{background:#225A86;list-style-type:none;position:relative;overflow:hidden;text-align:center;top:0;left:0;width:100%;height:400px;padding:0;margin:0;}
.anim-slide{position:absolute;width:100%;height:100%;top:0;left:0;}
.anim-slide *{opacity:0;}
.anim-slide-this{z-index:1000;}
.anim-slide-this *{opacity:1;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(1.2);}
}
@-moz-keyframes pulse{0%{-moz-transform:scale(1);}
100%{-moz-transform:scale(1.2);}
}
@-ms-keyframes pulse{0%{-ms-transform:scale(1);}
100%{-ms-transform:scale(1.2);}
}
@-o-keyframes pulse{0%{-o-transform:scale(1);}
100%{-o-transform:scale(1.2);}
}
@keyframes pulse{0%{transform:scale(1);}
100%{transform:scale(1.2);}
}
nav.anim-arrows>span{position:absolute;top:40%;z-index:2000;opacity:0;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-ms-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in;}
nav.anim-arrows>span.anim-arrows-prev,
nav.anim-arrows>span.anim-arrows-next{position:absolute;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 2px #2d3e50;-moz-box-shadow:0 0 0 2px #2d3e50;box-shadow:0 0 0 2px #2d3e50;-webkit-transition:-webkit-box-shadow .4s ease, background-color .4s ease;-moz-transition:-moz-box-shadow .4s ease, background-color .4s ease;-ms-transition:-ms-box-shadow .4s ease, background-color .4s ease;-o-transition:-o-box-shadow .4s ease, background-color .4s ease;transition:box-shadow .4s ease, background-color .4s ease;}
nav.anim-arrows>span.anim-arrows-prev:after,
nav.anim-arrows>span.anim-arrows-next:after{display:block;font:20px "controls";text-align:center;line-height:42px;color:#2d3e50;-webkit-transition:color .4s ease;-moz-transition:color .4s ease;-ms-transition:color .4s ease;-o-transition:color .4s ease;transition:color .4s ease;}
nav.anim-arrows>span.anim-arrows-prev{left:1%;}
nav.anim-arrows>span.anim-arrows-prev:after{content:'\e800';}
nav.anim-arrows>span.anim-arrows-next{right:1%;}
nav.anim-arrows>span.anim-arrows-next:after{content:'\e801';}
.anim-slider:hover>nav.anim-arrows>span{opacity:1;cursor:pointer;}
.anim-slider:hover>nav.anim-arrows>span:hover{opacity:1;cursor:pointer;background-color:transparent;-webkit-box-shadow:0 0 0 3px rgba(27,188,157,1);-moz-box-shadow:0 0 0 3px rgba(27,188,157,1);box-shadow:0 0 0 3px rgba(27,188,157,1);-webkit-animation:pulse 1s alternate infinite ease-in-out !important;-moz-animation:pulse 1s alternate infinite ease-in-out !important;-ms-animation:pulse 1s alternate infinite ease-in-out !important;-o-animation:pulse 1s alternate infinite ease-in-out !important;animation:pulse 1s alternate infinite ease-in-out !important;}
@-webkit-keyframes nextArrow{49%{-webkit-transform:translate(100%);}
50%{opacity:0;-webkit-transform:translate(-100%);}
51%{opacity:1;}
}
@-moz-keyframes nextArrow{49%{-moz-transform:translate(100%);}
50%{opacity:0;-moz-transform:translate(-100%);}
51%{opacity:1;}
}
@-ms-keyframes nextArrow{49%{-ms-transform:translate(100%);}
50%{opacity:0;-ms-transform:translate(-100%);}
51%{opacity:1;}
}
@-o-keyframes nextArrow{49%{-o-transform:translate(100%);}
50%{opacity:0;-o-transform:translate(-100%);}
51%{opacity:1;}
}
@keyframes nextArrow{49%{transform:translate(100%);}
50%{opacity:0;transform:translate(-100%);}
51%{opacity:1;}
}
@-webkit-keyframes prevArrow{49%{-webkit-transform:translate(-100%);}
50%{opacity:0;-webkit-transform:translate(100%);}
51%{opacity:1;}
}
@-moz-keyframes prevArrow{49%{-moz-transform:translate(-100%);}
50%{opacity:0;-moz-transform:translate(100%);}
51%{opacity:1;}
}
@-ms-keyframes prevArrow{49%{-ms-transform:translate(-100%);}
50%{opacity:0;-ms-transform:translate(100%);}
51%{opacity:1;}
}
@-o-keyframes prevArrow{49%{-o-transform:translate(-100%);}
50%{opacity:0;-o-transform:translate(100%);}
51%{opacity:1;}
}
@keyframes prevArrow{49%{transform:translate(-100%);}
50%{opacity:0;transform:translate(100%);}
51%{opacity:1;}
}
nav.anim-arrows>span.anim-arrows-next:hover:after{color:#1bbc9d;-webkit-animation:nextArrow 0.3s forwards;-moz-animation:nextArrow 0.3s forwards;-ms-animation:nextArrow 0.3s forwards;-o-animation:nextArrow 0.3s forwards;animation:nextArrow 0.3s forwards;}
nav.anim-arrows>span.anim-arrows-prev:hover:after{color:#1bbc9d;-webkit-animation:prevArrow 0.3s forwards;-moz-animation:prevArrow 0.3s forwards;-ms-animation:prevArrow 0.3s forwards;-o-animation:prevArrow 0.3s forwards;animation:prevArrow 0.3s forwards;}
.anim-dots{width:100%;position:absolute;text-align:center;left:0px;bottom:20px;z-index:2000;}
.anim-dots span{display:inline-block;position:relative;width:14px;height:14px;border-radius:100%;margin:3px;cursor:pointer;box-shadow:1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);}
.anim-dots span.anim-dots-this:after{content:'';width:10px;height:10px;position:absolute;top:2px;left:2px;background:rgb(255,255,255);border-radius:100%;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
.delay0-5s{-webkit-animation-delay:1s;animation-delay:.5s;}
.delay1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay1-5s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay2s{-webkit-animation-delay:2s;animation-delay:2s;}
.delay2-5s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.delay3s{-webkit-animation-delay:3s;animation-delay:3s;}
.delay3-5s{-webkit-animation-delay:3.5s;animation-delay:3.5s;}
.delay4s{-webkit-animation-delay:4s;animation-delay:4s;}
.delay4-5s{-webkit-animation-delay:4.5s;animation-delay:4.5s;}
.delay5s{-webkit-animation-delay:5s;animation-delay:5s;}
.delay5-5s{-webkit-animation-delay:5.5s;animation-delay:5.5s;}
.delay6s{-webkit-animation-delay:6s;animation-delay:6s;}
.delay6-5s{-webkit-animation-delay:6.5s;animation-delay:6.5s;}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;}
@-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);}
}
.flash{-webkit-animation-name:flash;animation-name:flash;}
@-webkit-keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
@keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
@-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);}
}
.slingshot{-webkit-animation-name:slingshot;animation-name:slingshot;}
@-webkit-keyframes slingshot{0%{-webkit-transform:rotate(0deg);}
20%, 30%{-webkit-transform:rotate(-45deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes slingshot{0%{transform:rotate(0deg);}
20%, 30%{transform:rotate(-45deg);}
100%{transform:rotate(360deg);}
}
.slingshotReverse{-webkit-animation-name:slingshotReverse;animation-name:slingshotReverse;}
@-webkit-keyframes slingshotReverse{0%{-webkit-transform:rotate(0deg);}
20%, 30%{-webkit-transform:rotate(45deg);}
100%{-webkit-transform:rotate(-360deg);}
}
@keyframes slingshotReverse{0%{transform:rotate(0deg);}
20%, 30%{transform:rotate(45deg);}
100%{transform:rotate(-360deg);}
}
.pulsate{-webkit-animation-name:pulsate;animation-name:pulsate;}
@-webkit-keyframes pulsate{0%, 50%, 100%{-webkit-transform:scale(1);}
25%, 75%{-webkit-transform:scale(1.1);}
}
@keyframes pulsate{0%, 50%, 100%{transform:scale(1);}
25%, 75%{transform:scale(1.1);}
}
.heartbeat{-webkit-animation-name:heartbeat;animation-name:heartbeat;}
@-webkit-keyframes heartbeat{0%, 30%, 50%, 60%, 80%{-webkit-transform:scale(1);}
40%, 70%{-webkit-transform:scale(1.1);}
}
@keyframes heartbeat{0%, 30%, 50%, 60%, 80%{transform:scale(1);}
40%, 70%{transform:scale(1.1);}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1);}
30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75);}
40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25);}
60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75);}
40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25);}
60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85);}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.shake{-webkit-animation-name:shake;animation-name:shake;}
@-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);}
}
.strobe{-webkit-animation-name:strobe;animation-name:strobe;}
@-webkit-keyframes strobe{0%, 20%, 40%, 60%, 80%, 100%{opacity:1;}
10%, 30%, 50%, 70%, 90%{opacity:0;}
}
@keyframes strobe{0%, 20%, 40%, 60%, 80%, 100%{opacity:1;}
10%, 30%, 50%, 70%, 90%{opacity:0;}
}
.shakeX{-webkit-animation-name:shakeX;animation-name:shakeX;}
@-webkit-keyframes shakeX{0%, 100%{-webkit-transform:translateY(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateY(-10px);}
20%, 40%, 60%, 80%{-webkit-transform:translateY(10px);}
}
@keyframes shakeX{0%, 100%{transform:translateY(0);}
10%, 30%, 50%, 70%, 90%{transform:translateY(-10px);}
20%, 40%, 60%, 80%{transform:translateY(10px);}
}
.shakeY{-webkit-animation-name:shakeY;animation-name:shakeY;}
@-webkit-keyframes shakeY{0%, 100%{-webkit-transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);}
20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);}
}
@keyframes shakeY{0%, 100%{transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{transform:translateX(-10px);}
20%, 40%, 60%, 80%{transform:translateX(10px);}
}
.spin{-webkit-animation-name:spin;animation-name:spin;}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes spin{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.spinReverse{-webkit-animation-name:spinReverse;animation-name:spinReverse;}
@-webkit-keyframes spinReverse{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(-360deg);}
}
@keyframes spinReverse{0%{transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}
@-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);}
}
.tada{-webkit-animation-name:tada;animation-name:tada;}
@-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);}
}
.panic{-webkit-animation-name:panic;animation-name:panic;}
@-webkit-keyframes panic{0%, 100%{-webkit-transform:scale(1) rotate(0);}
10%, 60%{-webkit-transform:scale(1.1) rotate(-3deg);}
20%, 40%{-webkit-transform:scale(1) rotate(-3deg);}
30%{-webkit-transform:scale(1.1) rotate(3deg);}
50%, 70%, 90%{-webkit-transform:scale(1) rotate(3deg);}
80%{-webkit-transform:scale(1.1) rotate(-3deg);}
}
@keyframes panic{0%, 100%{transform:scale(1) rotate(0);}
10%, 60%{transform:scale(1.1) rotate(-3deg);}
20%, 40%{transform:scale(1) rotate(-3deg);}
30%{transform:scale(1.1) rotate(3deg);}
50%, 70%, 90%{transform:scale(1) rotate(3deg);}
80%{transform:scale(1.1) rotate(-3deg);}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble;}
@-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%);}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-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%{opacity:1;-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%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.bounceInBig{-webkit-animation-name:bounceInBig;animation-name:bounceInBig;}
@-webkit-keyframes bounceInBig{0%{opacity:0;-webkit-transform:scale(0);}
50%{opacity:1;-webkit-transform:scale(1.25);}
70%{-webkit-transform:scale(.85);}
100%{-webkit-transform:scale(1);}
}
@keyframes bounceInBig{0%{opacity:0;transform:scale(0);}
50%{opacity:1;transform:scale(1.25);}
70%{transform:scale(.85);}
100%{transform:scale(1);}
}
.bounceInLarge{-webkit-animation-name:bounceInLarge;animation-name:bounceInLarge;}
@-webkit-keyframes bounceInLarge{0%{opacity:0;-webkit-transform:scale(0);}
50%{opacity:1;-webkit-transform:scale(1.50);}
70%{-webkit-transform:scale(.8);}
100%{-webkit-transform:scale(1);}
}
@keyframes bounceInLarge{0%{opacity:0;transform:scale(0);}
50%{opacity:1;transform:scale(1.50);}
70%{transform:scale(.8);}
100%{transform:scale(1);}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-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);}
}
.bounceInDownBig{-webkit-animation-name:bounceInDownBig;animation-name:bounceInDownBig;}
@-webkit-keyframes bounceInDownBig{0%{opacity:0;-webkit-transform:translateY(-200px);}
50%{opacity:1;-webkit-transform:translateY(20px);}
70%{-webkit-transform:translateY(-15px);}
100%{-webkit-transform:translateY(0);}
}
@keyframes bounceInDownBig{0%{opacity:0;transform:translateY(-200px);}
50%{opacity:1;transform:translateY(20px);}
70%{transform:translateY(-15px);}
100%{transform:translateY(0);}
}
.bounceInDownLarge{-webkit-animation-name:bounceInDownLarge;animation-name:bounceInDownLarge;}
@-webkit-keyframes bounceInDownLarge{0%{opacity:0;-webkit-transform:translateY(-600px);}
50%{opacity:1;-webkit-transform:translateY(25px);}
70%{-webkit-transform:translateY(-20px);}
100%{-webkit-transform:translateY(0);}
}
@keyframes bounceInDownLarge{0%{opacity:0;transform:translateY(-600px);}
50%{opacity:1;transform:translateY(25px);}
70%{transform:translateY(-20px);}
100%{transform:translateY(0);}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-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);}
}
.bounceInLeftBig{-webkit-animation-name:bounceInLeftBig;animation-name:bounceInLeftBig;}
@-webkit-keyframes bounceInLeftBig{0%{opacity:0;-webkit-transform:translateX(140px);}
50%{opacity:1;-webkit-transform:translateX(-15px);}
70%{-webkit-transform:translateX(5px);}
100%{-webkit-transform:translateX(0);}
}
@keyframes bounceInLeftBig{0%{opacity:0;transform:translateX(140px);}
50%{opacity:1;transform:translateX(-15px);}
70%{transform:translateX(5px);}
100%{transform:translateX(0);}
}
.bounceInLeftLarge{-webkit-animation-name:bounceInLeftLarge;animation-name:bounceInLeftLarge;}
@-webkit-keyframes bounceInLeftLarge{0%{opacity:0;-webkit-transform:translateX(280px);}
50%{opacity:1;-webkit-transform:translateX(-20px);}
70%{-webkit-transform:translateX(10px);}
100%{-webkit-transform:translateX(0);}
}
@keyframes bounceInLeftLarge{0%{opacity:0;transform:translateX(280px);}
50%{opacity:1;transform:translateX(-20px);}
70%{transform:translateX(10px);}
100%{transform:translateX(0);}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-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);}
}
.bounceInRightBig{-webkit-animation-name:bounceInRightBig;animation-name:bounceInRightBig;}
@-webkit-keyframes bounceInRightBig{0%{opacity:0;-webkit-transform:translateX(-140px);}
50%{opacity:1;-webkit-transform:translateX(15px);}
70%{-webkit-transform:translateX(-5px);}
100%{-webkit-transform:translateX(0);}
}
@keyframes bounceInRightBig{0%{opacity:0;transform:translateX(-140px);}
50%{opacity:1;transform:translateX(15px);}
70%{transform:translateX(-5px);}
100%{transform:translateX(0);}
}
.bounceInRightLarge{-webkit-animation-name:bounceInRightLarge;animation-name:bounceInRightLarge;}
@-webkit-keyframes bounceInRightLarge{0%{opacity:0;-webkit-transform:translateX(-280px);}
50%{opacity:1;-webkit-transform:translateX(20px);}
70%{-webkit-transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);}
}
@keyframes bounceInRightLarge{0%{opacity:0;transform:translateX(-280px);}
50%{opacity:1;transform:translateX(20px);}
70%{transform:translateX(-10px);}
100%{transform:translateX(0);}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-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);}
}
.bounceInUpBig{-webkit-animation-name:bounceInUpBig;animation-name:bounceInUpBig;}
@-webkit-keyframes bounceInUpBig{0%{opacity:0;-webkit-transform:translateY(200px);}
50%{opacity:1;-webkit-transform:translateY(-20px);}
70%{-webkit-transform:translateY(15px);}
100%{-webkit-transform:translateY(0);}
}
@keyframes bounceInUpBig{0%{opacity:0;transform:translateY(200px);}
50%{opacity:1;transform:translateY(-20px);}
70%{transform:translateY(15px);}
100%{transform:translateY(0);}
}
.bounceInUpLarge{-webkit-animation-name:bounceInUpLarge;animation-name:bounceInUpLarge;}
@-webkit-keyframes bounceInUpLarge{0%{opacity:0;-webkit-transform:translateY(600px);}
50%{opacity:1;-webkit-transform:translateY(-25px);}
70%{-webkit-transform:translateY(20px);}
100%{-webkit-transform:translateY(0);}
}
@keyframes bounceInUpLarge{0%{opacity:0;transform:translateY(600px);}
50%{opacity:1;transform:translateY(-25px);}
70%{transform:translateY(20px);}
100%{transform:translateY(0);}
}
.bounceInUpLeft{-webkit-animation-name:bounceInUpLeft;animation-name:bounceInUpLeft;}
@-webkit-keyframes bounceInUpLeft{0%{opacity:0;-webkit-transform:translate(60px, 60px);}
50%{opacity:1;-webkit-transform:translate(-10px, -10px);}
70%{-webkit-transform:translate(15px, 15px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInUpLeft{0%{opacity:0;transform:translate(60px, 60px);}
50%{opacity:1;transform:translate(-10px, -10px);}
70%{transform:translate(15px, 15px);}
100%{transform:translate(0, 0);}
}
.bounceInUpLeftBig{-webkit-animation-name:bounceInUpLeftBig;animation-name:bounceInUpLeftBig;}
@-webkit-keyframes bounceInUpLeftBig{0%{opacity:0;-webkit-transform:translate(200px, 200px);}
50%{opacity:1;-webkit-transform:translate(-20px, -20px);}
70%{-webkit-transform:translate(15px, 15px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInUpLeftBig{0%{opacity:0;transform:translate(200px, 200px);}
50%{opacity:1;transform:translate(-20px, -20px);}
70%{transform:translate(15px, 15px);}
100%{transform:translate(0, 0);}
}
.bounceInUpLeftLarge{-webkit-animation-name:bounceInUpLeftLarge;animation-name:bounceInUpLeftLarge;}
@-webkit-keyframes bounceInUpLeftLarge{0%{opacity:0;-webkit-transform:translate(600px, 600px);}
50%{opacity:1;-webkit-transform:translate(-25px, -25px);}
70%{-webkit-transform:translate(20px, 20px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInUpLeftLarge{0%{opacity:0;transform:translate(600px, 600px);}
50%{opacity:1;transform:translate(-25px, -25px);}
70%{transform:translate(20px, 20px);}
100%{transform:translate(0, 0);}
}
.bounceInUpRight{-webkit-animation-name:bounceInUpRight;animation-name:bounceInUpRight;}
@-webkit-keyframes bounceInUpRight{0%{opacity:0;-webkit-transform:translate(-60px, 60px);}
50%{opacity:1;-webkit-transform:translate(10px, -10px);}
70%{-webkit-transform:translate(-15px, 15px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInUpRight{0%{opacity:0;transform:translate(-60px, 60px);}
50%{opacity:1;transform:translate(10px, -10px);}
70%{transform:translate(-15px, 15px);}
100%{transform:translate(0, 0);}
}
.bounceInUpRightBig{-webkit-animation-name:bounceInUpRightBig;animation-name:bounceInUpRightBig;}
@-webkit-keyframes bounceInUpRightBig{0%{opacity:0;-webkit-transform:translate(-200px, 200px);}
50%{opacity:1;-webkit-transform:translate(20px, -20px);}
70%{-webkit-transform:translate(-15px, 15px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInUpRightBig{0%{opacity:0;transform:translate(-200px, 200px);}
50%{opacity:1;transform:translate(20px, -20px);}
70%{transform:translate(-15px, 15px);}
100%{transform:translate(0, 0);}
}
.bounceInUpRightLarge{-webkit-animation-name:bounceInUpRightLarge;animation-name:bounceInUpRightLarge;}
@-webkit-keyframes bounceInUpRightLarge{0%{opacity:0;-webkit-transform:translate(-600px, 600px);}
50%{opacity:1;-webkit-transform:translate(25px, -25px);}
70%{-webkit-transform:translate(-20px, 20px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInUpRightLarge{0%{opacity:0;transform:translate(-600px, 600px);}
50%{opacity:1;transform:translate(25px, -25px);}
70%{transform:translate(-20px, 20px);}
100%{transform:translate(0, 0);}
}
.bounceInDownLeft{-webkit-animation-name:bounceInDownLeft;animation-name:bounceInDownLeft;}
@-webkit-keyframes bounceInDownLeft{0%{opacity:0;-webkit-transform:translate(60px, -60px);}
50%{opacity:1;-webkit-transform:translate(-10px, 10px);}
70%{-webkit-transform:translate(15px, -15px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInDownLeft{0%{opacity:0;transform:translate(60px, -60px);}
50%{opacity:1;transform:translate(-10px, 10px);}
70%{transform:translate(15px, -15px);}
v100%{transform:translate(0, 0);}
}
.bounceInDownLeftBig{-webkit-animation-name:bounceInDownLeftBig;animation-name:bounceInDownLeftBig;}
@-webkit-keyframes bounceInDownLeftBig{0%{opacity:0;-webkit-transform:translate(200px, -200px);}
50%{opacity:1;-webkit-transform:translate(-20px, 20px);}
70%{-webkit-transform:translate(15px, -15px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInDownLeftBig{0%{opacity:0;transform:translate(200px, -200px);}
50%{opacity:1;transform:translate(-20px, 20px);}
70%{transform:translate(15px, -15px);}
100%{transform:translate(0, 0);}
}
.bounceInDownLeftLarge{-webkit-animation-name:bounceInDownLeftLarge;animation-name:bounceInDownLeftLarge;}
@-webkit-keyframes bounceInDownLeftLarge{0%{opacity:0;-webkit-transform:translate(600px, -600px);}
50%{opacity:1;-webkit-transform:translate(-25px, 25px);}
70%{-webkit-transform:translate(20px, -20px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInDownLeftLarge{0%{opacity:0;transform:translate(600px, -600px);}
50%{opacity:1;transform:translate(-25px, 25px);}
70%{transform:translate(20px, -20px);}
100%{transform:translate(0, 0);}
}
.bounceInDownRight{-webkit-animation-name:bounceInDownRight;animation-name:bounceInDownRight;}
@-webkit-keyframes bounceInDownRight{0%{opacity:0;-webkit-transform:translate(-60px, -60px);}
50%{opacity:1;-webkit-transform:translate(10px, 10px);}
70%{-webkit-transform:translate(-15px, -15px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInDownRight{0%{opacity:0;transform:translate(-60px, -60px);}
50%{opacity:1;transform:translate(10px, 10px);}
70%{transform:translate(-15px, -15px);}
100%{transform:translate(0, 0);}
}
.bounceInDownRightBig{-webkit-animation-name:bounceInDownRightBig;animation-name:bounceInDownRightBig;}
@-webkit-keyframes bounceInDownRightBig{0%{opacity:0;-webkit-transform:translate(-200px, -200px);}
50%{opacity:1;-webkit-transform:translate(20px, 20px);}
70%{-webkit-transform:translate(-15px, -15px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInDownRightBig{0%{opacity:0;transform:translate(-200px, -200px);}
50%{opacity:1;transform:translate(20px, 20px);}
70%{transform:translate(-15px, -15px);}
100%{transform:translate(0, 0);}
}
.bounceInDownRightLarge{-webkit-animation-name:bounceInDownRightLarge;animation-name:bounceInDownRightLarge;}
@-webkit-keyframes bounceInDownRightLarge{0%{opacity:0;-webkit-transform:translate(-600px, -600px);}
50%{opacity:1;-webkit-transform:translate(25px, 25px);}
70%{-webkit-transform:translate(-20px, -20px);}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes bounceInDownRightLarge{0%{opacity:0;transform:translate(-600px, -600px);}
50%{opacity:1;transform:translate(25px, 25px);}
70%{transform:translate(-20px, -20px);}
100%{transform:translate(0, 0);}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;}
@-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);}
}
.bounceOutBig{-webkit-animation-name:bounceOutBig;animation-name:bounceOutBig;}
@-webkit-keyframes bounceOutBig{0%{opacity:1;-webkit-transform:scale(1);}
30%{-webkit-transform:scale(.85);}
50%, 100%{opacity:0;-webkit-transform:scale(1.25);}
}
@keyframes bounceOutBig{0%{opacity:1;transform:scale(1);}
30%{transform:scale(.85);}
50%, 100%{opacity:0;transform:scale(1.25);}
}
.bounceOutLarge{-webkit-animation-name:bounceOutLarge;animation-name:bounceOutLarge;}
@-webkit-keyframes bounceOutLarge{0%{opacity:1;-webkit-transform:scale(1);}
30%{-webkit-transform:scale(.8);}
50%, 100%{opacity:0;-webkit-transform:scale(1.50);}
}
@keyframes bounceOutLarge{0%{opacity:1;transform:scale(1);}
30%{transform:scale(.8);}
50%, 100%{opacity:0;transform:scale(1.50);}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-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);}
}
.bounceOutDownBig{-webkit-animation-name:bounceOutDownBig;animation-name:bounceOutDownBig;}
@-webkit-keyframes bounceOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);}
15%{-webkit-transform:translateY(15px);}
40%{-webkit-transform:translateY(-20px);}
90%, 100%{opacity:0;-webkit-transform:translateY(200px);}
}
@keyframes bounceOutDownBig{0%{opacity:1;transform:translateY(0);}
15%{transform:translateY(15px);}
40%{transform:translateY(-20px);}
90%, 100%{opacity:0;transform:translateY(200px);}
}
.bounceOutDownLarge{-webkit-animation-name:bounceOutDownLarge;animation-name:bounceOutDownLarge;}
@-webkit-keyframes bounceOutDownLarge{0%{opacity:1;-webkit-transform:translateY(0);}
15%{-webkit-transform:translateY(20px);}
40%{-webkit-transform:translateY(-25px);}
90%, 100%{opacity:0;-webkit-transform:translateY(600px);}
}
@keyframes bounceOutDownLarge{0%{opacity:1;transform:translateY(0);}
15%{transform:translateY(20px);}
40%{transform:translateY(-25px);}
90%, 100%{opacity:0;transform:translateY(600px);}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-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);}
}
.bounceOutLeftBig{-webkit-animation-name:bounceOutLeftBig;animation-name:bounceOutLeftBig;}
@-webkit-keyframes bounceOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);}
15%{-webkit-transform:translateX(-20px);}
40%{-webkit-transform:translateX(15px);}
90%, 100%{opacity:0;-webkit-transform:translateX(-200px);}
}
@keyframes bounceOutLeftBig{0%{opacity:1;transform:translateX(0);}
15%{transform:translateX(-20px);}
40%{transform:translateX(15px);}
90%, 100%{opacity:0;transform:translateX(-200px);}
}
.bounceOutLeftLarge{-webkit-animation-name:bounceOutLeftLarge;animation-name:bounceOutLeftLarge;}
@-webkit-keyframes bounceOutLeftLarge{0%{opacity:1;-webkit-transform:translateX(0);}
15%{-webkit-transform:translateX(-25px);}
40%{-webkit-transform:translateX(20px);}
90%, 100%{opacity:0;-webkit-transform:translateX(-600px);}
}
@keyframes bounceOutLeftLarge{0%{opacity:1;transform:translateX(0);}
15%{transform:translateX(-25px);}
40%{transform:translateX(20px);}
90%, 100%{opacity:0;transform:translateX(-600px);}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-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);}
}
.bounceOutRightBig{-webkit-animation-name:bounceOutRightBig;animation-name:bounceOutRightBig;}
@-webkit-keyframes bounceOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);}
15%{-webkit-transform:translateX(15px);}
40%{-webkit-transform:translateX(-20px);}
90%, 100%{opacity:0;-webkit-transform:translateX(200px);}
}
@keyframes bounceOutRightBig{0%{opacity:1;transform:translateX(0);}
15%{transform:translateX(15px);}
40%{transform:translateX(-20px);}
90%, 100%{opacity:0;transform:translateX(200px);}
}
.bounceOutRightLarge{-webkit-animation-name:bounceOutRightLarge;animation-name:bounceOutRightLarge;}
@-webkit-keyframes bounceOutRightLarge{0%{opacity:1;-webkit-transform:translateX(0);}
15%{-webkit-transform:translateX(20px);}
40%{-webkit-transform:translateX(-25px);}
90%, 100%{opacity:0;-webkit-transform:translateX(600px);}
}
@keyframes bounceOutRightLarge{0%{opacity:1;transform:translateX(0);}
15%{transform:translateX(20px);}
40%{transform:translateX(-25px);}
90%, 100%{opacity:0;transform:translateX(600px);}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-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);}
}
.bounceOutUpBig{-webkit-animation-name:bounceOutUpBig;animation-name:bounceOutUpBig;}
@-webkit-keyframes bounceOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);}
15%{-webkit-transform:translateY(-20px);}
40%{-webkit-transform:translateY(15px);}
90%, 100%{opacity:0;-webkit-transform:translateY(-200px);}
}
@keyframes bounceOutUpBig{0%{opacity:1;transform:translateY(0);}
15%{transform:translateY(-20px);}
40%{transform:translateY(15px);}
90%, 100%{opacity:0;transform:translateY(-200px);}
}
.bounceOutUpLarge{-webkit-animation-name:bounceOutUpLarge;animation-name:bounceOutUpLarge;}
@-webkit-keyframes bounceOutUpLarge{0%{opacity:1;-webkit-transform:translateY(0);}
15%{-webkit-transform:translateY(-25px);}
40%{-webkit-transform:translateY(20px);}
90%, 100%{opacity:0;-webkit-transform:translateY(-600px);}
}
@keyframes bounceOutUpLarge{0%{opacity:1;transform:translateY(0);}
15%{transform:translateY(-25px);}
40%{transform:translateY(20px);}
90%, 100%{opacity:0;transform:translateY(-600px);}
}
.bounceOutUpLeft{-webkit-animation-name:bounceOutUpLeft;animation-name:bounceOutUpLeft;}
@-webkit-keyframes bounceOutUpLeft{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(-10px, -10px);}
40%{-webkit-transform:translate(15px, 15px);}
90%, 100%{opacity:0;-webkit-transform:translate(-60px, -60px);}
}
@keyframes bounceOutUpLeft{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(-10px, -10px);}
40%{transform:translate(15px, 15px);}
90%, 100%{opacity:0;transform:translate(-60px, -60px);}
}
.bounceOutUpLeftBig{-webkit-animation-name:bounceOutUpLeftBig;animation-name:bounceOutUpLeftBig;}
@-webkit-keyframes bounceOutUpLeftBig{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(-20px, -20px);}
40%{-webkit-transform:translate(15px, 15px);}
90%, 100%{opacity:0;-webkit-transform:translate(-200px, -200px);}
}
@keyframes bounceOutUpLeftBig{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(-20px, -20px);}
40%{transform:translate(15px, 15px);}
90%, 100%{opacity:0;transform:translate(-200px, -200px);}
}
.bounceOutUpLeftLarge{-webkit-animation-name:bounceOutUpLeftLarge;animation-name:bounceOutUpLeftLarge;}
@-webkit-keyframes bounceOutUpLeftLarge{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(-25px, -25px);}
40%{-webkit-transform:translate(20px, 20px);}
90%, 100%{opacity:0;-webkit-transform:translate(-600px, -600px);}
}
@keyframes bounceOutUpLeftLarge{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(-25px, -25px);}
40%{transform:translate(20px, 20px);}
90%, 100%{opacity:0;transform:translate(-600px, -600px);}
}
.bounceOutUpRight{-webkit-animation-name:bounceOutUpRight;animation-name:bounceOutUpRight;}
@-webkit-keyframes bounceOutUpRight{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(10px, -10px);}
40%{-webkit-transform:translate(-15px, 15px);}
90%, 100%{opacity:0;-webkit-transform:translate(60px, -60px);}
}
@keyframes bounceOutUpRight{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(10px, -10px);}
40%{transform:translate(-15px, 15px);}
v90%, 100%{opacity:0;transform:translate(60px, -60px);}
}
.bounceOutUpRightBig{-webkit-animation-name:bounceOutUpRightBig;animation-name:bounceOutUpRightBig;}
@-webkit-keyframes bounceOutUpRightBig{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(20px, -20px);}
40%{-webkit-transform:translate(-15px, 15px);}
90%, 100%{opacity:0;-webkit-transform:translate(200px, -200px);}
}
@keyframes bounceOutUpRightBig{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(20px, -20px);}
40%{transform:translate(-15px, 15px);}
90%, 100%{opacity:0;transform:translate(200px, -200px);}
}
.bounceOutUpRightLarge{-webkit-animation-name:bounceOutUpRightLarge;animation-name:bounceOutUpRightLarge;}
@-webkit-keyframes bounceOutUpRightLarge{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(25px, -25px);}
40%{-webkit-transform:translate(-20px, 20px);}
90%, 100%{opacity:0;-webkit-transform:translate(600px, -600px);}
}
@keyframes bounceOutUpRightLarge{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(25px, -25px);}
40%{transform:translate(-20px, 20px);}
90%, 100%{opacity:0;transform:translate(600px, -600px);}
}
.bounceOutDownLeft{-webkit-animation-name:bounceOutDownLeft;animation-name:bounceOutDownLeft;}
@-webkit-keyframes bounceOutDownLeft{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(-10px, 10px);}
40%{-webkit-transform:translate(15px, -15px);}
90%, 100%{opacity:0;-webkit-transform:translate(-60px, 60px);}
}
@keyframes bounceOutDownLeft{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(-10px, 10px);}
40%{transform:translate(15px, -15px);}
90%, 100%{opacity:0;transform:translate(-60px, 60px);}
}
.bounceOutDownLeftBig{-webkit-animation-name:bounceOutDownLeftBig;animation-name:bounceOutDownLeftBig;}
@-webkit-keyframes bounceOutDownLeftBig{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(-20px, 20px);}
40%{-webkit-transform:translate(15px, -15px);}
90%, 100%{opacity:0;-webkit-transform:translate(-200px, 200px);}
}
@keyframes bounceOutDownLeftBig{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(-20px, 20px);}
40%{transform:translate(15px, -15px);}
90%, 100%{opacity:0;transform:translate(-200px, 200px);}
}
.bounceOutDownLeftLarge{-webkit-animation-name:bounceOutDownLeftLarge;animation-name:bounceOutDownLeftLarge;}
@-webkit-keyframes bounceOutDownLeftLarge{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(-25px, 25px);}
40%{-webkit-transform:translate(20px, -20px);}
90%, 100%{opacity:0;-webkit-transform:translate(-600px, 600px);}
}
@keyframes bounceOutDownLeftLarge{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(-25px, 25px);}
40%{transform:translate(20px, -20px);}
90%, 100%{opacity:0;transform:translate(-600px, 600px);}
}
.bounceOutDownRight{-webkit-animation-name:bounceOutDownRight;animation-name:bounceOutDownRight;}
@-webkit-keyframes bounceOutDownRight{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(10px, 10px);}
40%{-webkit-transform:translate(-15px, -15px);}
90%, 100%{opacity:0;-webkit-transform:translate(60px, 60px);}
}
@keyframes bounceOutDownRight{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(10px, 10px);}
40%{transform:translate(-15px, -15px);}
90%, 100%{opacity:0;transform:translate(60px, 60px);}
}
.bounceOutDownRightBig{-webkit-animation-name:bounceOutDownRightBig;animation-name:bounceOutDownRightBig;}
@-webkit-keyframes bounceOutDownRightBig{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(20px, 20px);}
40%{-webkit-transform:translate(-15px, -15px);}
90%, 100%{opacity:0;-webkit-transform:translate(200px, 200px);}
}
@keyframes bounceOutDownRightBig{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(20px, 20px);}
40%{transform:translate(-15px, -15px);}
90%, 100%{opacity:0;transform:translate(200px, 200px);}
}
.bounceOutDownRightLarge{-webkit-animation-name:bounceOutDownRightLarge;animation-name:bounceOutDownRightLarge;}
@-webkit-keyframes bounceOutDownRightLarge{0%{opacity:1;-webkit-transform:translate(0, 0);}
15%{-webkit-transform:translate(25px, 25px);}
40%{-webkit-transform:translate(-20px, -20px);}
90%, 100%{opacity:0;-webkit-transform:translate(600px, 600px);}
}
@keyframes bounceOutDownRightLarge{0%{opacity:1;transform:translate(0, 0);}
15%{transform:translate(25px, 25px);}
40%{transform:translate(-20px, -20px);}
90%, 100%{opacity:0;transform:translate(600px, 600px);}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@keyframes zoomIn{0%{opacity:0;transform:scale(0);}
100%{opacity:1;transform:scale(1);}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;}
@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(0) translateY(200px);}
100%{opacity:1;-webkit-transform:scale(1) translateY(0);}
}
@keyframes zoomInUp{0%{opacity:0;transform:scale(0) translateY(200px);}
100%{opacity:1;transform:scale(1) translateY(0);}
}
.zoomInUpBig{-webkit-animation-name:zoomInUpBig;animation-name:zoomInUpBig;}
@-webkit-keyframes zoomInUpBig{0%{opacity:0;-webkit-transform:scale(0) translateY(600px);}
100%{opacity:1;-webkit-transform:scale(1) translateY(0);}
}
@keyframes zoomInUpBig{0%{opacity:0;transform:scale(0) translateY(600px);}
100%{opacity:1;transform:scale(1) translateY(0);}
}
.zoomInUpLarge{-webkit-animation-name:zoomInUpLarge;animation-name:zoomInUpLarge;}
@-webkit-keyframes zoomInUpLarge{0%{opacity:0;-webkit-transform:scale(0) translateY(1000px);}
100%{opacity:1;-webkit-transform:scale(1) translateY(0);}
}
@keyframes zoomInUpLarge{0%{opacity:0;transform:scale(0) translateY(1000px);}
100%{opacity:1;transform:scale(1) translateY(0);}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}
@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(0) translateY(-200px);}
100%{opacity:1;-webkit-transform:scale(1) translateY(0);}
}
@keyframes zoomInDown{0%{opacity:0;transform:scale(0) translateY(-200px);}
100%{opacity:1;transform:scale(1) translateY(0);}
}
.zoomInDownBig{-webkit-animation-name:zoomInDownBig;animation-name:zoomInDownBig;}
@-webkit-keyframes zoomInDownBig{0%{opacity:0;-webkit-transform:scale(0) translateY(-600px);}
100%{opacity:1;-webkit-transform:scale(1) translateY(0);}
}
@keyframes zoomInDownBig{0%{opacity:0;transform:scale(0) translateY(-600px);}
100%{opacity:1;transform:scale(1) translateY(0);}
}
.zoomInDownLarge{-webkit-animation-name:zoomInDownLarge;animation-name:zoomInDownLarge;}
@-webkit-keyframes zoomInDownLarge{0%{opacity:0;-webkit-transform:scale(0) translateY(-1000px);}
100%{opacity:1;-webkit-transform:scale(1) translateY(0);}
}
@keyframes zoomInDownLarge{0%{opacity:0;transform:scale(0) translateY(-1000px);}
100%{opacity:1;transform:scale(1) translateY(0);}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}
@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(0) translateX(-200px);}
100%{opacity:1;-webkit-transform:scale(1) translateX(0);}
}
@keyframes zoomInLeft{0%{opacity:0;transform:scale(0) translateX(-200px);}
100%{opacity:1;transform:scale(1) translateX(0);}
}
.zoomInLeftBig{-webkit-animation-name:zoomInLeftBig;animation-name:zoomInLeftBig;}
@-webkit-keyframes zoomInLeftBig{0%{opacity:0;-webkit-transform:scale(0) translateX(-600px);}
100%{opacity:1;-webkit-transform:scale(1) translateX(0);}
}
@keyframes zoomInLeftBig{0%{opacity:0;transform:scale(0) translateX(-600px);}
100%{opacity:1;transform:scale(1) translateX(0);}
}
.zoomInLeftLarge{-webkit-animation-name:zoomInLeftLarge;animation-name:zoomInLeftLarge;}
@-webkit-keyframes zoomInLeftLarge{0%{opacity:0;-webkit-transform:scale(0) translateX(-1300px);}
100%{opacity:1;-webkit-transform:scale(1) translateX(0);}
}
@keyframes zoomInLeftLarge{0%{opacity:0;transform:scale(0) translateX(-1300px);}
100%{opacity:1;transform:scale(1) translateX(0);}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;}
@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(0) translateX(200px);}
100%{opacity:1;-webkit-transform:scale(1) translateX(0);}
}
@keyframes zoomInRight{0%{opacity:0;transform:scale(0) translateX(200px);}
100%{opacity:1;transform:scale(1) translateX(0);}
}
.zoomInRightBig{-webkit-animation-name:zoomInRightBig;animation-name:zoomInRightBig;}
@-webkit-keyframes zoomInRightBig{0%{opacity:0;-webkit-transform:scale(0) translateX(600px);}
100%{opacity:1;-webkit-transform:scale(1) translateX(0);}
}
@keyframes zoomInRightBig{0%{opacity:0;transform:scale(0) translateX(600px);}
100%{opacity:1;transform:scale(1) translateX(0);}
}
.zoomInRightLarge{-webkit-animation-name:zoomInRightLarge;animation-name:zoomInRightLarge;}
@-webkit-keyframes zoomInRightLarge{0%{opacity:0;-webkit-transform:scale(0) translateX(1300px);}
100%{opacity:1;-webkit-transform:scale(1) translateX(0);}
}
@keyframes zoomInRightLarge{0%{opacity:0;transform:scale(0) translateX(1300px);}
100%{opacity:1;transform:scale(1) translateX(0);}
}
.zoomInUpLeft{-webkit-animation-name:zoomInUpLeft;animation-name:zoomInUpLeft;}
@-webkit-keyframes zoomInUpLeft{0%{opacity:0;-webkit-transform:scale(0) translate(200px, 200px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInUpLeft{0%{opacity:0;transform:scale(0) translate(200px, 200px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInUpLeftBig{-webkit-animation-name:zoomInUpLeftBig;animation-name:zoomInUpLeftBig;}
@-webkit-keyframes zoomInUpLeftBig{0%{opacity:0;-webkit-transform:scale(0) translate(600px, 600px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInUpLeftBig{0%{opacity:0;transform:scale(0) translate(600px, 600px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInUpLeftLarge{-webkit-animation-name:zoomInUpLeftLarge;animation-name:zoomInUpLeftLarge;}
@-webkit-keyframes zoomInUpLeftLarge{0%{opacity:0;-webkit-transform:scale(0) translate(1000px, 1000px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInUpLeftLarge{0%{opacity:0;transform:scale(0) translate(1000px, 1000px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInUpRight{-webkit-animation-name:zoomInUpRight;animation-name:zoomInUpRight;}
@-webkit-keyframes zoomInUpRight{0%{opacity:0;-webkit-transform:scale(0) translate(-200px, 200px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInUpRight{0%{opacity:0;transform:scale(0) translate(-200px, 200px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInUpRightBig{-webkit-animation-name:zoomInUpRightBig;animation-name:zoomInUpRightBig;}
@-webkit-keyframes zoomInUpRightBig{0%{opacity:0;-webkit-transform:scale(0) translate(-600px, 600px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInUpRightBig{0%{opacity:0;transform:scale(0) translate(-600px, 600px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInUpRightLarge{-webkit-animation-name:zoomInUpRightLarge;animation-name:zoomInUpRightLarge;}
@-webkit-keyframes zoomInUpRightLarge{0%{opacity:0;-webkit-transform:scale(0) translate(-1000px, 1000px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInUpRightLarge{0%{opacity:0;transform:scale(0) translate(-1000px, 1000px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInDownLeft{-webkit-animation-name:zoomInDownLeft;animation-name:zoomInDownLeft;}
@-webkit-keyframes zoomInDownLeft{0%{opacity:0;-webkit-transform:scale(0) translate(-200px, -200px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInDownLeft{0%{opacity:0;transform:scale(0) translate(-200px, -200px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInDownLeftBig{-webkit-animation-name:zoomInDownLeftBig;animation-name:zoomInDownLeftBig;}
@-webkit-keyframes zoomInDownLeftBig{0%{opacity:0;-webkit-transform:scale(0) translate(-600px, -600px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInDownLeftBig{0%{opacity:0;transform:scale(0) translate(-600px, -600px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInDownLeftLarge{-webkit-animation-name:zoomInDownLeftLarge;animation-name:zoomInDownLeftLarge;}
@-webkit-keyframes zoomInDownLeftLarge{0%{opacity:0;-webkit-transform:scale(0) translate(-1000px, -1000px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInDownLeftLarge{0%{opacity:0;transform:scale(0) translate(-1000px, -1000px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInDownRight{-webkit-animation-name:zoomInDownRight;animation-name:zoomInDownRight;}
@-webkit-keyframes zoomInDownRight{0%{opacity:0;-webkit-transform:scale(0) translate(200px, -200px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInDownRight{0%{opacity:0;transform:scale(0) translate(200px, -200px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInDownRightBig{-webkit-animation-name:zoomInDownRightBig;animation-name:zoomInDownRightBig;}
@-webkit-keyframes zoomInDownRightBig{0%{opacity:0;-webkit-transform:scale(0) translate(600px, -600px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInDownRightBig{0%{opacity:0;transform:scale(0) translate(600px, -600px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomInDownRightLarge{-webkit-animation-name:zoomInDownRightLarge;animation-name:zoomInDownRightLarge;}
@-webkit-keyframes zoomInDownRightLarge{0%{opacity:0;-webkit-transform:scale(0) translate(1000px, -1000px);}
100%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
}
@keyframes zoomInDownRightLarge{0%{opacity:0;transform:scale(0) translate(1000px, -1000px);}
100%{opacity:1;transform:scale(1) translate(0, 0);}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;}
@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);}
100%{opacity:0;-webkit-transform:scale(0);}
}
@keyframes zoomOut{0%{opacity:1;transform:scale(1);}
100%{opacity:0;transform:scale(0);}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;}
@-webkit-keyframes zoomOutUp{0%{opacity:1;-webkit-transform:scale(1) translateY(0);}
100%{opacity:0;-webkit-transform:scale(0) translateY(-200px);}
}
@keyframes zoomOutUp{0%{opacity:1;transform:scale(1) translateY(0);}
100%{opacity:0;transform:scale(0) translateY(-200px);}
}
.zoomOutUpBig{-webkit-animation-name:zoomOutUpBig;animation-name:zoomOutUpBig;}
@-webkit-keyframes zoomOutUpBig{0%{opacity:1;-webkit-transform:scale(1) translateY(0);}
100%{opacity:0;-webkit-transform:scale(0) translateY(-600px);}
}
@keyframes zoomOutUpBig{0%{opacity:1;transform:scale(1) translateY(0);}
100%{opacity:0;transform:scale(0) translateY(-600px);}
}
.zoomOutUpLarge{-webkit-animation-name:zoomOutUpLarge;animation-name:zoomOutUpLarge;}
@-webkit-keyframes zoomOutUpLarge{0%{opacity:1;-webkit-transform:scale(1) translateY(0);}
100%{opacity:0;-webkit-transform:scale(0) translateY(-1000px);}
}
@keyframes zoomOutUpLarge{0%{opacity:1;transform:scale(1) translateY(0);}
100%{opacity:0;transform:scale(0) translateY(-1000px);}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;}
@-webkit-keyframes zoomOutDown{0%{opacity:1;-webkit-transform:scale(1) translateY(0);}
100%{opacity:0;-webkit-transform:scale(0) translateY(200px);}
}
@keyframes zoomOutDown{0%{opacity:1;transform:scale(1) translateY(0);}
100%{opacity:0;transform:scale(0) translateY(200px);}
}
.zoomOutDownBig{-webkit-animation-name:zoomOutDownBig;animation-name:zoomOutDownBig;}
@-webkit-keyframes zoomOutDownBig{0%{opacity:1;-webkit-transform:scale(1) translateY(0);}
100%{opacity:0;-webkit-transform:scale(0) translateY(600px);}
}
@keyframes zoomOutDownBig{0%{opacity:1;transform:scale(1) translateY(0);}
100%{opacity:0;transform:scale(0) translateY(600px);}
}
.zoomOutDownLarge{-webkit-animation-name:zoomOutDownLarge;animation-name:zoomOutDownLarge;}
@-webkit-keyframes zoomOutDownLarge{0%{opacity:1;-webkit-transform:scale(1) translateY(0);}
100%{opacity:0;-webkit-transform:scale(0) translateY(1000px);}
}
@keyframes zoomOutDownLarge{0%{opacity:1;transform:scale(1) translateY(0);}
100%{opacity:0;transform:scale(0) translateY(1000px);}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;}
@-webkit-keyframes zoomOutLeft{0%{opacity:1;-webkit-transform:scale(1) translateX(0);}
100%{opacity:0;-webkit-transform:scale(0) translateX(-200px);}
}
@keyframes zoomOutLeft{0%{opacity:1;transform:scale(1) translateX(0);}
100%{opacity:0;transform:scale(0) translateX(-200px);}
}
.zoomOutLeftBig{-webkit-animation-name:zoomOutLeftBig;animation-name:zoomOutLeftBig;}
@-webkit-keyframes zoomOutLeftBig{0%{opacity:1;-webkit-transform:scale(1) translateX(0);}
100%{opacity:0;-webkit-transform:scale(0) translateX(-600px);}
}
@keyframes zoomOutLeftBig{0%{opacity:1;transform:scale(1) translateX(0);}
100%{opacity:0;transform:scale(0) translateX(-600px);}
}
.zoomOutLeftLarge{-webkit-animation-name:zoomOutLeftLarge;animation-name:zoomOutLeftLarge;}
@-webkit-keyframes zoomOutLeftLarge{0%{opacity:1;-webkit-transform:scale(1) translateX(0);}
100%{opacity:0;-webkit-transform:scale(0) translateX(-1300px);}
}
@keyframes zoomOutLeftLarge{0%{opacity:1;transform:scale(1) translateX(0);}
100%{opacity:0;transform:scale(0) translateX(-1300px);}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;}
@-webkit-keyframes zoomOutRight{0%{opacity:1;-webkit-transform:scale(1) translateX(0);}
100%{opacity:0;-webkit-transform:scale(0) translateX(200px);}
}
@keyframes zoomOutRight{0%{opacity:1;transform:scale(1) translateX(0);}
100%{opacity:0;transform:scale(0) translateX(200px);}
}
.zoomOutRightBig{-webkit-animation-name:zoomOutRightBig;animation-name:zoomOutRightBig;}
@-webkit-keyframes zoomOutRightBig{0%{opacity:1;-webkit-transform:scale(1) translateX(0);}
100%{opacity:0;-webkit-transform:scale(0) translateX(600px);}
}
@keyframes zoomOutRightBig{0%{opacity:1;transform:scale(1) translateX(0);}
100%{opacity:0;transform:scale(0) translateX(600px);}
}
.zoomOutRightLarge{-webkit-animation-name:zoomOutRightLarge;animation-name:zoomOutRightLarge;}
@-webkit-keyframes zoomOutRightLarge{0%{opacity:1;-webkit-transform:scale(1) translateX(0);}
100%{opacity:0;-webkit-transform:scale(0) translateX(1300px);}
}
@keyframes zoomOutRightLarge{0%{opacity:1;transform:scale(1) translateX(0);}
100%{opacity:0;transform:scale(0) translateX(1300px);}
}
.zoomOutUpLeft{-webkit-animation-name:zoomOutUpLeft;animation-name:zoomOutUpLeft;}
@-webkit-keyframes zoomOutUpLeft{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(-200px, -200px);}
}
@keyframes zoomOutUpLeft{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(-200px, -200px);}
}
.zoomOutUpLeftBig{-webkit-animation-name:zoomOutUpLeftBig;animation-name:zoomOutUpLeftBig;}
@-webkit-keyframes zoomOutUpLeftBig{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(-600px, -600px);}
}
@keyframes zoomOutUpLeftBig{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(-600px, -600px);}
}
.zoomOutUpLeftLarge{-webkit-animation-name:zoomOutUpLeftLarge;animation-name:zoomOutUpLeftLarge;}
@-webkit-keyframes zoomOutUpLeftLarge{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(-1000px, -1000px);}
}
@keyframes zoomOutUpLeftLarge{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(-1000px, -1000px);}
}
.zoomOutUpRight{-webkit-animation-name:zoomOutUpRight;animation-name:zoomOutUpRight;}
@-webkit-keyframes zoomOutUpRight{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(200px, -200px);}
}
@keyframes zoomOutUpRight{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(200px, -200px);}
}
.zoomOutUpRightBig{-webkit-animation-name:zoomOutUpRightBig;animation-name:zoomOutUpRightBig;}
@-webkit-keyframes zoomOutUpRightBig{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(600px, -600px);}
}
@keyframes zoomOutUpRightBig{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(600px, -600px);}
}
.zoomOutUpRightLarge{-webkit-animation-name:zoomOutUpRightLarge;animation-name:zoomOutUpRightLarge;}
@-webkit-keyframes zoomOutUpRightLarge{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(1000px, -1000px);}
}
@keyframes zoomOutUpRightLarge{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(1000px, -1000px);}
}
.zoomOutDownLeft{-webkit-animation-name:zoomOutDownLeft;animation-name:zoomOutDownLeft;}
@-webkit-keyframes zoomOutDownLeft{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(-200px, 200px);}
}
@keyframes zoomOutDownLeft{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(-200px, 200px);}
}
.zoomOutDownLeftBig{-webkit-animation-name:zoomOutDownLeftBig;animation-name:zoomOutDownLeftBig;}
@-webkit-keyframes zoomOutDownLeftBig{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(-600px, 600px);}
}
@keyframes zoomOutDownLeftBig{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(-600px, 600px);}
}
.zoomOutDownLeftLarge{-webkit-animation-name:zoomOutDownLeftLarge;animation-name:zoomOutDownLeftLarge;}
@-webkit-keyframes zoomOutDownLeftLarge{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(-1000px, 1000px);}
}
@keyframes zoomOutDownLeftLarge{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(-1000px, 1000px);}
}
.zoomOutDownRight{-webkit-animation-name:zoomOutDownRight;animation-name:zoomOutDownRight;}
@-webkit-keyframes zoomOutDownRight{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(200px, 200px);}
}
@keyframes zoomOutDownRight{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(200px, 200px);}
}
.zoomOutDownRightBig{-webkit-animation-name:zoomOutDownRightBig;animation-name:zoomOutDownRightBig;}
@-webkit-keyframes zoomOutDownRightBig{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(600px, 600px);}
}
@keyframes zoomOutDownRightBig{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(600px, 600px);}
}
.zoomOutDownRightLarge{-webkit-animation-name:zoomOutDownRightLarge;animation-name:zoomOutDownRightLarge;}
@-webkit-keyframes zoomOutDownRightLarge{0%{opacity:1;-webkit-transform:scale(1) translate(0, 0);}
100%{opacity:0;-webkit-transform:scale(0) translate(1000px, 1000px);}
}
@keyframes zoomOutDownRightLarge{0%{opacity:1;transform:scale(1) translate(0, 0);}
100%{opacity:0;transform:scale(0) translate(1000px, 1000px);}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-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);}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-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);}
}
.fadeInDownLarge{-webkit-animation-name:fadeInDownLarge;animation-name:fadeInDownLarge;}
@-webkit-keyframes fadeInDownLarge{0%{opacity:0;-webkit-transform:translateY(-600px);}
80%{opacity:1;}
100%{-webkit-transform:translateY(0);}
}
@keyframes fadeInDownLarge{0%{opacity:0;transform:translateY(-600px);}
80%{opacity:1;}
100%{transform:translateY(0);}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-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);}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-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);}
}
.fadeInLeftLarge{-webkit-animation-name:fadeInLeftLarge;animation-name:fadeInLeftLarge;}
@-webkit-keyframes fadeInLeftLarge{0%{opacity:0;-webkit-transform:translateX(600px);}
80%{opacity:1;}
100%{-webkit-transform:translateX(0);}
}
@keyframes fadeInLeftLarge{0%{opacity:0;transform:translateX(600px);}
80%{opacity:1;}
100%{transform:translateX(0);}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-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);}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-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);}
}
.fadeInRightLarge{-webkit-animation-name:fadeInRightLarge;animation-name:fadeInRightLarge;}
@-webkit-keyframes fadeInRightLarge{0%{opacity:0;-webkit-transform:translateX(-600px);}
80%{opacity:1;}
100%{-webkit-transform:translateX(0);}
}
@keyframes fadeInRightLarge{0%{opacity:0;transform:translateX(-600px);}
80%{opacity:1;}
100%{transform:translateX(0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-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);}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(200px);}
80%{opacity:1;}
100%{-webkit-transform:translateY(0);}
}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(200px);}
80%{opacity:1;}
100%{transform:translateY(0);}
}
.fadeInUpLarge{-webkit-animation-name:fadeInUpLarge;animation-name:fadeInUpLarge;}
@-webkit-keyframes fadeInUpLarge{0%{opacity:0;-webkit-transform:translateY(600px);}
80%{opacity:1;}
100%{-webkit-transform:translateY(0);}
}
@keyframes fadeInUpLarge{0%{opacity:0;transform:translateY(600px);}
80%{opacity:1;}
100%{transform:translateY(0);}
}
.fadeInUpLeft{-webkit-animation-name:fadeInUpLeft;animation-name:fadeInUpLeft;}
@-webkit-keyframes fadeInUpLeft{0%{opacity:0;-webkit-transform:translate(60px, 60px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInUpLeft{0%{opacity:0;transform:translate(60px, 60px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInUpLeftBig{-webkit-animation-name:fadeInUpLeftBig;animation-name:fadeInUpLeftBig;}
@-webkit-keyframes fadeInUpLeftBig{0%{opacity:0;-webkit-transform:translate(200px, 200px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInUpLeftBig{0%{opacity:0;transform:translate(200px, 200px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInUpLeftLarge{-webkit-animation-name:fadeInUpLeftLarge;animation-name:fadeInUpLeftLarge;}
@-webkit-keyframes fadeInUpLeftLarge{0%{opacity:0;-webkit-transform:translate(600px, 600px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInUpLeftLarge{0%{opacity:0;transform:translate(600px, 600px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInUpRight{-webkit-animation-name:fadeInUpRight;animation-name:fadeInUpRight;}
@-webkit-keyframes fadeInUpRight{0%{opacity:0;-webkit-transform:translate(-60px, 60px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInUpRight{0%{opacity:0;transform:translate(-60px, 60px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInUpRightBig{-webkit-animation-name:fadeInUpRightBig;animation-name:fadeInUpRightBig;}
@-webkit-keyframes fadeInUpRightBig{0%{opacity:0;-webkit-transform:translate(-200px, 200px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInUpRightBig{0%{opacity:0;transform:translate(-200px, 200px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInUpRightLarge{-webkit-animation-name:fadeInUpRightLarge;animation-name:fadeInUpRightLarge;}
@-webkit-keyframes fadeInUpRightLarge{0%{opacity:0;-webkit-transform:translate(-600px, 600px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInUpRightLarge{0%{opacity:0;transform:translate(-600px, 600px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInDownLeft{-webkit-animation-name:fadeInDownLeft;animation-name:fadeInDownLeft;}
@-webkit-keyframes fadeInDownLeft{0%{opacity:0;-webkit-transform:translate(60px, -60px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInDownLeft{0%{opacity:0;transform:translate(60px, -60px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInDownLeftBig{-webkit-animation-name:fadeInDownLeftBig;animation-name:fadeInDownLeftBig;}
@-webkit-keyframes fadeInDownLeftBig{0%{opacity:0;-webkit-transform:translate(200px, -200px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInDownLeftBig{0%{opacity:0;transform:translate(200px, -200px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInDownLeftLarge{-webkit-animation-name:fadeInDownLeftLarge;animation-name:fadeInDownLeftLarge;}
@-webkit-keyframes fadeInDownLeftLarge{0%{opacity:0;-webkit-transform:translate(600px, -600px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInDownLeftLarge{0%{opacity:0;transform:translate(600px, -600px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInDownRight{-webkit-animation-name:fadeInDownRight;animation-name:fadeInDownRight;}
@-webkit-keyframes fadeInDownRight{0%{opacity:0;-webkit-transform:translate(-60px, -60px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInDownRight{0%{opacity:0;transform:translate(-60px, -60px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInDownRightBig{-webkit-animation-name:fadeInDownRightBig;animation-name:fadeInDownRightBig;}
@-webkit-keyframes fadeInDownRightBig{0%{opacity:0;-webkit-transform:translate(-200px, -200px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInDownRightBig{0%{opacity:0;transform:translate(-200px, -200px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeInDownRightLarge{-webkit-animation-name:fadeInDownRightLarge;animation-name:fadeInDownRightLarge;}
@-webkit-keyframes fadeInDownRightLarge{0%{opacity:0;-webkit-transform:translate(-600px, -600px);}
80%{opacity:1;}
100%{-webkit-transform:translate(0, 0);}
}
@keyframes fadeInDownRightLarge{0%{opacity:0;transform:translate(-600px, -600px);}
80%{opacity:1;}
100%{transform:translate(0, 0);}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-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);}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-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);}
}
.fadeOutDownLarge{-webkit-animation-name:fadeOutDownLarge;animation-name:fadeOutDownLarge;}
@-webkit-keyframes fadeOutDownLarge{0%{opacity:1;-webkit-transform:translateY(0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translateY(600px);}
}
@keyframes fadeOutDownLarge{0%{opacity:1;transform:translateY(0);}
80%{opacity:0;}
100%{opacity:0;transform:translateY(600px);}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-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);}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-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);}
}
.fadeOutLeftLarge{-webkit-animation-name:fadeOutLeftLarge;animation-name:fadeOutLeftLarge;}
@-webkit-keyframes fadeOutLeftLarge{0%{opacity:1;-webkit-transform:translateX(0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translateX(-600px);}
}
@keyframes fadeOutLeftLarge{0%{opacity:1;transform:translateX(0);}
80%{opacity:0;}
100%{opacity:0;transform:translateX(-600px);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-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);}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-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);}
}
.fadeOutRightLarge{-webkit-animation-name:fadeOutRightLarge;animation-name:fadeOutRightLarge;}
@-webkit-keyframes fadeOutRightLarge{0%{opacity:1;-webkit-transform:translateX(0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translateX(600px);}
}
@keyframes fadeOutRightLarge{0%{opacity:1;transform:translateX(0);}
80%{opacity:0;}
100%{opacity:0;transform:translateX(600px);}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-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);}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-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);}
}
.fadeOutUpLarge{-webkit-animation-name:fadeOutUpLarge;animation-name:fadeOutUpLarge;}
@-webkit-keyframes fadeOutUpLarge{0%{opacity:1;-webkit-transform:translateY(0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translateY(-600px);}
}
@keyframes fadeOutUpLarge{0%{opacity:1;transform:translateY(0);}
80%{opacity:0;}
100%{opacity:0;transform:translateY(-600px);}
}
.fadeOutUpLeft{-webkit-animation-name:fadeOutUpLeft;animation-name:fadeOutUpLeft;}
@-webkit-keyframes fadeOutUpLeft{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(-60px, -60px);}
}
@keyframes fadeOutUpLeft{0%{opacity:1;transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(-60px, -60px);}
}
.fadeOutUpLeftBig{-webkit-animation-name:fadeOutUpLeftBig;animation-name:fadeOutUpLeftBig;}
@-webkit-keyframes fadeOutUpLeftBig{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(-200px, -200px);}
}
@keyframes fadeOutUpLeftBig{0%{opacity:1;transform:translate(0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(-200px, -200px);}
}
.fadeOutUpLeftLarge{-webkit-animation-name:fadeOutUpLeftLarge;animation-name:fadeOutUpLeftLarge;}
@-webkit-keyframes fadeOutUpLeftLarge{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(-600px, -600px);}
}
@keyframes fadeOutUpLeftLarge{0%{opacity:1;transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(-600px, -600px);}
}
.fadeOutUpRight{-webkit-animation-name:fadeOutUpRight;animation-name:fadeOutUpRight;}
@-webkit-keyframes fadeOutUpRight{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(60px, -60px);}
}
@keyframes fadeOutUpRight{0%{opacity:1;transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(60px, -60px);}
}
.fadeOutUpRightBig{-webkit-animation-name:fadeOutUpRightBig;animation-name:fadeOutUpRightBig;}
@-webkit-keyframes fadeOutUpRightBig{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(200px, -200px);}
}
@keyframes fadeOutUpRightBig{0%{opacity:1;transform:translate(0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(200px, -200px);}
}
.fadeOutUpRightLarge{-webkit-animation-name:fadeOutUpRightLarge;animation-name:fadeOutUpRightLarge;}
@-webkit-keyframes fadeOutUpRightLarge{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(600px, -600px);}
}
@keyframes fadeOutUpRightLarge{0%{opacity:1;transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(600px, -600px);}
}
.fadeOutDownLeft{-webkit-animation-name:fadeOutDownLeft;animation-name:fadeOutDownLeft;}
@-webkit-keyframes fadeOutDownLeft{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(-60px, 60px);}
}
@keyframes fadeOutDownLeft{0%{opacity:1;transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(-60px, 60px);}
}
.fadeOutDownLeftBig{-webkit-animation-name:fadeOutDownLeftBig;animation-name:fadeOutDownLeftBig;}
@-webkit-keyframes fadeOutDownLeftBig{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(-200px, 200px);}
}
@keyframes fadeOutDownLeftBig{0%{opacity:1;transform:translate(0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(-200px, 200px);}
}
.fadeOutDownLeftLarge{-webkit-animation-name:fadeOutDownLeftLarge;animation-name:fadeOutDownLeftLarge;}
@-webkit-keyframes fadeOutDownLeftLarge{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(-600px, 600px);}
}
@keyframes fadeOutDownLeftLarge{0%{opacity:1;transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(-600px, 600px);}
}
.fadeOutDownRight{-webkit-animation-name:fadeOutDownRight;animation-name:fadeOutDownRight;}
@-webkit-keyframes fadeOutDownRight{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(60px, 60px);}
}
@keyframes fadeOutDownRight{0%{opacity:1;transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(60px, 60px);}
}
.fadeOutDownRightBig{-webkit-animation-name:fadeOutDownRightBig;animation-name:fadeOutDownRightBig;}
@-webkit-keyframes fadeOutDownRightBig{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(200px, 200px);}
}
@keyframes fadeOutDownRightBig{0%{opacity:1;transform:translate(0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(200px, 200px);}
}
.fadeOutDownRightLarge{-webkit-animation-name:fadeOutDownRightLarge;animation-name:fadeOutDownRightLarge;}
@-webkit-keyframes fadeOutDownRightLarge{0%{opacity:1;-webkit-transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;-webkit-transform:translate(600px, 600px);}
}
@keyframes fadeOutDownRightLarge{0%{opacity:1;transform:translate(0, 0);}
80%{opacity:0;}
100%{opacity:0;transform:translate(600px, 600px);}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-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;}
}
.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-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;}
}
.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-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;}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;}
@-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;}
}
.flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}
@-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;}
}
.flipInTopFront{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:0%;transform-origin-x:50%;transform-origin-y:0%;-webkit-animation-name:flipInTopFront;animation-name:flipInTopFront;}
@-webkit-keyframes flipInTopFront{0%{opacity:0;-webkit-transform:perspective(1000) rotateX(90deg);}
50%{-webkit-transform:perspective(1000) rotateX(-15deg);}
70%{-webkit-transform:perspective(1000) rotateX(15deg);}
100%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg);}
}
@keyframes flipInTopFront{0%{opacity:0;transform:perspective(1000) rotateX(90deg);}
50%{transform:perspective(1000) rotateX(-15deg);}
70%{transform:perspective(1000) rotateX(15deg);}
100%{opacity:1;transform:perspective(1000) rotateX(0deg);}
}
.flipInTopBack{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:0%;transform-origin-x:50%;transform-origin-y:0%;-webkit-animation-name:flipInTopBack;animation-name:flipInTopBack;}
@-webkit-keyframes flipInTopBack{0%{opacity:0;-webkit-transform:perspective(1000) rotateX(-90deg);}
50%{-webkit-transform:perspective(1000) rotateX(20deg);}
70%{-webkit-transform:perspective(1000) rotateX(-15deg);}
100%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg);}
}
@keyframes flipInTopBack{0%{opacity:0;transform:perspective(1000) rotateX(-90deg);}
50%{transform:perspective(1000) rotateX(20deg);}
70%{transform:perspective(1000) rotateX(-15deg);}
100%{opacity:1;transform:perspective(1000) rotateX(0deg);}
}
.flipInBottomFront{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:100%;transform-origin-x:50%;transform-origin-y:100%;-webkit-animation-name:flipInBottomFront;animation-name:flipInBottomFront;}
@-webkit-keyframes flipInBottomFront{0%{opacity:0;-webkit-transform:perspective(1000) rotateX(-90deg);}
50%{-webkit-transform:perspective(1000) rotateX(20deg);}
70%{-webkit-transform:perspective(1000) rotateX(-15deg);}
100%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg);}
}
@keyframes flipInBottomFront{0%{opacity:0;transform:perspective(1000) rotateX(-90deg);}
50%{transform:perspective(1000) rotateX(20deg);}
70%{transform:perspective(1000) rotateX(-15deg);}
100%{opacity:1;transform:perspective(1000) rotateX(0deg);}
}
.flipInBottomBack{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:100%;transform-origin-x:50%;transform-origin-y:100%;-webkit-animation-name:flipInBottomBack;animation-name:flipInBottomBack;}
@-webkit-keyframes flipInBottomBack{0%{opacity:0;-webkit-transform:perspective(1000) rotateX(90deg);}
50%{-webkit-transform:perspective(1000) rotateX(-20deg);}
70%{-webkit-transform:perspective(1000) rotateX(15deg);}
100%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg);}
}
@keyframes flipInBottomBack{0%{opacity:0;transform:perspective(1000) rotateX(90deg);}
50%{transform:perspective(1000) rotateX(-20deg);}
70%{transform:perspective(1000) rotateX(15deg);}
100%{opacity:1;transform:perspective(1000) rotateX(0deg);}
}
.flipInLeftFront{-webkit-transform-origin-x:0%;-webkit-transform-origin-y:50%;transform-origin-x:0%;transform-origin-y:50%;-webkit-animation-name:flipInLeftFront;animation-name:flipInLeftFront;}
@-webkit-keyframes flipInLeftFront{0%{opacity:0;-webkit-transform:perspective(1000) rotateY(-90deg);}
50%{-webkit-transform:perspective(1000) rotateY(20deg);}
70%{-webkit-transform:perspective(1000) rotateY(-15deg);}
100%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg);}
}
@keyframes flipInLeftFront{0%{opacity:0;transform:perspective(1000) rotateY(-90deg);}
50%{transform:perspective(1000) rotateY(20deg);}
70%{transform:perspective(1000) rotateY(-15deg);}
100%{opacity:1;transform:perspective(1000) rotateY(0deg);}
}
.flipInLeftBack{-webkit-transform-origin-x:0%;-webkit-transform-origin-y:50%;transform-origin-x:0%;transform-origin-y:50%;-webkit-animation-name:flipInLeftBack;animation-name:flipInLeftBack;}
@-webkit-keyframes flipInLeftBack{0%{opacity:0;-webkit-transform:perspective(1000) rotateY(90deg);}
50%{-webkit-transform:perspective(1000) rotateY(-20deg);}
70%{-webkit-transform:perspective(1000) rotateY(15deg);}
100%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg);}
}
@keyframes flipInLeftBack{0%{opacity:0;transform:perspective(1000) rotateY(90deg);}
50%{transform:perspective(1000) rotateY(-20deg);}
70%{transform:perspective(1000) rotateY(15deg);}
100%{opacity:1;transform:perspective(1000) rotateY(0deg);}
}
.flipInRightFront{-webkit-transform-origin-x:100%;-webkit-transform-origin-y:50%;transform-origin-x:100%;transform-origin-y:50%;-webkit-animation-name:flipInRightFront;animation-name:flipInRightFront;}
@-webkit-keyframes flipInRightFront{0%{opacity:0;-webkit-transform:perspective(1000) rotateY(90deg);}
50%{-webkit-transform:perspective(1000) rotateY(-20deg);}
70%{-webkit-transform:perspective(1000) rotateY(15deg);}
100%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg);}
}
@keyframes flipInRightFront{0%{opacity:0;transform:perspective(1000) rotateY(90deg);}
50%{transform:perspective(1000) rotateY(-20deg);}
70%{transform:perspective(1000) rotateY(15deg);}
100%{opacity:1;transform:perspective(1000) rotateY(0deg);}
}
.flipInRightBack{-webkit-transform-origin-x:100%;-webkit-transform-origin-y:50%;transform-origin-x:100%;transform-origin-y:50%;-webkit-animation-name:flipInRightBack;animation-name:flipInRightBack;}
@-webkit-keyframes flipInRightBack{0%{opacity:0;-webkit-transform:perspective(1000) rotateY(-90deg);}
50%{-webkit-transform:perspective(1000) rotateY(20deg);}
70%{-webkit-transform:perspective(1000) rotateY(-15deg);}
100%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg);}
}
@keyframes flipInRightBack{0%{opacity:0;transform:perspective(1000) rotateY(-90deg);}
50%{transform:perspective(1000) rotateY(20deg);}
70%{transform:perspective(1000) rotateY(-15deg);}
100%{opacity:1;transform:perspective(1000) rotateY(0deg);}
}
.flipOutTopFront{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:0%;transform-origin-x:50%;transform-origin-y:0%;-webkit-animation-name:flipOutTopFront;animation-name:flipOutTopFront;}
@-webkit-keyframes flipOutTopFront{0%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg);}
30%{-webkit-transform:perspective(1000) rotateX(-20deg);}
50%{opacity:1;}
100%{opacity:0;-webkit-transform:perspective(1000) rotateX(90deg);}
}
@keyframes flipOutTopFront{0%{opacity:1;transform:perspective(1000) rotateX(0deg);}
30%{transform:perspective(1000) rotateX(-20deg);}
50%{opacity:1;}
100%{opacity:0;transform:perspective(1000) rotateX(90deg);}
}
.flipOutTopBack{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:0%;transform-origin-x:50%;transform-origin-y:0%;-webkit-animation-name:flipOutTopBack;animation-name:flipOutTopBack;}
@-webkit-keyframes flipOutTopBack{0%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg);}
30%{-webkit-transform:perspective(1000) rotateX(20deg);}
50%{opacity:1;}
100%{opacity:0;-webkit-transform:perspective(1000) rotateX(-90deg);}
}
@keyframes flipOutTopBack{0%{opacity:1;transform:perspective(1000) rotateX(0deg);}
30%{transform:perspective(1000) rotateX(20deg);}
50%{opacity:1;}
100%{opacity:0;transform:perspective(1000) rotateX(-90deg);}
}
.flipOutBottomFront{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:100%;transform-origin-x:50%;transform-origin-y:100%;-webkit-animation-name:flipOutBottomFront;animation-name:flipOutBottomFront;}
@-webkit-keyframes flipOutBottomFront{0%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg);}
30%{-webkit-transform:perspective(1000) rotateX(20deg);}
50%{opacity:1;}
100%{opacity:0;-webkit-transform:perspective(1000) rotateX(-90deg);}
}
@keyframes flipOutBottomFront{0%{opacity:1;transform:perspective(1000) rotateX(0deg);}
30%{transform:perspective(1000) rotateX(20deg);}
50%{opacity:1;}
100%{opacity:0;transform:perspective(1000) rotateX(-90deg);}
}
.flipOutBottomBack{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:100%;transform-origin-x:50%;transform-origin-y:100%;-webkit-animation-name:flipOutBottomBack;animation-name:flipOutBottomBack;}
@-webkit-keyframes flipOutBottomBack{0%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg);}
30%{-webkit-transform:perspective(1000) rotateX(-20deg);}
50%{opacity:1;}
100%{opacity:0;-webkit-transform:perspective(1000) rotateX(90deg);}
}
@keyframes flipOutBottomBack{0%{opacity:1;transform:perspective(1000) rotateX(0deg);}
30%{transform:perspective(1000) rotateX(-20deg);}
50%{opacity:1;}
100%{opacity:0;transform:perspective(1000) rotateX(90deg);}
}
.flipOutLeftFront{-webkit-transform-origin-x:0%;-webkit-transform-origin-y:50%;transform-origin-x:0%;transform-origin-y:50%;-webkit-animation-name:flipOutLeftFront;animation-name:flipOutLeftFront;}
@-webkit-keyframes flipOutLeftFront{0%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg);}
30%{-webkit-transform:perspective(1000) rotateY(20deg);}
50%{opacity:1;}
100%{opacity:0;-webkit-transform:perspective(1000) rotateY(-90deg);}
}
@keyframes flipOutLeftFront{0%{opacity:1;transform:perspective(1000) rotateY(0deg);}
30%{transform:perspective(1000) rotateY(20deg);}
50%{opacity:1;}
100%{opacity:0;transform:perspective(1000) rotateY(-90deg);}
}
.flipOutLeftBack{-webkit-transform-origin-x:0%;-webkit-transform-origin-y:50%;transform-origin-x:0%;transform-origin-y:50%;-webkit-animation-name:flipOutLeftBack;animation-name:flipOutLeftBack;}
@-webkit-keyframes flipOutLeftBack{0%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg);}
30%{-webkit-transform:perspective(1000) rotateY(-20deg);}
50%{opacity:1;}
100%{opacity:0;-webkit-transform:perspective(1000) rotateY(90deg);}
}
@keyframes flipOutLeftBack{0%{opacity:1;transform:perspective(1000) rotateY(0deg);}
30%{transform:perspective(1000) rotateY(-20deg);}
50%{opacity:1;}
100%{opacity:0;transform:perspective(1000) rotateY(90deg);}
}
.flipOutRightFront{-webkit-transform-origin-x:100%;-webkit-transform-origin-y:50%;transform-origin-x:100%;transform-origin-y:50%;-webkit-animation-name:flipOutRightFront;animation-name:flipOutRightFront;}
@-webkit-keyframes flipOutRightFront{0%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg);}
30%{-webkit-transform:perspective(1000) rotateY(-20deg);}
50%{opacity:1;}
100%{opacity:0;-webkit-transform:perspective(1000) rotateY(90deg);}
}
@keyframes flipOutRightFront{0%{opacity:1;transform:perspective(1000) rotateY(0deg);}
30%{transform:perspective(1000) rotateY(-20deg);}
50%{opacity:1;}
100%{opacity:0;transform:perspective(1000) rotateY(90deg);}
}
.flipOutRightBack{-webkit-transform-origin-x:100%;-webkit-transform-origin-y:50%;transform-origin-x:100%;transform-origin-y:50%;-webkit-animation-name:flipOutRightBack;animation-name:flipOutRightBack;}
@-webkit-keyframes flipOutRightBack{0%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg);}
30%{-webkit-transform:perspective(1000) rotateY(20deg);}
50%{opacity:1;}
100%{opacity:0;-webkit-transform:perspective(1000) rotateY(-90deg);}
}
@keyframes flipOutRightBack{0%{opacity:1;transform:perspective(1000) rotateY(0deg);}
30%{transform:perspective(1000) rotateY(20deg);}
50%{opacity:1;}
100%{opacity:0;transform:perspective(1000) rotateY(-90deg);}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
@-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;}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
@-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;}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@-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;}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-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;}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-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;}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-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;}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-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;}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}
@-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;}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-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;}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-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;}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-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;}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-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;}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-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);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-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);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-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);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-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);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-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);}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}
@-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);}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInUp{0%{-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}
100%{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}
@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}
}
@keyframes slideOutDown{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);}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge;}
@-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);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
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);-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;opacity:1;}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0;}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}
@-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);}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}
@-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);}
}