@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}

.animated.flipOutX, 
.animated.flipOutY, 
.animated.bounceIn, 
.animated.bounceOut{ -webkit-animation-duration:.75s;  animation-duration:.75s}

@-webkit-keyframes bounce{ from,20%,53%,80%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 40%, 43%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);  animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);  -webkit-transform:translate3d(0,-30px,0);  transform:translate3d(0,-30px,0)}

 70%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);  animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);  -webkit-transform:translate3d(0,-15px,0);  transform:translate3d(0,-15px,0)}

 90%{ -webkit-transform:translate3d(0,-4px,0);  transform:translate3d(0,-4px,0)}
}

@keyframes bounce{ from,20%,53%,80%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 40%, 43%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);  animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);  -webkit-transform:translate3d(0,-30px,0);  transform:translate3d(0,-30px,0)}

 70%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);  animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);  -webkit-transform:translate3d(0,-15px,0);  transform:translate3d(0,-15px,0)}

 90%{ -webkit-transform:translate3d(0,-4px,0);  transform:translate3d(0,-4px,0)}
}

.bounce{ -webkit-animation-name:bounce;  animation-name:bounce;  -webkit-transform-origin:center bottom;  transform-origin:center bottom}

@-webkit-keyframes flash{ from,50%,to{ opacity:1}

 25%, 75%{ opacity:0}
}

@keyframes flash{ from,50%,to{ opacity:1}

 25%, 75%{ opacity:0}
}

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

@-webkit-keyframes pulse{ from{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}

 50%{ -webkit-transform:scale3d(1.05,1.05,1.05);  transform:scale3d(1.05,1.05,1.05)}

 to{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
}

@keyframes pulse{ from{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}

 50%{ -webkit-transform:scale3d(1.05,1.05,1.05);  transform:scale3d(1.05,1.05,1.05)}

 to{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
}

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

@-webkit-keyframes rubberBand{ from{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}

 30%{ -webkit-transform:scale3d(1.25,0.75,1);  transform:scale3d(1.25,0.75,1)}

 40%{ -webkit-transform:scale3d(0.75,1.25,1);  transform:scale3d(0.75,1.25,1)}

 50%{ -webkit-transform:scale3d(1.15,0.85,1);  transform:scale3d(1.15,0.85,1)}

 65%{ -webkit-transform:scale3d(.95,1.05,1);  transform:scale3d(.95,1.05,1)}

 75%{ -webkit-transform:scale3d(1.05,.95,1);  transform:scale3d(1.05,.95,1)}

 to{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
}

@keyframes rubberBand{ from{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}

 30%{ -webkit-transform:scale3d(1.25,0.75,1);  transform:scale3d(1.25,0.75,1)}

 40%{ -webkit-transform:scale3d(0.75,1.25,1);  transform:scale3d(0.75,1.25,1)}

 50%{ -webkit-transform:scale3d(1.15,0.85,1);  transform:scale3d(1.15,0.85,1)}

 65%{ -webkit-transform:scale3d(.95,1.05,1);  transform:scale3d(.95,1.05,1)}

 75%{ -webkit-transform:scale3d(1.05,.95,1);  transform:scale3d(1.05,.95,1)}

 to{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
}

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

@-webkit-keyframes shake{ from,to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 10%, 30%, 50%, 70%, 90%{ -webkit-transform:translate3d(-10px,0,0);  transform:translate3d(-10px,0,0)}

 20%, 40%, 60%, 80%{ -webkit-transform:translate3d(10px,0,0);  transform:translate3d(10px,0,0)}
}

@keyframes shake{ from,to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 10%, 30%, 50%, 70%, 90%{ -webkit-transform:translate3d(-10px,0,0);  transform:translate3d(-10px,0,0)}

 20%, 40%, 60%, 80%{ -webkit-transform:translate3d(10px,0,0);  transform:translate3d(10px,0,0)}
}

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

@-webkit-keyframes headShake{ 0%{ -webkit-transform:translateX(0);  transform:translateX(0)}

 6.5%{ -webkit-transform:translateX(-6px) rotateY(-9deg);  transform:translateX(-6px) rotateY(-9deg)}

 18.5%{ -webkit-transform:translateX(5px) rotateY(7deg);  transform:translateX(5px) rotateY(7deg)}

 31.5%{ -webkit-transform:translateX(-3px) rotateY(-5deg);  transform:translateX(-3px) rotateY(-5deg)}

 43.5%{ -webkit-transform:translateX(2px) rotateY(3deg);  transform:translateX(2px) rotateY(3deg)}

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

@keyframes headShake{ 0%{ -webkit-transform:translateX(0);  transform:translateX(0)}

 6.5%{ -webkit-transform:translateX(-6px) rotateY(-9deg);  transform:translateX(-6px) rotateY(-9deg)}

 18.5%{ -webkit-transform:translateX(5px) rotateY(7deg);  transform:translateX(5px) rotateY(7deg)}

 31.5%{ -webkit-transform:translateX(-3px) rotateY(-5deg);  transform:translateX(-3px) rotateY(-5deg)}

 43.5%{ -webkit-transform:translateX(2px) rotateY(3deg);  transform:translateX(2px) rotateY(3deg)}

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

.headShake{ -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out;  -webkit-animation-name:headShake;  animation-name:headShake}

@-webkit-keyframes swing{ 20%{ -webkit-transform:rotate3d(0,0,1,15deg);  transform:rotate3d(0,0,1,15deg)}

 40%{ -webkit-transform:rotate3d(0,0,1,-10deg);  transform:rotate3d(0,0,1,-10deg)}

 60%{ -webkit-transform:rotate3d(0,0,1,5deg);  transform:rotate3d(0,0,1,5deg)}

 80%{ -webkit-transform:rotate3d(0,0,1,-5deg);  transform:rotate3d(0,0,1,-5deg)}

 to{ -webkit-transform:rotate3d(0,0,1,0deg);  transform:rotate3d(0,0,1,0deg)}
}

@keyframes swing{ 20%{ -webkit-transform:rotate3d(0,0,1,15deg);  transform:rotate3d(0,0,1,15deg)}

 40%{ -webkit-transform:rotate3d(0,0,1,-10deg);  transform:rotate3d(0,0,1,-10deg)}

 60%{ -webkit-transform:rotate3d(0,0,1,5deg);  transform:rotate3d(0,0,1,5deg)}

 80%{ -webkit-transform:rotate3d(0,0,1,-5deg);  transform:rotate3d(0,0,1,-5deg)}

 to{ -webkit-transform:rotate3d(0,0,1,0deg);  transform:rotate3d(0,0,1,0deg)}
}

.swing{ -webkit-transform-origin:top center;  transform-origin:top center;  -webkit-animation-name:swing;  animation-name:swing}

@-webkit-keyframes tada{ from{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}

 10%, 20%{ -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);  transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}

 30%, 50%, 70%, 90%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}

 40%, 60%, 80%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}

 to{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
}

@keyframes tada{ from{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}

 10%, 20%{ -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);  transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}

 30%, 50%, 70%, 90%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}

 40%, 60%, 80%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}

 to{ -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
}

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

@-webkit-keyframes wobble{ from{ -webkit-transform:none;  transform:none}

 15%{ -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);  transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}

 30%{ -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);  transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}

 45%{ -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);  transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}

 60%{ -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);  transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}

 75%{ -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);  transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}

 to{ -webkit-transform:none;  transform:none}
}

