.desoslide-wrapper { position: relative; text-align: center; }
.desoslide-controls-wrapper { position: relative; float: right; height: 36px; line-height: 41px; bottom: 8px; z-index: 100; opacity: 1; }
.desoslide-controls-wrapper a:hover { opacity: 0.7; }
.desoslide-overlay { height: 36px; position: absolute; z-index: 10; text-align: left; color: white; font-weight: bold; background-color: black; padding: 8px; opacity: 0;}
.desoslide-overlay > a { position: relative; top: -1px; color: white; }
.desoslide-overlay .desoslide-caption-title { display: inline-block; position: relative; top: -1px; max-width: 90%; max-height: 24px; font-size: 14px; overflow: hidden; }
.desoslide-controls { display: inline-block; background: url('../img/desoslide_controls.png') no-repeat 0 0; }
.desoslide-controls.prev { width: 16px; height: 16px; background-position: 0 -54px; }
.desoslide-controls.pause { width: 16px; height: 16px; background-position: 0 -18px; }
.desoslide-controls.play { width: 16px; height: 16px; background-position: 0 -36px; }
.desoslide-controls.next { width: 16px; height: 16px; background-position: 0 0; }
.animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -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: 0.5s; animation-duration: 0.5s }

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% { -webkit-transform: translateY(0); transform: translateY(0) }
    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) }
}

@keyframes bounce {
    0%,100%,20%,50%,80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
    40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) }
}

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

@-webkit-keyframes flash {
    0%,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: scale(1); transform: scale(1) }
    50% { -webkit-transform: scale(1.1); transform: scale(1.1) }
    100% { -webkit-transform: scale(1); transform: scale(1) }
}

@keyframes pulse {
    0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
    50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
    100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

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

@-webkit-keyframes rubberBand {
    0% { -webkit-transform: scale(1); transform: scale(1) }
    30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75) }
    40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25) }
    60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85) }
    100% { -webkit-transform: scale(1); transform: scale(1) }
}

@keyframes rubberBand {
    0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
    30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75) }
    40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25) }
    60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85) }
    100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

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

@-webkit-keyframes shake {
    0%,100% { -webkit-transform: translateX(0); transform: translateX(0) }
    10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) }
    20%,40%,60%,80% { -webkit-transform: translateX(10px); transform: translateX(10px) }
}

@keyframes shake {
    0%,100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
    10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) }
    20%,40%,60%,80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) }
}

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

@-webkit-keyframes swing {
    20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) }
    40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) }
    60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) }
    80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) }
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
}

@keyframes swing {
    20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg) }
    40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg) }
    60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg) }
    80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg) }
    100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) }
}

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

@-webkit-keyframes tada {
    0% { -webkit-transform: scale(1); transform: scale(1) }
    10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) }
    30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) }
    40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) }
    100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) }
}

@keyframes tada {
    0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
    10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) }
    30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) }
    40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) }
    100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0) }
}

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

@-webkit-keyframes wobble {
    0% { -webkit-transform: translateX(0%); transform: translateX(0%) }
    15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) }
    30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) }
    45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) }
    60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) }
    75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) }
    100% { -webkit-transform: translateX(0%); transform: translateX(0%) }
}

@keyframes wobble {
    0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) }
    15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) }
    30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) }
    45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) }
    60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) }
    75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) }
    100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) }
}

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

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) }
    50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05) }
    70% { -webkit-transform: scale(.9); transform: scale(.9) }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}

@keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) }
    50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
    70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) }
    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

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

@-webkit-keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) }
    60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) }
    80% { -webkit-transform: translateY(-10px); transform: translateY(-10px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) }
    60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) }
    80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
}

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

@-webkit-keyframes bounceInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) }
    60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) }
    80% { -webkit-transform: translateX(-10px); transform: translateX(-10px) }
    100% { -webkit-transform: translateX(0); transform: translateX(0) }
}

@keyframes bounceInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) }
    60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px) }
    80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) }
    100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}

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

@-webkit-keyframes bounceInRight {
    0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) }
    60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) }
    80% { -webkit-transform: translateX(10px); transform: translateX(10px) }
    100% { -webkit-transform: translateX(0); transform: translateX(0) }
}

@keyframes bounceInRight {
    0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) }
    60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px) }
    80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) }
    100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}

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

@-webkit-keyframes bounceInUp {
    0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) }
    60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) }
    80% { -webkit-transform: translateY(10px); transform: translateY(10px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes bounceInUp {
    0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) }
    60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) }
    80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
}

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

@-webkit-keyframes bounceOut {
    0% { -webkit-transform: scale(1); transform: scale(1) }
    25% { -webkit-transform: scale(.95); transform: scale(.95) }
    50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1) }
    100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) }
}

@keyframes bounceOut {
    0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
    25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95) }
    50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
    100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) }
}

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

@-webkit-keyframes bounceOutDown {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px) }
    100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) }
}

@keyframes bounceOutDown {
    0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
    20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) }
    100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) }
}

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

@-webkit-keyframes bounceOutLeft {
    0% { -webkit-transform: translateX(0); transform: translateX(0) }
    20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) }
    100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) }
}

@keyframes bounceOutLeft {
    0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
    20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) }
    100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) }
}

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

@-webkit-keyframes bounceOutRight {
    0% { -webkit-transform: translateX(0); transform: translateX(0) }
    20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) }
    100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) }
}

@keyframes bounceOutRight {
    0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
    20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) }
    100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) }
}

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

@-webkit-keyframes bounceOutUp {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px) }
    100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) }
}

@keyframes bounceOutUp {
    0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
    20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) }
    100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) }
}

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

@-webkit-keyframes fadeIn {
    0% { opacity: 0 }
    100% { opacity: 1 }
}

@keyframes fadeIn {
    0% { opacity: 0 }
    100% { opacity: 1 }
}

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

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
}

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

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

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

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

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
}

@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}

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

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

@keyframes fadeInLeftBig {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}

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

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}

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

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

@keyframes fadeInRightBig {
    0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}

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

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
}

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

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

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

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

@-webkit-keyframes fadeOut {
    0% { opacity: 1 }
    100% { opacity: 0 }
}

@keyframes fadeOut {
    0% { opacity: 1 }
    100% { opacity: 0 }
}

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

@-webkit-keyframes fadeOutDown {
    0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
    100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) }
}

@keyframes fadeOutDown {
    0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
    100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) }
}

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

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

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

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

@-webkit-keyframes fadeOutLeft {
    0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
    100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) }
}

@keyframes fadeOutLeft {
    0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
    100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) }
}

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

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

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

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

@-webkit-keyframes fadeOutRight {
    0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
    100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) }
}

@keyframes fadeOutRight {
    0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
    100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) }
}

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

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

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

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

@-webkit-keyframes fadeOutUp {
    0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
    100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) }
}

@keyframes fadeOutUp {
    0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
    100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) }
}

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

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

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

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

@-webkit-keyframes flip {
    0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@keyframes flip {
    0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

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

@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 }
    40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) }
    70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) }
    100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 }
}

@keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 }
    40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) }
    70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) }
    100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 }
}

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

@-webkit-keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 }
    40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) }
    70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) }
    100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 }
}

@keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 }
    40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) }
    70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) }
    100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 }
}

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

@-webkit-keyframes flipOutX {
    0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 }
    100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 }
}

@keyframes flipOutX {
    0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 }
    100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 }
}

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

@-webkit-keyframes flipOutY {
    0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 }
    100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 }
}

@keyframes flipOutY {
    0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 }
    100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 }
}

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

@-webkit-keyframes lightSpeedIn {
    0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 }
    60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 }
    80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1 }
    100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1 }
}

@keyframes lightSpeedIn {
    0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 }
    60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 }
    80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1 }
    100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1 }
}

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

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

@keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1 }
    100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 }
}

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

@-webkit-keyframes rotateIn {
    0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 }
    100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
}

@keyframes rotateIn {
    0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 }
    100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
}

@keyframes rotateInDownLeft {
    0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 }
    100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 }
}

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

@-webkit-keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
}

@keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 }
    100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
}

@keyframes rotateInUpLeft {
    0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 }
    100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 }
}

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

@-webkit-keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
}

@keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 }
    100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 }
}

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

@-webkit-keyframes rotateOut {
    0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
    100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 }
}

@keyframes rotateOut {
    0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 }
    100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 }
}

@keyframes rotateOutDownLeft {
    0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 }
    100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 }
}

@keyframes rotateOutDownRight {
    0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 }
    100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 }
}

@keyframes rotateOutUpLeft {
    0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 }
    100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 }
}

@keyframes rotateOutUpRight {
    0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 }
    100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 }
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideOutLeft {
    0% { -webkit-transform: translateX(0); transform: translateX(0) }
    100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) }
}

@keyframes slideOutLeft {
    0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
    100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) }
}

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

@-webkit-keyframes slideOutRight {
    0% { -webkit-transform: translateX(0); transform: translateX(0) }
    100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) }
}

@keyframes slideOutRight {
    0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
    100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) }
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
    0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
    20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
    40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
    80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 }
    100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0 }
}

@keyframes hinge {
    0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
    20%,60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
    40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
    80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 }
    100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0 }
}

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

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

@keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) }
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) }
}

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

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

