﻿@charset "utf-8"; /*!
animate.css - http://daneden.me/animate
licensed under the mit license - http://opensource.org/licenses/mit

copyright (c) 2014 daniel eden
*/
.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; }
