@-webkit-keyframes flash {
   0% {opacity: 1;}
   25% {opacity: 0;}
   50% {opacity: 1;}
   75% { opacity: 0;}
   100% {opacity: 1;}
}
@keyframes flash {
   0% {opacity: 1;}
   25% {opacity: 0;}
   50% {opacity: 1;}
   75% { opacity: 0;}
   100% {opacity: 1;}
}
@-webkit-keyframes bounce {
   0% {-webkit-transform: translateY(0);transform: translateY(0);}
   20% {-webkit-transform: translateY(0);transform: translateY(0);}
   40% { -webkit-transform: translateY(-30px);transform: translateY(-30px);}
   50% {-webkit-transform: translateY(0);transform: translateY(0);}
   60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
   80% {-webkit-transform: translateY(0);transform: translateY(0);}
   100% {-webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes bounce {
   0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }
   20% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }
   40% {
       -webkit-transform: translateY(-30px);
       transform: translateY(-30px);
   }
   50% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }
   60% {
       -webkit-transform: translateY(-15px);
       transform: translateY(-15px);
   }
   80% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }
   100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }
}
@-webkit-keyframes shake {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
   10% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
   }
   20% {
       -webkit-transform: translateX(10px);
       transform: translateX(10px);
   }
   30% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
   }
   40% {
       -webkit-transform: translateX(10px);
       transform: translateX(10px);
   }
   50% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
   }
   60% {
       -webkit-transform: translateX(10px);
       transform: translateX(10px);
   }
   70% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
   }
   80% {
       -webkit-transform: translateX(10px);
       transform: translateX(10px);
   }
   90% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
   }
   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
}
@keyframes shake {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
   10% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
   }
   20% {
       -webkit-transform: translateX(10px);
       transform: translateX(10px);
   }
   30% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
   }
   40% {
       -webkit-transform: translateX(10px);
       transform: translateX(10px);
   }
   50% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
   }
   60% {
       -webkit-transform: translateX(10px);
       transform: translateX(10px);
   }
   70% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
   }
   80% {
       -webkit-transform: translateX(10px);
       transform: translateX(10px);
   }
   90% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
   }
   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
}
@-webkit-keyframes tada {
   0% {
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
   }
   10% {
       -webkit-transform: scale(0.9) rotate(-3deg);
       transform: scale(0.9) rotate(-3deg);
   }
   20% {
       -webkit-transform: scale(0.9) rotate(-3deg);
       transform: scale(0.9) rotate(-3deg);
   }
   30% {
       -webkit-transform: scale(1.1) rotate(3deg);
       transform: scale(1.1) rotate(3deg);
   }
   40% {
       -webkit-transform: scale(1.1) rotate(-3deg);
       transform: scale(1.1) rotate(-3deg);
   }
   50% {
       -webkit-transform: scale(1.1) rotate(3deg);
       transform: scale(1.1) rotate(3deg);
   }
   60% {
       -webkit-transform: scale(1.1) rotate(-3deg);
       transform: scale(1.1) rotate(-3deg);
   }
   70% {
       -webkit-transform: scale(1.1) rotate(3deg);
       transform: scale(1.1) rotate(3deg);
   }
   80% {
       -webkit-transform: scale(1.1) rotate(-3deg);
       transform: scale(1.1) rotate(-3deg);
   }
   90% {
       -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, 1);
       transform: scale(1, 1);
   }
   10% {
       -webkit-transform: scale(0.9) rotate(-3deg);
       transform: scale(0.9) rotate(-3deg);
   }
   20% {
       -webkit-transform: scale(0.9) rotate(-3deg);
       transform: scale(0.9) rotate(-3deg);
   }
   30% {
       -webkit-transform: scale(1.1) rotate(3deg);
       transform: scale(1.1) rotate(3deg);
   }
   40% {
       -webkit-transform: scale(1.1) rotate(-3deg);
       transform: scale(1.1) rotate(-3deg);
   }
   50% {
       -webkit-transform: scale(1.1) rotate(3deg);
       transform: scale(1.1) rotate(3deg);
   }
   60% {
       -webkit-transform: scale(1.1) rotate(-3deg);
       transform: scale(1.1) rotate(-3deg);
   }
   70% {
       -webkit-transform: scale(1.1) rotate(3deg);
       transform: scale(1.1) rotate(3deg);
   }
   80% {
       -webkit-transform: scale(1.1) rotate(-3deg);
       transform: scale(1.1) rotate(-3deg);
   }
   90% {
       -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);
   }
}
@-webkit-keyframes swing {
   20%, 40%, 60%, 80%, 100% {
       -webkit-transform-origin: top center 50%;
       transform-origin: top center 50%;
   }
   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%, 40%, 60%, 80%, 100% {
       -webkit-transform-origin: top center 50%;
       transform-origin: top center 50%;
   }
   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);
   }
}
@-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%);
       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%);
   }
}
@-webkit-keyframes pulse {
   0% {
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
   }
   50% {
       -webkit-transform: scale(1.1, 1.1);
       transform: scale(1.1, 1.1);
   }
   100% {
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
   }
}
@keyframes pulse {
   0% {
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
   }
   50% {
       -webkit-transform: scale(1.1, 1.1);
       transform: scale(1.1, 1.1);
   }
   100% {
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
   }
}
@-webkit-keyframes wiggle {
   0% {
       -webkit-transform: skewX(9deg);
       transform: skewX(9deg);
   }
   10% {
       -webkit-transform: skewX(-8deg);
       transform: skewX(-8deg);
   }
   20% {
       -webkit-transform: skewX(7deg);
       transform: skewX(7deg);
   }
   30% {
       -webkit-transform: skewX(-6deg);
       transform: skewX(-6deg);
   }
   40% {
       -webkit-transform: skewX(5deg);
       transform: skewX(5deg);
   }
   50% {
       -webkit-transform: skewX(-4deg);
       transform: skewX(-4deg);
   }
   60% {
       -webkit-transform: skewX(3deg);
       transform: skewX(3deg);
   }
   70% {
       -webkit-transform: skewX(-2deg);
       transform: skewX(-2deg);
   }
   80% {
       -webkit-transform: skewX(1deg);
       transform: skewX(1deg);
   }
   90% {
       -webkit-transform: skewX(0deg);
       transform: skewX(0deg);
   }
   100% {
       -webkit-transform: skewX(0deg);
       transform: skewX(0deg);
   }
}
@keyframes wiggle {
   0% {
       -webkit-transform: skewX(9deg);
       transform: skewX(9deg);
   }
   10% {
       -webkit-transform: skewX(-8deg);
       transform: skewX(-8deg);
   }
   20% {
       -webkit-transform: skewX(7deg);
       transform: skewX(7deg);
   }
   30% {
       -webkit-transform: skewX(-6deg);
       transform: skewX(-6deg);
   }
   40% {
       -webkit-transform: skewX(5deg);
       transform: skewX(5deg);
   }
   50% {
       -webkit-transform: skewX(-4deg);
       transform: skewX(-4deg);
   }
   60% {
       -webkit-transform: skewX(3deg);
       transform: skewX(3deg);
   }
   70% {
       -webkit-transform: skewX(-2deg);
       transform: skewX(-2deg);
   }
   80% {
       -webkit-transform: skewX(1deg);
       transform: skewX(1deg);
   }
   90% {
       -webkit-transform: skewX(0deg);
       transform: skewX(0deg);
   }
   100% {
       -webkit-transform: skewX(0deg);
       transform: skewX(0deg);
   }
}
@-webkit-keyframes bounceOut {
   0% {
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
   }
   25% {
       -webkit-transform: scale(0.95, 0.95);
       transform: scale(0.95, 0.95);
   }
   50% {
       opacity: 1;
       -webkit-transform: scale(1.1, 1.1);
       transform: scale(1.1, 1.1);
   }
   100% {
       opacity: 0;
       -webkit-transform: scale(0.3, 0.3);
       transform: scale(0.3, 0.3);
   }
}
@keyframes bounceOut {
   0% {
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
   }
   25% {
       -webkit-transform: scale(0.95, 0.95);
       transform: scale(0.95, 0.95);
   }
   50% {
       opacity: 1;
       -webkit-transform: scale(1.1, 1.1);
       transform: scale(1.1, 1.1);
   }
   100% {
       opacity: 0;
       -webkit-transform: scale(0.3, 0.3);
       transform: scale(0.3, 0.3);
   }
}
@-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);
       transform: translateY(0);
   }
   20% {
       opacity: 1;
       -webkit-transform: translateY(20px);
       transform: translateY(20px);
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px);
   }
}
@-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);
       transform: translateY(0);
   }
   20% {
       opacity: 1;
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       transform: translateY(2000px);
   }
}
@-webkit-keyframes bounceOutLeft {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
   20% {
       opacity: 1;
       -webkit-transform: translateX(20px);
       transform: translateX(20px);
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
   }
}
@keyframes bounceOutLeft {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
   20% {
       opacity: 1;
       -webkit-transform: translateX(20px);
       transform: translateX(20px);
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
   }
}
@-webkit-keyframes bounceOutRight {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
   20% {
       opacity: 1;
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px);
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
   }
}
@keyframes bounceOutRight {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
   20% {
       opacity: 1;
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px);
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
   }
}
@-webkit-keyframes bounceIn {
   0% {
       opacity: 0;
       -webkit-transform: scale(0.3, 0.3);
       transform: scale(0.3, 0.3);
   }
   50% {
       opacity: 1;
       -webkit-transform: scale(1.05, 1.05);
       transform: scale(1.05, 1.05);
   }
   70% {
       -webkit-transform: scale(0.9, 0.9);
       transform: scale(0.9, 0.9);
   }
   100% {
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
   }
}
@keyframes bounceIn {
   0% {
       opacity: 0;
       -webkit-transform: scale(0.3, 0.3);
       transform: scale(0.3, 0.3);
   }
   50% {
       opacity: 1;
       -webkit-transform: scale(1.05, 1.05);
       transform: scale(1.05, 1.05);
   }
   70% {
       -webkit-transform: scale(0.9, 0.9);
       transform: scale(0.9, 0.9);
   }
   100% {
       -webkit-transform: scale(1, 1);
       transform: scale(1, 1);
   }
}
@-webkit-keyframes bounceInDown {
   0% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px);
   }
   60% {
       opacity: 1;
       -webkit-transform: translateY(30px);
       transform: translateY(30px);
   }
   80% {
       -webkit-transform: translateY(-10px);
       transform: translateY(-10px);
   }
   100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }
}
@keyframes bounceInDown {
   0% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       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);
   }
}
@-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);
       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);
   }
}
@-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);
       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);
   }
}
@-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);
       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);
   }
}
@-webkit-keyframes fadeOut {
   0% {
       opacity: 1;
   }
   100% {
       opacity: 0;
   }
}
@keyframes fadeOut {
   0% {
       opacity: 1;
   }
   100% {
       opacity: 0;
   }
}
@-webkit-keyframes fadeOutUp {
   0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
       opacity: 0;
   }
}
@keyframes fadeOutUp {
   0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
       opacity: 0;
   }
}
@-webkit-keyframes fadeOutDown {
   0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateY(20px);
       transform: translateY(20px);
       opacity: 0;
   }
}
@keyframes fadeOutDown {
   0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateY(20px);
       transform: translateY(20px);
       opacity: 0;
   }
}
@-webkit-keyframes fadeOutRight {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateX(20px);
       transform: translateX(20px);
       opacity: 0;
   }
}
@keyframes fadeOutRight {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateX(20px);
       transform: translateX(20px);
       opacity: 0;
   }
}
@-webkit-keyframes fadeOutLeft {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px);
       opacity: 0;
   }
}
@keyframes fadeOutLeft {
   0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px);
       opacity: 0;
   }
}
@-webkit-keyframes fadeOutUpBig {
   0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px);
       opacity: 0;
   }
}
@keyframes fadeOutUpBig {
   0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px);
       opacity: 0;
   }
}
@-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);
       transform: translateY(0);
   }
   100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       transform: translateY(2000px);
   }
}
@-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);
       transform: translateX(0);
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
   }
}
@-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);
       transform: translateX(0);
   }
   100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
   }
}
@-webkit-keyframes fadeIn {
   0% {
       opacity: 0;
   }
   100% {
       opacity: 1;
   }
}
@keyframes fadeIn {
   0% {
       opacity: 0;
   }
   100% {
       opacity: 1;
   }
}
@-webkit-keyframes fadeInUp {
   0% {
       -webkit-transform: translateY(20px);
       transform: translateY(20px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
}
@keyframes fadeInUp {
   0% {
       -webkit-transform: translateY(20px);
       transform: translateY(20px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
}
@-webkit-keyframes fadeInDown {
   0% {
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
}
@keyframes fadeInDown {
   0% {
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
}
@-webkit-keyframes fadeInRight {
   0% {
       -webkit-transform: translateX(20px);
       transform: translateX(20px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
}
@keyframes fadeInRight {
   0% {
       -webkit-transform: translateX(20px);
       transform: translateX(20px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
}
@-webkit-keyframes fadeInLeft {
   0% {
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
}
@keyframes fadeInLeft {
   0% {
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
       opacity: 1;
   }
}
@-webkit-keyframes fadeInUpBig {
   0% {
       -webkit-transform: translateY(2000px);
       transform: translateY(2000px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
}
@keyframes fadeInUpBig {
   0% {
       -webkit-transform: translateY(2000px);
       transform: translateY(2000px);
       opacity: 0;
   }
   100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       opacity: 1;
   }
}
@-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);
       transform: translateY(-2000px);
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }
}
@-webkit-keyframes fadeInRightBig {
   0% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
}
@keyframes fadeInRightBig {
   0% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
}
@-webkit-keyframes fadeInLeftBig {
   0% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
}
@keyframes fadeInLeftBig {
   0% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
   }
   100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
   }
}
@-webkit-keyframes flip {
   0% {
       -webkit-transform: perspective(400px) rotateY(0);
       transform: perspective(400px) rotateY(0);
       -webkit-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
   }
   40% {
       -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
       transform: perspective(400px) translateZ(150px) rotateY(170deg);
       -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) rotateY(360deg) scale(0.95);
       transform: perspective(400px) rotateY(360deg) scale(0.95);
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
   }
   100% {
       -webkit-transform: perspective(400px) scale(1);
       transform: perspective(400px) scale(1);
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
   }
}
@keyframes flip {
   0% {
       -webkit-transform: perspective(400px) rotateY(0);
       transform: perspective(400px) rotateY(0);
       -webkit-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
   }
   40% {
       -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
       transform: perspective(400px) translateZ(150px) rotateY(170deg);
       -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) rotateY(360deg) scale(0.95);
       transform: perspective(400px) rotateY(360deg) scale(0.95);
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
   }
   100% {
       -webkit-transform: perspective(400px) scale(1);
       transform: perspective(400px) scale(1);
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
   }
}
@-webkit-keyframes flipInX {
   0% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       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);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
}
@keyframes flipInX {
   0% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       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);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
}
@-webkit-keyframes flipOutX {
   0% {
       -webkit-transform: perspective(400px) rotateX(0deg);
       transform: perspective(400px) rotateX(0deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
   100% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
   }
}
@keyframes flipOutX {
   0% {
       -webkit-transform: perspective(400px) rotateX(0deg);
       transform: perspective(400px) rotateX(0deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
   100% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
   }
}
@-webkit-keyframes flipInY {
   0% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       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);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
}
@keyframes flipInY {
   0% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       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);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
}
@-webkit-keyframes flipOutY {
   0% {
       -webkit-transform: perspective(400px) rotateY(0deg);
       transform: perspective(400px) rotateY(0deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
   100% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
   }
}
@keyframes flipOutY {
   0% {
       -webkit-transform: perspective(400px) rotateY(0deg);
       transform: perspective(400px) rotateY(0deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
   100% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
   }
}
@-webkit-keyframes lightSpeedIn {
   0% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
   }
   60% {
       -webkit-transform: translateX(-20%) skewX(30deg);
       transform: translateX(-20%) skewX(30deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
   80% {
       -webkit-transform: translateX(0%) skewX(-15deg);
       transform: translateX(0%) skewX(-15deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateX(0%) skewX(0deg);
       transform: translateX(0%) skewX(0deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
}
@keyframes lightSpeedIn {
   0% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
   }
   60% {
       -webkit-transform: translateX(-20%) skewX(30deg);
       transform: translateX(-20%) skewX(30deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
   80% {
       -webkit-transform: translateX(0%) skewX(-15deg);
       transform: translateX(0%) skewX(-15deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateX(0%) skewX(0deg);
       transform: translateX(0%) skewX(0deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
}
@-webkit-keyframes lightSpeedOut {
   0% {
       -webkit-transform: translateX(0%) skewX(0deg);
       transform: translateX(0%) skewX(0deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
   }
}
@keyframes lightSpeedOut {
   0% {
       -webkit-transform: translateX(0%) skewX(0deg);
       transform: translateX(0%) skewX(0deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
   }
   100% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
   }
}
@-webkit-keyframes rotateOut {
   0% {
       -webkit-transform-origin: center center 50%;
       transform-origin: center center 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
   100% {
       -webkit-transform-origin: center center 50%;
       transform-origin: center center 50%;
       -webkit-transform: rotate(200deg);
       transform: rotate(200deg);
       opacity: 0;
   }
}
@keyframes rotateOut {
   0% {
       -webkit-transform-origin: center center 50%;
       transform-origin: center center 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
   100% {
       -webkit-transform-origin: center center 50%;
       transform-origin: center center 50%;
       -webkit-transform: rotate(200deg);
       transform: rotate(200deg);
       opacity: 0;
   }
}
@-webkit-keyframes rotateOutDownLeft {
   0% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
   100% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
   }
}
@keyframes rotateOutDownLeft {
   0% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
   100% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
   }
}
@-webkit-keyframes rotateOutUpLeft {
   0% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
   100% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
   }
}
@keyframes rotateOutUpLeft {
   0% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
   100% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
   }
}
@-webkit-keyframes rotateOutDownRight {
   0% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
   100% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
   }
}
@keyframes rotateOutDownRight {
   0% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
   100% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
   }
}
@-webkit-keyframes rotateOutUpRight {
   0% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
   100% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
   }
}
@keyframes rotateOutUpRight {
   0% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
   100% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
   }
}
@-webkit-keyframes rotateIn {
   0% {
       -webkit-transform-origin: center center 50%;
       transform-origin: center center 50%;
       -webkit-transform: rotate(-200deg);
       transform: rotate(-200deg);
       opacity: 0;
   }
   100% {
       -webkit-transform-origin: center center 50%;
       transform-origin: center center 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
}
@keyframes rotateIn {
   0% {
       -webkit-transform-origin: center center 50%;
       transform-origin: center center 50%;
       -webkit-transform: rotate(-200deg);
       transform: rotate(-200deg);
       opacity: 0;
   }
   100% {
       -webkit-transform-origin: center center 50%;
       transform-origin: center center 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
}
@-webkit-keyframes rotateInDownLeft {
   0% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
   }
   100% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
}
@keyframes rotateInDownLeft {
   0% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
   }
   100% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
}
@-webkit-keyframes rotateInUpLeft {
   0% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
   }
   100% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
}
@keyframes rotateInUpLeft {
   0% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
   }
   100% {
       -webkit-transform-origin: left bottom 50%;
       transform-origin: left bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
}
@-webkit-keyframes rotateInUpRight {
   0% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
   }
   100% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
}
@keyframes rotateInUpRight {
   0% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
   }
   100% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
}
@-webkit-keyframes rotateInDownRight {
   0% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
   }
   100% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
}
@keyframes rotateInDownRight {
   0% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
   }
   100% {
       -webkit-transform-origin: right bottom 50%;
       transform-origin: right bottom 50%;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
   }
}
@-webkit-keyframes hinge {
   0% {
       -webkit-transform: rotate(0);
       transform: rotate(0);
       -webkit-transform-origin: top left 50%;
       transform-origin: top left 50%;
       -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 50%;
       transform-origin: top left 50%;
       -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 50%;
       transform-origin: top left 50%;
       -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);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
       -webkit-transform-origin: top left 50%;
       transform-origin: top left 50%;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
   }
   100% {
       -webkit-transform: translateY(700px);
       transform: translateY(700px);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
   }
}
@keyframes hinge {
   0% {
       -webkit-transform: rotate(0);
       transform: rotate(0);
       -webkit-transform-origin: top left 50%;
       transform-origin: top left 50%;
       -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 50%;
       transform-origin: top left 50%;
       -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 50%;
       transform-origin: top left 50%;
       -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);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
       -webkit-transform-origin: top left 50%;
       transform-origin: top left 50%;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
   }
   100% {
       -webkit-transform: translateY(700px);
       transform: translateY(700px);
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
   }
}
@-webkit-keyframes rollIn {
   0% {
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
       -webkit-transform: translateX(-100%) rotate(-120deg);
       transform: translateX(-100%) rotate(-120deg);
   }
   100% {
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg);
   }
}
@keyframes rollIn {
   0% {
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
       -webkit-transform: translateX(-100%) rotate(-120deg);
       transform: translateX(-100%) rotate(-120deg);
   }
   100% {
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg);
   }
}
@-webkit-keyframes rollOut {
   0% {
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg);
   }
   100% {
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
       -webkit-transform: translateX(-100%) rotate(-120deg);
       transform: translateX(-100%) rotate(-120deg);
   }
}
@keyframes rollOut {
   0% {
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg);
   }
   100% {
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
       opacity: 0;
       -webkit-transform: translateX(-100%) rotate(-120deg);
       transform: translateX(-100%) rotate(-120deg);
   }
}
/* Animation Mixins */
@-webkit-keyframes dropdownAnimation {
   from {
       opacity: 0;
       -webkit-transform: translate3d(0, -30px, 0);
       transform: translate3d(0, -30px, 0);
   }
   to {
       opacity: 1;
       -webkit-transform: none;
       transform: none;
       -webkit-transform: translate3d(0, 0px, 0);
       transform: translate3d(0, 0px, 0);
   }
}
@keyframes dropdownAnimation {
   from {
       opacity: 0;
       -webkit-transform: translate3d(0, -30px, 0);
       transform: translate3d(0, -30px, 0);
   }
   to {
       opacity: 1;
       -webkit-transform: none;
       transform: none;
       -webkit-transform: translate3d(0, 0px, 0);
       transform: translate3d(0, 0px, 0);
   }
}
.dropdownAnimation, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
   -webkit-animation-name: dropdownAnimation;
   animation-name: dropdownAnimation;
   -webkit-animation-duration: 0.25s;
   animation-duration: 0.25s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
@keyframes fadeOut {
   from {
       opacity: 1;
   }
   to {
       opacity: 0;
   }
}
.fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
}
.infinite-spin {
   -webkit-animation-name: spin;
   animation-name: spin;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
}
@-webkit-keyframes spin {
   from {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
   }
   to {
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg);
   }
}
@keyframes spin {
   from {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
   }
   to {
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg);
   }
}
@keyframes fadeInUp {
   from {
       opacity: 0;
       -webkit-transform: translate3d(0, 100%, 0);
       transform: translate3d(0, 100%, 0);
   }
   to {
       opacity: 1;
       -webkit-transform: none;
       transform: none;
   }
}
.fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp;
}