@keyframes rollOut {
    0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) }
    100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.magictime { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
.magic { -webkit-animation-name: magic; -moz-animation-name: magic; -ms-animation-name: magic; -o-animation-name: magic; animation-name: magic; }
.openDownLeft { -webkit-animation-name: openDownLeft; -moz-animation-name: openDownLeft; -ms-animation-name: openDownLeft; -o-animation-name: openDownLeft; animation-name: openDownLeft; }
.openDownRight { -webkit-animation-name: openDownRight; -moz-animation-name: openDownRight; -ms-animation-name: openDownRight; -o-animation-name: openDownRight; animation-name: openDownRight; }
.openUpLeft { -webkit-animation-name: openUpLeft; -moz-animation-name: openUpLeft; -ms-animation-name: openUpLeft; -o-animation-name: openUpLeft; animation-name: openUpLeft; }
.openUpRight { -webkit-animation-name: openUpRight; -moz-animation-name: openUpRight; -ms-animation-name: openUpRight; -o-animation-name: openUpRight; animation-name: openUpRight; }
.openDownLeftRetourn { -webkit-animation-name: openDownLeftRetourn; -moz-animation-name: openDownLeftRetourn; -ms-animation-name: openDownLeftRetourn; -o-animation-name: openDownLeftRetourn; animation-name: openDownLeftRetourn; }
.openDownRightRetourn { -webkit-animation-name: openDownRightRetourn; -moz-animation-name: openDownRightRetourn; -ms-animation-name: openDownRightRetourn; -o-animation-name: openDownRightRetourn; animation-name: openDownRightRetourn; }
.openUpLeftRetourn { -webkit-animation-name: openUpLeftRetourn; -moz-animation-name: openUpLeftRetourn; -ms-animation-name: openUpLeftRetourn; -o-animation-name: openUpLeftRetourn; animation-name: openUpLeftRetourn; }
.openUpRightRetourn { -webkit-animation-name: openUpRightRetourn; -moz-animation-name: openUpRightRetourn; -ms-animation-name: openUpRightRetourn; -o-animation-name: openUpRightRetourn; animation-name: openUpRightRetourn; }
.openDownLeftOut { -webkit-animation-name: openDownLeftOut; -moz-animation-name: openDownLeftOut; -ms-animation-name: openDownLeftOut; -o-animation-name: openDownLeftOut; animation-name: openDownLeftOut; }
.openDownRightOut { -webkit-animation-name: openDownRightOut; -moz-animation-name: openDownRightOut; -ms-animation-name: openDownRightOut; -o-animation-name: openDownRightOut; animation-name: openDownRightOut; }
.openUpLeftOut { -webkit-animation-name: openUpLeftOut; -moz-animation-name: openUpLeftOut; -ms-animation-name: openUpLeftOut; -o-animation-name: openUpLeftOut; animation-name: openUpLeftOut; }
.openUpRightOut { -webkit-animation-name: openUpRightOut; -moz-animation-name: openUpRightOut; -ms-animation-name: openUpRightOut; -o-animation-name: openUpRightOut; animation-name: openUpRightOut; }
.perspectiveDown { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveDown; -moz-animation-name: perspectiveDown; -ms-animation-name: perspectiveDown; -o-animation-name: perspectiveDown; animation-name: perspectiveDown; }
.perspectiveLeft { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveLeft; -moz-animation-name: perspectiveLeft; -ms-animation-name: perspectiveLeft; -o-animation-name: perspectiveLeft; animation-name: perspectiveLeft; }
.perspectiveRight { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveRight; -moz-animation-name: perspectiveRight; -ms-animation-name: perspectiveRight; -o-animation-name: perspectiveRight; animation-name: perspectiveRight; }
.perspectiveUp { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveUp; -moz-animation-name: perspectiveUp; -ms-animation-name: perspectiveUp; -o-animation-name: perspectiveUp; animation-name: perspectiveUp; }
.perspectiveDownRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveDownRetourn; -moz-animation-name: perspectiveDownRetourn; -ms-animation-name: perspectiveDownRetourn; -o-animation-name: perspectiveDownRetourn; animation-name: perspectiveDownRetourn; }
.perspectiveLeftRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveLeftRetourn; -moz-animation-name: perspectiveLeftRetourn; -ms-animation-name: perspectiveLeftRetourn; -o-animation-name: perspectiveLeftRetourn; animation-name: perspectiveLeftRetourn; }
.perspectiveRightRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveRightRetourn; -moz-animation-name: perspectiveRightRetourn; -ms-animation-name: perspectiveRightRetourn; -o-animation-name: perspectiveRightRetourn; animation-name: perspectiveRightRetourn; }
.perspectiveUpRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: perspectiveUpRetourn; -moz-animation-name: perspectiveUpRetourn; -ms-animation-name: perspectiveUpRetourn; -o-animation-name: perspectiveUpRetourn; animation-name: perspectiveUpRetourn; }
.puffIn { -webkit-animation-name: puffIn; -moz-animation-name: puffIn; -ms-animation-name: puffIn; -o-animation-name: puffIn; animation-name: puffIn; }
.puffOut { -webkit-animation-name: puffOut; -moz-animation-name: puffOut; -ms-animation-name: puffOut; -o-animation-name: puffOut; animation-name: puffOut; }
.rotateDown { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateDown; -moz-animation-name: rotateDown; -ms-animation-name: rotateDown; -o-animation-name: rotateDown; animation-name: rotateDown; }
.rotateLeft { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateLeft; -moz-animation-name: rotateLeft; -ms-animation-name: rotateLeft; -o-animation-name: rotateLeft; animation-name: rotateLeft; }
.rotateRight { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateRight; -moz-animation-name: rotateRight; -ms-animation-name: rotateRight; -o-animation-name: rotateRight; animation-name: rotateRight; }
.rotateUp { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: rotateUp; -moz-animation-name: rotateUp; -ms-animation-name: rotateUp; -o-animation-name: rotateUp; animation-name: rotateUp; }
.slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -ms-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; }
.slideLeft { -webkit-animation-name: slideLeft; -moz-animation-name: slideLeft; -ms-animation-name: slideLeft; -o-animation-name: slideLeft; animation-name: slideLeft; }
.slideRight { -webkit-animation-name: slideRight; -moz-animation-name: slideRight; -ms-animation-name: slideRight; -o-animation-name: slideRight; animation-name: slideRight; }
.slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -ms-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp; }
.slideDownRetourn { -webkit-animation-name: slideDownRetourn; -moz-animation-name: slideDownRetourn; -ms-animation-name: slideDownRetourn; -o-animation-name: slideDownRetourn; animation-name: slideDownRetourn; }
.slideLeftRetourn { -webkit-animation-name: slideLeftRetourn; -moz-animation-name: slideLeftRetourn; -ms-animation-name: slideLeftRetourn; -o-animation-name: slideLeftRetourn; animation-name: slideLeftRetourn; }
.slideRightRetourn { -webkit-animation-name: slideRightRetourn; -moz-animation-name: slideRightRetourn; -ms-animation-name: slideRightRetourn; -o-animation-name: slideRightRetourn; animation-name: slideRightRetourn; }
.slideUpRetourn { -webkit-animation-name: slideUpRetourn; -moz-animation-name: slideUpRetourn; -ms-animation-name: slideUpRetourn; -o-animation-name: slideUpRetourn; animation-name: slideUpRetourn; }
.swap { -webkit-animation-name: swap; -moz-animation-name: swap; -ms-animation-name: swap; -o-animation-name: swap; animation-name: swap; }
.twisterInDown { -webkit-animation-name: twisterInDown; -moz-animation-name: twisterInDown; -ms-animation-name: twisterInDown; -o-animation-name: twisterInDown; animation-name: twisterInDown; }
.twisterInUp { -webkit-animation-name: twisterInUp; -moz-animation-name: twisterInUp; -ms-animation-name: twisterInUp; -o-animation-name: twisterInUp; animation-name: twisterInUp; }
.vanishIn { -webkit-animation-name: vanishIn; -moz-animation-name: vanishIn; -ms-animation-name: vanishIn; -o-animation-name: vanishIn; animation-name: vanishIn; }
.vanishOut { -webkit-animation-name: vanishOut; -moz-animation-name: vanishOut; -ms-animation-name: vanishOut; -o-animation-name: vanishOut; animation-name: vanishOut; }
.swashOut { -webkit-animation-name: swashOut; -moz-animation-name: swashOut; -ms-animation-name: swashOut; -o-animation-name: swashOut; animation-name: swashOut; }
.swashIn { -webkit-animation-name: swashIn; -moz-animation-name: swashIn; -ms-animation-name: swashIn; -o-animation-name: swashIn; animation-name: swashIn; }
.foolishOut { -webkit-animation-name: foolishOut; -moz-animation-name: foolishOut; -ms-animation-name: foolishOut; -o-animation-name: foolishOut; animation-name: foolishOut; }
.foolishIn { -webkit-animation-name: foolishIn; -moz-animation-name: foolishIn; -ms-animation-name: foolishIn; -o-animation-name: foolishIn; animation-name: foolishIn; }
.holeOut { -webkit-animation-name: holeOut; -moz-animation-name: holeOut; -ms-animation-name: holeOut; -o-animation-name: holeOut; animation-name: holeOut; }
.tinRightOut { -webkit-animation-name: tinRightOut; -moz-animation-name: tinRightOut; -ms-animation-name: tinRightOut; -o-animation-name: tinRightOut; animation-name: tinRightOut; }
.tinLeftOut { -webkit-animation-name: tinLeftOut; -moz-animation-name: tinLeftOut; -ms-animation-name: tinLeftOut; -o-animation-name: tinLeftOut; animation-name: tinLeftOut; }
.tinUpOut { -webkit-animation-name: tinUpOut; -moz-animation-name: tinUpOut; -ms-animation-name: tinUpOut; -o-animation-name: tinUpOut; animation-name: tinUpOut; }
.tinDownOut { -webkit-animation-name: tinDownOut; -moz-animation-name: tinDownOut; -ms-animation-name: tinDownOut; -o-animation-name: tinDownOut; animation-name: tinDownOut; }
.tinRightIn { -webkit-animation-name: tinRightIn; -moz-animation-name: tinRightIn; -ms-animation-name: tinRightIn; -o-animation-name: tinRightIn; animation-name: tinRightIn; }
.tinLeftIn { -webkit-animation-name: tinLeftIn; -moz-animation-name: tinLeftIn; -ms-animation-name: tinLeftIn; -o-animation-name: tinLeftIn; animation-name: tinLeftIn; }
.tinUpIn { -webkit-animation-name: tinUpIn; -moz-animation-name: tinUpIn; -ms-animation-name: tinUpIn; -o-animation-name: tinUpIn; animation-name: tinUpIn; }
.tinDownIn { -webkit-animation-name: tinDownIn; -moz-animation-name: tinDownIn; -ms-animation-name: tinDownIn; -o-animation-name: tinDownIn; animation-name: tinDownIn; }
.bombRightOut { -webkit-animation-name: bombRightOut; -moz-animation-name: bombRightOut; -ms-animation-name: bombRightOut; -o-animation-name: bombRightOut; animation-name: bombRightOut; }
.bombLeftOut { -webkit-animation-name: bombLeftOut; -moz-animation-name: bombLeftOut; -ms-animation-name: bombLeftOut; -o-animation-name: bombLeftOut; animation-name: bombLeftOut; }

@-moz-keyframes magic {
    0% { opacity: 1; -moz-transform-origin: 100% 200%; -moz-transform: scale(1,1) rotate(0deg); }
    100% { opacity: 0; -moz-transform-origin: 200% 500%; -moz-transform: scale(0,0) rotate(270deg); }
}