@keyframes wobble{ from{ -webkit-transform:none;  transform:none}

 15%{ -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);  transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}

 30%{ -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);  transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}

 45%{ -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);  transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}

 60%{ -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);  transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}

 75%{ -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);  transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}

 to{ -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes jello{ from,11.1%,to{ -webkit-transform:none;  transform:none}

 22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);  transform:skewX(-12.5deg) skewY(-12.5deg)}

 33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg);  transform:skewX(6.25deg) skewY(6.25deg)}

 44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);  transform:skewX(-3.125deg) skewY(-3.125deg)}

 55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);  transform:skewX(1.5625deg) skewY(1.5625deg)}

 66.6%{ -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);  transform:skewX(-0.78125deg) skewY(-0.78125deg)}

 77.7%{ -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);  transform:skewX(0.390625deg) skewY(0.390625deg)}

 88.8%{ -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);  transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}

@keyframes jello{ from,11.1%,to{ -webkit-transform:none;  transform:none}

 22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);  transform:skewX(-12.5deg) skewY(-12.5deg)}

 33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg);  transform:skewX(6.25deg) skewY(6.25deg)}

 44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);  transform:skewX(-3.125deg) skewY(-3.125deg)}

 55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);  transform:skewX(1.5625deg) skewY(1.5625deg)}

 66.6%{ -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);  transform:skewX(-0.78125deg) skewY(-0.78125deg)}

 77.7%{ -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);  transform:skewX(0.390625deg) skewY(0.390625deg)}

 88.8%{ -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);  transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}

.jello{ -webkit-animation-name:jello;  animation-name:jello;  -webkit-transform-origin:center;  transform-origin:center}

@-webkit-keyframes bounceIn{ from,20%,40%,60%,80%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}

 0%{ opacity:0;  -webkit-transform:scale3d(.3,.3,.3);  transform:scale3d(.3,.3,.3)}

 20%{ -webkit-transform:scale3d(1.1,1.1,1.1);  transform:scale3d(1.1,1.1,1.1)}

 40%{ -webkit-transform:scale3d(.9,.9,.9);  transform:scale3d(.9,.9,.9)}

 60%{ opacity:1;  -webkit-transform:scale3d(1.03,1.03,1.03);  transform:scale3d(1.03,1.03,1.03)}

 80%{ -webkit-transform:scale3d(.97,.97,.97);  transform:scale3d(.97,.97,.97)}

 to{ opacity:1;  -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
}

