@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%,100%,20%,53%,80%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)}
    40%,43%{
        -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)}
    70%{
        -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function:cubic-bezier(0.755,.050,.855,.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{
    0%,100%,20%,53%,80%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)}
    40%,43%{
        -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)}
    70%{
        -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function:cubic-bezier(0.755,.050,.855,.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;
    -ms-transform-origin:center bottom;
    transform-origin:center bottom}

@-webkit-keyframes flash{
    0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}

@keyframes flash{
    0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}

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

@-webkit-keyframes pulse{
    0%{
        -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)}
    100%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)}
}

@keyframes pulse{
    0%{
        -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)}
    100%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)}
}

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

@-webkit-keyframes rubberBand{
    0%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)}
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)}
    40%{
        -webkit-transform:scale3d(0.75,1.25,1);
        transform:scale3d(0.75,1.25,1)}
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.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)}
    100%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)}
}

@keyframes rubberBand{
    0%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)}
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)}
    40%{
        -webkit-transform:scale3d(0.75,1.25,1);
        transform:scale3d(0.75,1.25,1)}
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.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)}
    100%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)}
}

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

@-webkit-keyframes shake{
    0%,100%{
        -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{
    0%,100%{
        -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 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)}
    100%{
        -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)}
    100%{
        -webkit-transform:rotate3d(0,0,1,0deg);
        transform:rotate3d(0,0,1,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: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)}
    100%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)}
}

@keyframes tada{
    0%{
        -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)}
    100%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)}
}

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

@-webkit-keyframes wobble{
    0%{
        -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)}
    100%{
        -webkit-transform:none;
        transform:none}
}

@keyframes wobble{
    0%{
        -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)}
    100%{
        -webkit-transform:none;
        transform:none}
}

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

@-webkit-keyframes bounceIn{
    0%,100%,20%,40%,60%,80%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    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)}
    100%{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)}
}

@keyframes bounceIn{
    0%,100%,20%,40%,60%,80%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    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)}
    100%{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)}
}

.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn;
    -webkit-animation-duration:.75s;
    animation-duration:.75s}

@-webkit-keyframes bounceInDown{
    0%,100%,60%,75%,90%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    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)}
    100%{
        -webkit-transform:none;
        transform:none}
}

@keyframes bounceInDown{
    0%,100%,60%,75%,90%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    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)}
    100%{
        -webkit-transform:none;
        transform:none}
}

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

@-webkit-keyframes bounceInLeft{
    0%,100%,60%,75%,90%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    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)}
    100%{
        -webkit-transform:none;
        transform:none}
}

@keyframes bounceInLeft{
    0%,100%,60%,75%,90%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    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)}
    100%{
        -webkit-transform:none;
        transform:none}
}

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

@-webkit-keyframes bounceInRight{
    0%,100%,60%,75%,90%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    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)}
    100%{
        -webkit-transform:none;
        transform:none}
}

@keyframes bounceInRight{
    0%,100%,60%,75%,90%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    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)}
    100%{
        -webkit-transform:none;
        transform:none}
}

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

@-webkit-keyframes bounceInUp{
    0%,100%,60%,75%,90%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{
        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)}
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)}
}

@keyframes bounceInUp{
    0%,100%,60%,75%,90%{
        -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{
        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)}
    100%{
        -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)}
    100%{
        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)}
    100%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)}
}

.bounceOut{
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut;
    -webkit-animation-duration:.75s;
    animation-duration:.75s}

@-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)}
    100%{
        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)}
    100%{
        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)}
    100%{
        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)}
    100%{
        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)}
    100%{
        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)}
    100%{
        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)}
    100%{
        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)}
    100%{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)}
}

.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:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)}
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none}
}

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

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

@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)}
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none}
}

@keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)}
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none}
}

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

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

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

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

@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)}
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none}
}

@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)}
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none}
}

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

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

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

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

@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)}
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none}
}

@keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)}
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none}
}

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

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

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

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

@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)}
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none}
}

@keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)}
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none}
}

.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}
    100%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)}
}

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

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

@-webkit-keyframes fadeOutDownBig{
    0%{opacity:1}
    100%{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)}
}

@keyframes fadeOutDownBig{
    0%{opacity:1}
    100%{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)}
}

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

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

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

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

@-webkit-keyframes fadeOutLeftBig{
    0%{opacity:1}
    100%{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)}
}

@keyframes fadeOutLeftBig{
    0%{opacity:1}
    100%{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)}
}

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

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

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

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

@-webkit-keyframes fadeOutRightBig{
    0%{opacity:1}
    100%{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)}
}