@-webkit-keyframes magic {
    0% { opacity: 1; -webkit-transform-origin: 100% 200%; -webkit-transform: scale(1,1) rotate(0deg); }
    100% { opacity: 0; -webkit-transform-origin: 200% 500%; -webkit-transform: scale(0,0) rotate(270deg); }
}

@-o-keyframes magic {
    0% { opacity: 1; -o-transform-origin: 100% 200%; -o-transform: scale(1,1) rotate(0deg); }
    100% { opacity: 0; -o-transform-origin: 200% 500%; -o-transform: scale(0,0) rotate(270deg); }
}

@-ms-keyframes magic {
    0% { opacity: 1; -ms-transform-origin: 100% 200%; -ms-transform: scale(1,1) rotate(0deg); }
    100% { opacity: 0; -ms-transform-origin: 200% 500%; -ms-transform: scale(0,0) rotate(270deg); }
}

@keyframes magic {
    0% { opacity: 1; transform-origin: 100% 200%; transform: scale(1,1) rotate(0deg); }
    100% { opacity: 0; transform-origin: 200% 500%; transform: scale(0,0) rotate(270deg); }
}

@-moz-keyframes openDownLeft {
    0% { -moz-transform-origin: bottom left; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
    100% { -moz-transform-origin: bottom left; -moz-transform: rotate(-110deg); -moz-animation-timing-function: ease-in-out; }
}

@-webkit-keyframes openDownLeft {
    0% { -webkit-transform-origin: bottom left; -webkit-transform: rotate(0deg); -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform-origin: bottom left; -webkit-transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; }
}

@-o-keyframes openDownLeft {
    0% { -o-transform-origin: bottom left; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
    100% { -o-transform-origin: bottom left; -o-transform: rotate(-110deg); -o-animation-timing-function: ease-in-out; }
}

@-ms-keyframes openDownLeft {
    0% { -ms-transform-origin: bottom left; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
    100% { -ms-transform-origin: bottom left; -ms-transform: rotate(-110deg); -ms-animation-timing-function: ease-in-out; }
}

@keyframes openDownLeft {
    0% { transform-origin: bottom left; transform: rotate(0deg); animation-timing-function: ease-out; }
    100% { transform-origin: bottom left; transform: rotate(-110deg); animation-timing-function: ease-in-out; }
}

@-moz-keyframes openDownRight {
    0% { -moz-transform-origin: bottom right; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
    100% { -moz-transform-origin: bottom right; -moz-transform: rotate(110deg); -moz-animation-timing-function: ease-in-out; }
}

@-webkit-keyframes openDownRight {
    0% { -webkit-transform-origin: bottom right; -webkit-transform: rotate(0deg); -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform-origin: bottom right; -webkit-transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; }
}

@-o-keyframes openDownRight {
    0% { -o-transform-origin: bottom right; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
    100% { -o-transform-origin: bottom right; -o-transform: rotate(110deg); -o-animation-timing-function: ease-in-out; }
}

@-ms-keyframes openDownRight {
    0% { -ms-transform-origin: bottom right; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
    100% { -ms-transform-origin: bottom right; -ms-transform: rotate(110deg); -ms-animation-timing-function: ease-in-out; }
}

@keyframes openDownRight {
    0% { transform-origin: bottom right; transform: rotate(0deg); animation-timing-function: ease-out; }
    100% { transform-origin: bottom right; transform: rotate(110deg); animation-timing-function: ease-in-out; }
}

@-moz-keyframes openUpLeft {
    0% { -moz-transform-origin: top left; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
    100% { -moz-transform-origin: top left; -moz-transform: rotate(110deg); -moz-animation-timing-function: ease-in-out; }
}

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

@-o-keyframes openUpLeft {
    0% { -o-transform-origin: top left; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
    100% { -o-transform-origin: top left; -o-transform: rotate(110deg); -o-animation-timing-function: ease-in-out; }
}

@-ms-keyframes openUpLeft {
    0% { -ms-transform-origin: top left; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
    100% { -ms-transform-origin: top left; -ms-transform: rotate(110deg); -ms-animation-timing-function: ease-in-out; }
}

@keyframes openUpLeft {
    0% { transform-origin: top left; transform: rotate(0deg); animation-timing-function: ease-out; }
    100% { transform-origin: top left; transform: rotate(110deg); animation-timing-function: ease-in-out; }
}

@-moz-keyframes openUpRight {
    0% { -moz-transform-origin: top right; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
    100% { -moz-transform-origin: top right; -moz-transform: rotate(-110deg); -moz-animation-timing-function: ease-in-out; }
}

@-webkit-keyframes openUpRight {
    0% { -webkit-transform-origin: top right; -webkit-transform: rotate(0deg); -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform-origin: top right; -webkit-transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; }
}

@-o-keyframes openUpRight {
    0% { -o-transform-origin: top right; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
    100% { -o-transform-origin: top right; -o-transform: rotate(-110deg); -o-animation-timing-function: ease-in-out; }
}

@-ms-keyframes openUpRight {
    0% { -ms-transform-origin: top right; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
    100% { -ms-transform-origin: top right; -ms-transform: rotate(-110deg); -ms-animation-timing-function: ease-in-out; }
}

@keyframes openUpRight {
    0% { transform-origin: top right; transform: rotate(0deg); animation-timing-function: ease-out; }
    100% { transform-origin: top right; transform: rotate(-110deg); animation-timing-function: ease-in-out; }
}

@-moz-keyframes openDownLeftRetourn {
    0% { -moz-transform-origin: bottom left; -moz-transform: rotate(-110deg); -moz-animation-timing-function: ease-in-out; }
    100% { -moz-transform-origin: bottom left; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
}

@-webkit-keyframes openDownLeftRetourn {
    0% { -webkit-transform-origin: bottom left; -webkit-transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; }
    100% { -webkit-transform-origin: bottom left; -webkit-transform: rotate(0deg); -webkit-animation-timing-function: ease-out; }
}

@-o-keyframes openDownLeftRetourn {
    0% { -o-transform-origin: bottom left; -o-transform: rotate(-110deg); -o-animation-timing-function: ease-in-out; }
    100% { -o-transform-origin: bottom left; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
}

@-ms-keyframes openDownLeftRetourn {
    0% { -ms-transform-origin: bottom left; -ms-transform: rotate(-110deg); -ms-animation-timing-function: ease-in-out; }
    100% { -ms-transform-origin: bottom left; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
}

@keyframes openDownLeftRetourn {
    0% { transform-origin: bottom left; transform: rotate(-110deg); animation-timing-function: ease-in-out; }
    100% { transform-origin: bottom left; transform: rotate(0deg); animation-timing-function: ease-out; }
}

@-moz-keyframes openDownRightRetourn {
    0% { -moz-transform-origin: bottom right; -moz-transform: rotate(110deg); -moz-animation-timing-function: ease-in-out; }
    100% { -moz-transform-origin: bottom right; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
}

@-webkit-keyframes openDownRightRetourn {
    0% { -webkit-transform-origin: bottom right; -webkit-transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; }
    100% { -webkit-transform-origin: bottom right; -webkit-transform: rotate(0deg); -webkit-animation-timing-function: ease-out; }
}

@-o-keyframes openDownRightRetourn {
    0% { -o-transform-origin: bottom right; -o-transform: rotate(110deg); -o-animation-timing-function: ease-in-out; }
    100% { -o-transform-origin: bottom right; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
}

@-ms-keyframes openDownRightRetourn {
    0% { -ms-transform-origin: bottom right; -ms-transform: rotate(110deg); -ms-animation-timing-function: ease-in-out; }
    100% { -ms-transform-origin: bottom right; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
}

@keyframes openDownRightRetourn {
    0% { transform-origin: bottom right; transform: rotate(110deg); animation-timing-function: ease-in-out; }
    100% { transform-origin: bottom right; transform: rotate(0deg); animation-timing-function: ease-out; }
}

@-moz-keyframes openUpLeftRetourn {
    0% { -moz-transform-origin: top left; -moz-transform: rotate(110deg); -moz-animation-timing-function: ease-in-out; }
    100% { -moz-transform-origin: top left; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
}

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

@-o-keyframes openUpLeftRetourn {
    0% { -o-transform-origin: top left; -o-transform: rotate(110deg); -o-animation-timing-function: ease-in-out; }
    100% { -o-transform-origin: top left; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
}

@-ms-keyframes openUpLeftRetourn {
    0% { -ms-transform-origin: top left; -ms-transform: rotate(110deg); -ms-animation-timing-function: ease-in-out; }
    100% { -ms-transform-origin: top left; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
}

@keyframes openUpLeftRetourn {
    0% { transform-origin: top left; transform: rotate(110deg); animation-timing-function: ease-in-out; }
    100% { transform-origin: top left; transform: rotate(0deg); animation-timing-function: ease-out; }
}

@-moz-keyframes openUpRightRetourn {
    0% { -moz-transform-origin: top right; -moz-transform: rotate(-110deg); -moz-animation-timing-function: ease-in-out; }
    100% { -moz-transform-origin: top right; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
}

@-webkit-keyframes openUpRightRetourn {
    0% { -webkit-transform-origin: top right; -webkit-transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; }
    100% { -webkit-transform-origin: top right; -webkit-transform: rotate(0deg); -webkit-animation-timing-function: ease-out; }
}

@-o-keyframes openUpRightRetourn {
    0% { -o-transform-origin: top right; -o-transform: rotate(-110deg); -o-animation-timing-function: ease-in-out; }
    100% { -o-transform-origin: top right; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
}

@-ms-keyframes openUpRightRetourn {
    0% { -ms-transform-origin: top right; -ms-transform: rotate(-110deg); -ms-animation-timing-function: ease-in-out; }
    100% { -ms-transform-origin: top right; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
}

@keyframes openUpRightRetourn {
    0% { transform-origin: top right; transform: rotate(-110deg); animation-timing-function: ease-in-out; }
    100% { transform-origin: top right; transform: rotate(0deg); animation-timing-function: ease-out; }
}

@-moz-keyframes openDownLeftOut {
    0% { opacity: 1; -moz-transform-origin: bottom left; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
    100% { opacity: 0; -moz-transform-origin: bottom left; -moz-transform: rotate(-110deg); -moz-animation-timing-function: ease-in-out; }
}

@-webkit-keyframes openDownLeftOut {
    0% { opacity: 1; -webkit-transform-origin: bottom left; -webkit-transform: rotate(0deg); -webkit-animation-timing-function: ease-out; }
    100% { opacity: 0; -webkit-transform-origin: bottom left; -webkit-transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; }
}

@-o-keyframes openDownLeftOut {
    0% { opacity: 1; -o-transform-origin: bottom left; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
    100% { opacity: 0; -o-transform-origin: bottom left; -o-transform: rotate(-110deg); -o-animation-timing-function: ease-in-out; }
}

@-ms-keyframes openDownLeftOut {
    0% { opacity: 1; -ms-transform-origin: bottom left; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
    100% { opacity: 0; -ms-transform-origin: bottom left; -ms-transform: rotate(-110deg); -ms-animation-timing-function: ease-in-out; }
}

@keyframes openDownLeftOut {
    0% { opacity: 1; transform-origin: bottom left; transform: rotate(0deg); animation-timing-function: ease-out; }
    100% { opacity: 0; transform-origin: bottom left; transform: rotate(-110deg); animation-timing-function: ease-in-out; }
}

@-moz-keyframes openDownRightOut {
    0% { opacity: 1; -moz-transform-origin: bottom right; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
    100% { opacity: 0; -moz-transform-origin: bottom right; -moz-transform: rotate(110deg); -moz-animation-timing-function: ease-in-out; }
}

@-webkit-keyframes openDownRightOut {
    0% { opacity: 1; -webkit-transform-origin: bottom right; -webkit-transform: rotate(0deg); -webkit-animation-timing-function: ease-out; }
    100% { opacity: 0; -webkit-transform-origin: bottom right; -webkit-transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; }
}

@-o-keyframes openDownRightOut {
    0% { opacity: 1; -o-transform-origin: bottom right; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
    100% { opacity: 0; -o-transform-origin: bottom right; -o-transform: rotate(110deg); -o-animation-timing-function: ease-in-out; }
}

@-ms-keyframes openDownRightOut {
    0% { opacity: 1; -ms-transform-origin: bottom right; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
    100% { opacity: 0; -ms-transform-origin: bottom right; -ms-transform: rotate(110deg); -ms-animation-timing-function: ease-in-out; }
}

@keyframes openDownRightOut {
    0% { opacity: 1; transform-origin: bottom right; transform: rotate(0deg); animation-timing-function: ease-out; }
    100% { opacity: 0; transform-origin: bottom right; transform: rotate(110deg); animation-timing-function: ease-in-out; }
}

@-moz-keyframes openUpLeftOut {
    0% { opacity: 1; -moz-transform-origin: top left; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
    100% { opacity: 0; -moz-transform-origin: top left; -moz-transform: rotate(110deg); -moz-animation-timing-function: ease-in-out; }
}

@-webkit-keyframes openUpLeftOut {
    0% { opacity: 1; -webkit-transform-origin: top left; -webkit-transform: rotate(0deg); -webkit-animation-timing-function: ease-out; }
    100% { opacity: 0; -webkit-transform-origin: top left; -webkit-transform: rotate(110deg); -webkit-animation-timing-function: ease-in-out; }
}

@-o-keyframes openUpLeftOut {
    0% { opacity: 1; -o-transform-origin: top left; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
    100% { opacity: 0; -o-transform-origin: top left; -o-transform: rotate(110deg); -o-animation-timing-function: ease-in-out; }
}

@-ms-keyframes openUpLeftOut {
    0% { opacity: 1; -ms-transform-origin: top left; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
    100% { opacity: 0; -ms-transform-origin: top left; -ms-transform: rotate(110deg); -ms-animation-timing-function: ease-in-out; }
}

@keyframes openUpLeftOut {
    0% { opacity: 1; transform-origin: top left; transform: rotate(0deg); animation-timing-function: ease-out; }
    100% { opacity: 0; transform-origin: top left; transform: rotate(110deg); animation-timing-function: ease-in-out; }
}

@-moz-keyframes openUpRightOut {
    0% { opacity: 1; -moz-transform-origin: top right; -moz-transform: rotate(0deg); -moz-animation-timing-function: ease-out; }
    100% { opacity: 0; -moz-transform-origin: top right; -moz-transform: rotate(-110deg); -moz-animation-timing-function: ease-in-out; }
}

@-webkit-keyframes openUpRightOut {
    0% { opacity: 1; -webkit-transform-origin: top right; -webkit-transform: rotate(0deg); -webkit-animation-timing-function: ease-out; }
    100% { opacity: 0; -webkit-transform-origin: top right; -webkit-transform: rotate(-110deg); -webkit-animation-timing-function: ease-in-out; }
}

@-o-keyframes openUpRightOut {
    0% { opacity: 1; -o-transform-origin: top right; -o-transform: rotate(0deg); -o-animation-timing-function: ease-out; }
    100% { opacity: 0; -o-transform-origin: top right; -o-transform: rotate(-110deg); -o-animation-timing-function: ease-in-out; }
}

@-ms-keyframes openUpRightOut {
    0% { opacity: 1; -ms-transform-origin: top right; -ms-transform: rotate(0deg); -ms-animation-timing-function: ease-out; }
    100% { opacity: 0; -ms-transform-origin: top right; -ms-transform: rotate(-110deg); -ms-animation-timing-function: ease-in-out; }
}

@keyframes openUpRightOut {
    0% { opacity: 1; transform-origin: top right; transform: rotate(0deg); animation-timing-function: ease-out; }
    100% { opacity: 0; transform-origin: top right; transform: rotate(-110deg); animation-timing-function: ease-in-out; }
}

@-moz-keyframes perspectiveDown {
    0% { -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(0deg); }
    100% { -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(-180deg); }
}

@-webkit-keyframes perspectiveDown {
    0% { -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); }
    100% { -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); }
}

@-o-keyframes perspectiveDown {
    0% { -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(0deg); }
    100% { -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(-180deg); }
}

@-ms-keyframes perspectiveDown {
    0% { -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(0deg); }
    100% { -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(-180deg); }
}

@keyframes perspectiveDown {
    0% { transform-origin: 0 100%; transform: perspective(800px) rotateX(0deg); }
    100% { transform-origin: 0 100%; transform: perspective(800px) rotateX(-180deg); }
}

@-moz-keyframes perspectiveLeft {
    0% { -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(0deg); }
    100% { -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(-180deg); }
}

@-webkit-keyframes perspectiveLeft {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); }
}

@-o-keyframes perspectiveLeft {
    0% { -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(0deg); }
    100% { -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(-180deg); }
}

@-ms-keyframes perspectiveLeft {
    0% { -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(0deg); }
    100% { -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(-180deg); }
}

@keyframes perspectiveLeft {
    0% { transform-origin: 0 0; transform: perspective(800px) rotateY(0deg); }
    100% { transform-origin: 0 0; transform: perspective(800px) rotateY(-180deg); }
}

@-moz-keyframes perspectiveRight {
    0% { -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(0deg); }
    100% { -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(180deg); }
}

@-webkit-keyframes perspectiveRight {
    0% { -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); }
    100% { -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); }
}

@-o-keyframes perspectiveRight {
    0% { -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(0deg); }
    100% { -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(180deg); }
}

@-ms-keyframes perspectiveRight {
    0% { -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(0deg); }
    100% { -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(180deg); }
}

@keyframes perspectiveRight {
    0% { transform-origin: 100% 0; transform: perspective(800px) rotateY(0deg); }
    100% { transform-origin: 100% 0; transform: perspective(800px) rotateY(180deg); }
}

@-moz-keyframes perspectiveUp {
    0% { -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(0deg); }
    100% { -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(180deg); }
}

@-webkit-keyframes perspectiveUp {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); }
}

@-o-keyframes perspectiveUp {
    0% { -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(0deg); }
    100% { -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(180deg); }
}

@-ms-keyframes perspectiveUp {
    0% { -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(0deg); }
    100% { -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(180deg); }
}

@keyframes perspectiveUp {
    0% { transform-origin: 0 0; transform: perspective(800px) rotateX(0deg); }
    100% { transform-origin: 0 0; transform: perspective(800px) rotateX(180deg); }
}

@-moz-keyframes perspectiveDownRetourn {
    0% { -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(-180deg); }
    100% { -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(0deg); }
}

@-webkit-keyframes perspectiveDownRetourn {
    0% { -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); }
    100% { -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); }
}

@-o-keyframes perspectiveDownRetourn {
    0% { -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(-180deg); }
    100% { -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(0deg); }
}

@-ms-keyframes perspectiveDownRetourn {
    0% { -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(-180deg); }
    100% { -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(0deg); }
}

@keyframes perspectiveDownRetourn {
    0% { transform-origin: 0 100%; transform: perspective(800px) rotateX(-180deg); }
    100% { transform-origin: 0 100%; transform: perspective(800px) rotateX(0deg); }
}

@-moz-keyframes perspectiveLeftRetourn {
    0% { -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(-180deg); }
    100% { -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(0deg); }
}

@-webkit-keyframes perspectiveLeftRetourn {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); }
}

@-o-keyframes perspectiveLeftRetourn {
    0% { -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(-180deg); }
    100% { -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(0deg); }
}

@-ms-keyframes perspectiveLeftRetourn {
    0% { -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(-180deg); }
    100% { -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(0deg); }
}

@keyframes perspectiveLeftRetourn {
    0% { transform-origin: 0 0; transform: perspective(800px) rotateY(-180deg); }
    100% { transform-origin: 0 0; transform: perspective(800px) rotateY(0deg); }
}

@-moz-keyframes perspectiveRightRetourn {
    0% { -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(180deg); }
    100% { -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(0deg); }
}

@-webkit-keyframes perspectiveRightRetourn {
    0% { -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); }
    100% { -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); }
}

@-o-keyframes perspectiveRightRetourn {
    0% { -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(180deg); }
    100% { -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(0deg); }
}

@-ms-keyframes perspectiveRightRetourn {
    0% { -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(180deg); }
    100% { -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(0deg); }
}

@keyframes perspectiveRightRetourn {
    0% { transform-origin: 100% 0; transform: perspective(800px) rotateY(180deg); }
    100% { transform-origin: 100% 0; transform: perspective(800px) rotateY(0deg); }
}

@-moz-keyframes perspectiveUpRetourn {
    0% { -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(180deg); }
    100% { -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(0deg); }
}

@-webkit-keyframes perspectiveUpRetourn {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); }
}

@-o-keyframes perspectiveUpRetourn {
    0% { -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(180deg); }
    100% { -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(0deg); }
}

@-ms-keyframes perspectiveUpRetourn {
    0% { -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(180deg); }
    100% { -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(0deg); }
}

@keyframes perspectiveUpRetourn {
    0% { transform-origin: 0 0; transform: perspective(800px) rotateX(180deg); }
    100% { transform-origin: 0 0; transform: perspective(800px) rotateX(0deg); }
}

@-moz-keyframes puffIn {
    0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2,2); -moz-filter: blur(2px); }
    100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1); -moz-filter: blur(0px); }
}

@-webkit-keyframes puffIn {
    0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2,2); -webkit-filter: blur(2px); }
    100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); -webkit-filter: blur(0px); }
}

@-o-keyframes puffIn {
    0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2,2); -webkit-filter: blur(2px); }
    100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1); -webkit-filter: blur(0px); }
}

@-ms-keyframes puffIn {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2,2); filter: blur(2px); }
    100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1); filter: blur(0px); }
}

@keyframes puffIn {
    0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2,2); filter: blur(2px); }
    100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); filter: blur(0px); }
}