@keyframes bounceIn{ from,20%,40%,60%,80%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}

 0%{ opacity:0;  -webkit-transform:scale3d(.3,.3,.3);  transform:scale3d(.3,.3,.3)}

 20%{ -webkit-transform:scale3d(1.1,1.1,1.1);  transform:scale3d(1.1,1.1,1.1)}

 40%{ -webkit-transform:scale3d(.9,.9,.9);  transform:scale3d(.9,.9,.9)}

 60%{ opacity:1;  -webkit-transform:scale3d(1.03,1.03,1.03);  transform:scale3d(1.03,1.03,1.03)}

 80%{ -webkit-transform:scale3d(.97,.97,.97);  transform:scale3d(.97,.97,.97)}

 to{ opacity:1;  -webkit-transform:scale3d(1,1,1);  transform:scale3d(1,1,1)}
}

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

@-webkit-keyframes bounceInDown{ from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}

 0%{ opacity:0;  -webkit-transform:translate3d(0,-3000px,0);  transform:translate3d(0,-3000px,0)}

 60%{ opacity:1;  -webkit-transform:translate3d(0,25px,0);  transform:translate3d(0,25px,0)}

 75%{ -webkit-transform:translate3d(0,-10px,0);  transform:translate3d(0,-10px,0)}

 90%{ -webkit-transform:translate3d(0,5px,0);  transform:translate3d(0,5px,0)}

 to{ -webkit-transform:none;  transform:none}
}

@keyframes bounceInDown{ from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}

 0%{ opacity:0;  -webkit-transform:translate3d(0,-3000px,0);  transform:translate3d(0,-3000px,0)}

 60%{ opacity:1;  -webkit-transform:translate3d(0,25px,0);  transform:translate3d(0,25px,0)}

 75%{ -webkit-transform:translate3d(0,-10px,0);  transform:translate3d(0,-10px,0)}

 90%{ -webkit-transform:translate3d(0,5px,0);  transform:translate3d(0,5px,0)}

 to{ -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes bounceInLeft{ from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}

 0%{ opacity:0;  -webkit-transform:translate3d(-3000px,0,0);  transform:translate3d(-3000px,0,0)}

 60%{ opacity:1;  -webkit-transform:translate3d(25px,0,0);  transform:translate3d(25px,0,0)}

 75%{ -webkit-transform:translate3d(-10px,0,0);  transform:translate3d(-10px,0,0)}

 90%{ -webkit-transform:translate3d(5px,0,0);  transform:translate3d(5px,0,0)}

 to{ -webkit-transform:none;  transform:none}
}

@keyframes bounceInLeft{ from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}

 0%{ opacity:0;  -webkit-transform:translate3d(-3000px,0,0);  transform:translate3d(-3000px,0,0)}

 60%{ opacity:1;  -webkit-transform:translate3d(25px,0,0);  transform:translate3d(25px,0,0)}

 75%{ -webkit-transform:translate3d(-10px,0,0);  transform:translate3d(-10px,0,0)}

 90%{ -webkit-transform:translate3d(5px,0,0);  transform:translate3d(5px,0,0)}

 to{ -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes bounceInRight{ from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}

 from{ opacity:0;  -webkit-transform:translate3d(3000px,0,0);  transform:translate3d(3000px,0,0)}

 60%{ opacity:1;  -webkit-transform:translate3d(-25px,0,0);  transform:translate3d(-25px,0,0)}

 75%{ -webkit-transform:translate3d(10px,0,0);  transform:translate3d(10px,0,0)}

 90%{ -webkit-transform:translate3d(-5px,0,0);  transform:translate3d(-5px,0,0)}

 to{ -webkit-transform:none;  transform:none}
}

@keyframes bounceInRight{ from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}

 from{ opacity:0;  -webkit-transform:translate3d(3000px,0,0);  transform:translate3d(3000px,0,0)}

 60%{ opacity:1;  -webkit-transform:translate3d(-25px,0,0);  transform:translate3d(-25px,0,0)}

 75%{ -webkit-transform:translate3d(10px,0,0);  transform:translate3d(10px,0,0)}

 90%{ -webkit-transform:translate3d(-5px,0,0);  transform:translate3d(-5px,0,0)}

 to{ -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes bounceInUp{ from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}

 from{ opacity:0;  -webkit-transform:translate3d(0,3000px,0);  transform:translate3d(0,3000px,0)}

 60%{ opacity:1;  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0)}

 75%{ -webkit-transform:translate3d(0,10px,0);  transform:translate3d(0,10px,0)}

 90%{ -webkit-transform:translate3d(0,-5px,0);  transform:translate3d(0,-5px,0)}

 to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

@keyframes bounceInUp{ from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}

 from{ opacity:0;  -webkit-transform:translate3d(0,3000px,0);  transform:translate3d(0,3000px,0)}

 60%{ opacity:1;  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0)}

 75%{ -webkit-transform:translate3d(0,10px,0);  transform:translate3d(0,10px,0)}

 90%{ -webkit-transform:translate3d(0,-5px,0);  transform:translate3d(0,-5px,0)}

 to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

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