@keyframes fadeOutRightBig{
    0%{opacity:1}
    100%{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)}
}

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

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

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

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

@-webkit-keyframes fadeOutUpBig{
    0%{opacity:1}
    100%{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)}
}

@keyframes fadeOutUpBig{
    0%{opacity:1}
    100%{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)}
}

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

@-webkit-keyframes flip{
    0%{
        -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}
    100%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in}
}

@keyframes flip{
    0%{
        -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}
    100%{
        -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{
    0%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function:ease-in;
        transition-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-transition-timing-function:ease-in;
        transition-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)}
    100%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)}
}

@keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function:ease-in;
        transition-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-transition-timing-function:ease-in;
        transition-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)}
    100%{
        -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{
    0%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function:ease-in;
        transition-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-transition-timing-function:ease-in;
        transition-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)}
    100%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)}
}

@keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function:ease-in;
        transition-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-transition-timing-function:ease-in;
        transition-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)}
    100%{
        -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{
    0%{
        -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}
    100%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        opacity:0}
}

@keyframes flipOutX{
    0%{
        -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}
    100%{
        -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-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important}

@-webkit-keyframes flipOutY{
    0%{
        -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}
    100%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        opacity:0}
}

@keyframes flipOutY{
    0%{
        -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}
    100%{
        -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-animation-duration:.75s;
    animation-duration:.75s}

@-webkit-keyframes lightSpeedIn{
    0%{
        -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}
    100%{
        -webkit-transform:none;
        transform:none;
        opacity:1}
}

@keyframes lightSpeedIn{0%{
    -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}
    100%{
        -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{
    0%{opacity:1}
    100%{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0}
}

@keyframes lightSpeedOut{
    0%{opacity:1}
    100%{
        -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{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,-200deg);
        transform:rotate3d(0,0,1,-200deg);
        opacity:0}
    100%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1}
}

@keyframes rotateIn{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,-200deg);
        transform:rotate3d(0,0,1,-200deg);
        opacity:0}
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0}
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1}
}

@keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0}
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0}
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1}
}

@keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0}
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0}
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;opacity:1}
}

@keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0}
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-90deg);
        transform:rotate3d(0,0,1,-90deg);
        opacity:0}
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1}
}

@keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-90deg);
        transform:rotate3d(0,0,1,-90deg);
        opacity:0}
    100%{
        -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{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1}
    100%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,200deg);
        transform:rotate3d(0,0,1,200deg);
        opacity:0}
}

@keyframes rotateOut{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1}
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1}
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1}
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1}
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1}
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1}
    100%{
        -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{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1}
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1}
    100%{
        -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{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1}
    100%{
        -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}
    100%{
        -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}
    100%{
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0}
}

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

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

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

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

@-webkit-keyframes rollOut{
    0%{opacity:1}
    100%{
        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{
    0%{opacity:1}
    100%{
        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{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}

@keyframes zoomIn{
    0%{
        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{
    0%{
        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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}

@keyframes zoomInDown{
    0%{
        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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}

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

@-webkit-keyframes zoomInLeft{
    0%{
        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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}

@keyframes zoomInLeft{
    0%{
        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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}

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

@-webkit-keyframes zoomInRight{
    0%{
        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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}

@keyframes zoomInRight{
    0%{
        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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}

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

@-webkit-keyframes zoomInUp{
    0%{
        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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}

@keyframes zoomInUp{
    0%{
        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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}

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

@-webkit-keyframes zoomOut{
    0%{opacity:1}
    50%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)}
    100%{opacity:0}
}

@keyframes zoomOut{
    0%{opacity:1}
    50%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)}
    100%{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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    100%{
        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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    100%{
        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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,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)}
    100%{
        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)}
    100%{
        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)}
    100%{
        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)}
    100%{
        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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    100%{
        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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,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.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
    100%{
        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,.885,.32,1);
        animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}

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

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

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

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

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

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

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

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

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

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

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

@keyframes slideInUp{
    0%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%);
        visibility:visible}
    100%{
        -webkit-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%{
        visibility:hidden;
        -webkit-transform:translateY(100%);
        transform:translateY(100%)}
}

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

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

@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)}
    100%{
        visibility:hidden;
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)}
}

@keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)}
    100%{
        visibility:hidden;
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)}
}

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

@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)}
    100%{
        visibility:hidden;
        -webkit-transform:translateX(100%);
        transform:translateX(100%)}
}

@keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)}
    100%{
        visibility:hidden;
        -webkit-transform:translateX(100%);
        transform:translateX(100%)}
}

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

@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)}
    100%{
        visibility:hidden;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)}
}

@keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)}
    100%{
        visibility:hidden;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)}
}

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