@-moz-keyframes puffOut {
    0% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1); -moz-filter: blur(0px); }
    100% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2,2); -moz-filter: blur(2px); }
}

@-webkit-keyframes puffOut {
    0% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); -webkit-filter: blur(0px); }
    100% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2,2); -webkit-filter: blur(2px); }
}

@-o-keyframes puffOut {
    0% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1); -webkit-filter: blur(0px); }
    100% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2,2); -webkit-filter: blur(2px); }
}

@-ms-keyframes puffOut {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1); filter: blur(0px); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2,2); filter: blur(2px); }
}

@keyframes puffOut {
    0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); -webkit-filter: blur(0px); }
    100% { opacity: 0; transform-origin: 50% 50%; transform: scale(2,2); -webkit-filter: blur(2px); }
}

@-moz-keyframes rotateDown {
    0% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); }
    100% { opacity: 0; -moz-transform-origin: 50% 100%; -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px); }
}

@-webkit-keyframes rotateDown {
    0% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); }
    100% { opacity: 0; -webkit-transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); }
}

@-o-keyframes rotateDown {
    0% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); }
    100% { opacity: 0; -o-transform-origin: 50% 100%; -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px); }
}

@-ms-keyframes rotateDown {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 100%; -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px); }
}

@keyframes rotateDown {
    0% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateX(0deg) translateZ(0px); }
    100% { opacity: 0; transform-origin: 50% 100%; transform: perspective(800px) rotateX(-180deg) translateZ(300px); }
}