@-webkit-keyframes bounceOut{ 20%{ -webkit-transform:scale3d(.9,.9,.9);  transform:scale3d(.9,.9,.9)}

 50%, 55%{ opacity:1;  -webkit-transform:scale3d(1.1,1.1,1.1);  transform:scale3d(1.1,1.1,1.1)}

 to{ opacity:0;  -webkit-transform:scale3d(.3,.3,.3);  transform:scale3d(.3,.3,.3)}
}

@keyframes bounceOut{ 20%{ -webkit-transform:scale3d(.9,.9,.9);  transform:scale3d(.9,.9,.9)}

 50%, 55%{ opacity:1;  -webkit-transform:scale3d(1.1,1.1,1.1);  transform:scale3d(1.1,1.1,1.1)}

 to{ opacity:0;  -webkit-transform:scale3d(.3,.3,.3);  transform:scale3d(.3,.3,.3)}
}

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

@-webkit-keyframes bounceOutDown{ 20%{ -webkit-transform:translate3d(0,10px,0);  transform:translate3d(0,10px,0)}

 40%, 45%{ opacity:1;  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0)}

 to{ opacity:0;  -webkit-transform:translate3d(0,2000px,0);  transform:translate3d(0,2000px,0)}
}

@keyframes bounceOutDown{ 20%{ -webkit-transform:translate3d(0,10px,0);  transform:translate3d(0,10px,0)}

 40%, 45%{ opacity:1;  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0)}

 to{ opacity:0;  -webkit-transform:translate3d(0,2000px,0);  transform:translate3d(0,2000px,0)}
}

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

@-webkit-keyframes bounceOutLeft{ 20%{ opacity:1;  -webkit-transform:translate3d(20px,0,0);  transform:translate3d(20px,0,0)}

 to{ opacity:0;  -webkit-transform:translate3d(-2000px,0,0);  transform:translate3d(-2000px,0,0)}
}

@keyframes bounceOutLeft{ 20%{ opacity:1;  -webkit-transform:translate3d(20px,0,0);  transform:translate3d(20px,0,0)}

 to{ opacity:0;  -webkit-transform:translate3d(-2000px,0,0);  transform:translate3d(-2000px,0,0)}
}


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

@-webkit-keyframes bounceOutRight{ 20%{ opacity:1;  -webkit-transform:translate3d(-20px,0,0);  transform:translate3d(-20px,0,0)}

 to{ opacity:0;  -webkit-transform:translate3d(2000px,0,0);  transform:translate3d(2000px,0,0)}
}

@keyframes bounceOutRight{ 20%{ opacity:1;  -webkit-transform:translate3d(-20px,0,0);  transform:translate3d(-20px,0,0)}

 to{ opacity:0;  -webkit-transform:translate3d(2000px,0,0);  transform:translate3d(2000px,0,0)}
}

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

@-webkit-keyframes bounceOutUp{ 20%{ -webkit-transform:translate3d(0,-10px,0);  transform:translate3d(0,-10px,0)}

 40%, 45%{ opacity:1;  -webkit-transform:translate3d(0,20px,0);  transform:translate3d(0,20px,0)}

 to{ opacity:0;  -webkit-transform:translate3d(0,-2000px,0);  transform:translate3d(0,-2000px,0)}
}

@keyframes bounceOutUp{ 20%{ -webkit-transform:translate3d(0,-10px,0);  transform:translate3d(0,-10px,0)}

 40%, 45%{ opacity:1;  -webkit-transform:translate3d(0,20px,0);  transform:translate3d(0,20px,0)}

 to{ opacity:0;  -webkit-transform:translate3d(0,-2000px,0);  transform:translate3d(0,-2000px,0)}
}

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

@-webkit-keyframes fadeIn{ from{ opacity:0}

 to{ opacity:1}
}

@keyframes fadeIn{ from{ opacity:0}

 to{ opacity:1}
}

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

