@charset "UTF-8";

.expandUp, .slideUpExpand, .smallDownBounce, .smallUpBounce, .zoomRock {
    visibility: visible !important
}

.smallDownBounce {
    animation-name: smallDownBounce;
    -webkit-animation-name: smallDownBounce;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease
}

@keyframes smallDownBounce {
    0% {
        transform: translateY(-100%)
    }

    50% {
        transform: translateY(8%)
    }

    65% {
        transform: translateY(-4%)
    }

    80% {
        transform: translateY(4%)
    }

    95% {
        transform: translateY(-2%)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes smallDownBounce {
    0% {
        -webkit-transform: translateY(-100%)
    }

    50% {
        -webkit-transform: translateY(8%)
    }

    65% {
        -webkit-transform: translateY(-4%)
    }

    80% {
        -webkit-transform: translateY(4%)
    }

    95% {
        -webkit-transform: translateY(-2%)
    }

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

.smallUpBounce {
    animation-name: smallUpBounce;
    -webkit-animation-name: smallUpBounce;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease
}

@keyframes smallUpBounce {
    0% {
        transform: translateY(100%)
    }

    50% {
        transform: translateY(-8%)
    }

    65% {
        transform: translateY(4%)
    }

    80% {
        transform: translateY(-4%)
    }

    95% {
        transform: translateY(2%)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes smallUpBounce {
    0% {
        -webkit-transform: translateY(100%)
    }

    50% {
        -webkit-transform: translateY(-8%)
    }

    65% {
        -webkit-transform: translateY(4%)
    }

    80% {
        -webkit-transform: translateY(-4%)
    }

    95% {
        -webkit-transform: translateY(2%)
    }

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

.slideUpExpand {
    animation-name: slideUpExpand;
    -webkit-animation-name: slideUpExpand;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out
}

@keyframes slideUpExpand {
    0% {
        transform: translateY(100%) scaleX(.5)
    }

    30% {
        transform: translateY(-8%) scaleX(.5)
    }

    40% {
        transform: translateY(2%) scaleX(.5)
    }

    50% {
        transform: translateY(0) scaleX(1.1)
    }

    60% {
        transform: translateY(0) scaleX(.9)
    }

    70% {
        transform: translateY(0) scaleX(1.05)
    }

    80% {
        transform: translateY(0) scaleX(.95)
    }

    90% {
        transform: translateY(0) scaleX(1.02)
    }

    100% {
        transform: translateY(0) scaleX(1)
    }
}

@-webkit-keyframes slideUpExpand {
    0% {
        -webkit-transform: translateY(100%) scaleX(.5)
    }

    30% {
        -webkit-transform: translateY(-8%) scaleX(.5)
    }

    40% {
        -webkit-transform: translateY(2%) scaleX(.5)
    }

    50% {
        -webkit-transform: translateY(0) scaleX(1.1)
    }

    60% {
        -webkit-transform: translateY(0) scaleX(.9)
    }

    70% {
        -webkit-transform: translateY(0) scaleX(1.05)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(.95)
    }

    90% {
        -webkit-transform: translateY(0) scaleX(1.02)
    }

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

.expandUp {
    animation-name: expandUp;
    -webkit-animation-name: expandUp;
    animation-duration: .7s;
    -webkit-animation-duration: .7s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease
}

@keyframes expandUp {
    0% {
        transform: translateY(100%) scale(.6) scaleY(.5)
    }

    60% {
        transform: translateY(-7%) scaleY(1.12)
    }

    75% {
        transform: translateY(3%)
    }

    100% {
        transform: translateY(0) scale(1) scaleY(1)
    }
}

@-webkit-keyframes expandUp {
    0% {
        -webkit-transform: translateY(100%) scale(.6) scaleY(.5)
    }

    60% {
        -webkit-transform: translateY(-7%) scaleY(1.12)
    }

    75% {
        -webkit-transform: translateY(3%)
    }

    100% {
        -webkit-transform: translateY(0) scale(1) scaleY(1)
    }
}

.zoomRock {
    animation-name: zoomRock;
    -webkit-animation-name: zoomRock;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

.blink, .jumpDown {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

@keyframes zoomRock {
    0% {
        transform: rotate(0) scale(.3)
    }

    20% {
        transform: rotate(-2deg) scaleY(1)
    }

    35% {
        transform: rotate(2deg) scaleY(1)
    }

    50% {
        transform: rotate(-2deg)
    }

    65% {
        transform: rotate(1deg)
    }

    80% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(0)
    }
}

@-webkit-keyframes zoomRock {
    0% {
        -webkit-transform: rotate(0) scale(.3)
    }

    20% {
        -webkit-transform: rotate(-2deg) scaleY(1)
    }

    35% {
        -webkit-transform: rotate(2deg) scaleY(1)
    }

    50% {
        -webkit-transform: rotate(-2deg)
    }

    65% {
        -webkit-transform: rotate(1deg)
    }

    80% {
        -webkit-transform: rotate(-1deg)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}

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

@-webkit-keyframes jumpDown {
    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 jumpDown {
    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)
    }
}

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

.pulse, .rubberBand {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

@-webkit-keyframes blink {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes blink {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

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

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse {
    0%,100% {
        -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)
    }
}

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

.shake, .swing {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

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

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

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

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

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

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

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

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

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

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

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
    animation-duration: 1s;
    animation-fill-mode: both
}

.tada, .wobble {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

@-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(0);
        transform: rotate(0)
    }
}

@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(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

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

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

    10%,20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.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(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.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)
    }
}

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

.bounceIn, .bounceInDown {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

@-webkit-keyframes wobble {
    0%,100% {
        -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)
    }
}

@keyframes wobble {
    0%,100% {
        -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)
    }
}

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

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

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

.bounceInLeft, .bounceInRight {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

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

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

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

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

.bounceInUp, .fadeIn {
    -webkit-animation-fill-mode: both
}

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

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

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

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    animation-fill-mode: both
}

.fadeInSlow, .fadeInSlower {
    -webkit-animation-fill-mode: both
}

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

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeInSlow {
    -webkit-animation-name: fadeInSlow;
    animation-name: fadeInSlow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInSlow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInSlow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeInSlower {
    -webkit-animation-name: fadeInSlower;
    animation-name: fadeInSlower;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    animation-fill-mode: both
}

.bigSlideDown, .fadeInDown {
    -webkit-animation-fill-mode: both
}

@-webkit-keyframes fadeInSlower {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInSlower {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

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

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

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

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

.bigSlideDown {
    -webkit-animation-name: bigSlideDown;
    animation-name: bigSlideDown;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    animation-fill-mode: both
}

.bigSlideLeft, .fadeInLeft {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

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

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

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

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

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

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

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

.bigSlideRight, .fadeInRight {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

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

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

@keyframes bigSlideLeft {
    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)
    }
}

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

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

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

.bigSlideUp, .fadeInUp {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

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

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

@keyframes bigSlideRight {
    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)
    }
}

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

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

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

.inTheWind, .spinner {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

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

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

@keyframes bigSlideUp {
    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)
    }
}

.spinner {
    -webkit-animation-name: spinner;
    animation-name: spinner;
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    animation-duration: 1s;
    animation-fill-mode: both
}

@-webkit-keyframes spinner {
    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 spinner {
    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
    }
}

.inTheWind {
    -webkit-animation-name: inTheWind;
    animation-name: inTheWind;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-duration: 1s;
    animation-fill-mode: both
}

.seeSaw, .zoomingIn {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

@-webkit-keyframes inTheWind {
    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(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes inTheWind {
    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(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.seeSaw {
    -webkit-animation-name: seeSaw;
    animation-name: seeSaw;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-duration: 1s;
    animation-fill-mode: both
}

@-webkit-keyframes seeSaw {
    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(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes seeSaw {
    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(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.zoomingIn {
    -webkit-animation-name: zoomingIn;
    animation-name: zoomingIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    animation-duration: 1s;
    animation-fill-mode: both
}

.rotateIn, .rotateInDownLeft {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

@-webkit-keyframes zoomingIn {
    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(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes zoomingIn {
    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(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

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

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

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

.rotateInDownRight, .rotateInUpLeft {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

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

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

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

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

.rollingIn, .rotateInUpRight {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

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

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

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

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

.expand, .flyInDown {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

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

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

@keyframes rollingIn {
    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(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

.flyInLeft, .flyInRight {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

@-webkit-keyframes flyInDown {
    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 flyInDown {
    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
    }
}

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

@-webkit-keyframes flyInLeft {
    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 flyInLeft {
    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
    }
}

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

@-webkit-keyframes flyInRight {
    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 flyInRight {
    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
    }
}

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

@-webkit-keyframes flyInUp {
    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 flyInUp {
    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
    }
}

.wavering {
    animation-name: wavering;
    -webkit-animation-name: wavering;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.blinking, .blinkingSlow {
    -webkit-animation-fill-mode: both;
    animation-iteration-count: infinite
}

@keyframes wavering {
    0%,100% {
        transform: rotate(-4deg)
    }

    50% {
        transform: rotate(4deg)
    }
}

@-webkit-keyframes wavering {
    0%,100% {
        -webkit-transform: rotate(-4deg)
    }

    50% {
        -webkit-transform: rotate(4deg)
    }
}

.blinking {
    -webkit-animation-name: blinking;
    animation-name: blinking;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes blinking {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: .5
    }
}

@keyframes blinking {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: .5
    }
}

.blinkingSlow {
    -webkit-animation-name: blinkingSlow;
    animation-name: blinkingSlow;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes blinkingSlow {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: .5
    }
}

@keyframes blinkingSlow {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: .5
    }
}

.pulsating {
    animation-name: pulsating;
    -webkit-animation-name: pulsating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulsating {
    0%,100% {
        transform: scale(.9);
        opacity: .7
    }

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

@-webkit-keyframes pulsating {
    0%,100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

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

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

@-webkit-keyframes jelly {
    0% {
        -webkit-transform: scale(.5,.5)
    }

    1% {
        -webkit-transform: scale(.5278,.532)
    }

    2% {
        -webkit-transform: scale(.5605,.5764)
    }

    3% {
        -webkit-transform: scale(.5971,.6306)
    }

    4% {
        -webkit-transform: scale(.6367,.6917)
    }

    5% {
        -webkit-transform: scale(.6783,.7572)
    }

    6% {
        -webkit-transform: scale(.7211,.8245)
    }

    7% {
        -webkit-transform: scale(.7642,.8911)
    }

    8% {
        -webkit-transform: scale(.8071,.955)
    }

    9% {
        -webkit-transform: scale(.8489,1.014)
    }

    10% {
        -webkit-transform: scale(.8892,1.067)
    }

    11% {
        -webkit-transform: scale(.9274,1.113)
    }

    12% {
        -webkit-transform: scale(.9632,1.151)
    }

    13% {
        -webkit-transform: scale(.9961,1.18)
    }

    14% {
        -webkit-transform: scale(1.026,1.201)
    }

    15% {
        -webkit-transform: scale(1.053,1.213)
    }

    16% {
        -webkit-transform: scale(1.076,1.217)
    }

    17% {
        -webkit-transform: scale(1.112,1.202)
    }

    18% {
        -webkit-transform: scale(1.125,1.186)
    }

    19% {
        -webkit-transform: scale(1.135,1.166)
    }

    20% {
        -webkit-transform: scale(1.142,1.142)
    }

    21% {
        -webkit-transform: scale(1.145,1.115)
    }

    22% {
        -webkit-transform: scale(1.146,1.087)
    }

    23% {
        -webkit-transform: scale(1.145,1.059)
    }

    24% {
        -webkit-transform: scale(1.142,1.032)
    }

    25% {
        -webkit-transform: scale(1.136,1.006)
    }

    26% {
        -webkit-transform: scale(1.129,.9826)
    }

    27% {
        -webkit-transform: scale(1.121,.9619)
    }

    28% {
        -webkit-transform: scale(1.111,.9444)
    }

    29% {
        -webkit-transform: scale(1.101,.9304)
    }

    30% {
        -webkit-transform: scale(1.089,.9201)
    }

    31% {
        -webkit-transform: scale(1.078,.9133)
    }

    32% {
        -webkit-transform: scale(1.066,.9101)
    }

    33% {
        -webkit-transform: scale(1.055,.9101)
    }

    34% {
        -webkit-transform: scale(1.032,.9187)
    }

    35% {
        -webkit-transform: scale(1.022,.9264)
    }

    36% {
        -webkit-transform: scale(1.012,.9358)
    }

    37% {
        -webkit-transform: scale(1.003,.9464)
    }

    38% {
        -webkit-transform: scale(.9949,.9578)
    }

    39% {
        -webkit-transform: scale(.9876,.9695)
    }

    40% {
        -webkit-transform: scale(.9811,.9811)
    }

    41% {
        -webkit-transform: scale(.9755,.9922)
    }

    42% {
        -webkit-transform: scale(.9709,1.002)
    }

    43% {
        -webkit-transform: scale(.9671,1.012)
    }

    44% {
        -webkit-transform: scale(.9643,1.020)
    }

    45% {
        -webkit-transform: scale(.9623,1.026)
    }

    46% {
        -webkit-transform: scale(.9611,1.031)
    }

    47% {
        -webkit-transform: scale(.9606,1.035)
    }

    48% {
        -webkit-transform: scale(.9608,1.037)
    }

    49% {
        -webkit-transform: scale(.9616,1.038)
    }

    50% {
        -webkit-transform: scale(.9647,1.035)
    }

    51% {
        -webkit-transform: scale(.9669,1.032)
    }

    52% {
        -webkit-transform: scale(.9695,1.029)
    }

    53% {
        -webkit-transform: scale(.9722,1.025)
    }

    54% {
        -webkit-transform: scale(.9752,1.020)
    }

    55% {
        -webkit-transform: scale(.9782,1.015)
    }

    56% {
        -webkit-transform: scale(.9814,1.010)
    }

    57% {
        -webkit-transform: scale(.9845,1.006)
    }

    58% {
        -webkit-transform: scale(.9876,1.001)
    }

    59% {
        -webkit-transform: scale(.9905,.997)
    }

    60% {
        -webkit-transform: scale(.9934,.9934)
    }

    61% {
        -webkit-transform: scale(.9961,.9903)
    }

    62% {
        -webkit-transform: scale(.9986,.9879)
    }

    63% {
        -webkit-transform: scale(1.001,.9861)
    }

    64% {
        -webkit-transform: scale(1.003,.9849)
    }

    65% {
        -webkit-transform: scale(1.005,.9844)
    }

    66% {
        -webkit-transform: scale(1.006,.9844)
    }

    67% {
        -webkit-transform: scale(1.009,.9859)
    }

    68% {
        -webkit-transform: scale(1.009,.9872)
    }

    69% {
        -webkit-transform: scale(1.010,.9888)
    }

    70% {
        -webkit-transform: scale(1.010,.9907)
    }

    71% {
        -webkit-transform: scale(1.011,.9927)
    }

    72% {
        -webkit-transform: scale(1.011,.9947)
    }

    73% {
        -webkit-transform: scale(1.010,.9967)
    }

    74% {
        -webkit-transform: scale(1.010,.9986)
    }

    75% {
        -webkit-transform: scale(1.010,1)
    }

    76% {
        -webkit-transform: scale(1.009,1.002)
    }

    77% {
        -webkit-transform: scale(1.008,1.003)
    }

    78% {
        -webkit-transform: scale(1.008,1.005)
    }

    79% {
        -webkit-transform: scale(1.007,1.005)
    }

    80% {
        -webkit-transform: scale(1.006,1.006)
    }

    81% {
        -webkit-transform: scale(1.005,1.006)
    }

    82% {
        -webkit-transform: scale(1.004,1.007)
    }

    83% {
        -webkit-transform: scale(1.004,1.006)
    }

    84% {
        -webkit-transform: scale(1.002,1.006)
    }

    85% {
        -webkit-transform: scale(1.001,1.005)
    }

    86% {
        -webkit-transform: scale(1.001,1.004)
    }

    87% {
        -webkit-transform: scale(.9999,1.003)
    }

    88% {
        -webkit-transform: scale(.9994,1.003)
    }

    89% {
        -webkit-transform: scale(.9989,1.002)
    }

    90% {
        -webkit-transform: scale(.9984,1.001)
    }

    91% {
        -webkit-transform: scale(.9981,1)
    }

    92% {
        -webkit-transform: scale(.9977,.9995)
    }

    93% {
        -webkit-transform: scale(.9975,.9988)
    }

    94% {
        -webkit-transform: scale(.9973,.9983)
    }

    95% {
        -webkit-transform: scale(.9972,.9979)
    }

    96% {
        -webkit-transform: scale(.9972,.9976)
    }

    97% {
        -webkit-transform: scale(.9971,.9974)
    }

    98% {
        -webkit-transform: scale(.9972,.9973)
    }

    99% {
        -webkit-transform: scale(.9973,.9973)
    }

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

@keyframes jelly {
    0% {
        -webkit-transform:: scale(.5,.5)
    }

    1% {
        transform: scale(.5278,.532)
    }

    2% {
        transform: scale(.5605,.5764)
    }

    3% {
        transform: scale(.5971,.6306)
    }

    4% {
        transform: scale(.6367,.6917)
    }

    5% {
        transform: scale(.6783,.7572)
    }

    6% {
        transform: scale(.7211,.8245)
    }

    7% {
        transform: scale(.7642,.8911)
    }

    8% {
        transform: scale(.8071,.955)
    }

    9% {
        transform: scale(.8489,1.014)
    }

    10% {
        transform: scale(.8892,1.067)
    }

    11% {
        transform: scale(.9274,1.113)
    }

    12% {
        transform: scale(.9632,1.151)
    }

    13% {
        transform: scale(.9961,1.18)
    }

    14% {
        transform: scale(1.026,1.201)
    }

    15% {
        transform: scale(1.053,1.213)
    }

    16% {
        transform: scale(1.076,1.217)
    }

    17% {
        transform: scale(1.112,1.202)
    }

    18% {
        transform: scale(1.125,1.186)
    }

    19% {
        transform: scale(1.135,1.166)
    }

    20% {
        transform: scale(1.142,1.142)
    }

    21% {
        transform: scale(1.145,1.115)
    }

    22% {
        transform: scale(1.146,1.087)
    }

    23% {
        transform: scale(1.145,1.059)
    }

    24% {
        transform: scale(1.142,1.032)
    }

    25% {
        transform: scale(1.136,1.006)
    }

    26% {
        transform: scale(1.129,.9826)
    }

    27% {
        transform: scale(1.121,.9619)
    }

    28% {
        transform: scale(1.111,.9444)
    }

    29% {
        transform: scale(1.101,.9304)
    }

    30% {
        transform: scale(1.089,.9201)
    }

    31% {
        transform: scale(1.078,.9133)
    }

    32% {
        transform: scale(1.066,.9101)
    }

    33% {
        transform: scale(1.055,.9101)
    }

    34% {
        transform: scale(1.032,.9187)
    }

    35% {
        transform: scale(1.022,.9264)
    }

    36% {
        transform: scale(1.012,.9358)
    }

    37% {
        transform: scale(1.003,.9464)
    }

    38% {
        transform: scale(.9949,.9578)
    }

    39% {
        transform: scale(.9876,.9695)
    }

    40% {
        transform: scale(.9811,.9811)
    }

    41% {
        transform: scale(.9755,.9922)
    }

    42% {
        transform: scale(.9709,1.002)
    }

    43% {
        transform: scale(.9671,1.012)
    }

    44% {
        transform: scale(.9643,1.020)
    }

    45% {
        transform: scale(.9623,1.026)
    }

    46% {
        transform: scale(.9611,1.031)
    }

    47% {
        transform: scale(.9606,1.035)
    }

    48% {
        transform: scale(.9608,1.037)
    }

    49% {
        transform: scale(.9616,1.038)
    }

    50% {
        transform: scale(.9647,1.035)
    }

    51% {
        transform: scale(.9669,1.032)
    }

    52% {
        transform: scale(.9695,1.029)
    }

    53% {
        transform: scale(.9722,1.025)
    }

    54% {
        transform: scale(.9752,1.020)
    }

    55% {
        transform: scale(.9782,1.015)
    }

    56% {
        transform: scale(.9814,1.010)
    }

    57% {
        transform: scale(.9845,1.006)
    }

    58% {
        transform: scale(.9876,1.001)
    }

    59% {
        transform: scale(.9905,.997)
    }

    60% {
        transform: scale(.9934,.9934)
    }

    61% {
        transform: scale(.9961,.9903)
    }

    62% {
        transform: scale(.9986,.9879)
    }

    63% {
        transform: scale(1.001,.9861)
    }

    64% {
        transform: scale(1.003,.9849)
    }

    65% {
        transform: scale(1.005,.9844)
    }

    66% {
        transform: scale(1.006,.9844)
    }

    67% {
        transform: scale(1.009,.9859)
    }

    68% {
        transform: scale(1.009,.9872)
    }

    69% {
        transform: scale(1.010,.9888)
    }

    70% {
        transform: scale(1.010,.9907)
    }

    71% {
        transform: scale(1.011,.9927)
    }

    72% {
        transform: scale(1.011,.9947)
    }

    73% {
        transform: scale(1.010,.9967)
    }

    74% {
        transform: scale(1.010,.9986)
    }

    75% {
        transform: scale(1.010,1)
    }

    76% {
        transform: scale(1.009,1.002)
    }

    77% {
        transform: scale(1.008,1.003)
    }

    78% {
        transform: scale(1.008,1.005)
    }

    79% {
        transform: scale(1.007,1.005)
    }

    80% {
        transform: scale(1.006,1.006)
    }

    81% {
        transform: scale(1.005,1.006)
    }

    82% {
        transform: scale(1.004,1.007)
    }

    83% {
        transform: scale(1.004,1.006)
    }

    84% {
        transform: scale(1.002,1.006)
    }

    85% {
        transform: scale(1.001,1.005)
    }

    86% {
        transform: scale(1.001,1.004)
    }

    87% {
        transform: scale(.9999,1.003)
    }

    88% {
        transform: scale(.9994,1.003)
    }

    89% {
        transform: scale(.9989,1.002)
    }

    90% {
        transform: scale(.9984,1.001)
    }

    91% {
        transform: scale(.9981,1)
    }

    92% {
        transform: scale(.9977,.9995)
    }

    93% {
        transform: scale(.9975,.9988)
    }

    94% {
        transform: scale(.9973,.9983)
    }

    95% {
        transform: scale(.9972,.9979)
    }

    96% {
        transform: scale(.9972,.9976)
    }

    97% {
        transform: scale(.9971,.9974)
    }

    98% {
        transform: scale(.9972,.9973)
    }

    99% {
        transform: scale(.9973,.9973)
    }

    100% {
        transform: scale(1)
    }
}