@-moz-keyframes rotateLeft {
    0% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px); }
    100% { opacity: 0; -moz-transform-origin: 50% 0; -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px); }
}

@-webkit-keyframes rotateLeft {
    0% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); }
    100% { opacity: 0; -webkit-transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); }
}

@-o-keyframes rotateLeft {
    0% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(0deg) translateZ(0px); }
    100% { opacity: 0; -o-transform-origin: 50% 0; -o-transform: perspective(800px) rotateY(180deg) translateZ(300px); }
}

@-ms-keyframes rotateLeft {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 0; -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px); }
}

@keyframes rotateLeft {
    0% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateY(0deg) translateZ(0px); }
    100% { opacity: 0; transform-origin: 50% 0; transform: perspective(800px) rotateY(180deg) translateZ(300px); }
}

@-moz-keyframes rotateRight {
    0% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px); }
    100% { opacity: 0; -moz-transform-origin: 50% 0; -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px); }
}

@-webkit-keyframes rotateRight {
    0% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); }
    100% { opacity: 0; -webkit-transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); }
}

@-o-keyframes rotateRight {
    0% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(0deg) translate3d(0px); }
    100% { opacity: 0; -o-transform-origin: 50% 0; -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px); }
}

@-ms-keyframes rotateRight {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 0; -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px); }
}

@keyframes rotateRight {
    0% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateY(0deg) translate3d(0px); }
    100% { opacity: 0; transform-origin: 50% 0; transform: perspective(800px) rotateY(-180deg) translateZ(150px); }
}

@-moz-keyframes rotateUp {
    0% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px); }
    100% { opacity: 0; -moz-transform-origin: 50% 0; -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px); }
}

@-webkit-keyframes rotateUp {
    0% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); }
    100% { opacity: 0; -webkit-transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); }
}

@-o-keyframes rotateUp {
    0% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(0deg) translateZ(0px); }
    100% { opacity: 0; -o-transform-origin: 50% 0; -o-transform: perspective(800px) rotateX(180deg) translateZ(100px); }
}

@-ms-keyframes rotateUp {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 0; -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px); }
}

@keyframes rotateUp {
    0% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateX(0deg) translateZ(0px); }
    100% { opacity: 0; transform-origin: 50% 0; transform: perspective(800px) rotateX(180deg) translateZ(100px); }
}

@-moz-keyframes slideDown {
    0% { -moz-transform-origin: 0 0; -moz-transform: translateY(0%); }
    100% { -moz-transform-origin: 0 0; -moz-transform: translateY(100%); }
}

@-webkit-keyframes slideDown {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(0%); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(100%); }
}

@-o-keyframes slideDown {
    0% { -o-transform-origin: 0 0; -o-transform: translateY(0%); }
    100% { -o-transform-origin: 0 0; -o-transform: translateY(100%); }
}

@-ms-keyframes slideDown {
    0% { -ms-transform-origin: 0 0; -ms-transform: translateY(0%); }
    100% { -ms-transform-origin: 0 0; -ms-transform: translateY(100%); }
}

@keyframes slideDown {
    0% { transform-origin: 0 0; transform: translateY(0%); }
    100% { transform-origin: 0 0; transform: translateY(100%); }
}

@-moz-keyframes slideLeft {
    0% { -moz-transform-origin: 0 0; -moz-transform: translateX(0%); }
    100% { -moz-transform-origin: 0 0; -moz-transform: translateX(-100%); }
}

@-webkit-keyframes slideLeft {
    0% { -webkit-transform-origin: 0 0;; -webkit-transform: translateX(0%); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: translateX(-100%); }
}

@-o-keyframes slideLeft {
    0% { -o-transform-origin: 0 0; -o-transform: translateX(0%); }
    100% { -o-transform-origin: 0 0; -o-transform: translateX(-100%); }
}

@-ms-keyframes slideLeft {
    0% { -ms-transform-origin: 0 0; -ms-transform: translateX(0%); }
    100% { -ms-transform-origin: 0 0; -ms-transform: translateX(-100%); }
}

@keyframes slideLeft {
    0% { transform-origin: 0 0; transform: translateX(0%); }
    100% { transform-origin: 0 0; transform: translateX(-100%); }
}

@-moz-keyframes slideRight {
    0% { -moz-transform-origin: 0 0; -moz-transform: translateX(0%); }
    100% { -moz-transform-origin: 0 0; -moz-transform: translateX(100%); }
}

@-webkit-keyframes slideRight {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: translateX(0%); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: translateX(100%); }
}

@-o-keyframes slideRight {
    0% { -o-transform-origin: 0 0; -o-transform: translateX(0%); }
    100% { -o-transform-origin: 0 0; -o-transform: translateX(100%); }
}

@-ms-keyframes slideRight {
    0% { -ms-transform-origin: 0 0; -ms-transform: translateX(0%); }
    100% { -ms-transform-origin: 0 0; -ms-transform: translateX(100%); }
}

@keyframes slideRight {
    0% { transform-origin: 0 0; transform: translateX(0%); }
    100% { transform-origin: 0 0; transform: translateX(100%); }
}

@-moz-keyframes slideUp {
    0% { -moz-transform-origin: 0 0; -moz-transform: translateY(0%); }
    100% { -moz-transform-origin: 0 0; -moz-transform: translateY(-100%); }
}

@-webkit-keyframes slideUp {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(0%); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(-100%); }
}

@-o-keyframes slideUp {
    0% { -o-transform-origin: 0 0; -o-transform: translateY(0%); }
    100% { -o-transform-origin: 0 0; -o-transform: translateY(-100%); }
}

@-ms-keyframes slideUp {
    0% { -ms-transform-origin: 0 0; -ms-transform: translateY(0%); }
    100% { -ms-transform-origin: 0 0; -ms-transform: translateY(-100%); }
}

@keyframes slideUp {
    0% { transform-origin: 0 0; transform: translateY(0%); }
    100% { transform-origin: 0 0; transform: translateY(-100%); }
}

@-moz-keyframes slideDownRetourn {
    0% { -moz-transform-origin: 0 0; -moz-transform: translateY(100%); }
    100% { -moz-transform-origin: 0 0; -moz-transform: translateY(0%); }
}

@-webkit-keyframes slideDownRetourn {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(100%); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(0%); }
}

@-o-keyframes slideDownRetourn {
    0% { -o-transform-origin: 0 0; -o-transform: translateY(100%); }
    100% { -o-transform-origin: 0 0; -o-transform: translateY(0%); }
}

@-ms-keyframes slideDownRetourn {
    0% { -ms-transform-origin: 0 0; -ms-transform: translateY(100%); }
    100% { -ms-transform-origin: 0 0; -ms-transform: translateY(0%); }
}

@keyframes slideDownRetourn {
    0% { transform-origin: 0 0; transform: translateY(100%); }
    100% { transform-origin: 0 0; transform: translateY(0%); }
}

@-moz-keyframes slideLeftRetourn {
    0% { -moz-transform-origin: 0 0; -moz-transform: translateX(-100%); }
    100% { -moz-transform-origin: 0 0; -moz-transform: translateX(0%); }
}

@-webkit-keyframes slideLeftRetourn {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: translateX(-100%); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: translateX(0%); }
}

@-o-keyframes slideLeftRetourn {
    0% { -o-transform-origin: 0 0; -o-transform: translateX(-100%); }
    100% { -o-transform-origin: 0 0; -o-transform: translateX(0%); }
}

@-ms-keyframes slideLeftRetourn {
    0% { -ms-transform-origin: 0 0; -ms-transform: translateX(-100%); }
    100% { -ms-transform-origin: 0 0; -ms-transform: translateX(0%); }
}

@keyframes slideLeftRetourn {
    0% { transform-origin: 0 0; transform: translateX(-100%); }
    100% { transform-origin: 0 0; transform: translateX(0%); }
}

@-moz-keyframes slideRightRetourn {
    0% { -moz-transform-origin: 0 0; -moz-transform: translateX(100%); }
    100% { -moz-transform-origin: 0 0; -moz-transform: translateX(0%); }
}

@-webkit-keyframes slideRightRetourn {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: translateX(100%); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: translateX(0%); }
}

@-o-keyframes slideRightRetourn {
    0% { -o-transform-origin: 0 0; -o-transform: translateX(100%); }
    100% { -o-transform-origin: 0 0; -o-transform: translateX(0%); }
}