@-webkit-keyframes fadeInDown{ from{ opacity:0;  -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

@keyframes fadeInDown{ from{ opacity:0;  -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes fadeInDownBig{ from{ opacity:0;  -webkit-transform:translate3d(0,-2000px,0);  transform:translate3d(0,-2000px,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

@keyframes fadeInDownBig{ from{ opacity:0;  -webkit-transform:translate3d(0,-2000px,0);  transform:translate3d(0,-2000px,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes fadeInLeft{ from{ opacity:0;  -webkit-transform:translate3d(-100%,0,0);  transform:translate3d(-100%,0,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

@keyframes fadeInLeft{ from{ opacity:0;  -webkit-transform:translate3d(-100%,0,0);  transform:translate3d(-100%,0,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes fadeInLeftBig{ from{ opacity:0;  -webkit-transform:translate3d(-2000px,0,0);  transform:translate3d(-2000px,0,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

@keyframes fadeInLeftBig{ from{ opacity:0;  -webkit-transform:translate3d(-2000px,0,0);  transform:translate3d(-2000px,0,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes fadeInRight{ from{ opacity:0;  -webkit-transform:translate3d(100%,0,0);  transform:translate3d(100%,0,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

@keyframes fadeInRight{ from{ opacity:0;  -webkit-transform:translate3d(100%,0,0);  transform:translate3d(100%,0,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes fadeInRightBig{ from{ opacity:0;  -webkit-transform:translate3d(2000px,0,0);  transform:translate3d(2000px,0,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

@keyframes fadeInRightBig{ from{ opacity:0;  -webkit-transform:translate3d(2000px,0,0);  transform:translate3d(2000px,0,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes fadeInUp{ from{ opacity:0;  -webkit-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

@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}

@-webkit-keyframes fadeInUpBig{ from{ opacity:0;  -webkit-transform:translate3d(0,2000px,0);  transform:translate3d(0,2000px,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

@keyframes fadeInUpBig{ from{ opacity:0;  -webkit-transform:translate3d(0,2000px,0);  transform:translate3d(0,2000px,0)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes fadeOut{ from{ opacity:1}

 to{ opacity:0}
}

@keyframes fadeOut{ from{ opacity:1}

 to{ opacity:0}
}

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

@-webkit-keyframes fadeOutDown{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0)}
}

@keyframes fadeOutDown{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0)}
}

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

@-webkit-keyframes fadeOutDownBig{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(0,2000px,0);  transform:translate3d(0,2000px,0)}
}

@keyframes fadeOutDownBig{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(0,2000px,0);  transform:translate3d(0,2000px,0)}
}

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

@-webkit-keyframes fadeOutLeft{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(-100%,0,0);  transform:translate3d(-100%,0,0)}
}

@keyframes fadeOutLeft{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(-100%,0,0);  transform:translate3d(-100%,0,0)}
}

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

@-webkit-keyframes fadeOutLeftBig{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(-2000px,0,0);  transform:translate3d(-2000px,0,0)}
}

@keyframes fadeOutLeftBig{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(-2000px,0,0);  transform:translate3d(-2000px,0,0)}
}

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

@-webkit-keyframes fadeOutRight{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(100%,0,0);  transform:translate3d(100%,0,0)}
}

@keyframes fadeOutRight{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(100%,0,0);  transform:translate3d(100%,0,0)}
}

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

@-webkit-keyframes fadeOutRightBig{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(2000px,0,0);  transform:translate3d(2000px,0,0)}
}

@keyframes fadeOutRightBig{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(2000px,0,0);  transform:translate3d(2000px,0,0)}
}

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

@-webkit-keyframes fadeOutUp{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0)}
}

@keyframes fadeOutUp{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0)}
}

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

@-webkit-keyframes fadeOutUpBig{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(0,-2000px,0);  transform:translate3d(0,-2000px,0)}
}

@keyframes fadeOutUpBig{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(0,-2000px,0);  transform:translate3d(0,-2000px,0)}
}

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

@-webkit-keyframes flip{ from{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);  transform:perspective(400px) rotate3d(0,1,0,-360deg);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}

 40%{ -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}

 50%{ -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in}

 80%{ -webkit-transform:perspective(400px) scale3d(.95,.95,.95);  transform:perspective(400px) scale3d(.95,.95,.95);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in}

 to{ -webkit-transform:perspective(400px);  transform:perspective(400px);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in}
}

@keyframes flip{ from{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);  transform:perspective(400px) rotate3d(0,1,0,-360deg);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}

 40%{ -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}

 50%{ -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in}

 80%{ -webkit-transform:perspective(400px) scale3d(.95,.95,.95);  transform:perspective(400px) scale3d(.95,.95,.95);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in}

 to{ -webkit-transform:perspective(400px);  transform:perspective(400px);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in}
}

.animated.flip{ -webkit-backface-visibility:visible;  backface-visibility:visible;  -webkit-animation-name:flip;  animation-name:flip}

@-webkit-keyframes flipInX{ from{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);  transform:perspective(400px) rotate3d(1,0,0,90deg);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in;  opacity:0}

 40%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);  transform:perspective(400px) rotate3d(1,0,0,-20deg);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in}

 60%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);  transform:perspective(400px) rotate3d(1,0,0,10deg);  opacity:1}

 80%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);  transform:perspective(400px) rotate3d(1,0,0,-5deg)}

 to{ -webkit-transform:perspective(400px);  transform:perspective(400px)}
}

@keyframes flipInX{ from{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);  transform:perspective(400px) rotate3d(1,0,0,90deg);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in;  opacity:0}

 40%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);  transform:perspective(400px) rotate3d(1,0,0,-20deg);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in}

 60%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);  transform:perspective(400px) rotate3d(1,0,0,10deg);  opacity:1}

 80%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);  transform:perspective(400px) rotate3d(1,0,0,-5deg)}

 to{ -webkit-transform:perspective(400px);  transform:perspective(400px)}
}

.flipInX{ -webkit-backface-visibility:visible !important;  backface-visibility:visible !important;  -webkit-animation-name:flipInX;  animation-name:flipInX}

@-webkit-keyframes flipInY{ from{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);  transform:perspective(400px) rotate3d(0,1,0,90deg);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in;  opacity:0}

 40%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);  transform:perspective(400px) rotate3d(0,1,0,-20deg);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in}

 60%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);  transform:perspective(400px) rotate3d(0,1,0,10deg);  opacity:1}

 80%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);  transform:perspective(400px) rotate3d(0,1,0,-5deg)}

 to{ -webkit-transform:perspective(400px);  transform:perspective(400px)}
}

