@charset "UTF-8"; 

.animated{ -webkit-animation-duration:1s;  animation-duration:1s;  -webkit-animation-fill-mode:both;  animation-fill-mode:both}

.animated.infinite{ -webkit-animation-iteration-count:infinite;  animation-iteration-count:infinite}

.animated.hinge{ -webkit-animation-duration:2s;  animation-duration:2s}

@-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 rubberBand{ 0%{ -webkit-transform:scale(1);  transform:scale(1)}

 30%{ -webkit-transform:scaleX(1.25) scaleY(0.75);  transform:scaleX(1.25) scaleY(0.75)}

 40%{ -webkit-transform:scaleX(0.75) scaleY(1.25);  transform:scaleX(0.75) scaleY(1.25)}

 60%{ -webkit-transform:scaleX(1.15) scaleY(0.85);  transform:scaleX(1.15) scaleY(0.85)}

 100%{ -webkit-transform:scale(1);  transform:scale(1)}
}

@keyframes rubberBand{ 0%{ -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}

 30%{ -webkit-transform:scaleX(1.25) scaleY(0.75);  -ms-transform:scaleX(1.25) scaleY(0.75);  transform:scaleX(1.25) scaleY(0.75)}

 40%{ -webkit-transform:scaleX(0.75) scaleY(1.25);  -ms-transform:scaleX(0.75) scaleY(1.25);  transform:scaleX(0.75) scaleY(1.25)}

 60%{ -webkit-transform:scaleX(1.15) scaleY(0.85);  -ms-transform:scaleX(1.15) scaleY(0.85);  transform:scaleX(1.15) scaleY(0.85)}

 100%{ -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}
}

.rubberBand{ -webkit-animation-name:rubberBand;  animation-name:rubberBand}

@-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(.5);  transform:scale(.5)}

 50%{ opacity:1;  -webkit-transform:scale(1.05);  transform:scale(1.05)}

 70%{ -webkit-transform:scale(.9);  transform:scale(.9)}

 100%{ opacity:1;  -webkit-transform:scale(1);  transform:scale(1)}
}

@keyframes bounceIn{ 0%{ opacity:0;  -webkit-transform:scale(.5);  -ms-transform:scale(.5);  transform:scale(.5)}

 50%{ opacity:1;  -webkit-transform:scale(1.05);  -ms-transform:scale(1.05);  transform:scale(1.05)}

 70%{ -webkit-transform:scale(.9);  -ms-transform:scale(.9);  transform:scale(.9)}

 100%{ opacity:1;  -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}
}

.bounceIn{ -webkit-animation-name:bounceIn;  animation-name:bounceIn}

@-webkit-keyframes bounceInDown{ 0%{ opacity:0;  -webkit-transform:translateY(-50px);  transform:translateY(-50px)}

 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(-50px);  -ms-transform:translateY(-50px);  transform:translateY(-50px)}

 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(-50px);  transform:translateX(-50px)}

 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(-50px);  -ms-transform:translateX(-50px);  transform:translateX(-50px)}

 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(50px);  transform:translateX(50px)}

 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(50px);  -ms-transform:translateX(50px);  transform:translateX(50px)}

 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(50px);  transform:translateY(50px)}

 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(50px);  -ms-transform:translateY(50px);  transform:translateY(50px)}

 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(5%) skewX(-10deg);  transform:translateX(5%) skewX(-10deg);  opacity:0}

 60%{ -webkit-transform:translateX(-5%) skewX(10deg);  transform:translateX(-5%) skewX(10deg);  opacity:1}

 80%{ -webkit-transform:translateX(0%) skewX(-5deg);  transform:translateX(0%) skewX(-5deg);  opacity:1}

 100%{ -webkit-transform:translateX(0%) skewX(0deg);  transform:translateX(0%) skewX(0deg);  opacity:1}
}

@keyframes lightSpeedIn{ 0%{ -webkit-transform:translateX(5%) skewX(-10deg);  -ms-transform:translateX(5%) skewX(-10deg);  transform:translateX(5%) skewX(-10deg);  opacity:0}

 60%{ -webkit-transform:translateX(-5%) skewX(10deg);  -ms-transform:translateX(-5%) skewX(10deg);  transform:translateX(-5%) skewX(10deg);  opacity:1}

 80%{ -webkit-transform:translateX(0%) skewX(-5deg);  -ms-transform:translateX(0%) skewX(-5deg);  transform:translateX(0%) skewX(-5deg);  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(-50px);  transform:translateY(-50px)}

 100%{ -webkit-transform:translateY(0);  transform:translateY(0)}
}