@-ms-keyframes slideRightRetourn {
    0% { -ms-transform-origin: 0 0; -ms-transform: translateX(100%); }
    100% { -ms-transform-origin: 0 0; -ms-transform: translateX(0%); }
}

@keyframes slideRightRetourn {
    0% { transform-origin: 0 0; transform: translateX(100%); }
    100% { transform-origin: 0 0; transform: translateX(0%); }
}

@-moz-keyframes slideUpRetourn {
    0% { -moz-transform-origin: 0 0; -moz-transform: translateY(-100%); }
    100% { -moz-transform-origin: 0 0; -moz-transform: translateY(0%); }
}

@-webkit-keyframes slideUpRetourn {
    0% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(-100%); }
    100% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(0%); }
}

@-o-keyframes slideUpRetourn {
    0% { -o-transform-origin: 0 0; -o-transform: translateY(-100%); }
    100% { -o-transform-origin: 0 0; -o-transform: translateY(0%); }
}

@-ms-keyframes slideUpRetourn {
    0% { -ms-transform-origin: 0 0; -ms-transform: translateY(-100%); }
    100% { -ms-transform-origin: 0 0; -ms-transform: translateY(0%); }
}

@keyframes slideUpRetourn {
    0% { transform-origin: 0 0; transform: translateY(-100%); }
    100% { transform-origin: 0 0; transform: translateY(0%); }
}

@-moz-keyframes swap {
    0% { opacity: 0; -moz-transform-origin: 0 100%; -moz-transform: scale(0,0) translate(-700px,0px); }
    100% { opacity: 1; -moz-transform-origin: 100% 100%; -moz-transform: scale(1,1) translate(0px,0px); }
}

@-webkit-keyframes swap {
    0% { opacity: 0; -webkit-transform-origin: 0 100%; -webkit-transform: scale(0,0) translate(-700px,0px); }
    100% { opacity: 1; -webkit-transform-origin: 100% 100%; -webkit-transform: scale(1,1) translate(0px,0px);; }
}

@-o-keyframes swap {
    0% { opacity: 0; -o-transform-origin: 0 100%; -o-transform: scale(0,0) translate(-700px,0px); }
    100% { opacity: 1; -o-transform-origin: 100% 100%; -o-transform: scale(1,1) translate(0px,0px); }
}

@-ms-keyframes swap {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 0 100%; -ms-transform: scale(0,0) translate(-700px,0px); }
    100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 100% 100%; -ms-transform: scale(1,1) translate(0px,0px); }
}

@keyframes swap {
    0% { opacity: 0; transform-origin: 0 100%; transform: scale(0,0) translate(-700px,0px); }
    100% { opacity: 1; transform-origin: 100% 100%; transform: scale(1,1) translate(0px,0px); }
}

@-moz-keyframes twisterInDown {
    0% { opacity: 0; -moz-transform-origin: 0 100%; -moz-transform: scale(0,0) rotate(360deg) translateY(-100%); }
    30% { -moz-transform-origin: 0 100%; -moz-transform: scale(0,0) rotate(360deg) translateY(-100%); }
    100% { opacity: 1; -moz-transform-origin: 100% 100%; -moz-transform: scale(1,1) rotate(0deg) translateY(0%); }
}

@-webkit-keyframes twisterInDown {
    0% { opacity: 0; -webkit-transform-origin: 0 100%; -webkit-transform: scale(0,0) rotate(360deg) translateY(-100%); }
    30% { -webkit-transform-origin: 0 100%; -webkit-transform: scale(0,0) rotate(360deg) translateY(-100%); }
    100% { opacity: 1; -webkit-transform-origin: 100% 100%; -webkit-transform: scale(1,1) rotate(0deg) translateY(0%); }
}

@-o-keyframes twisterInDown {
    0% { opacity: 0; -o-transform-origin: 0 100%; -o-transform: scale(0,0) rotate(360deg) translateY(-100%); }
    30% { -o-transform-origin: 0 100%; -o-transform: scale(0,0) rotate(360deg) translateY(-100%); }
    100% { opacity: 1; -o-transform-origin: 100% 100%; -o-transform: scale(1,1) rotate(0deg) translateY(0%); }
}

@-ms-keyframes twisterInDown {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 0 100%; -ms-transform: scale(0,0) rotate(360deg) translateY(-100%); }
    30% { -ms-transform-origin: 0 100%; -ms-transform: scale(0,0) rotate(360deg) translateY(-100%); }
    100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 100% 100%; -ms-transform: scale(1,1) rotate(0deg) translateY(0%); }
}

@keyframes twisterInDown {
    0% { opacity: 0; transform-origin: 0 100%; transform: scale(0,0) rotate(360deg) translateY(-100%); }
    30% { transform-origin: 0 100%; transform: scale(0,0) rotate(360deg) translateY(-100%); }
    100% { opacity: 1; transform-origin: 100% 100%; transform: scale(1,1) rotate(0deg) translateY(0%); }
}

@-moz-keyframes twisterInUp {
    0% { opacity: 0; -moz-transform-origin: 100% 0; -moz-transform: scale(0,0) rotate(360deg) translateY(100%); }
    30% { -moz-transform-origin: 100% 0; -moz-transform: scale(0,0) rotate(360deg) translateY(100%); }
    100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: scale(1,1) rotate(0deg) translateY(0); }
}

@-webkit-keyframes twisterInUp {
    0% { opacity: 0; -webkit-transform-origin: 100% 0; -webkit-transform: scale(0,0) rotate(360deg) translateY(100%); }
    30% { -webkit-transform-origin: 100% 0; -webkit-transform: scale(0,0) rotate(360deg) translateY(100%); }
    100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: scale(1,1) rotate(0deg) translateY(0); }
}

@-o-keyframes twisterInUp {
    0% { opacity: 0; -o-transform-origin: 100% 0; -o-transform: scale(0,0) rotate(360deg) translateY(100%); }
    30% { -o-transform-origin: 100% 0; -o-transform: scale(0,0) rotate(360deg) translateY(100%); }
    100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: scale(1,1) rotate(0deg) translateY(0); }
}

@-ms-keyframes twisterInUp {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 100% 0; -ms-transform: scale(0,0) rotate(360deg) translateY(100%); }
    30% {; -ms-transform-origin: 100% 0; -ms-transform: scale(0,0) rotate(360deg) translateY(100%); }
    100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0 0; -ms-transform: scale(1,1) rotate(0deg) translateY(0); }
}

@keyframes twisterInUp {
    0% { opacity: 0; transform-origin: 100% 0; transform: scale(0,0) rotate(360deg) translateY(100%); }
    30% { transform-origin: 100% 0; transform: scale(0,0) rotate(360deg) translateY(100%); }
    100% { opacity: 1; transform-origin: 0 0; transform: scale(1,1) rotate(0deg) translateY(0); }
}

@-moz-keyframes vanishIn {
    0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2,2); -webkit-filter: blur(90px); }
    100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1); -webkit-filter: blur(0px); }
}

@-webkit-keyframes vanishIn {
    0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2,2); -webkit-filter: blur(90px); }
    100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); -webkit-filter: blur(0px); }
}

@-o-keyframes vanishIn {
    0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2,2); -webkit-filter: blur(90px); }
    100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1); -webkit-filter: blur(0px); }
}

@-ms-keyframes vanishIn {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2,2); -webkit-filter: blur(90px); }
    100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1); -webkit-filter: blur(0px); }
}

@keyframes vanishIn {
    0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2,2); -webkit-filter: blur(90px); }
    100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); -webkit-filter: blur(0px); }
}

@-moz-keyframes vanishOut {
    0% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1); -webkit-filter: blur(0px); }
    100% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2,2); -webkit-filter: blur(20px); }
}

@-webkit-keyframes vanishOut {
    0% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); -webkit-filter: blur(0px); }
    100% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2,2); -webkit-filter: blur(20px); }
}

@-o-keyframes vanishOut {
    0% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1); -webkit-filter: blur(0px); }
    100% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2,2); -webkit-filter: blur(20px); }
}

@-ms-keyframes vanishOut {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1); -webkit-filter: blur(0px); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2,2); -webkit-filter: blur(20px); }
}

@keyframes vanishOut {
    0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); -webkit-filter: blur(0px); }
    100% { opacity: 0; transform-origin: 50% 50%; transform: scale(2,2); -webkit-filter: blur(20px); }
}

@-moz-keyframes swashOut {
    0% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1); }
    80% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(0.9,0.9); }
    100% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(0,0); }
}

@-webkit-keyframes swashOut {
    0% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); transform: scale(1,1); }
    80% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(0.9,0.9); }
    100% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(0,0); }
}

@-o-keyframes swashOut {
    0% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1); }
    80% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(0.9,0.9); }
    100% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(0,0); }
}

@-ms-keyframes swashOut {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1); }
    80% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(0.9,0.9); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(0,0); }
}

@keyframes swashOut {
    0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); }
    80% { opacity: 1; transform-origin: 50% 50%; transform: scale(0.9,0.9); }
    100% { opacity: 0; transform-origin: 50% 50%; transform: scale(0,0); }
}

@-moz-keyframes swashIn {
    0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(0,0); }
    90% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(0.9,0.9); }
    100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1); }
}

@-webkit-keyframes swashIn {
    0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(0,0); }
    90% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(0.9,0.9); }
    100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); }
}

@-o-keyframes swashIn {
    0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(0,0); }
    90% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(0.9,0.9); }
    100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1); }
}

@-ms-keyframes swashIn {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(0,0); }
    90% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(0.9,0.9); }
    100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1); }
}

@keyframes swashIn {
    0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0,0); }
    90% { opacity: 1; transform-origin: 50% 50%; transform: scale(0.9,0.9); }
    100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); }
}