@keyframes flipInY{ from{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);  transform:perspective(400px) rotate3d(0,1,0,90deg);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in;  opacity:0}

 40%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);  transform:perspective(400px) rotate3d(0,1,0,-20deg);  -webkit-animation-timing-function:ease-in;  animation-timing-function:ease-in}

 60%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);  transform:perspective(400px) rotate3d(0,1,0,10deg);  opacity:1}

 80%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);  transform:perspective(400px) rotate3d(0,1,0,-5deg)}

 to{ -webkit-transform:perspective(400px);  transform:perspective(400px)}
}

.flipInY{ -webkit-backface-visibility:visible !important;  backface-visibility:visible !important;  -webkit-animation-name:flipInY;  animation-name:flipInY}

@-webkit-keyframes flipOutX{ from{ -webkit-transform:perspective(400px);  transform:perspective(400px)}

 30%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);  transform:perspective(400px) rotate3d(1,0,0,-20deg);  opacity:1}

 to{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);  transform:perspective(400px) rotate3d(1,0,0,90deg);  opacity:0}
}

@keyframes flipOutX{ from{ -webkit-transform:perspective(400px);  transform:perspective(400px)}

 30%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);  transform:perspective(400px) rotate3d(1,0,0,-20deg);  opacity:1}

 to{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);  transform:perspective(400px) rotate3d(1,0,0,90deg);  opacity:0}
}

.flipOutX{ -webkit-animation-name:flipOutX;  animation-name:flipOutX;  -webkit-backface-visibility:visible !important;  backface-visibility:visible !important}

@-webkit-keyframes flipOutY{ from{ -webkit-transform:perspective(400px);  transform:perspective(400px)}

 30%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);  transform:perspective(400px) rotate3d(0,1,0,-15deg);  opacity:1}

 to{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);  transform:perspective(400px) rotate3d(0,1,0,90deg);  opacity:0}
}

@keyframes flipOutY{ from{ -webkit-transform:perspective(400px);  transform:perspective(400px)}

 30%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);  transform:perspective(400px) rotate3d(0,1,0,-15deg);  opacity:1}

 to{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);  transform:perspective(400px) rotate3d(0,1,0,90deg);  opacity:0}
}

.flipOutY{ -webkit-backface-visibility:visible !important;  backface-visibility:visible !important;  -webkit-animation-name:flipOutY;  animation-name:flipOutY}

@-webkit-keyframes lightSpeedIn{ from{ -webkit-transform:translate3d(100%,0,0) skewX(-30deg);  transform:translate3d(100%,0,0) skewX(-30deg);  opacity:0}

 60%{ -webkit-transform:skewX(20deg);  transform:skewX(20deg);  opacity:1}

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

 to{ -webkit-transform:none;  transform:none;  opacity:1}
}

@keyframes lightSpeedIn{ from{ -webkit-transform:translate3d(100%,0,0) skewX(-30deg);  transform:translate3d(100%,0,0) skewX(-30deg);  opacity:0}

 60%{ -webkit-transform:skewX(20deg);  transform:skewX(20deg);  opacity:1}

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

 to{ -webkit-transform:none;  transform:none;  opacity:1}
}

.lightSpeedIn{ -webkit-animation-name:lightSpeedIn;  animation-name:lightSpeedIn;  -webkit-animation-timing-function:ease-out;  animation-timing-function:ease-out}

@-webkit-keyframes lightSpeedOut{ from{ opacity:1}

 to{ -webkit-transform:translate3d(100%,0,0) skewX(30deg);  transform:translate3d(100%,0,0) skewX(30deg);  opacity:0}
}