@keyframes slideInDown{ 0%{ opacity:0;  -webkit-transform:translateY(-50px);  -ms-transform:translateY(-50px);  transform:translateY(-50px)}

 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(-50px);  transform:translateX(-50px)}

 100%{ -webkit-transform:translateX(0);  transform:translateX(0)}
}

@keyframes slideInLeft{ 0%{ opacity:0;  -webkit-transform:translateX(-50px);  -ms-transform:translateX(-50px);  transform:translateX(-50px)}

 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(50px);  transform:translateX(50px)}

 100%{ -webkit-transform:translateX(0);  transform:translateX(0)}
}

@keyframes slideInRight{ 0%{ opacity:0;  -webkit-transform:translateX(50px);  -ms-transform:translateX(50px);  transform:translateX(50px)}

 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 slideInUp{ 0%{ opacity:0;  -webkit-transform:translateY(50px);  transform:translateY(50px)}

 100%{ opacity:1;  -webkit-transform:translateY(0);  transform:translateY(0)}
}

@keyframes slideInUp{ 0%{ opacity:0;  -webkit-transform:translateY(50px);  -ms-transform:translateY(50px);  transform:translateY(50px)}

 100%{ opacity:1;  -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0)}
}

.slideInUp{ -webkit-animation-name:slideInUp;  animation-name:slideInUp}

@-webkit-keyframes slideOutDown{ 0%{ -webkit-transform:translateY(0);  transform:translateY(0)}

 100%{ opacity:0;  -webkit-transform:translateY(2000px);  transform:translateY(2000px)}
}

@keyframes slideOutDown{ 0%{ -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0)}

 100%{ opacity:0;  -webkit-transform:translateY(2000px);  -ms-transform:translateY(2000px);  transform:translateY(2000px)}
}

.slideOutDown{ -webkit-animation-name:slideOutDown;  animation-name:slideOutDown}