@-moz-keyframes foolishOut {
    0% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1) rotate(360deg); }
    20% { opacity: 1; -moz-transform-origin: 0% 0%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
    40% { opacity: 1; -moz-transform-origin: 100% 0%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
    60% { opacity: 1; -moz-transform-origin: 0%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
    80% { opacity: 1; -moz-transform-origin: 0% 100%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
    100% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(0,0) rotate(0deg); }
}

@-webkit-keyframes foolishOut {
    0% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1) rotate(360deg); }
    20% { opacity: 1; -webkit-transform-origin: 0% 0%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
    40% { opacity: 1; -webkit-transform-origin: 100% 0%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
    60% { opacity: 1; -webkit-transform-origin: 0%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
    80% { opacity: 1; -webkit-transform-origin: 0% 100%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
    100% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(0,0) rotate(0deg); }
}

@-o-keyframes foolishOut {
    0% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1) rotate(360deg); }
    20% { opacity: 1; -o-transform-origin: 0% 0%; -o-transform: scale(0.5,0.5) rotate(0deg); }
    40% { opacity: 1; -o-transform-origin: 100% 0%; -o-transform: scale(0.5,0.5) rotate(0deg); }
    60% { opacity: 1; -o-transform-origin: 0%; -o-transform: scale(0.5,0.5) rotate(0deg); }
    80% { opacity: 1; -o-transform-origin: 0% 100%; -o-transform: scale(0.5,0.5) rotate(0deg); }
    100% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(0,0) rotate(0deg); }
}

@-ms-keyframes foolishOut {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1) rotate(360deg); }
    20% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0% 0%; -ms-transform: scale(0.5,0.5) rotate(0deg); }
    40% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 100% 0%; -ms-transform: scale(0.5,0.5) rotate(0deg); }
    60% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0%; -ms-transform: scale(0.5,0.5) rotate(0deg); }
    80% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0% 100%; -ms-transform: scale(0.5,0.5) rotate(0deg); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(0,0) rotate(0deg); }
}

@keyframes foolishOut {
    0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1) rotate(360deg); }
    20% { opacity: 1; transform-origin: 0% 0%; transform: scale(0.5,0.5) rotate(0deg); }
    40% { opacity: 1; transform-origin: 100% 0%; transform: scale(0.5,0.5) rotate(0deg); }
    60% { opacity: 1; transform-origin: 0%; transform: scale(0.5,0.5) rotate(0deg); }
    80% { opacity: 1; transform-origin: 0% 100%; transform: scale(0.5,0.5) rotate(0deg); }
    100% { opacity: 0; transform-origin: 50% 50%; transform: scale(0,0) rotate(0deg); }
}

@-moz-keyframes foolishIn {
    0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(0,0) rotate(360deg); }
    20% { opacity: 1; -moz-transform-origin: 0% 100%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
    40% { opacity: 1; -moz-transform-origin: 100% 100%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
    60% { opacity: 1; -moz-transform-origin: 0%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
    80% { opacity: 1; -moz-transform-origin: 0% 0%; -moz-transform: scale(0.5,0.5) rotate(0deg); }
    100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1) rotate(0deg); }
}

@-webkit-keyframes foolishIn {
    0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(0,0) rotate(360deg); }
    20% { opacity: 1; -webkit-transform-origin: 0% 100%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
    40% { opacity: 1; -webkit-transform-origin: 100% 100%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
    60% { opacity: 1; -webkit-transform-origin: 0%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
    80% { opacity: 1; -webkit-transform-origin: 0% 0%; -webkit-transform: scale(0.5,0.5) rotate(0deg); }
    100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1) rotate(0deg); }
}

@-o-keyframes foolishIn {
    0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(0,0) rotate(360deg); }
    20% { opacity: 1; -o-transform-origin: 0% 100%; -o-transform: scale(0.5,0.5) rotate(0deg); }
    40% { opacity: 1; -o-transform-origin: 100% 100%; -o-transform: scale(0.5,0.5) rotate(0deg); }
    60% { opacity: 1; -o-transform-origin: 0%; -o-transform: scale(0.5,0.5) rotate(0deg); }
    80% { opacity: 1; -o-transform-origin: 0% 0%; -o-transform: scale(0.5,0.5) rotate(0deg); }
    100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1) rotate(0deg); }
}

@-ms-keyframes foolishIn {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(0,0) rotate(360deg); }
    20% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0% 100%; -ms-transform: scale(0.5,0.5) rotate(0deg); }
    40% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 100% 100%; -ms-transform: scale(0.5,0.5) rotate(0deg); }
    60% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0%; -ms-transform: scale(0.5,0.5) rotate(0deg); }
    80% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0% 0%; -ms-transform: scale(0.5,0.5) rotate(0deg); }
    100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1) rotate(0deg); }
}

@keyframes foolishIn {
    0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0,0) rotate(360deg); }
    20% { opacity: 1; transform-origin: 0% 100%; transform: scale(0.5,0.5) rotate(0deg); }
    40% { opacity: 1; transform-origin: 100% 100%; transform: scale(0.5,0.5) rotate(0deg); }
    60% { opacity: 1; transform-origin: 0%; transform: scale(0.5,0.5) rotate(0deg); }
    80% { opacity: 1; transform-origin: 0% 0%; transform: scale(0.5,0.5) rotate(0deg); }
    100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1) rotate(0deg); }
}

@-moz-keyframes holeOut {
    0% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1) rotateY(0deg); }
    100% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(0,0) rotateY(180deg); }
}

@-webkit-keyframes holeOut {
    0% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1) rotateY(0deg); }
    100% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(0,0) rotateY(180deg); }
}

@-o-keyframes holeOut {
    0% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1) rotateY(0deg); }
    100% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(0,0) rotateY(180deg); }
}

@-ms-keyframes holeOut {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1) rotateY(0deg); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(0,0) rotateY(180deg); }
}

@keyframes holeOut {
    0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1) rotateY(0deg); }
    100% { opacity: 0; transform-origin: 50% 50%; transform: scale(0,0) rotateY(180deg); }
}

@-moz-keyframes tinRightOut {
    0%,20%,40%,50% { opacity: 1; -moz-transform: scale(1,1) translateX(0); }
    10%,30% { opacity: 1; -moz-transform: scale(1.1,1.1) translateX(0); }
    100% { opacity: 0; -moz-transform: scale(1,1) translateX(900%); }
}

@-webkit-keyframes tinRightOut {
    0%,20%,40%,50% { opacity: 1; -webkit-transform: scale(1,1) translateX(0); }
    10%,30% { opacity: 1; -webkit-transform: scale(1.1,1.1) translateX(0); }
    100% { opacity: 0; -webkit-transform: scale(1,1) translateX(900%); }
}

@-o-keyframes tinRightOut {
    0%,20%,40%,50% { opacity: 1; -o-transform: scale(1,1) translateX(0); }
    10%,30% { opacity: 1; -o-transform: scale(1.1,1.1) translateX(0); }
    100% { opacity: 0; -o-transform: scale(1,1) translateX(900%); }
}

@-ms-keyframes tinRightOut {
    0%,20%,40%,50% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1,1) translateX(0); }
    10%,30% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1,1.1) translateX(0); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1,1) translateX(900%); }
}

@keyframes tinRightOut {
    0%,20%,40%,50% { opacity: 1; transform: scale(1,1) translateX(0); }
    10%,30% { opacity: 1; transform: scale(1.1,1.1) translateX(0); }
    100% { opacity: 0; transform: scale(1,1) translateX(900%); }
}

@-moz-keyframes tinLeftOut {
    0%,20%,40%,50% { opacity: 1; -moz-transform: scale(1,1) translateX(0); }
    10%,30% { opacity: 1; -moz-transform: scale(1.1,1.1) translateX(0); }
    100% { opacity: 0; -moz-transform: scale(1,1) translateX(-900%); }
}

@-webkit-keyframes tinLeftOut {
    0%,20%,40%,50% { opacity: 1; -webkit-transform: scale(1,1) translateX(0); }
    10%,30% { opacity: 1; -webkit-transform: scale(1.1,1.1) translateX(0); }
    100% { opacity: 0; -webkit-transform: scale(1,1) translateX(-900%); }
}

@-o-keyframes tinLeftOut {
    0%,20%,40%,50% { opacity: 1; -o-transform: scale(1,1) translateX(0); }
    10%,30% { opacity: 1; -o-transform: scale(1.1,1.1) translateX(0); }
    100% { opacity: 0; -o-transform: scale(1,1) translateX(-900%); }
}

@-ms-keyframes tinLeftOut {
    0%,20%,40%,50% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1,1) translateX(0); }
    10%,30% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1,1.1) translateX(0); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1,1) translateX(-900%); }
}

@keyframes tinLeftOut {
    0%,20%,40%,50% { opacity: 1; transform: scale(1,1) translateX(0); }
    10%,30% { opacity: 1; transform: scale(1.1,1.1) translateX(0); }
    100% { opacity: 0; transform: scale(1,1) translateX(-900%); }
}

@-moz-keyframes tinUpOut {
    0%,20%,40%,50% { opacity: 1; -moz-transform: scale(1,1) translateY(0); }
    10%,30% { opacity: 1; -moz-transform: scale(1.1,1.1) translateY(0); }
    100% { opacity: 0; -moz-transform: scale(1,1) translateY(-900%); }
}

@-webkit-keyframes tinUpOut {
    0%,20%,40%,50% { opacity: 1; -webkit-transform: scale(1,1) translateY(0); }
    10%,30% { opacity: 1; -webkit-transform: scale(1.1,1.1) translateY(0); }
    100% { opacity: 0; -webkit-transform: scale(1,1) translateY(-900%); }
}

@-o-keyframes tinUpOut {
    0%,20%,40%,50% { opacity: 1; -o-transform: scale(1,1) translateY(0); }
    10%,30% { opacity: 1; -o-transform: scale(1.1,1.1) translateY(0); }
    100% { opacity: 0; -o-transform: scale(1,1) translateY(-900%); }
}

@-ms-keyframes tinUpOut {
    0%,20%,40%,50% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1,1) translateY(0); }
    10%,30% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1,1.1) translateY(0); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1,1) translateY(-900%); }
}

@keyframes tinUpOut {
    0%,20%,40%,50% { opacity: 1; transform: scale(1,1) translateY(0); }
    10%,30% { opacity: 1; transform: scale(1.1,1.1) translateY(0); }
    100% { opacity: 0; transform: scale(1,1) translateY(-900%); }
}

@-moz-keyframes tinDownOut {
    0%,20%,40%,50% { opacity: 1; -moz-transform: scale(1,1) translateY(0); }
    10%,30% { opacity: 1; -moz-transform: scale(1.1,1.1) translateY(0); }
    100% { opacity: 0; -moz-transform: scale(1,1) translateY(900%); }
}

@-webkit-keyframes tinDownOut {
    0%,20%,40%,50% { opacity: 1; -webkit-transform: scale(1,1) translateY(0); }
    10%,30% { opacity: 1; -webkit-transform: scale(1.1,1.1) translateY(0); }
    100% { opacity: 0; -webkit-transform: scale(1,1) translateY(900%); }
}