@keyframes lightSpeedOut{ from{ opacity:1}

 to{ -webkit-transform:translate3d(100%,0,0) skewX(30deg);  transform:translate3d(100%,0,0) 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{ from{ -webkit-transform-origin:center;  transform-origin:center;  -webkit-transform:rotate3d(0,0,1,-200deg);  transform:rotate3d(0,0,1,-200deg);  opacity:0}

 to{ -webkit-transform-origin:center;  transform-origin:center;  -webkit-transform:none;  transform:none;  opacity:1}
}

@keyframes rotateIn{ from{ -webkit-transform-origin:center;  transform-origin:center;  -webkit-transform:rotate3d(0,0,1,-200deg);  transform:rotate3d(0,0,1,-200deg);  opacity:0}

 to{ -webkit-transform-origin:center;  transform-origin:center;  -webkit-transform:none;  transform:none;  opacity:1}
}

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

@-webkit-keyframes rotateInDownLeft{ from{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:rotate3d(0,0,1,-45deg);  transform:rotate3d(0,0,1,-45deg);  opacity:0}

 to{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:none;  transform:none;  opacity:1}
}

@keyframes rotateInDownLeft{ from{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:rotate3d(0,0,1,-45deg);  transform:rotate3d(0,0,1,-45deg);  opacity:0}

 to{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:none;  transform:none;  opacity:1}
}

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

@-webkit-keyframes rotateInDownRight{ from{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:rotate3d(0,0,1,45deg);  transform:rotate3d(0,0,1,45deg);  opacity:0}

 to{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:none;  transform:none;  opacity:1}
}

@keyframes rotateInDownRight{ from{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:rotate3d(0,0,1,45deg);  transform:rotate3d(0,0,1,45deg);  opacity:0}

 to{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:none;  transform:none;  opacity:1}
}

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

@-webkit-keyframes rotateInUpLeft{ from{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:rotate3d(0,0,1,45deg);  transform:rotate3d(0,0,1,45deg);  opacity:0}

 to{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:none;  transform:none;  opacity:1}
}

@keyframes rotateInUpLeft{ from{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:rotate3d(0,0,1,45deg);  transform:rotate3d(0,0,1,45deg);  opacity:0}

 to{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:none;  transform:none;  opacity:1}
}

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

@-webkit-keyframes rotateInUpRight{ from{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:rotate3d(0,0,1,-90deg);  transform:rotate3d(0,0,1,-90deg);  opacity:0}

 to{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:none;  transform:none;  opacity:1}
}

@keyframes rotateInUpRight{ from{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:rotate3d(0,0,1,-90deg);  transform:rotate3d(0,0,1,-90deg);  opacity:0}

 to{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:none;  transform:none;  opacity:1}
}

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

@-webkit-keyframes rotateOut{ from{ -webkit-transform-origin:center;  transform-origin:center;  opacity:1}

 to{ -webkit-transform-origin:center;  transform-origin:center;  -webkit-transform:rotate3d(0,0,1,200deg);  transform:rotate3d(0,0,1,200deg);  opacity:0}
}

@keyframes rotateOut{ from{ -webkit-transform-origin:center;  transform-origin:center;  opacity:1}

 to{ -webkit-transform-origin:center;  transform-origin:center;  -webkit-transform:rotate3d(0,0,1,200deg);  transform:rotate3d(0,0,1,200deg);  opacity:0}
}

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

@-webkit-keyframes rotateOutDownLeft{ from{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  opacity:1}

 to{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:rotate3d(0,0,1,45deg);  transform:rotate3d(0,0,1,45deg);  opacity:0}
}

@keyframes rotateOutDownLeft{ from{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  opacity:1}

 to{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:rotate3d(0,0,1,45deg);  transform:rotate3d(0,0,1,45deg);  opacity:0}
}

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

@-webkit-keyframes rotateOutDownRight{ from{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  opacity:1}

 to{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:rotate3d(0,0,1,-45deg);  transform:rotate3d(0,0,1,-45deg);  opacity:0}
}

@keyframes rotateOutDownRight{ from{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  opacity:1}

 to{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:rotate3d(0,0,1,-45deg);  transform:rotate3d(0,0,1,-45deg);  opacity:0}
}

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

@-webkit-keyframes rotateOutUpLeft{ from{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  opacity:1}

 to{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:rotate3d(0,0,1,-45deg);  transform:rotate3d(0,0,1,-45deg);  opacity:0}
}

@keyframes rotateOutUpLeft{ from{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  opacity:1}

 to{ -webkit-transform-origin:left bottom;  transform-origin:left bottom;  -webkit-transform:rotate3d(0,0,1,-45deg);  transform:rotate3d(0,0,1,-45deg);  opacity:0}
}

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

@-webkit-keyframes rotateOutUpRight{ from{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  opacity:1}

 to{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:rotate3d(0,0,1,90deg);  transform:rotate3d(0,0,1,90deg);  opacity:0}
}

@keyframes rotateOutUpRight{ from{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  opacity:1}

 to{ -webkit-transform-origin:right bottom;  transform-origin:right bottom;  -webkit-transform:rotate3d(0,0,1,90deg);  transform:rotate3d(0,0,1,90deg);  opacity:0}
}

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

@-webkit-keyframes hinge{ 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:rotate3d(0,0,1,80deg);  transform:rotate3d(0,0,1,80deg);  -webkit-transform-origin:top left;  transform-origin:top left;  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

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

 to{ -webkit-transform:translate3d(0,700px,0);  transform:translate3d(0,700px,0);  opacity:0}
}

@keyframes hinge{ 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:rotate3d(0,0,1,80deg);  transform:rotate3d(0,0,1,80deg);  -webkit-transform-origin:top left;  transform-origin:top left;  -webkit-animation-timing-function:ease-in-out;  animation-timing-function:ease-in-out}

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

 to{ -webkit-transform:translate3d(0,700px,0);  transform:translate3d(0,700px,0);  opacity:0}
}

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

@-webkit-keyframes rollIn{ from{ opacity:0;  -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);  transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

@keyframes rollIn{ from{ opacity:0;  -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);  transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}

 to{ opacity:1;  -webkit-transform:none;  transform:none}
}

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

@-webkit-keyframes rollOut{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);  transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}

@keyframes rollOut{ from{ opacity:1}

 to{ opacity:0;  -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);  transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}

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

