body, html { overflow-x: hidden; position: relative }
*[animation~="musefree"] { visibility: hidden; }
*[animation~="musefree"].musefree { visibility: visible; }
/*Duration-*/
.d1 { -webkit-animation-delay: .1s!important; animation-delay: .1s!important; -webkit-transition-delay: .1s!important; transition-delay: .1s!important }
.d3 { -webkit-animation-delay: .3s!important; animation-delay: .3s!important; -webkit-transition-delay: .3s!important; transition-delay: .3s!important }
.d5 { -webkit-animation-delay: .5s!important; animation-delay: .8s!important; -webkit-transition-delay: .5s!important; transition-delay: .8s!important }
.d7 { -webkit-animation-delay: .7s!important; animation-delay: .7s!important; -webkit-transition-delay: .7s!important; transition-delay: .7s!important }
.d9 { -webkit-animation-delay: .9s!important; animation-delay: .9s!important; -webkit-transition-delay: .9s!important; transition-delay: .9s!important }
.d10 { -webkit-animation-delay: 1s!important; animation-delay: 1s!important; -webkit-transition-delay: 1s!important; transition-delay: 1s!important }
.d15 { -webkit-animation-delay: 1.5s!important; animation-delay: 1.5s!important; -webkit-transition-delay: 1.5s!important; transition-delay: 1.5s!important }
.d20 { -webkit-animation-delay: 2s!important; animation-delay: 2s!important; -webkit-transition-delay: 2s!important; transition-delay: 2s!important }
.d30 { -webkit-animation-delay: 3s!important; animation-delay: 3s!important; -webkit-transition-delay: 3s!important; transition-delay: 3s!important }
.d40 { -webkit-animation-delay: 4s!important; animation-delay: 4s!important; -webkit-transition-delay: 4s!important; transition-delay: 4s!important }
/*-Delay-*/
.s1 { -webkit-animation-duration: .1s!important; animation-duration: .1s!important }
.s3 { -webkit-animation-duration: .3s!important; animation-duration: .3s!important }
.s5 { -webkit-animation-duration: .5s!important; animation-duration: .5s!important }
.s8 { -webkit-animation-duration: .8s!important; animation-duration: .8s!important }
.s10 { -webkit-animation-duration: 1s!important; animation-duration: 1!important }
.s12 { -webkit-animation-duration: 1.2s!important; animation-duration: 1.2s!important }
.s15 { -webkit-animation-duration: 1.5s!important; animation-duration: 1.5s!important }
.s20 { -webkit-animation-duration: 2s!important; animation-duration: 2s!important }
.s40 { -webkit-animation-duration: 4s!important; animation-duration: 4s!important }
.s60 { -webkit-animation-duration: 6s!important; animation-duration: 6s!important }
.s80 { -webkit-animation-duration: 8s!important; animation-duration: 8s!important }
.s100 { -webkit-animation-duration: 10s!important; animation-duration: 10s!important }
.hide { opacity: 0 }
.show { opacity: 1 }
.musefree { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-font-smoothing: antialiased }
.musefree.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
 @-webkit-keyframes hang {
0% {
-webkit-transform:perspective(400px) rotateX(40deg);
opacity:0
}
25% {
-webkit-transform:perspective(400px) rotateX(-6deg);
opacity:1
}
50% {
-webkit-transform:perspective(400px) rotateX(3deg)
}
75% {
-webkit-transform:perspective(400px) rotateX(-1deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg)
}
}
@keyframes hang {
0% {
-ms-transform:perspective(400px) rotateX(40deg);
transform:perspective(400px) rotateX(40deg);
opacity:0
}
25% {
-ms-transform:perspective(400px) rotateX(-6deg);
transform:perspective(400px) rotateX(-6deg);
opacity:1
}
50% {
-ms-transform:perspective(400px) rotateX(3deg);
transform:perspective(400px) rotateX(3deg)
}
75% {
-ms-transform:perspective(400px) rotateX(-1deg);
transform:perspective(400px) rotateX(-1deg)
}
100% {
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg)
}
}
.hang { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: hang; animation-name: hang; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top }
 @-webkit-keyframes blow {
0% {
-webkit-transform:perspective(400px) rotateX(90deg) scaleX(.1);
opacity:0
}
30% {
-webkit-transform:perspective(400px) rotateX(-6deg);
opacity:1
}
60% {
-webkit-transform:perspective(400px) rotateX(3deg) scaleX(1)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg) skewX(0deg)
}
}
@keyframes blow {
0% {
-ms-transform:perspective(400px) rotateX(90deg) scaleX(.1);
transform:perspective(400px) rotateX(90deg) scaleX(.1);
opacity:0
}
30% {
-ms-transform:perspective(400px) rotateX(-6deg);
transform:perspective(400px) rotateX(-6deg);
opacity:1
}
60% {
-ms-transform:perspective(400px) rotateX(-3deg) scaleX(1);
transform:perspective(400px) rotateX(-3deg) scaleX(1)
}
100% {
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg)
}
}
.blow { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: blow; animation-name: blow; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom }
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
50% {
-webkit-transform:perspective(400px) rotateY(-15deg)
}
75% {
-webkit-transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flip {
0% {
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
50% {
-ms-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-10deg)
}
75% {
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flip { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flip; animation-name: flip; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes magnet {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(0, 0)
}
90% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(0.9, .9)
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(1, 1)
}
}
@keyframes magnet {
0% {
opacity:0;
transform-origin:50% 50%;
transform:scale(0, 0)
}
90% {
opacity:1;
transform-origin:50% 50%;
transform:scale(0.9, .9)
}
100% {
opacity:1;
transform-origin:50% 50%;
transform:scale(1, 1)
}
}
.magnet { -webkit-animation-name: magnet; animation-name: magnet }
@-webkit-keyframes blur {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
-webkit-filter:blur(2px)
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
-webkit-filter:blur(0px)
}
}
@keyframes blur {
0% {
opacity:0;
transform-origin:50% 50%;
transform:scale(2, 2);
filter:blur(2px)
}
100% {
opacity:1;
transform-origin:50% 50%;
transform:scale(1, 1);
filter:blur(0px)
}
}
.blur { -webkit-animation-name: blur; animation-name: blur }
@-webkit-keyframes drop {
0% {
-webkit-transform:translateY(-2000px)
}
40%, 60%, 80% {
-webkit-transform:translateY(0)
}
50% {
-webkit-transform:translateY(-30px)
}
70% {
-webkit-transform:translateY(-6px)
}
}
@keyframes drop {
0% {
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
40%, 60%, 80% {
-ms-transform:translateY(0);
transform:translateY(0)
}
50% {
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
70% {
-ms-transform:translateY(-6px);
transform:translateY(-6px)
}
}
.drop { -webkit-animation-name: drop; animation-name: drop; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom }
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash { -webkit-animation-name: flash; animation-name: flash }
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes band {
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 band {
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)
}
}
.band { -webkit-animation-name: band; animation-name: band; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes alert {
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 alert {
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)
}
}
.alert { -webkit-animation-name: alert; animation-name: alert; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center }
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-animation-name: swing; animation-name: swing; animation-timing-function: cubic-bezier(0, .6, .8, 1); -webkit-animation-timing-function: cubic-bezier(0, .6, .8, 1) }
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
.tada { -webkit-animation-name: tada; animation-name: tada; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes shake {
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 shake {
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%)
}
}
.shake { -webkit-animation-name: shake; animation-name: shake; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes bounce {
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 bounce {
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)
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes bounceDown {
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 bounceDown {
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)
}
}
.bounceDown { -webkit-animation-name: bounceDown; animation-name: bounceDown }
@-webkit-keyframes bounceLeft {
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 bounceLeft {
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)
}
}
.bounceLeft { -webkit-animation-name: bounceLeft; animation-name: bounceLeft }
@-webkit-keyframes bounceRight {
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 bounceRight {
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)
}
}
.bounceRight { -webkit-animation-name: bounceRight; animation-name: bounceRight }
@-webkit-keyframes bounceUp {
0% {
opacity:0;
-webkit-transform:translateY(300px);
transform:translateY(300px)
}
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 bounceUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(0px)
}
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)
}
}
.bounceUp { -webkit-animation-name: bounceUp; animation-name: bounceUp }
@-webkit-keyframes fade {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fade {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fade { -webkit-animation-name: fade; animation-name: fade }
@-webkit-keyframes fadeDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeDown {
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)
}
}
.fadeDown { -webkit-animation-name: fadeDown; animation-name: fadeDown }
@-webkit-keyframes fadeLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeLeft {
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)
}
}
.fadeLeft { -webkit-animation-name: fadeLeft; animation-name: fadeLeft }
@-webkit-keyframes fadeRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeRight {
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)
}
}
.fadeRight { -webkit-animation-name: fadeRight; animation-name: fadeRight }
@-webkit-keyframes fadeUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeUp {
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)
}
}
.fadeUp { -webkit-animation-name: fadeUp; animation-name: fadeUp }
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
@keyframes rotate {
0% {
-webkit-transform:rotate(-360deg);
-ms-transform:rotate(-360deg);
transform:rotate(-360deg)
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}
}
.rotate { -webkit-animation-name: rotate; animation-name: rotate; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes rotateLeft {
0% {
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateLeft {
0% {
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateLeft { -webkit-animation-name: rotateLeft; animation-name: rotateLeft; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes rotateRight {
0% {
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateRight {
0% {
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
100% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateRight { -webkit-animation-name: rotateRight; animation-name: rotateRight; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes glide {
0% {
-webkit-transform:translateY(-300px);
transform:translateY(-300px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes glide {
0% {
-webkit-transform:translateY(-300px);
-ms-transform:translateY(-300px);
transform:translateY(-300px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.glide { -webkit-animation-name: glide; animation-name: glide; -webkit-animation-timing-function: cubic-bezier(.01, .84, .04, .99); animation-timing-function: cubic-bezier(.01, .84, .04, .99); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes glideDown {
0% {
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes glideDown {
0% {
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.glideDown { -webkit-animation-name: glideDown; animation-name: glideDown; -webkit-animation-timing-function: cubic-bezier(.01, .84, .04, .99); animation-timing-function: cubic-bezier(.01, .84, .04, .99); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes glideLeft {
0% {
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes glideLeft {
0% {
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.glideLeft { -webkit-animation-name: glideLeft; animation-name: glideLeft; animation-timing-function: cubic-bezier(.01, .84, .04, .99); -webkit-animation-timing-function: cubic-bezier(.01, .84, .04, .99); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes glideRight {
0% {
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes glideRight {
0% {
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.glideRight { -webkit-animation-name: glideRight; animation-name: glideRight; -webkit-animation-timing-function: cubic-bezier(.01, .84, .04, .99); animation-timing-function: cubic-bezier(.01, .84, .04, .99); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes glideUp {
0% {
-webkit-transform:translateY(300px);
transform:translateY(300px);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes glideUp {
0% {
-webkit-transform:translateY(300px);
-ms-transform:translateY(300px);
transform:translateY(300px);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.glideUp { -webkit-animation-name: glideUp; animation-name: glideUp; -webkit-animation-timing-function: cubic-bezier(.01, .84, .04, .99); animation-timing-function: cubic-bezier(.01, .84, .04, .99); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes space {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(.2) translate(0%, 0)
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(1) translate(0%, 0)
}
}
@keyframes space {
0% {
opacity:0;
transform-origin:50% 50%;
transform:scale(.2) translate(0%, 0)
}
100% {
opacity:1;
transform-origin:50% 50%;
transform:scale(1) translate(0%, 0)
}
}
.space { -webkit-animation-name: space; animation-name: space; animation-timing-function: cubic-bezier(0, .75, .85, 1); -webkit-animation-timing-function: cubic-bezier(0, .75, .85, 1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }
@-webkit-keyframes spaceUp {
0% {
opacity:0;
-webkit-transform-origin:50% 0;
-webkit-transform:scale(.2) translate(0%, -200%)
}
100% {
opacity:1;
-webkit-transform-origin:50% 0;
-webkit-transform:scale(1) translate(0%, 0)
}
}
@keyframes spaceUp {
0% {
opacity:0;
transform-origin:50% 0;
transform:scale(.2) translate(0%, -200%)
}
100% {
opacity:1;
transform-origin:50% 0;
transform:scale(1) translate(0%, 0)
}
}
.spaceUp { -webkit-animation-name: spaceUp; animation-name: spaceUp; animation-timing-function: cubic-bezier(0, .75, .85, 1); -webkit-animation-timing-function: cubic-bezier(0, .75, .85, 1); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0 }
@-webkit-keyframes spaceRight {
0% {
opacity:0;
-webkit-transform-origin:100% 50%;
-webkit-transform:scale(.2) translate(200%, 0)
}
100% {
opacity:1;
-webkit-transform-origin:100% 50%;
-webkit-transform:scale(1) translate(0%, 0)
}
}
@keyframes spaceRight {
0% {
opacity:0;
transform-origin:100% 50%;
transform:scale(.2) translate(200%, 0)
}
100% {
opacity:1;
transform-origin:100% 50%;
transform:scale(1) translate(0%, 0)
}
}
.spaceRight { -webkit-animation-name: spaceRight; animation-name: spaceRight; animation-timing-function: cubic-bezier(0, .75, .85, 1); -webkit-animation-timing-function: cubic-bezier(0, .75, .85, 1); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50% }
@-webkit-keyframes spaceDown {
0% {
opacity:0;
-webkit-transform-origin:50% 100%;
-webkit-transform:scale(.2) translate(0%, 200%)
}
100% {
opacity:1;
-webkit-transform-origin:50% 100%;
-webkit-transform:scale(1) translate(0%, 0)
}
}
@keyframes spaceDown {
0% {
opacity:0;
transform-origin:50% 100%;
transform:scale(.2) translate(0%, 200%)
}
100% {
opacity:1;
transform-origin:50% 100%;
transform:scale(1) translate(0%, 0)
}
}
.spaceDown { -webkit-animation-name: spaceDown; animation-name: spaceDown; animation-timing-function: cubic-bezier(0, .75, .85, 1); -webkit-animation-timing-function: cubic-bezier(0, .75, .85, 1); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100% }
@-webkit-keyframes spaceLeft {
0% {
opacity:0;
-webkit-transform-origin:0 50%;
-webkit-transform:scale(.2) translate(-200%, 0)
}
100% {
opacity:1;
-webkit-transform-origin:0 50%;
-webkit-transform:scale(1) translate(0%, 0)
}
}
@keyframes spaceLeft {
0% {
opacity:0;
transform-origin:0 50%;
transform:scale(.2) translate(-200%, 0)
}
100% {
opacity:1;
transform-origin:0 50%;
transform:scale(1) translate(0%, 0)
}
}
.spaceLeft { -webkit-animation-name: spaceLeft; animation-name: spaceLeft; animation-timing-function: cubic-bezier(0, .75, .85, 1); -webkit-animation-timing-function: cubic-bezier(0, .75, .85, 1); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50% }
@-webkit-keyframes bar {
0% {
-webkit-transform:scale(.2);
transform:scale(.2);
opacity:0
}
20% {
opacity:1
}
50% {
-webkit-transform:scaleX(1) scaleY(.2);
transform:scaleX(1)
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes bar {
0% {
-ms-transform:scale(.2);
transform:scale(.2);
opacity:0
}
20% {
opacity:1
}
50% {
-ms-transform:scaleX(1) scaleY(.2);
transform:scaleX(1)
}
100% {
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
.bar { -webkit-animation-name: bar; animation-name: bar; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes barRight {
0% {
-webkit-transform:scaleX(.1);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:scaleX(1)
}
}
@keyframes barRight {
0% {
-webkit-transform:scaleX(.1);
-ms-transform:scaleX(.1);
transform:scaleX(.1);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
transform:scaleX(1)
}
}
.barRight { -webkit-animation-name: barRight; animation-name: barRight; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left }
@-webkit-keyframes barLeft {
0% {
-webkit-transform:scaleX(.1);
-ms-transform:scaleX(.1);
transform:scaleX(.1);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes barLeft {
0% {
-webkit-transform:scaleX(.1);
-ms-transform:scaleX(.1);
transform:scaleX(.1);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
transform:scaleX(1)
}
}
.barLeft { -webkit-animation-name: barLeft; animation-name: barLeft; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right }
@-webkit-keyframes barUp {
0% {
-webkit-transform:scaleY(.1);
-ms-transform:scaleY(.1);
transform:scaleY(.1);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes barUp {
0% {
-webkit-transform:scaleY(.1);
-ms-transform:scaleY(.1);
transform:scaleY(.1);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
.barUp { -webkit-animation-name: barUp; animation-name: barUp; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center }
@-webkit-keyframes barDown {
0% {
-webkit-transform:scaleY(.1);
-ms-transform:scaleY(.1);
transform:scaleY(.1);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes barDown {
0% {
-webkit-transform:scaleY(.1);
-ms-transform:scaleY(.1);
transform:scaleY(.1);
opacity:0
}
20% {
opacity:1
}
100% {
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
.barDown { -webkit-animation-name: barDown; animation-name: barDown; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center }

@-webkit-keyframes lightSpeedInLeft { 
   0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
    0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft { 
    -webkit-animation-name: lightSpeedInLeft; 
    animation-name: lightSpeedInLeft; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 
@-webkit-keyframes lightSpeedInRight { 
   0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight { 
    -webkit-animation-name: lightSpeedInRight; 
    animation-name: lightSpeedInRight; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 

@-webkit-keyframes rotateInUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpLeft { 
    -webkit-animation-name: rotateInUpLeft; 
    animation-name: rotateInUpLeft; 
}

@-webkit-keyframes rotateInDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownLeft { 
    -webkit-animation-name: rotateInDownLeft; 
    animation-name: rotateInDownLeft; 
}

@-webkit-keyframes rotateInUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpRight { 
    -webkit-animation-name: rotateInUpRight; 
    animation-name: rotateInUpRight; 
}


@-webkit-keyframes rotateInDownRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownRight { 
    -webkit-animation-name: rotateInDownRight; 
    animation-name: rotateInDownRight; 
}