@-webkit-keyframes hinge{ 0%{ -webkit-transform:rotate(0);  transform:rotate(0);  -webkit-transform-origin:top left;  transform-origin:top left;  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 20%, 60%{ -webkit-transform:rotate(80deg);  transform:rotate(80deg);  -webkit-transform-origin:top left;  transform-origin:top left;  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 40%{ -webkit-transform:rotate(60deg);  transform:rotate(60deg);  -webkit-transform-origin:top left;  transform-origin:top left;  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 80%{ -webkit-transform:rotate(60deg) translateY(0);  transform:rotate(60deg) translateY(0);  -webkit-transform-origin:top left;  transform-origin:top left;  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out;  opacity:1}

 100%{ -webkit-transform:translateY(700px);  transform:translateY(700px);  opacity:0}
}

@keyframes hinge{ 0%{ -webkit-transform:rotate(0);  -ms-transform:rotate(0);  transform:rotate(0);  -webkit-transform-origin:top left;  -ms-transform-origin:top left;  transform-origin:top left;  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 20%, 60%{ -webkit-transform:rotate(80deg);  -ms-transform:rotate(80deg);  transform:rotate(80deg);  -webkit-transform-origin:top left;  -ms-transform-origin:top left;  transform-origin:top left;  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 40%{ -webkit-transform:rotate(60deg);  -ms-transform:rotate(60deg);  transform:rotate(60deg);  -webkit-transform-origin:top left;  -ms-transform-origin:top left;  transform-origin:top left;  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 80%{ -webkit-transform:rotate(60deg) translateY(0);  -ms-transform:rotate(60deg) translateY(0);  transform:rotate(60deg) translateY(0);  -webkit-transform-origin:top left;  -ms-transform-origin:top left;  transform-origin:top left;  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out;  opacity:1}

 100%{ -webkit-transform:translateY(700px);  -ms-transform:translateY(700px);  transform:translateY(700px);  opacity:0}
}

.hinge{ -webkit-animation-name:hinge;  animation-name:hinge}

@-webkit-keyframes rollIn{ 0%{ opacity:0;  -webkit-transform:translateX(-25%) rotate(-25deg);  transform:translateX(-25%) rotate(-25deg)}

 100%{ opacity:1;  -webkit-transform:translateX(0px) rotate(0deg);  transform:translateX(0px) rotate(0deg)}
}

@keyframes rollIn{ 0%{ opacity:0;  -webkit-transform:translateX(-25%) rotate(-25deg);  -ms-transform:translateX(-25%) rotate(-25deg);  transform:translateX(-25%) rotate(-25deg)}

 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}

@-webkit-keyframes zoomIn{ 0%{ opacity:0;  -webkit-transform:scale(.6);  transform:scale(.6)}

 50%{ opacity:1}
}

@keyframes zoomIn{ 0%{ opacity:0;  -webkit-transform:scale(.6);  -ms-transform:scale(.6);  transform:scale(.6)}

 50%{ opacity:1}
}

.zoomIn{ -webkit-animation-name:zoomIn;  animation-name:zoomIn}

@-webkit-keyframes zoomInDown{ 0%{ opacity:0;  -webkit-transform:scale(.1) translateY(-2000px);  transform:scale(.1) translateY(-2000px);  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 60%{ opacity:1;  -webkit-transform:scale(.475) translateY(60px);  transform:scale(.475) translateY(60px);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}
}

@keyframes zoomInDown{ 0%{ opacity:0;  -webkit-transform:scale(.1) translateY(-2000px);  -ms-transform:scale(.1) translateY(-2000px);  transform:scale(.1) translateY(-2000px);  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 60%{ opacity:1;  -webkit-transform:scale(.475) translateY(60px);  -ms-transform:scale(.475) translateY(60px);  transform:scale(.475) translateY(60px);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}
}

.zoomInDown{ -webkit-animation-name:zoomInDown;  animation-name:zoomInDown}

@-webkit-keyframes zoomInLeft{ 0%{ opacity:0;  -webkit-transform:scale(.1) translateX(-2000px);  transform:scale(.1) translateX(-2000px);  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 60%{ opacity:1;  -webkit-transform:scale(.475) translateX(48px);  transform:scale(.475) translateX(48px);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}
}

@keyframes zoomInLeft{ 0%{ opacity:0;  -webkit-transform:scale(.1) translateX(-2000px);  -ms-transform:scale(.1) translateX(-2000px);  transform:scale(.1) translateX(-2000px);  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 60%{ opacity:1;  -webkit-transform:scale(.475) translateX(48px);  -ms-transform:scale(.475) translateX(48px);  transform:scale(.475) translateX(48px);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}
}

.zoomInLeft{ -webkit-animation-name:zoomInLeft;  animation-name:zoomInLeft}

@-webkit-keyframes zoomInRight{ 0%{ opacity:0;  -webkit-transform:scale(.1) translateX(2000px);  transform:scale(.1) translateX(2000px);  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 60%{ opacity:1;  -webkit-transform:scale(.475) translateX(-48px);  transform:scale(.475) translateX(-48px);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}
}

@keyframes zoomInRight{ 0%{ opacity:0;  -webkit-transform:scale(.1) translateX(2000px);  -ms-transform:scale(.1) translateX(2000px);  transform:scale(.1) translateX(2000px);  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 60%{ opacity:1;  -webkit-transform:scale(.475) translateX(-48px);  -ms-transform:scale(.475) translateX(-48px);  transform:scale(.475) translateX(-48px);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}
}

.zoomInRight{ -webkit-animation-name:zoomInRight;  animation-name:zoomInRight}

@-webkit-keyframes zoomInUp{ 0%{ opacity:0;  -webkit-transform:scale(.1) translateY(300px);  transform:scale(.1) translateY(300px);  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 60%{ opacity:1;  -webkit-transform:scale(.475) translateY(-30px);  transform:scale(.475) translateY(-30px);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}
}

@keyframes zoomInUp{ 0%{ opacity:0;  -webkit-transform:scale(.1) translateY(300px);  -ms-transform:scale(.1) translateY(300px);  transform:scale(.1) translateY(300px);  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

 60%{ opacity:1;  -webkit-transform:scale(.475) translateY(-30px);  -ms-transform:scale(.475) translateY(-30px);  transform:scale(.475) translateY(-30px);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}
}

.zoomInUp{ -webkit-animation-name:zoomInUp;  animation-name:zoomInUp}

@-webkit-keyframes zoomOut{ 0%{ opacity:1;  -webkit-transform:scale(1);  transform:scale(1)}

 50%{ opacity:0;  -webkit-transform:scale(.3);  transform:scale(.3)}

 100%{ opacity:0}
}

@keyframes zoomOut{ 0%{ opacity:1;  -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1)}

 50%{ opacity:0;  -webkit-transform:scale(.3);  -ms-transform:scale(.3);  transform:scale(.3)}

 100%{ opacity:0}
}

.zoomOut{ -webkit-animation-name:zoomOut;  animation-name:zoomOut}

@-webkit-keyframes zoomOutDown{ 40%{ opacity:1;  -webkit-transform:scale(.475) translateY(-60px);  transform:scale(.475) translateY(-60px);  -webkit-animation-timing-function:linear;  animation-timing-function:linear}

 100%{ opacity:0;  -webkit-transform:scale(.1) translateY(2000px);  transform:scale(.1) translateY(2000px);  -webkit-transform-origin:center bottom;  transform-origin:center bottom}
}

@keyframes zoomOutDown{ 40%{ opacity:1;  -webkit-transform:scale(.475) translateY(-60px);  -ms-transform:scale(.475) translateY(-60px);  transform:scale(.475) translateY(-60px);  -webkit-animation-timing-function:linear;  animation-timing-function:linear}

 100%{ opacity:0;  -webkit-transform:scale(.1) translateY(2000px);  -ms-transform:scale(.1) translateY(2000px);  transform:scale(.1) translateY(2000px);  -webkit-transform-origin:center bottom;  -ms-transform-origin:center bottom;  transform-origin:center bottom}
}

.zoomOutDown{ -webkit-animation-name:zoomOutDown;  animation-name:zoomOutDown}

@-webkit-keyframes zoomOutLeft{ 40%{ opacity:1;  -webkit-transform:scale(.475) translateX(42px);  transform:scale(.475) translateX(42px);  -webkit-animation-timing-function:linear;  animation-timing-function:linear}

 100%{ opacity:0;  -webkit-transform:scale(.1) translateX(-2000px);  transform:scale(.1) translateX(-2000px);  -webkit-transform-origin:left center;  transform-origin:left center}
}

@keyframes zoomOutLeft{ 40%{ opacity:1;  -webkit-transform:scale(.475) translateX(42px);  -ms-transform:scale(.475) translateX(42px);  transform:scale(.475) translateX(42px);  -webkit-animation-timing-function:linear;  animation-timing-function:linear}

 100%{ opacity:0;  -webkit-transform:scale(.1) translateX(-2000px);  -ms-transform:scale(.1) translateX(-2000px);  transform:scale(.1) translateX(-2000px);  -webkit-transform-origin:left center;  -ms-transform-origin:left center;  transform-origin:left center}
}

.zoomOutLeft{ -webkit-animation-name:zoomOutLeft;  animation-name:zoomOutLeft}

@-webkit-keyframes zoomOutRight{ 40%{ opacity:1;  -webkit-transform:scale(.475) translateX(-42px);  transform:scale(.475) translateX(-42px);  -webkit-animation-timing-function:linear;  animation-timing-function:linear}

 100%{ opacity:0;  -webkit-transform:scale(.1) translateX(2000px);  transform:scale(.1) translateX(2000px);  -webkit-transform-origin:right center;  transform-origin:right center}
}

@keyframes zoomOutRight{ 40%{ opacity:1;  -webkit-transform:scale(.475) translateX(-42px);  -ms-transform:scale(.475) translateX(-42px);  transform:scale(.475) translateX(-42px);  -webkit-animation-timing-function:linear;  animation-timing-function:linear}

 100%{ opacity:0;  -webkit-transform:scale(.1) translateX(2000px);  -ms-transform:scale(.1) translateX(2000px);  transform:scale(.1) translateX(2000px);  -webkit-transform-origin:right center;  -ms-transform-origin:right center;  transform-origin:right center}
}

.zoomOutRight{ -webkit-animation-name:zoomOutRight;  animation-name:zoomOutRight}

@-webkit-keyframes zoomOutUp{ 40%{ opacity:1;  -webkit-transform:scale(.475) translateY(60px);  transform:scale(.475) translateY(60px);  -webkit-animation-timing-function:linear;  animation-timing-function:linear}

 100%{ opacity:0;  -webkit-transform:scale(.1) translateY(-2000px);  transform:scale(.1) translateY(-2000px);  -webkit-transform-origin:center top;  transform-origin:center top}
}

@keyframes zoomOutUp{ 40%{ opacity:1;  -webkit-transform:scale(.475) translateY(60px);  -ms-transform:scale(.475) translateY(60px);  transform:scale(.475) translateY(60px);  -webkit-animation-timing-function:linear;  animation-timing-function:linear}

 100%{ opacity:0;  -webkit-transform:scale(.1) translateY(-2000px);  -ms-transform:scale(.1) translateY(-2000px);  transform:scale(.1) translateY(-2000px);  -webkit-transform-origin:center top;  -ms-transform-origin:center top;  transform-origin:center top}
}

.zoomOutUp{ -webkit-animation-name:zoomOutUp;  animation-name:zoomOutUp}