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