@-o-keyframes tinDownOut {
    0%,20%,40%,50% { opacity: 1; -o-transform: scale(1,1) translateY(0); }
    10%,30% { opacity: 1; -o-transform: scale(1.1,1.1) translateY(0); }
    100% { opacity: 0; -o-transform: scale(1,1) translateY(900%); }
}

@-ms-keyframes tinDownOut {
    0%,20%,40%,50% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1,1) translateY(0); }
    10%,30% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1,1.1) translateY(0); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1,1) translateY(900%); }
}

@keyframes tinDownOut {
    0%,20%,40%,50% { opacity: 1; transform: scale(1,1) translateY(0); }
    10%,30% { opacity: 1; transform: scale(1.1,1.1) translateY(0); }
    100% { opacity: 0; transform: scale(1,1) translateY(900%); }
}

@-moz-keyframes tinRightIn {
    0% { opacity: 0; -moz-transform: scale(1,1) translateX(900%); }
    50%,70%,90% { opacity: 1; -moz-transform: scale(1.1,1.1) translateX(0); }
    60%,80%,100% { opacity: 1; -moz-transform: scale(1,1) translateX(0); }
}

@-webkit-keyframes tinRightIn {
    0% { opacity: 0; -webkit-transform: scale(1,1) translateX(900%); }
    50%,70%,90% { opacity: 1; -webkit-transform: scale(1.1,1.1) translateX(0); }
    60%,80%,100% { opacity: 1; -webkit-transform: scale(1,1) translateX(0); }
}

@-o-keyframes tinRightIn {
    0% { opacity: 0; -o-transform: scale(1,1) translateX(900%); }
    50%,70%,90% { opacity: 1; -o-transform: scale(1.1,1.1) translateX(0); }
    60%,80%,100% { opacity: 1; -o-transform: scale(1,1) translateX(0); }
}

@-ms-keyframes tinRightIn {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1,1) translateX(900%); }
    50%,70%,90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1,1.1) translateX(0); }
    60%,80%,100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1,1) translateX(0); }
}

@keyframes tinRightIn {
    0% { opacity: 0; transform: scale(1,1) translateX(900%); }
    50%,70%,90% { opacity: 1; transform: scale(1.1,1.1) translateX(0); }
    60%,80%,100% { opacity: 1; transform: scale(1,1) translateX(0); }
}

@-moz-keyframes tinLeftIn {
    0% { opacity: 0; -moz-transform: scale(1,1) translateX(-900%); }
    50%,70%,90% { opacity: 1; -moz-transform: scale(1.1,1.1) translateX(0); }
    60%,80%,100% { opacity: 1; -moz-transform: scale(1,1) translateX(0); }
}

@-webkit-keyframes tinLeftIn {
    0% { opacity: 0; -webkit-transform: scale(1,1) translateX(-900%); }
    50%,70%,90% { opacity: 1; -webkit-transform: scale(1.1,1.1) translateX(0); }
    60%,80%,100% { opacity: 1; -webkit-transform: scale(1,1) translateX(0); }
}

@-o-keyframes tinLeftIn {
    0% { opacity: 0; -o-transform: scale(1,1) translateX(-900%); }
    50%,70%,90% { opacity: 1; -o-transform: scale(1.1,1.1) translateX(0); }
    60%,80%,100% { opacity: 1; -o-transform: scale(1,1) translateX(0); }
}

@-ms-keyframes tinLeftIn {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1,1) translateX(-900%); }
    50%,70%,90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1,1.1) translateX(0); }
    60%,80%,100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1,1) translateX(0); }
}

@keyframes tinLeftIn {
    0% { opacity: 0; transform: scale(1,1) translateX(-900%); }
    50%,70%,90% { opacity: 1; transform: scale(1.1,1.1) translateX(0); }
    60%,80%,100% { opacity: 1; transform: scale(1,1) translateX(0); }
}

@-moz-keyframes tinUpIn {
    0% { opacity: 0; -moz-transform: scale(1,1) translateY(-900%); }
    50%,70%,90% { opacity: 1; -moz-transform: scale(1.1,1.1) translateY(0); }
    60%,80%,100% { opacity: 1; -moz-transform: scale(1,1) translateY(0); }
}

@-webkit-keyframes tinUpIn {
    0% { opacity: 0; -webkit-transform: scale(1,1) translateY(-900%); }
    50%,70%,90% { opacity: 1; -webkit-transform: scale(1.1,1.1) translateY(0); }
    60%,80%,100% { opacity: 1; -webkit-transform: scale(1,1) translateY(0); }
}

@-o-keyframes tinUpIn {
    0% { opacity: 0; -o-transform: scale(1,1) translateY(-900%); }
    50%,70%,90% { opacity: 1; -o-transform: scale(1.1,1.1) translateY(0); }
    60%,80%,100% { opacity: 1; -o-transform: scale(1,1) translateY(0); }
}

@-ms-keyframes tinUpIn {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1,1) translateY(-900%); }
    50%,70%,90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1,1.1) translateY(0); }
    60%,80%,100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1,1) translateY(0); }
}

@keyframes tinUpIn {
    0% { opacity: 0; transform: scale(1,1) translateY(-900%); }
    50%,70%,90% { opacity: 1; transform: scale(1.1,1.1) translateY(0); }
    60%,80%,100% { opacity: 1; transform: scale(1,1) translateY(0); }
}

@-moz-keyframes tinDownIn {
    0% { opacity: 0; -moz-transform: scale(1,1) translateY(900%); }
    50%,70%,90% { opacity: 1; -moz-transform: scale(1.1,1.1) translateY(0); }
    60%,80%,100% { opacity: 1; -moz-transform: scale(1,1) translateY(0); }
}

@-webkit-keyframes tinDownIn {
    0% { opacity: 0; -webkit-transform: scale(1,1) translateY(900%); }
    50%,70%,90% { opacity: 1; -webkit-transform: scale(1.1,1.1) translateY(0); }
    60%,80%,100% { opacity: 1; -webkit-transform: scale(1,1) translateY(0); }
}

@-o-keyframes tinDownIn {
    0% { opacity: 0; -o-transform: scale(1,1) translateY(900%); }
    50%,70%,90% { opacity: 1; -o-transform: scale(1.1,1.1) translateY(0); }
    60%,80%,100% { opacity: 1; -o-transform: scale(1,1) translateY(0); }
}

@-ms-keyframes tinDownIn {
    0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1,1) translateY(900%); }
    50%,70%,90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1,1.1) translateY(0); }
    60%,80%,100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1,1) translateY(0); }
}

@keyframes tinDownIn {
    0% { opacity: 0; transform: scale(1,1) translateY(900%); }
    50%,70%,90% { opacity: 1; transform: scale(1.1,1.1) translateY(0); }
    60%,80%,100% { opacity: 1; transform: scale(1,1) translateY(0); }
}

@-moz-keyframes bombRightOut {
    0% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: rotate(0deg); -webkit-filter: blur(0px); }
    50% { opacity: 1; -moz-transform-origin: 200% 50%; -moz-transform: rotate(160deg); -webkit-filter: blur(0px); }
    100% { opacity: 0; -moz-transform-origin: 200% 50%; -moz-transform: rotate(160deg); -webkit-filter: blur(20px); }
}

@-webkit-keyframes bombRightOut {
    0% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -webkit-filter: blur(0px); }
    50% { opacity: 1; -webkit-transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -webkit-filter: blur(0px); }
    100% { opacity: 0; -webkit-transform-origin: 200% 50%; -webkit-transform: rotate(160deg); -webkit-filter: blur(20px); }
}

@-o-keyframes bombRightOut {
    0% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: rotate(0deg); -webkit-filter: blur(0px); }
    50% { opacity: 1; -o-transform-origin: 200% 50%; -o-transform: rotate(160deg); -webkit-filter: blur(0px); }
    100% { opacity: 0; -o-transform-origin: 200% 50%; -o-transform: rotate(160deg); -webkit-filter: blur(20px); }
}

@-ms-keyframes bombRightOut {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: rotate(0deg); -webkit-filter: blur(0px); }
    50% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 200% 50%; -ms-transform: rotate(160deg); -webkit-filter: blur(0px); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 200% 50%; -ms-transform: rotate(160deg); -webkit-filter: blur(20px); }
}

@keyframes bombRightOut {
    0% { opacity: 1; transform-origin: 50% 50%; transform: rotate(0deg); -webkit-filter: blur(0px); }
    50% { opacity: 1; transform-origin: 200% 50%; transform: rotate(160deg); -webkit-filter: blur(0px); }
    100% { opacity: 0; transform-origin: 200% 50%; transform: rotate(160deg); -webkit-filter: blur(20px); }
}

@-moz-keyframes bombLeftOut {
    0% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: rotate(0deg); -webkit-filter: blur(0px); }
    50% { opacity: 1; -moz-transform-origin: -100% 50%; -moz-transform: rotate(-160deg); -webkit-filter: blur(0px); }
    100% { opacity: 0; -moz-transform-origin: -100% 50%; -moz-transform: rotate(-160deg); -webkit-filter: blur(20px); }
}

@-webkit-keyframes bombLeftOut {
    0% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -webkit-filter: blur(0px); }
    50% { opacity: 1; -webkit-transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -webkit-filter: blur(0px); }
    100% { opacity: 0; -webkit-transform-origin: -100% 50%; -webkit-transform: rotate(-160deg); -webkit-filter: blur(20px); }
}

@-o-keyframes bombLeftOut {
    0% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: rotate(0deg); -webkit-filter: blur(0px); }
    50% { opacity: 1; -o-transform-origin: -100% 50%; -o-transform: rotate(-160deg); -webkit-filter: blur(0px); }
    100% { opacity: 0; -o-transform-origin: -100% 50%; -o-transform: rotate(-160deg); -webkit-filter: blur(20px); }
}

@-ms-keyframes bombLeftOut {
    0% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: rotate(0deg); -webkit-filter: blur(0px); }
    50% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: -100% 50%; -ms-transform: rotate(-160deg); -webkit-filter: blur(0px); }
    100% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: -100% 50%; -ms-transform: rotate(-160deg); -webkit-filter: blur(20px); }
}

@keyframes bombLeftOut {
    0% { opacity: 1; transform-origin: 50% 50%; transform: rotate(0deg); -webkit-filter: blur(0px); }
    50% { opacity: 1; transform-origin: -100% 50%; transform: rotate(-160deg); -webkit-filter: blur(0px); }
    100% { opacity: 0; transform-origin: -100% 50%; transform: rotate(-160deg); -webkit-filter: blur(20px); }
}