@-webkit-keyframes zoomIn{ from{ opacity:0;  -webkit-transform:scale3d(.3,.3,.3);  transform:scale3d(.3,.3,.3)}

 50%{ opacity:1}
}

@keyframes zoomIn{ from{ opacity:0;  -webkit-transform:scale3d(.3,.3,.3);  transform:scale3d(.3,.3,.3)}

 50%{ opacity:1}
}

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

@-webkit-keyframes zoomInDown{ from{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 60%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

@keyframes zoomInDown{ from{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 60%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

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

@-webkit-keyframes zoomInLeft{ from{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 60%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

@keyframes zoomInLeft{ from{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 60%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

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

@-webkit-keyframes zoomInRight{ from{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 60%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

@keyframes zoomInRight{ from{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 60%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

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

@-webkit-keyframes zoomInUp{ from{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 60%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

@keyframes zoomInUp{ from{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 60%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

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

@-webkit-keyframes zoomOut{ from{ opacity:1}

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

 to{ opacity:0}
}

@keyframes zoomOut{ from{ opacity:1}

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

 to{ opacity:0}
}

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

@-webkit-keyframes zoomOutDown{ 40%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 to{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);  -webkit-transform-origin:center bottom;  transform-origin:center bottom;  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

@keyframes zoomOutDown{ 40%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 to{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);  -webkit-transform-origin:center bottom;  transform-origin:center bottom;  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

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

@-webkit-keyframes zoomOutLeft{ 40%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}

 to{ opacity:0;  -webkit-transform:scale(.1) translate3d(-2000px,0,0);  transform:scale(.1) translate3d(-2000px,0,0);  -webkit-transform-origin:left center;  transform-origin:left center}
}

@keyframes zoomOutLeft{ 40%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}

 to{ opacity:0;  -webkit-transform:scale(.1) translate3d(-2000px,0,0);  transform:scale(.1) translate3d(-2000px,0,0);  -webkit-transform-origin:left center;  transform-origin:left center}
}

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

@-webkit-keyframes zoomOutRight{ 40%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}

 to{ opacity:0;  -webkit-transform:scale(.1) translate3d(2000px,0,0);  transform:scale(.1) translate3d(2000px,0,0);  -webkit-transform-origin:right center;  transform-origin:right center}
}

@keyframes zoomOutRight{ 40%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}

 to{ opacity:0;  -webkit-transform:scale(.1) translate3d(2000px,0,0);  transform:scale(.1) translate3d(2000px,0,0);  -webkit-transform-origin:right center;  transform-origin:right center}
}

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

@-webkit-keyframes zoomOutUp{ 40%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 to{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);  -webkit-transform-origin:center bottom;  transform-origin:center bottom;  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

@keyframes zoomOutUp{ 40%{ opacity:1;  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);  -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);  animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}

 to{ opacity:0;  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);  -webkit-transform-origin:center bottom;  transform-origin:center bottom;  -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);  animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}

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

@-webkit-keyframes slideInDown{ from{ -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0);  visibility:visible}

 to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

@keyframes slideInDown{ from{ -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0);  visibility:visible}

 to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

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

@-webkit-keyframes slideInLeft{ from{ -webkit-transform:translate3d(-100%,0,0);  transform:translate3d(-100%,0,0);  visibility:visible}

 to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

@keyframes slideInLeft{ from{ -webkit-transform:translate3d(-100%,0,0);  transform:translate3d(-100%,0,0);  visibility:visible}

 to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

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

@-webkit-keyframes slideInRight{ from{ -webkit-transform:translate3d(100%,0,0);  transform:translate3d(100%,0,0);  visibility:visible}

 to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

@keyframes slideInRight{ from{ -webkit-transform:translate3d(100%,0,0);  transform:translate3d(100%,0,0);  visibility:visible}

 to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

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

@-webkit-keyframes slideInUp{ from{ -webkit-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0);  visibility:visible}

 to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

@keyframes slideInUp{ from{ -webkit-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0);  visibility:visible}

 to{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

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

@-webkit-keyframes slideOutDown{ from{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 to{ visibility:hidden;  -webkit-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0)}
}

@keyframes slideOutDown{ from{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 to{ visibility:hidden;  -webkit-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0)}
}

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

@-webkit-keyframes slideOutLeft{ from{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 to{ visibility:hidden;  -webkit-transform:translate3d(-100%,0,0);  transform:translate3d(-100%,0,0)}
}

@keyframes slideOutLeft{ from{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 to{ visibility:hidden;  -webkit-transform:translate3d(-100%,0,0);  transform:translate3d(-100%,0,0)}
}

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

@-webkit-keyframes slideOutRight{ from{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 to{ visibility:hidden;  -webkit-transform:translate3d(100%,0,0);  transform:translate3d(100%,0,0)}
}

@keyframes slideOutRight{ from{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 to{ visibility:hidden;  -webkit-transform:translate3d(100%,0,0);  transform:translate3d(100%,0,0)}
}

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

@-webkit-keyframes slideOutUp{ from{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 to{ visibility:hidden;  -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0)}
}

@keyframes slideOutUp{ from{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

 to{ visibility:hidden;  -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0)}
}

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