.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;}
@keyframes tipsy {0% {opacity: 0;transform: rotate(0deg) scale(0);}100% {opacity: 1;transform: rotate(360deg) scale(1);}}
.rotateBorder,.rotateBorder2 {animation-name:tipsy;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;-webkit-animation-direction: alternate;animation-duration: alternate;}
@keyframes btnSectionBox {
0%{opacity: 0;-webkit-transform: scale3d(1,0,1);-ms-transform: scale3d(1,0,1);transform: scale3d(1,0,1);}
100%{opacity: 1;-webkit-transform: scale3d(1,1,1);-ms-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}}
.btnSectionBox {-webkit-animation-name: btnSectionBox;animation-name: btnSectionBox;}
@keyframes btnSectionBox3 {
0%{opacity: 0;-webkit-transform:skew(-10deg, -20deg) scale3d(0,0,1);-ms-transform:skew(-10deg, -20deg) scale3d(0,0,1);transform:skew(-10deg, -20deg) scale3d(0,0,1);}
100%{opacity: 1;-webkit-transform:skew(-10deg, -20deg) scale3d(1,1,1);-ms-transform:skew(-10deg, -20deg) scale3d(1,1,1);transform:skew(-10deg, -20deg) scale3d(1,1,1);}}
.btnSectionBox3 {-webkit-animation-name: btnSectionBox3;animation-name: btnSectionBox3;}
@keyframes arrow {
0%{-webkit-transform:translateX(-15%);-ms-transform:translateX(-15%);transform:translateX(-15%);}
70%{opacity: 1;-webkit-transform:translateX(15%);-ms-transform:translateX(15%);transform:translateX(15%);}
100%{opacity: 0;-webkit-transform:translateX(15%);-ms-transform:translateX(15%);transform:translateX(15%);}}
.arrow.wow {-webkit-animation-name: arrow;animation-name: arrow;}
@keyframes starScale {
0%{opacity: 0;-webkit-transform:translateX(0) scale(0);-ms-transform:translateX(0) scale(0);transform:translateX(0) scale(0);}
30%{opacity: 1;-webkit-transform:translateX(-100px) scale(1);-ms-transform:translateX(-100px) scale(1);transform:translateX(-100px) scale(1);}
60%{opacity: 1;-webkit-transform:translate(0) scale(1);-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);}}
.starScale.wow {-webkit-animation-name: starScale;animation-name: starScale;}
@keyframes ballScale {
0%{opacity: 0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
100%{opacity: 1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
.ballScale.wow {-webkit-animation-name: ballScale;animation-name: ballScale;}
@keyframes sealScale {
0%{opacity: 1;-webkit-transform:rotate(10deg) translateY(-5%);-ms-transform:rotate(10deg) translateY(-5%);transform:rotate(10deg) translateY(-5%);}
80%,100%{opacity: 1;-webkit-transform:rotate(0deg) translateY(9%);-ms-transform:rotate(0deg) translateY(9%);transform:rotate(0deg) translateY(9%);}}
.sealScale.wow {-webkit-animation-name: sealScale;animation-name: sealScale;}
@keyframes picScale {
0%{opacity: 0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
100%{opacity: 1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
.picScale.wow {-webkit-animation-name: picScale ;animation-name: picScale ;transform-origin: bottom;animation-fill-mode: forwards}
@keyframes picScale2 {
0%{opacity: 1;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}
100%{opacity: 1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
.picScale2.wow {-webkit-animation-name: picScale2 ;animation-name: picScale2 ;transform-origin: bottom;animation-fill-mode: forwards}
@keyframes btnSectionBox2 {
0%{opacity: 0;-webkit-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0);}
35%,45%{opacity: 1;-webkit-transform: rotateX(360deg);-ms-transform: rotateX(360deg);transform: rotateX(360deg);}
60%,80%,90%{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
70%,85%{opacity: 1;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
}
.btnSectionBox2 {-webkit-animation-name: btnSectionBox2;animation-name: btnSectionBox2;}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);}}
.bounce {-webkit-animation-name: bounce;animation-name: bounce;}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}}
.flash {-webkit-animation-name: flash;animation-name: flash;}
@keyframes pulse {
0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
50% {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}
.pulse {-webkit-animation-name: pulse;animation-name: pulse;}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);transform: translateX(10px);}}
@keyframes shake {
0%, 100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}}
.shake {-webkit-animation-name: shake;animation-name: shake;}
@keyframes swing {
20% {-webkit-transform: translate(20px,20px) rotate(10deg);-ms-transform: translate(20px,20px) rotate(10deg);transform: translate(20px,20px) rotate(10deg);}
40% {-webkit-transform:translate(15px,15px) rotate(-5deg);-ms-transform:translate(15px,15px) rotate(-5deg);transform:translate(15px,15px) rotate(-5deg);}
60% {-webkit-transform:translate(10px,10px)  rotate(5deg);-ms-transform:translate(10px,10px)  rotate(5deg);transform:translate(10px,10px)  rotate(5deg);}
80% {-webkit-transform:translate(5px,5px)  rotate(-5deg);-ms-transform:translate(5px,5px)  rotate(-5deg);transform:translate(5px,5px)  rotate(-5deg);}
100% {-webkit-transform:translate(0,0)  rotate(0deg);-ms-transform:translate(0,0)  rotate(0deg);transform:translate(0,0)  rotate(0deg);}}
.swing {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;}
@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;}
@keyframes wobble {
0% {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
15% {-webkit-transform: translateX(-25%) rotate(-5deg);-ms-transform: translateX(-25%) rotate(-5deg);transform: translateX(-25%) rotate(-5deg);}
30% {-webkit-transform: translateX(20%) rotate(3deg);-ms-transform: translateX(20%) rotate(3deg);transform: translateX(20%) rotate(3deg);}
45% {-webkit-transform: translateX(-15%) rotate(-3deg);-ms-transform: translateX(-15%) rotate(-3deg);transform: translateX(-15%) rotate(-3deg);}
60% {-webkit-transform: translateX(10%) rotate(2deg);-ms-transform: translateX(10%) rotate(2deg);transform: translateX(10%) rotate(2deg);}
75% {-webkit-transform: translateX(-5%) rotate(-1deg);-ms-transform: translateX(-5%) rotate(-1deg);transform: translateX(-5%) rotate(-1deg);}
100% {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}}
.wobble {-webkit-animation-name: wobble;animation-name: wobble;}
@keyframes bounceIn {
0% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}
50% {opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
70% {-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);}
100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}
.bounceIn {-webkit-animation-name: bounceIn;animation-name: bounceIn;}
@keyframes bounceInDown {
0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
60% {opacity: 1;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}
80% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}
@keyframes bounceInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
60% {opacity: 1;-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px);}
80% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}
@keyframes bounceInRight {
0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
60% {opacity: 1;-webkit-transform: translateX(-30px);-ms-transform: translateX(-30px);transform: translateX(-30px);}
80% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.bounceInRight {-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}
@keyframes bounceInUp {
0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
60% {opacity: 1;-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}
80% {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}
@keyframes bounceOut {
0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
25% {-webkit-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95);}
50% {opacity: 1;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
100% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}}
.bounceOut {-webkit-animation-name: bounceOut;animation-name: bounceOut;}
@keyframes bounceOutDown {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}}
.bounceOutDown {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;}
@keyframes bounceOutLeft {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
20% {opacity: 1;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}}
.bounceOutLeft {-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;}
@keyframes bounceOutRight {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
20% {opacity: 1;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}}
.bounceOutRight {-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;}
@keyframes bounceOutUp {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}}
.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@keyframes fadeInDown {
0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@keyframes fadeInDownBig {
0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
100% {opacity: 1;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}}
.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}
@keyframes fadeInLeft {
0% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.fadeInLeft.wow {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@keyframes fadeInLeftBig {
0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}
@keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight}
@keyframes fadeInRightBig {
0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}
@keyframes fadeInUp {
0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@keyframes fadeInUpBig {
0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}}
.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@keyframes fadeOutDown {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}}
.fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}
@keyframes fadeOutDownBig {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}}
.fadeOutDownBig {-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}
@keyframes fadeOutLeft {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}}
.fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}
@keyframes fadeOutLeftBig {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}}
.fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;}
@keyframes fadeOutRight {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}}
.fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;}
@keyframes fadeOutRightBig {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}}
.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}
@keyframes fadeOutUp {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}}
.fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}
@keyframes fadeOutUpBig {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}}
.fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;}
@keyframes flip {
0% {-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);transform: perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
40% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
50% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
80% {-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
100% {-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}
.animated.flip {-webkit-backface-visibility: visible;-ms-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}
@keyframes flipInX {
0% {-webkit-transform: perspective(400px) rotateX(90deg);-ms-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);opacity: 0;}
40% {-webkit-transform: perspective(400px) rotateX(-10deg);-ms-transform: perspective(400px) rotateX(-10deg);transform: perspective(400px) rotateX(-10deg);}
70% {-webkit-transform: perspective(400px) rotateX(10deg);-ms-transform: perspective(400px) rotateX(10deg);transform: perspective(400px) rotateX(10deg);}
100% {-webkit-transform: perspective(400px) rotateX(0deg);-ms-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1;}}
.flipInX {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}
@keyframes flipInY {
0% {-webkit-transform: perspective(400px) rotateY(90deg);-ms-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0;}
40% {-webkit-transform: perspective(400px) rotateY(-10deg);-ms-transform: perspective(400px) rotateY(-10deg);transform: perspective(400px) rotateY(-10deg);}
70% {-webkit-transform: perspective(400px) rotateY(10deg);-ms-transform: perspective(400px) rotateY(10deg);transform: perspective(400px) rotateY(10deg);}
100% {-webkit-transform: perspective(400px) rotateY(0deg);-ms-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);opacity: 1;}}
.flipInY {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;}
@keyframes flipOutX {
0% {-webkit-transform: perspective(400px) rotateX(0deg);-ms-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotateX(90deg);-ms-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);opacity: 0;}}
.flipOutX {-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;}
@keyframes flipOutY {
0% {-webkit-transform: perspective(400px) rotateY(0deg);-ms-transform: perspective(400px) rotateY(0deg);transform: perspective(400px) rotateY(0deg);opacity: 1;}
100% {-webkit-transform: perspective(400px) rotateY(90deg);-ms-transform: perspective(400px) rotateY(90deg);transform: perspective(400px) rotateY(90deg);opacity: 0;}}
.flipOutY {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;}
@keyframes lightSpeedIn {
0% {-webkit-transform: translateX(100%) skewX(-30deg);-ms-transform: translateX(100%) skewX(-30deg);transform: translateX(100%) skewX(-30deg);opacity: 0;}
60% {-webkit-transform: translateX(-20%) skewX(30deg);-ms-transform: translateX(-20%) skewX(30deg);transform: translateX(-20%) skewX(30deg);opacity: 1;}
80% {-webkit-transform: translateX(0%) skewX(-15deg);-ms-transform: translateX(0%) skewX(-15deg);transform: translateX(0%) skewX(-15deg);opacity: 1;}
100% {-webkit-transform: translateX(0%) skewX(0deg);-ms-transform: translateX(0%) skewX(0deg);transform: translateX(0%) skewX(0deg);opacity: 1;}}
.lightSpeedIn {-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
@keyframes lightSpeedOut {
0% {-webkit-transform: translateX(0%) skewX(0deg);-ms-transform: translateX(0%) skewX(0deg);transform: translateX(0%) skewX(0deg);opacity: 1;}
100% {-webkit-transform: translateX(100%) skewX(-30deg);-ms-transform: translateX(100%) skewX(-30deg);transform: translateX(100%) skewX(-30deg);opacity: 0;}}
.lightSpeedOut {-webkit-animation-name: lightSpeedOut;animation-name: lightSpeedOut;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
@keyframes rotateIn {
0% {-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(-200deg);-ms-transform: rotate(-200deg);transform: rotate(-200deg);opacity: 0;}
100% {-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;}}
.rotateIn {-webkit-animation-name: rotateIn;animation-name: rotateIn;}
@keyframes rotateInDownLeft {
0% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
100% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;}}
.rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}
@keyframes rotateInDownRight {
0% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0;}
100% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;}}
.rotateInDownRight {-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;}
@keyframes rotateInUpLeft {
0% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0;}
100% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;}}
.rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;}
@keyframes rotateInUpRight {
0% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
100% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;}}
.rotateInUpRight {-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;}
@keyframes rotateOut {
0% {-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;}
100% {-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transform: rotate(200deg);-ms-transform: rotate(200deg);transform: rotate(200deg);opacity: 0;}}
.rotateOut {-webkit-animation-name: rotateOut;animation-name: rotateOut;}
@keyframes rotateOutDownLeft {
0% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;}
100% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0;}}
.rotateOutDownLeft {-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft;}
@keyframes rotateOutDownRight {
0% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;}
100% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}}
.rotateOutDownRight {-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight;}
@keyframes rotateOutUpLeft {
0% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;}
100% {-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}}
.rotateOutUpLeft {-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft;}
@keyframes rotateOutUpRight {
0% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity: 1;}
100% {-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0;}}
.rotateOutUpRight {-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight;}
@keyframes rotateYAni{from{opacity: 0;transform: rotateY(360deg);}to{opacity: 1;transform: rotateY(0);}}
.rotateY{animation-name: rotateYAni;}
@keyframes rotateXAni{from{opacity: 0;transform: rotateX(360deg);}to{opacity: 1;transform: rotateX(0);}}
.rotateX{animation-name: rotateXAni;}
@keyframes slideInDown {
0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.slideInDown {-webkit-animation-name: slideInDown;animation-name: slideInDown;}
@keyframes slideInUp {
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);}}
.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp}
@keyframes slideInLeft {
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);}}
.slideInLeft.wow {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}
@keyframes slideInRight {
0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}
.slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight;}
@keyframes slideOutLeft {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}}
.slideOutLeft {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}
@keyframes slideOutRight {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}}
.slideOutRight {-webkit-animation-name: slideOutRight;animation-name: slideOutRight;}
@keyframes slideOutUp {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}}
.slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp;}
@keyframes hinge {
0% {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
20%, 60% {-webkit-transform: rotate(80deg);-ms-transform: rotate(80deg);transform: rotate(80deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
40% {-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
80% {-webkit-transform: rotate(60deg) translateY(0);-ms-transform: rotate(60deg) translateY(0);transform: rotate(60deg) translateY(0);opacity: 1;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
100% {-webkit-transform: translateY(700px);-ms-transform: translateY(700px);transform: translateY(700px);opacity: 0;}}
.hinge {-webkit-animation-name: hinge;animation-name: hinge;}
@keyframes rollIn {
0% {opacity: 0;-webkit-transform: translateX(-100%) rotate(-120deg);-ms-transform: translateX(-100%) rotate(-120deg);transform: translateX(-100%) rotate(-120deg);}
100% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);-ms-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);}}
.rollIn {-webkit-animation-name: rollIn;animation-name: rollIn;}
@keyframes rollOut {
0% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);-ms-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);}
100% {opacity: 0;-webkit-transform: translateX(100%) rotate(120deg);-ms-transform: translateX(100%) rotate(120deg);transform: translateX(100%) rotate(120deg);}}
.rollOut {-webkit-animation-name: rollOut;animation-name: rollOut;}