.print,
.printWhitCursor {
    animation-name: fadeInNormal;
    -webkit-animation-name: fadeInNormal;
    animation-duration: 10ms !important;
    -webkit-animation-duration: 10ms !important;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out
}

.textanimation.texthinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes textflash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes textflash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

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

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

    10% {
        opacity: 1;
        -webkit-transform: translateX(-10px)
    }

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

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

    100% {
        -webkit-transform: none
    }
}

@keyframes textshake {
    0% {
        opacity: 0;
        transform: translateX(0)
    }

    10% {
        opacity: 1;
        transform: translateX(-10px)
    }

    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }

    100% {
        transform: none
    }
}

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

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

    30% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

    30% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

    30% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

    30% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes translationUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes translationUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes translationDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes translationDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes textfloat {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
        opacity: 1
    }

    26% {
        -webkit-transform: scale(1.1) rotateZ(12deg);
        transform: scale(1.1) rotateZ(12deg);
        opacity: .2
    }

    76% {
        -webkit-transform: scale(.7) rotateZ(-8deg);
        transform: scale(.7) rotateZ(-8deg);
        opacity: .6
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes textfloat {
    0% {
        -moz-transform: scale(1) rotateZ(0);
        -ms-transform: scale(1) rotateZ(0);
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
        opacity: 1
    }

    26% {
        -moz-transform: scale(1.1) rotateZ(12deg);
        -ms-transform: scale(1.1) rotateZ(12deg);
        -webkit-transform: scale(1.1) rotateZ(12deg);
        transform: scale(1.1) rotateZ(12deg);
        opacity: .2
    }

    76% {
        -moz-transform: scale(.7) rotateZ(-8deg);
        -ms-transform: scale(.7) rotateZ(-8deg);
        -webkit-transform: scale(.7) rotateZ(-8deg);
        transform: scale(.7) rotateZ(-8deg);
        opacity: .6
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    10% {
        -webkit-transform: translateX(-10px)
    }

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

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

    100% {
        -webkit-transform: none
    }
}

@keyframes textemphashake {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(-10px)
    }

    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }

    100% {
        transform: none
    }
}

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

@-webkit-keyframes textbounce {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0)
    }

    10% {
        opacity: 1
    }

    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px)
    }

    100% {
        -webkit-transform: none
    }
}

@keyframes textbounce {
    0% {
        opacity: 0;
        transform: translateY(0)
    }

    10% {
        opacity: 1
    }

    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }

    100% {
        transform: none
    }
}

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

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

    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px)
    }

    100% {
        -webkit-transform: none
    }
}

@keyframes textemphabounce {
    0% {
        transform: translateY(0)
    }

    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }

    100% {
        transform: none
    }
}

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

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

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        opacity: 1
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: none
    }
}

@keyframes texttada {
    0% {
        transform: scale(1);
        opacity: 0
    }

    10%,
    20% {
        transform: scale(.9) rotate(-3deg);
        opacity: 1
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        transform: none
    }
}

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

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

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: none
    }
}

@keyframes textemphatada {
    0% {
        transform: scale(1)
    }

    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        transform: none
    }
}

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

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

    10% {
        opacity: 1
    }

    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transform-origin: top center
    }

    20% {
        -webkit-transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg)
    }

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

    100% {
        -webkit-transform: none
    }
}

@keyframes textswing {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

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

    100% {
        transform: none
    }
}

.textswing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: textswing;
    -moz-animation-name: textswing;
    -o-animation-name: textswing;
    animation-name: textswing
}

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

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        opacity: 1
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: none
    }
}

@keyframes textwobble {
    0% {
        transform: translateX(0);
        opacity: 0
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
        opacity: 1
    }

    30% {
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        transform: none
    }
}

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

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

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: none
    }
}

@keyframes textemphawobble {
    0% {
        transform: translateX(0)
    }

    15% {
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        transform: none
    }
}

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

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

    10% {
        opacity: 1
    }

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

    100% {
        -webkit-transform: none
    }
}

@keyframes textpulse {
    0% {
        transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: none
    }
}

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

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

    10% {
        opacity: 1
    }

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

    100% {
        -webkit-transform: none
    }
}

@keyframes textemphapulse {
    0% {
        transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: none
    }
}

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

@-webkit-keyframes textflip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        opacity: 0
    }

    10% {
        opacity: 1
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}

@keyframes textflip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
        opacity: 0
    }

    10% {
        opacity: 1
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }

    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}

.textflip {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: textflip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: textflip;
    -o-backface-visibility: visible !important;
    -o-animation-name: textflip;
    backface-visibility: visible !important;
    animation-name: textflip
}

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

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@-moz-keyframes textflipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@-o-keyframes textflipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -o-transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -o-transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -o-transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes textflipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.textflipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: textflipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: textflipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: textflipInX;
    backface-visibility: visible !important;
    animation-name: textflipInX
}

@-webkit-keyframes textflipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        opacity: 1
    }

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

@-moz-keyframes textflipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-o-keyframes textflipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes textflipOutX {
    0% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.textflipOutX {
    -webkit-animation-name: textflipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: textflipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: textflipOutX;
    -o-backface-visibility: visible !important;
    animation-name: textflipOutX;
    backface-visibility: visible !important
}

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

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@-moz-keyframes textflipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@-o-keyframes textflipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -o-transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -o-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes textflipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.textflipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: textflipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: textflipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: textflipInY;
    backface-visibility: visible !important;
    animation-name: textflipInY
}

@-webkit-keyframes textflipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1
    }

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

@-moz-keyframes textflipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-o-keyframes textflipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes textflipOutY {
    0% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.textflipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: textflipOutY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: textflipOutY;
    -o-backface-visibility: visible !important;
    -o-animation-name: textflipOutY;
    backface-visibility: visible !important;
    animation-name: textflipOutY
}

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

    100% {
        opacity: 1
    }
}

@-moz-keyframes textfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes textfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes textfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.textfadeIn {
    -webkit-animation-name: textfadeIn;
    -moz-animation-name: textfadeIn;
    -o-animation-name: textfadeIn;
    animation-name: textfadeIn
}

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

    100% {
        opacity: 1;
        -webkit-transform: none
    }
}

@-moz-keyframes textfadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: none
    }
}

@-o-keyframes textfadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -o-transform: none
    }
}

@keyframes textfadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.textfadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

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

    100% {
        opacity: 1;
        -webkit-transform: none
    }
}

@-moz-keyframes textfadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: none
    }
}

@-o-keyframes textfadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -o-transform: none
    }
}

@keyframes textfadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.textfadeInDown {
    -webkit-animation-name: textfadeInDown;
    -moz-animation-name: textfadeInDown;
    -o-animation-name: textfadeInDown;
    animation-name: textfadeInDown
}

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

    100% {
        opacity: 1;
        -webkit-transform: none
    }
}

@-moz-keyframes textfadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: none
    }
}

@-o-keyframes textfadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -o-transform: none
    }
}

@keyframes textfadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.textfadeInLeft {
    -webkit-animation-name: textfadeInLeft;
    -moz-animation-name: textfadeInLeft;
    -o-animation-name: textfadeInLeft;
    animation-name: textfadeInLeft
}

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

    100% {
        opacity: 1;
        -webkit-transform: none
    }
}

@-moz-keyframes textfadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: none
    }
}

@-o-keyframes textfadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -o-transform: none
    }
}

@keyframes textfadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.textfadeInRight {
    -webkit-animation-name: textfadeInRight;
    -moz-animation-name: textfadeInRight;
    -o-animation-name: textfadeInRight;
    animation-name: textfadeInRight
}

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

    100% {
        opacity: 1;
        -webkit-transform: none
    }
}

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

    100% {
        opacity: 1;
        -moz-transform: none
    }
}

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

    100% {
        opacity: 1;
        -o-transform: none
    }
}

@keyframes textfadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.textfadeInUpBig {
    -webkit-animation-name: textfadeInUpBig;
    -moz-animation-name: textfadeInUpBig;
    -o-animation-name: textfadeInUpBig;
    animation-name: textfadeInUpBig
}

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

    100% {
        opacity: 1;
        -webkit-transform: none
    }
}

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

    100% {
        opacity: 1;
        -moz-transform: none
    }
}

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

    100% {
        opacity: 1;
        -o-transform: none
    }
}

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

    100% {
        opacity: 1;
        transform: none
    }
}

.textfadeInDownBig {
    -webkit-animation-name: textfadeInDownBig;
    -moz-animation-name: textfadeInDownBig;
    -o-animation-name: textfadeInDownBig;
    animation-name: textfadeInDownBig
}

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

    100% {
        opacity: 1;
        -webkit-transform: none
    }
}

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

    100% {
        opacity: 1;
        -moz-transform: none
    }
}

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

    100% {
        opacity: 1;
        -o-transform: none
    }
}

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

    100% {
        opacity: 1;
        transform: none
    }
}

.textfadeInLeftBig {
    -webkit-animation-name: textfadeInLeftBig;
    -moz-animation-name: textfadeInLeftBig;
    -o-animation-name: textfadeInLeftBig;
    animation-name: textfadeInLeftBig
}

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

    100% {
        opacity: 1;
        -webkit-transform: none
    }
}

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

    100% {
        opacity: 1;
        -moz-transform: none
    }
}

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

    100% {
        opacity: 1;
        -o-transform: none
    }
}

@keyframes textfadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.textfadeInRightBig {
    -webkit-animation-name: textfadeInRightBig;
    -moz-animation-name: textfadeInRightBig;
    -o-animation-name: textfadeInRightBig;
    animation-name: textfadeInRightBig
}

@-webkit-keyframes textfadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes textfadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes textfadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes textfadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.textfadeOut {
    -webkit-animation-name: textfadeOut;
    -moz-animation-name: textfadeOut;
    -o-animation-name: textfadeOut;
    animation-name: textfadeOut
}

@-webkit-keyframes textfadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: none
    }
}

@-moz-keyframes textfadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -moz-transform: none
    }
}

@-o-keyframes textfadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -o-transform: none
    }
}

@keyframes textfadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: none
    }
}

.textfadeOutUp {
    -webkit-animation-name: textfadeOutUp;
    -moz-animation-name: textfadeOutUp;
    -o-animation-name: textfadeOutUp;
    animation-name: textfadeOutUp
}

@-webkit-keyframes textfadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: none
    }
}

@-moz-keyframes textfadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -moz-transform: none
    }
}

@-o-keyframes textfadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -o-transform: none
    }
}

@keyframes textfadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: none
    }
}

.textfadeOutDown {
    -webkit-animation-name: textfadeOutDown;
    -moz-animation-name: textfadeOutDown;
    -o-animation-name: textfadeOutDown;
    animation-name: textfadeOutDown
}

@-webkit-keyframes textfadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: none
    }
}

@-moz-keyframes textfadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -moz-transform: none
    }
}

@-o-keyframes textfadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -o-transform: none
    }
}

@keyframes textfadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: none
    }
}

.textfadeOutLeft {
    -webkit-animation-name: textfadeOutLeft;
    -moz-animation-name: textfadeOutLeft;
    -o-animation-name: textfadeOutLeft;
    animation-name: textfadeOutLeft
}

@-webkit-keyframes textfadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: none
    }
}

@-moz-keyframes textfadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -moz-transform: none
    }
}

@-o-keyframes textfadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -o-transform: none
    }
}

@keyframes textfadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: none
    }
}

.textfadeOutRight {
    -webkit-animation-name: textfadeOutRight;
    -moz-animation-name: textfadeOutRight;
    -o-animation-name: textfadeOutRight;
    animation-name: textfadeOutRight
}

@-webkit-keyframes textfadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

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

@-moz-keyframes textfadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes textfadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes textfadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.textfadeOutUpBig {
    -webkit-animation-name: textfadeOutUpBig;
    -moz-animation-name: textfadeOutUpBig;
    -o-animation-name: textfadeOutUpBig;
    animation-name: textfadeOutUpBig
}

@-webkit-keyframes textfadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

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

@-moz-keyframes textfadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-o-keyframes textfadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes textfadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.textfadeOutDownBig {
    -webkit-animation-name: textfadeOutDownBig;
    -moz-animation-name: textfadeOutDownBig;
    -o-animation-name: textfadeOutDownBig;
    animation-name: textfadeOutDownBig
}

@-webkit-keyframes textfadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

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

@-moz-keyframes textfadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-o-keyframes textfadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes textfadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.textfadeOutLeftBig {
    -webkit-animation-name: textfadeOutLeftBig;
    -moz-animation-name: textfadeOutLeftBig;
    -o-animation-name: textfadeOutLeftBig;
    animation-name: textfadeOutLeftBig
}

@-webkit-keyframes textfadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

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

@-moz-keyframes textfadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-o-keyframes textfadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes textfadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.textfadeOutRightBig {
    -webkit-animation-name: textfadeOutRightBig;
    -moz-animation-name: textfadeOutRightBig;
    -o-animation-name: textfadeOutRightBig;
    animation-name: textfadeOutRightBig
}

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

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

    70% {
        -webkit-transform: scale(.9)
    }

    100% {
        -webkit-transform: none
    }
}

@keyframes textbounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

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

    70% {
        transform: scale(.9)
    }

    100% {
        transform: none
    }
}

.textbounceIn {
    -webkit-animation-name: textbounceIn;
    -moz-animation-name: textbounceIn;
    -o-animation-name: textbounceIn;
    animation-name: textbounceIn
}

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

    50% {
        -webkit-transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9)
    }

    100% {
        -webkit-transform: none
    }
}

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

    50% {
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: none
    }
}

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

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

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px)
    }

    100% {
        -webkit-transform: none
    }
}

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

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }

    80% {
        -moz-transform: translateY(10px)
    }

    100% {
        -moz-transform: none
    }
}

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

    60% {
        opacity: 1;
        -o-transform: translateY(-30px)
    }

    80% {
        -o-transform: translateY(10px)
    }

    100% {
        -o-transform: none
    }
}

@keyframes textbounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(-30px)
    }

    80% {
        transform: translateY(10px)
    }

    100% {
        transform: none
    }
}

.textbounceInUp {
    -webkit-animation-name: textbounceInUp;
    -moz-animation-name: textbounceInUp;
    -o-animation-name: textbounceInUp;
    animation-name: textbounceInUp
}

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

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px)
    }

    100% {
        -webkit-transform: none
    }
}

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

    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }

    80% {
        -moz-transform: translateY(-10px)
    }

    100% {
        -moz-transform: none
    }
}

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

    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }

    80% {
        -o-transform: translateY(-10px)
    }

    100% {
        -o-transform: none
    }
}

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

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: none
    }
}

.textbounceInDown {
    -webkit-animation-name: textbounceInDown;
    -moz-animation-name: textbounceInDown;
    -o-animation-name: textbounceInDown;
    animation-name: textbounceInDown
}

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

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px)
    }

    100% {
        -webkit-transform: none
    }
}

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

    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }

    80% {
        -moz-transform: translateX(-10px)
    }

    100% {
        -moz-transform: none
    }
}

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

    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }

    80% {
        -o-transform: translateX(-10px)
    }

    100% {
        -o-transform: none
    }
}

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

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    100% {
        transform: none
    }
}

.textbounceInLeft {
    -webkit-animation-name: textbounceInLeft;
    -moz-animation-name: textbounceInLeft;
    -o-animation-name: textbounceInLeft;
    animation-name: textbounceInLeft
}

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

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px)
    }

    100% {
        -webkit-transform: none
    }
}

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

    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }

    80% {
        -moz-transform: translateX(10px)
    }

    100% {
        -moz-transform: none
    }
}

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

    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }

    80% {
        -o-transform: translateX(10px)
    }

    100% {
        -o-transform: none
    }
}

@keyframes textbounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    100% {
        transform: none
    }
}

.textbounceInRight {
    -webkit-animation-name: textbounceInRight;
    -moz-animation-name: textbounceInRight;
    -o-animation-name: textbounceInRight;
    animation-name: textbounceInRight
}

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

    25% {
        -webkit-transform: scale(.95)
    }

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

    100% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
}

@-moz-keyframes textbounceOut {
    0% {
        -moz-transform: scale(1)
    }

    25% {
        -moz-transform: scale(.95)
    }

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

    100% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
}

@-o-keyframes textbounceOut {
    0% {
        -o-transform: scale(1)
    }

    25% {
        -o-transform: scale(.95)
    }

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

    100% {
        opacity: 0;
        -o-transform: scale(.3)
    }
}

@keyframes textbounceOut {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

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

    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

.textbounceOut {
    -webkit-animation-name: textbounceOut;
    -moz-animation-name: textbounceOut;
    -o-animation-name: textbounceOut;
    animation-name: textbounceOut
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }

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

@-moz-keyframes textbounceOutUp {
    0% {
        -moz-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes textbounceOutUp {
    0% {
        -o-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -o-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes textbounceOutUp {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.textbounceOutUp {
    -webkit-animation-name: textbounceOutUp;
    -moz-animation-name: textbounceOutUp;
    -o-animation-name: textbounceOutUp;
    animation-name: textbounceOutUp
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }

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

@-moz-keyframes textbounceOutDown {
    0% {
        -moz-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-o-keyframes textbounceOutDown {
    0% {
        -o-transform: translateY(0)
    }

    20% {
        opacity: 1;
        -o-transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes textbounceOutDown {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.textbounceOutDown {
    -webkit-animation-name: textbounceOutDown;
    -moz-animation-name: textbounceOutDown;
    -o-animation-name: textbounceOutDown;
    animation-name: textbounceOutDown
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }

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

@-moz-keyframes textbounceOutLeft {
    0% {
        -moz-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-o-keyframes textbounceOutLeft {
    0% {
        -o-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -o-transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes textbounceOutLeft {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.textbounceOutLeft {
    -webkit-animation-name: textbounceOutLeft;
    -moz-animation-name: textbounceOutLeft;
    -o-animation-name: textbounceOutLeft;
    animation-name: textbounceOutLeft
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }

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

@-moz-keyframes textbounceOutRight {
    0% {
        -moz-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-o-keyframes textbounceOutRight {
    0% {
        -o-transform: translateX(0)
    }

    20% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes textbounceOutRight {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.textbounceOutRight {
    -webkit-animation-name: textbounceOutRight;
    -moz-animation-name: textbounceOutRight;
    -o-animation-name: textbounceOutRight;
    animation-name: textbounceOutRight
}

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

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

@-moz-keyframes textrotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: none;
        opacity: 1
    }
}

@-o-keyframes textrotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: none;
        opacity: 1
    }
}

@keyframes textrotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        transform-origin: center center;
        transform: none;
        opacity: 1
    }
}

.textrotateIn {
    -webkit-animation-name: textrotateIn;
    -moz-animation-name: textrotateIn;
    -o-animation-name: textrotateIn;
    animation-name: textrotateIn
}

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

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

@-moz-keyframes textrotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: none;
        opacity: 1
    }
}

@-o-keyframes textrotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: none;
        opacity: 1
    }
}

@keyframes textrotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.textrotateInUpLeft {
    -webkit-animation-name: textrotateInUpLeft;
    -moz-animation-name: textrotateInUpLeft;
    -o-animation-name: textrotateInUpLeft;
    animation-name: textrotateInUpLeft
}

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

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

@-moz-keyframes textrotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: none;
        opacity: 1
    }
}

@-o-keyframes textrotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: none;
        opacity: 1
    }
}

@keyframes textrotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.textrotateInDownLeft {
    -webkit-animation-name: textrotateInDownLeft;
    -moz-animation-name: textrotateInDownLeft;
    -o-animation-name: textrotateInDownLeft;
    animation-name: textrotateInDownLeft
}

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

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

@-moz-keyframes textrotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: none;
        opacity: 1
    }
}

@-o-keyframes textrotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: none;
        opacity: 1
    }
}

@keyframes textrotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.textrotateInUpRight {
    -webkit-animation-name: textrotateInUpRight;
    -moz-animation-name: textrotateInUpRight;
    -o-animation-name: textrotateInUpRight;
    animation-name: textrotateInUpRight
}

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

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

@-moz-keyframes textrotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: none;
        opacity: 1
    }
}

@-o-keyframes textrotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: none;
        opacity: 1
    }
}

@keyframes textrotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.textrotateInDownRight {
    -webkit-animation-name: textrotateInDownRight;
    -moz-animation-name: textrotateInDownRight;
    -o-animation-name: textrotateInDownRight;
    animation-name: textrotateInDownRight
}

@-webkit-keyframes textrotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }

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

@-moz-keyframes textrotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0
    }
}

@-o-keyframes textrotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes textrotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.textrotateOut {
    -webkit-animation-name: textrotateOut;
    -moz-animation-name: textrotateOut;
    -o-animation-name: textrotateOut;
    animation-name: textrotateOut
}

@-webkit-keyframes textrotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

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

@-moz-keyframes textrotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes textrotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes textrotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.textrotateOutUpLeft {
    -webkit-animation-name: textrotateOutUpLeft;
    -moz-animation-name: textrotateOutUpLeft;
    -o-animation-name: textrotateOutUpLeft;
    animation-name: textrotateOutUpLeft
}

@-webkit-keyframes textrotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

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

@-moz-keyframes textrotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes textrotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes textrotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.textrotateOutDownLeft {
    -webkit-animation-name: textrotateOutDownLeft;
    -moz-animation-name: textrotateOutDownLeft;
    -o-animation-name: textrotateOutDownLeft;
    animation-name: textrotateOutDownLeft
}

@-webkit-keyframes textrotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

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

@-moz-keyframes textrotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes textrotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes textrotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.textrotateOutUpRight {
    -webkit-animation-name: textrotateOutUpRight;
    -moz-animation-name: textrotateOutUpRight;
    -o-animation-name: textrotateOutUpRight;
    animation-name: textrotateOutUpRight
}

@-webkit-keyframes textrotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }

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

@-moz-keyframes textrotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes textrotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes textrotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.textrotateOutDownRight {
    -webkit-animation-name: textrotateOutDownRight;
    -moz-animation-name: textrotateOutDownRight;
    -o-animation-name: textrotateOutDownRight;
    animation-name: textrotateOutDownRight
}

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

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }

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

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

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

    20%,
    60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }

    100% {
        -moz-transform: translateY(700px);
        opacity: 0
    }
}

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

    20%,
    60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }

    100% {
        -o-transform: translateY(700px);
        opacity: 0
    }
}

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

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

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

    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

.texthinge {
    -webkit-animation-name: texthinge;
    -moz-animation-name: texthinge;
    -o-animation-name: texthinge;
    animation-name: texthinge
}

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

    100% {
        opacity: 1;
        -webkit-transform: none
    }
}

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

    100% {
        opacity: 1;
        -moz-transform: none
    }
}

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

    100% {
        opacity: 1;
        -o-transform: none
    }
}

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

    100% {
        opacity: 1;
        transform: none
    }
}

.textrollIn {
    -webkit-animation-name: textrollIn;
    -moz-animation-name: textrollIn;
    -o-animation-name: textrollIn;
    animation-name: textrollIn
}

@-webkit-keyframes textrollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0)
    }

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

@-moz-keyframes textrollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}

@-o-keyframes textrollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}

@keyframes textrollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.textrollOut {
    -webkit-animation-name: textrollOut;
    -moz-animation-name: textrollOut;
    -o-animation-name: textrollOut;
    animation-name: textrollOut
}

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

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

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        opacity: 1
    }
}

@-moz-keyframes textlightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -moz-transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -moz-transform: none;
        opacity: 1
    }
}

@-o-keyframes textlightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -o-transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        -o-transform: none;
        opacity: 1
    }
}

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

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

    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }

    100% {
        transform: none;
        opacity: 1
    }
}

.textlightSpeedIn {
    -webkit-animation-name: textlightSpeedIn;
    -moz-animation-name: textlightSpeedIn;
    -o-animation-name: textlightSpeedIn;
    animation-name: textlightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.textanimation.textlightSpeedIn {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes textlightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        opacity: 1
    }

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

@-moz-keyframes textlightSpeedOut {
    0% {
        -moz-transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-o-keyframes textlightSpeedOut {
    0% {
        -o-transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes textlightSpeedOut {
    0% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.textlightSpeedOut {
    -webkit-animation-name: textlightSpeedOut;
    -moz-animation-name: textlightSpeedOut;
    -o-animation-name: textlightSpeedOut;
    animation-name: textlightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.textanimation.textlightSpeedOut {
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-duration: .25s
}

@-webkit-keyframes textwiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }

    10% {
        -webkit-transform: skewX(-8deg)
    }

    20% {
        -webkit-transform: skewX(7deg)
    }

    30% {
        -webkit-transform: skewX(-6deg)
    }

    40% {
        -webkit-transform: skewX(5deg)
    }

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

    60% {
        -webkit-transform: skewX(3deg)
    }

    70% {
        -webkit-transform: skewX(-2deg)
    }

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

    90% {
        -webkit-transform: skewX(0)
    }

    100% {
        -webkit-transform: none
    }
}

@-moz-keyframes textwiggle {
    0% {
        -moz-transform: skewX(9deg)
    }

    10% {
        -moz-transform: skewX(-8deg)
    }

    20% {
        -moz-transform: skewX(7deg)
    }

    30% {
        -moz-transform: skewX(-6deg)
    }

    40% {
        -moz-transform: skewX(5deg)
    }

    50% {
        -moz-transform: skewX(-4deg)
    }

    60% {
        -moz-transform: skewX(3deg)
    }

    70% {
        -moz-transform: skewX(-2deg)
    }

    80% {
        -moz-transform: skewX(1deg)
    }

    90% {
        -moz-transform: skewX(0)
    }

    100% {
        -moz-transform: none
    }
}

@-o-keyframes textwiggle {
    0% {
        -o-transform: skewX(9deg)
    }

    10% {
        -o-transform: skewX(-8deg)
    }

    20% {
        -o-transform: skewX(7deg)
    }

    30% {
        -o-transform: skewX(-6deg)
    }

    40% {
        -o-transform: skewX(5deg)
    }

    50% {
        -o-transform: skewX(-4deg)
    }

    60% {
        -o-transform: skewX(3deg)
    }

    70% {
        -o-transform: skewX(-2deg)
    }

    80% {
        -o-transform: skewX(1deg)
    }

    90% {
        -o-transform: skewX(0)
    }

    100% {
        -o-transform: none
    }
}

@keyframes textwiggle {
    0% {
        transform: skewX(9deg)
    }

    10% {
        transform: skewX(-8deg)
    }

    20% {
        transform: skewX(7deg)
    }

    30% {
        transform: skewX(-6deg)
    }

    40% {
        transform: skewX(5deg)
    }

    50% {
        transform: skewX(-4deg)
    }

    60% {
        transform: skewX(3deg)
    }

    70% {
        transform: skewX(-2deg)
    }

    80% {
        transform: skewX(1deg)
    }

    90% {
        transform: skewX(0)
    }

    100% {
        transform: none
    }
}

.textwiggle {
    -webkit-animation-name: textwiggle;
    -moz-animation-name: textwiggle;
    -o-animation-name: textwiggle;
    animation-name: textwiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.textanimation.textwiggle {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}

.fadeInNormal {
    animation-name: fadeInNormal;
    -webkit-animation-name: fadeInNormal;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out
}

.expandOpen {
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important
}

@keyframes expandOpen {
    0% {
        transform: scale(1.7);
        opacity: 0
    }

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

    80% {
        transform: scale(1.05)
    }

    90% {
        transform: scale(.98)
    }

    100% {
        transform: none
    }
}

@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform: scale(1.7);
        opacity: 0
    }

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

    80% {
        -webkit-transform: scale(1.05)
    }

    90% {
        -webkit-transform: scale(.98)
    }

    100% {
        -webkit-transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

.rollOut {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

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

    100% {
        opacity: 1
    }
}

@keyframes fadeAnimate {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeAnimate {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeAnimate;
    animation-name: fadeAnimate
}

.likeMoveUp {
    animation-name: likeMoveUp;
    -webkit-animation-name: likeMoveUp;
    animation-duration: .6s;
    -webkit-animation-duration: .6s;
    animation-timing-function: cubic-bezier(.61, -.01, .36, 1);
    -webkit-animation-timing-function: cubic-bezier(.61, -.01, .36, 1);
    visibility: visible !important
}

@keyframes likeMoveUp {
    0% {
        transform: translateY(40%);
        opacity: 1
    }

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

@-webkit-keyframes likeMoveUp {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 1
    }

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

.showLikeIconFull {
    animation-name: showLikeIconFull;
    -webkit-animation-name: showLikeIconFull;
    animation-duration: .6s;
    -webkit-animation-duration: .6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes showLikeIconFull {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes showLikeIconFull {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes fadeInNormal {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@keyframes amoveRight {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(150%);
        opacity: 0
    }
}

@-webkit-keyframes amoveRight {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1
    }

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes moveVRLeft {
    0% {
        opacity: 0;
        left: 0
    }

    1% {
        opacity: 0;
        left: 200%
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@keyframes moveVRLeft {
    0% {
        opacity: 0;
        left: 0
    }

    1% {
        opacity: 0;
        left: 200%
    }

    100% {
        opacity: 1;
        left: 0
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes slideLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideLeft {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes slideRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideRight {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes slideUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideUp {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes slideDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideDown {

    0%,
    100%,
    60%,
    75%,
    90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

.stretchRight {
    animation-name: stretchRight;
    -webkit-animation-name: stretchRight;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

@keyframes stretchRight {

    0%,
    40%,
    60%,
    80% {
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out
    }

    0% {
        transform: none;
        opacity: 0
    }

    1% {
        transform: scaleX(.3);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        opacity: 0
    }

    40% {
        transform: scaleX(1.02);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        opacity: 1
    }

    60% {
        transform: scaleX(.98);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    80% {
        transform: scaleX(1.01);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    99% {
        transform: scaleX(1);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    100% {
        transform: none
    }
}

@-webkit-keyframes stretchRight {

    0%,
    40%,
    60%,
    80% {
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out
    }

    0% {
        transform: none;
        opacity: 0
    }

    1% {
        transform: scaleX(.3);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        opacity: 0
    }

    40% {
        transform: scaleX(1.02);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        opacity: 1
    }

    60% {
        transform: scaleX(.98);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    80% {
        transform: scaleX(1.01);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    99% {
        transform: scaleX(1);
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    100% {
        transform: none
    }
}

.stretchLeft {
    animation-name: stretchLeft;
    -webkit-animation-name: stretchLeft;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0
}

@keyframes stretchLeft {

    0%,
    40%,
    60%,
    80% {
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out
    }

    0% {
        transform: scaleX(1);
        opacity: 0
    }

    1% {
        transform: scaleX(.3);
        transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0;
        opacity: 0
    }

    40% {
        transform: scaleX(1.02);
        transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0;
        opacity: 1
    }

    60% {
        transform: scaleX(.98);
        transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0
    }

    80% {
        transform: scaleX(1.01);
        transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0
    }

    99% {
        transform: scaleX(1);
        transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0
    }

    100% {
        transform: none
    }
}

@-webkit-keyframes stretchLeft {

    0%,
    40%,
    60%,
    80% {
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out
    }

    0% {
        transform: scaleX(1);
        opacity: 0
    }

    1% {
        transform: scaleX(.3);
        transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0;
        opacity: 0
    }

    40% {
        transform: scaleX(1.02);
        transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0;
        opacity: 1
    }

    60% {
        transform: scaleX(.98);
        transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0
    }

    80% {
        transform: scaleX(1.01);
        transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0
    }

    99% {
        transform: scaleX(1);
        transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0
    }

    100% {
        transform: none
    }
}

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

@keyframes pullUp {

    0%,
    40%,
    60%,
    80%,
    99% {
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out
    }

    0% {
        transform: scaleY(.1);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        opacity: 0
    }

    40% {
        transform: scaleY(1.02);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        opacity: 1
    }

    60% {
        transform: scaleY(.98);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%
    }

    80% {
        transform: scaleY(1.01);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%
    }

    99% {
        transform: scaleY(1);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%
    }

    100% {
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes pullUp {

    0%,
    40%,
    60%,
    80%,
    99% {
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out
    }

    0% {
        transform: scaleY(.1);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        opacity: 0
    }

    40% {
        transform: scaleY(1.02);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        opacity: 1
    }

    60% {
        transform: scaleY(.98);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%
    }

    80% {
        transform: scaleY(1.01);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%
    }

    99% {
        transform: scaleY(1);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%
    }

    100% {
        transform: none;
        opacity: 1
    }
}

.pullDown {
    animation-name: pullDown;
    -webkit-animation-name: pullDown;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0
}

@keyframes pullDown {

    1%,
    40%,
    60%,
    80%,
    99% {
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out
    }

    0% {
        transform: scaleY(.1);
        transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0;
        opacity: 0
    }

    40% {
        transform: scaleY(1.02);
        transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0;
        opacity: 1
    }

    60% {
        transform: scaleY(.98);
        transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0
    }

    80% {
        transform: scaleY(1.01);
        transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0
    }

    99% {
        transform: scaleY(1);
        transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0
    }

    100% {
        transform: none
    }
}

@-webkit-keyframes pullDown {

    1%,
    40%,
    60%,
    80%,
    99% {
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out
    }

    0% {
        transform: scaleY(.1);
        transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0;
        opacity: 0
    }

    40% {
        transform: scaleY(1.02);
        transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0;
        opacity: 1
    }

    60% {
        transform: scaleY(.98);
        transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0
    }

    80% {
        transform: scaleY(1.01);
        transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0
    }

    99% {
        transform: scaleY(1);
        transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        -webkit-transform-origin: 50% 0
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

    1% {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    1% {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

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

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(500%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-20%, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

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

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

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

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

    1% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 500%, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60%, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -500%, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -500%, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60%, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60%, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -500%, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -500%, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60%, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60%, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

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

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

    99% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    99% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    99% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    99% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    99% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    99% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    99% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    99% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

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

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

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

    100% {
        transform: none
    }
}

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

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

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

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

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

    100% {
        transform: none
    }
}

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

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

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

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

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

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

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

    100% {
        transform: none
    }
}

@keyframes flipInY {
    0% {
        opacity: 0
    }

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

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

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

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

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

    100% {
        transform: none
    }
}

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

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

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
        opacity: 1
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

.noeffect {
    animation-name: noeffect;
    -webkit-animation-name: noeffect;
    animation-duration: 0s !important;
    -webkit-animation-duration: 0s !important;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@keyframes noeffect {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

.noexiteffect {
    animation-name: noexiteffect;
    -webkit-animation-name: noexiteffect;
    animation-duration: 0s !important;
    -webkit-animation-duration: 0s !important;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@keyframes noexiteffect {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes noexiteffect {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .755, .060);
        animation-timing-function: cubic-bezier(.755, .050, .755, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .755, .060);
        animation-timing-function: cubic-bezier(.755, .050, .755, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .755, .060);
        animation-timing-function: cubic-bezier(.755, .050, .755, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .755, .060);
        animation-timing-function: cubic-bezier(.755, .050, .755, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.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: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes flyerShake {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flyerShake {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes tada {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

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

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

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

@keyframes tada {

    0%,
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

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

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

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

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes jello {

    0%,
    100%,
    11.1% {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

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

    88.7% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    100%,
    11.1% {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

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

    88.7% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

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

@-webkit-keyframes flipIn {

    0%,
    1%,
    40%,
    50%,
    80%,
    99% {
        backface-visibility: visible;
        -webkit-backface-visibility: visible
    }

    0% {
        -webkit-transform: rotate3d(0, 0, 0, 0);
        transform: rotate3d(0, 0, 0, 0)
    }

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

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

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

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

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

    100% {
        backface-visibility: visible;
        -webkit-backface-visibility: visible;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flipIn {

    0%,
    1%,
    40%,
    50%,
    80%,
    99% {
        backface-visibility: visible;
        -webkit-backface-visibility: visible
    }

    0% {
        -webkit-transform: rotate3d(0, 0, 0, 0);
        transform: rotate3d(0, 0, 0, 0)
    }

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

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

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

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

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

    100% {
        backface-visibility: visible;
        -webkit-backface-visibility: visible;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rotating {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
        transform: translate3d(0, 0, 0) rotate(-360deg)
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rotating {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
        transform: translate3d(0, 0, 0) rotate(-360deg)
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes uniformlyRotating {
    0% {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes uniformlyRotating {
    0% {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.uniformlyRotating {
    -webkit-animation-name: uniformlyRotating;
    animation-name: uniformlyRotating;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

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

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

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

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

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

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

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

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

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

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

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

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

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

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 1
    }

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 1
    }

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 1
    }

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 1
    }

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 1
    }

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 1
    }

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 1
    }

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0);
        opacity: 1
    }

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 0
    }
}

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

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

    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    99% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    99% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes zoomOutDown {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    99% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes zoomOutDown {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    99% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .785, .32, 1);
        animation-timing-function: cubic-bezier(.175, .785, .32, 1)
    }

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

    100% {
        opacity: 0;
        -webkit-transform: none;
        transform: none
    }
}

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

.scaleBottomIn {
    -webkit-animation: scaleBottomIn .7s ease both;
    animation: scaleBottomIn .7s ease both
}

.scaleTopIn {
    -webkit-animation: scaleTopIn .7s ease both;
    animation: scaleTopIn .7s ease both
}

.scaleLeftIn {
    -webkit-animation: scaleLeftIn .7s ease both;
    animation: scaleLeftIn .7s ease both
}

.scaleRightIn {
    -webkit-animation: scaleRightIn .7s ease both;
    animation: scaleRightIn .7s ease both
}

.scaleOut {
    -webkit-animation: scaleOut .7s ease both;
    animation: scaleOut .7s ease both
}

@-webkit-keyframes scaleTopIn {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes scaleTopIn {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleBottomIn {
    from {
        -webkit-transform: translateY(100%)
    }
}

@keyframes scaleBottomIn {
    from {
        transform: translateY(100%)
    }
}

@-webkit-keyframes scaleLeftIn {
    from {
        -webkit-transform: translateX(-100%)
    }
}

@keyframes scaleLeftIn {
    from {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes scaleRightIn {
    from {
        -webkit-transform: translateX(100%)
    }
}

@keyframes scaleRightIn {
    from {
        transform: translateX(100%)
    }
}

@-webkit-keyframes scaleOut {
    to {
        opacity: 0;
        -webkit-transform: scale(.7)
    }
}

@keyframes scaleOut {
    to {
        opacity: 0;
        transform: scale(.7)
    }
}

.pushLeftOut {
    -webkit-transform-origin: 0 50%;
    -webkit-animation: pushLeftOut .7s both ease;
    transform-origin: 0 50%;
    animation: pushLeftOut .7s both ease
}

.pullRightIn {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: pullRightIn .5s .18s both ease;
    transform-origin: 100% 50%;
    animation: pullRightIn .5s .18s both ease
}

.pushRightOut {
    -webkit-transform-origin: 100% 50%;
    -webkit-animation: pushRightOut .7s both ease;
    transform-origin: 100% 50%;
    animation: pushRightOut .7s both ease
}

.pullLeftIn {
    -webkit-transform-origin: 0 50%;
    -webkit-animation: pullLeftIn .5s .18s both ease;
    transform-origin: 0 50%;
    animation: pullLeftIn .5s .18s both ease
}

.pushTopOut {
    -webkit-transform-origin: 50% 0;
    -webkit-animation: pushTopOut .7s both ease;
    transform-origin: 50% 0;
    animation: pushTopOut .7s both ease
}

.pullBottomIn {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: pullBottomIn .5s .18s both ease;
    transform-origin: 50% 100%;
    animation: pullBottomIn .5s .18s both ease
}

.pushBottomOut {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: pushBottomOut .7s both ease;
    transform-origin: 50% 100%;
    animation: pushBottomOut .7s both ease
}

.pullTopIn {
    -webkit-transform-origin: 50% 0;
    -webkit-animation: pullTopIn .5s .18s both ease;
    transform-origin: 50% 0;
    animation: pullTopIn .5s .18s both ease
}

@-webkit-keyframes pushLeftOut {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg)
    }
}

@keyframes pushLeftOut {
    to {
        opacity: 0;
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes pushRightOut {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
}

@keyframes pushRightOut {
    to {
        opacity: 0;
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes pushTopOut {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg)
    }
}

@keyframes pushTopOut {
    to {
        opacity: 0;
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes pushBottomOut {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg)
    }
}

@keyframes pushBottomOut {
    to {
        opacity: 0;
        transform: rotateX(90deg)
    }
}

@-webkit-keyframes pullRightIn {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
}

@keyframes pullRightIn {
    from {
        opacity: 0;
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes pullLeftIn {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg)
    }
}

@keyframes pullLeftIn {
    from {
        opacity: 0;
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes pullTopIn {
    from {
        opacity: 0;
        -webkit-transform: rotateX(-90deg)
    }
}

@keyframes pullTopIn {
    from {
        opacity: 0;
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes pullBottomIn {
    from {
        opacity: 0;
        -webkit-transform: rotateX(90deg)
    }
}

@keyframes pullBottomIn {
    from {
        opacity: 0;
        transform: rotateX(90deg)
    }
}

.pageFadeUp {
    -webkit-animation: pageFadeUp .5s ease both;
    animation: pageFadeUp .5s ease both
}

.pageFadeIn {
    -webkit-animation: pageFadeIn .7s .1s ease both;
    animation: pageFadeIn .7s .1s ease both
}

@-webkit-keyframes pageFadeUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2)
    }
}

@keyframes pageFadeUp {
    to {
        opacity: 0;
        transform: scale(1.2)
    }
}

@-webkit-keyframes pageFadeIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.7)
    }
}

@keyframes pageFadeIn {
    from {
        opacity: 0;
        transform: scale(.7)
    }
}

.zoomCoverIn {
    -webkit-animation: zoomCoverIn .7s ease both;
    animation: zoomCoverIn .7s ease both
}

.zoomCoverOut {
    -webkit-animation: zoomCoverOut .7s ease both;
    animation: zoomCoverOut .7s ease both
}

.zoomCoverReverseIn {
    -webkit-animation: zoomCoverReverseIn .7s ease both;
    animation: zoomCoverReverseIn .7s ease both
}

.zoomCoverReverseOut {
    -webkit-animation: zoomCoverReverseOut .7s ease both;
    animation: zoomCoverReverseOut .7s ease both
}

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

    to {
        opacity: 0
    }
}

@keyframes zoomCoverOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomCoverIn {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes zoomCoverIn {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

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

    to {
        opacity: 1
    }
}

@keyframes zoomCoverReverseIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes zoomCoverReverseOut {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes zoomCoverReverseOut {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes bgFilterTo1 {
    0% {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

    100% {
        -webkit-filter: grayscale(1);
        filter: grayscale(1)
    }
}

@keyframes bgFilterTo1 {
    0% {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

    100% {
        -webkit-filter: grayscale(1);
        filter: grayscale(1)
    }
}

@-webkit-keyframes bgFilterTo2 {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    100% {
        -webkit-filter: blur(8px);
        filter: blur(8px)
    }
}

@keyframes bgFilterTo2 {
    0% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    100% {
        -webkit-filter: blur(8px);
        filter: blur(8px)
    }
}

@-webkit-keyframes bgFilterTo3 {
    0% {
        -webkit-filter: sepia(0);
        filter: sepia(0)
    }

    100% {
        -webkit-filter: sepia(1);
        filter: sepia(1)
    }
}

@keyframes bgFilterTo3 {
    0% {
        -webkit-filter: sepia(0);
        filter: sepia(0)
    }

    100% {
        -webkit-filter: sepia(1);
        filter: sepia(1)
    }
}

@-webkit-keyframes bgFilterTo4 {
    0% {
        -webkit-filter: hue-rotate(0);
        filter: hue-rotate(0)
    }

    100% {
        -webkit-filter: hue-rotate(165deg);
        filter: hue-rotate(165deg)
    }
}

@keyframes bgFilterTo4 {
    0% {
        -webkit-filter: hue-rotate(0);
        filter: hue-rotate(0)
    }

    100% {
        -webkit-filter: hue-rotate(165deg);
        filter: hue-rotate(165deg)
    }
}

@-webkit-keyframes bgFilterTo5 {
    0% {
        -webkit-filter: brightness(1);
        filter: brightness(1)
    }

    100% {
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2)
    }
}

@keyframes bgFilterTo5 {
    0% {
        -webkit-filter: brightness(1);
        filter: brightness(1)
    }

    100% {
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2)
    }
}

@-webkit-keyframes bgFilterTo6 {
    0% {
        -webkit-filter: saturate(1);
        filter: saturate(1)
    }

    100% {
        -webkit-filter: saturate(2.5);
        filter: saturate(2.5)
    }
}

@keyframes bgFilterTo6 {
    0% {
        -webkit-filter: saturate(1);
        filter: saturate(1)
    }

    100% {
        -webkit-filter: saturate(2.5);
        filter: saturate(2.5)
    }
}

@-webkit-keyframes bgFilterTo7 {
    0% {
        -webkit-filter: invert(0);
        filter: invert(0)
    }

    100% {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

@keyframes bgFilterTo7 {
    0% {
        -webkit-filter: invert(0);
        filter: invert(0)
    }

    100% {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

@-webkit-keyframes bgFilterBack1 {
    0% {
        -webkit-filter: grayscale(1);
        filter: grayscale(1)
    }

    100% {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
}

@keyframes bgFilterBack1 {
    0% {
        -webkit-filter: grayscale(1);
        filter: grayscale(1)
    }

    100% {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
}

@-webkit-keyframes bgFilterBack2 {
    0% {
        -webkit-filter: blur(8px);
        filter: blur(8px)
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes bgFilterBack2 {
    0% {
        -webkit-filter: blur(8px);
        filter: blur(8px)
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes bgFilterBack3 {
    0% {
        -webkit-filter: sepia(1);
        filter: sepia(1)
    }

    100% {
        -webkit-filter: sepia(0);
        filter: sepia(0)
    }
}

@keyframes bgFilterBack3 {
    0% {
        -webkit-filter: sepia(1);
        filter: sepia(1)
    }

    100% {
        -webkit-filter: sepia(0);
        filter: sepia(0)
    }
}

@-webkit-keyframes bgFilterBack4 {
    0% {
        -webkit-filter: hue-rotate(165deg);
        filter: hue-rotate(165deg)
    }

    100% {
        -webkit-filter: hue-rotate(0);
        filter: hue-rotate(0)
    }
}

@keyframes bgFilterBack4 {
    0% {
        -webkit-filter: hue-rotate(165deg);
        filter: hue-rotate(165deg)
    }

    100% {
        -webkit-filter: hue-rotate(0);
        filter: hue-rotate(0)
    }
}

@-webkit-keyframes bgFilterBack5 {
    0% {
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2)
    }

    100% {
        -webkit-filter: brightness(1);
        filter: brightness(1)
    }
}

@keyframes bgFilterBack5 {
    0% {
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2)
    }

    100% {
        -webkit-filter: brightness(1);
        filter: brightness(1)
    }
}

@-webkit-keyframes bgFilterBack6 {
    0% {
        -webkit-filter: saturate(2.5);
        filter: saturate(2.5)
    }

    100% {
        -webkit-filter: saturate(1);
        filter: saturate(1)
    }
}

@keyframes bgFilterBack6 {
    0% {
        -webkit-filter: saturate(2.5);
        filter: saturate(2.5)
    }

    100% {
        -webkit-filter: saturate(1);
        filter: saturate(1)
    }
}

@-webkit-keyframes bgFilterBack7 {
    0% {
        -webkit-filter: invert(1);
        filter: invert(1)
    }

    100% {
        -webkit-filter: invert(0);
        filter: invert(0)
    }
}

@keyframes bgFilterBack7 {
    0% {
        -webkit-filter: invert(1);
        filter: invert(1)
    }

    100% {
        -webkit-filter: invert(0);
        filter: invert(0)
    }
}

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

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

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

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

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

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

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

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

.swiper_360flipOutRight {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

.swiper_360flipInLeft {
    -webkit-animation-name: _flipInX;
    animation-name: _flipInX
}

.swiper_360flipOutLeft {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

.swiper_360flipInRight {
    -webkit-animation-name: _flipInX;
    animation-name: _flipInX
}

.swiper_360flipOutTop {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

.swiper_360flipInBottom {
    -webkit-animation-name: _flipInY;
    animation-name: _flipInY
}

.swiper_360flipOutBottom {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

.swiper_360flipInTop {
    -webkit-animation-name: _flipInY;
    animation-name: _flipInY
}

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

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

@-webkit-keyframes swiper_rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(720deg) scale(.3);
        transform: translate3d(0, 0, 0) rotateZ(720deg) scale(.3);
        opacity: 0
    }

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

@keyframes swiper_rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(720deg) scale(.3);
        transform: translate3d(0, 0, 0) rotateZ(720deg) scale(.3);
        opacity: 0
    }

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

@-webkit-keyframes swiper_rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(0) scale(1);
        transform: translate3d(0, 0, 0) rotateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(720deg) scale(.3);
        transform: translate3d(0, 0, 0) rotateZ(720deg) scale(.3);
        opacity: 0
    }
}

@keyframes swiper_rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(0) scale(1);
        transform: translate3d(0, 0, 0) rotateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(720deg) scale(.3);
        transform: translate3d(0, 0, 0) rotateZ(720deg) scale(.3);
        opacity: 0
    }
}

@-webkit-keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInLeft {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@keyframes flipInLeft {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOutLeft {
    100% {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@keyframes flipOutLeft {
    100% {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInRight {
    0% {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@keyframes flipInRight {
    0% {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInBottom {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@keyframes flipInBottom {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInTop {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@keyframes flipInTop {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@-webkit-keyframes _flipInY {
    0% {
        -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, 90deg) scale(.7);
        transform: perspective(1200px) rotate3d(1, 0, 0, 90deg) scale(.7);
        opacity: .2
    }

    100% {
        -webkit-transform: perspective(1200px);
        transform: perspective(1200px)
    }
}

@keyframes _flipInY {
    0% {
        -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, 90deg) scale(.7);
        transform: perspective(1200px) rotate3d(1, 0, 0, 90deg) scale(.7);
        opacity: .2
    }

    100% {
        -webkit-transform: perspective(1200px);
        transform: perspective(1200px)
    }
}

@-webkit-keyframes _flipInX {
    0% {
        -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 90deg) scale(.7);
        transform: perspective(1200px) rotate3d(0, 1, 0, 90deg) scale(.7);
        opacity: .2
    }

    100% {
        -webkit-transform: perspective(1200px);
        transform: perspective(1200px)
    }
}

@keyframes _flipInX {
    0% {
        -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 90deg) scale(.7);
        transform: perspective(1200px) rotate3d(0, 1, 0, 90deg) scale(.7);
        opacity: .2
    }

    100% {
        -webkit-transform: perspective(1200px);
        transform: perspective(1200px)
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(1200px);
        transform: perspective(1200px)
    }

    100% {
        -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, 90deg) scale(.7);
        transform: perspective(1200px) rotate3d(1, 0, 0, 90deg) scale(.7);
        opacity: .2
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(1200px);
        transform: perspective(1200px)
    }

    100% {
        -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, 90deg) scale(.7);
        transform: perspective(1200px) rotate3d(1, 0, 0, 90deg) scale(.7);
        opacity: .2
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(1200px);
        transform: perspective(1200px)
    }

    100% {
        -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 90deg) scale(.7);
        transform: perspective(1200px) rotate3d(0, 1, 0, 90deg) scale(.7);
        opacity: .2
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(1200px);
        transform: perspective(1200px)
    }

    100% {
        -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 90deg) scale(.7);
        transform: perspective(1200px) rotate3d(0, 1, 0, 90deg) scale(.7);
        opacity: .2
    }
}

@-webkit-keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }

    100% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }

    100% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
}

@keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
}

@-webkit-keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }

    100% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }

    100% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
}

@keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
}

@-webkit-keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }

    100% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }

    100% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
}

@keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
}

@-webkit-keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }

    100% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg)
    }
}

@keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }

    100% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
}

@keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
}

.rotateCubeLeftOut {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation-name: rotateCubeLeftOut;
    -moz-animation-name: rotateCubeLeftOut;
    animation-name: rotateCubeLeftOut
}

.rotateCubeLeftIn {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation-name: rotateCubeLeftIn;
    -moz-animation-name: rotateCubeLeftIn;
    animation-name: rotateCubeLeftIn
}

.rotateCubeRightOut {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation-name: rotateCubeRightOut;
    -moz-animation-name: rotateCubeRightOut;
    animation-name: rotateCubeRightOut
}

.rotateCubeRightIn {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation-name: rotateCubeRightIn;
    -moz-animation-name: rotateCubeRightIn;
    animation-name: rotateCubeRightIn
}

.rotateCubeTopOut {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: rotateCubeTopOut;
    -moz-animation-name: rotateCubeTopOut;
    animation-name: rotateCubeTopOut
}

.rotateCubeTopIn {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation-name: rotateCubeTopIn;
    -moz-animation-name: rotateCubeTopIn;
    animation-name: rotateCubeTopIn
}

.rotateCubeBottomOut {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation-name: rotateCubeBottomOut;
    -moz-animation-name: rotateCubeBottomOut;
    animation-name: rotateCubeBottomOut
}

.rotateCubeBottomIn {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: rotateCubeBottomIn;
    -moz-animation-name: rotateCubeBottomIn;
    animation-name: rotateCubeBottomIn
}

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

    50% {
        -webkit-transform: scale(.7)
    }

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

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

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

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

.swiper_containerScale_small {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: swiper_containerScale_small;
    -moz-animation-name: swiper_containerScale_small;
    animation-name: swiper_containerScale_small
}

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

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

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

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

.swiper_containerScale_big {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: swiper_container_big;
    animation-name: swiper_container_big
}

@-webkit-keyframes gotoBottomAni {
    0% {
        opacity: .7
    }

    30% {
        opacity: .7;
        height: 120px
    }

    60% {
        opacity: .7;
        height: 90px
    }

    100% {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 188px;
        height: 56px;
        background-color: #5d9cec;
        line-height: 56px;
        text-align: center
    }
}

@keyframes gotoBottomAni {
    0% {
        opacity: .7
    }

    30% {
        opacity: .7;
        height: 120px
    }

    60% {
        opacity: .7;
        height: 90px
    }

    100% {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 188px;
        height: 56px;
        background-color: #5d9cec;
        line-height: 56px;
        text-align: center
    }
}

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 0
    }
}

@keyframes startAnimation {
    0% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ld-heartbeat {

    0%,
    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    5% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    39% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    45% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

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

@keyframes ld-heartbeat {

    0%,
    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    5% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    39% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    45% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

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

@-webkit-keyframes ld-float {

    0%,
    to {
        animation-timing-function: cubic-bezier(.5, 0, 1, .5);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        animation-timing-function: linear;
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%)
    }

    30% {
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%)
    }
}

@keyframes ld-float {
    0% {
        animation-timing-function: cubic-bezier(.5, 0, 1, .5);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        animation-timing-function: linear;
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%)
    }

    30% {
        -webkit-transform: translate(0, -10%);
        transform: translate(0, -10%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes ld-coin-h {

    0%,
    to {
        animation-timing-function: cubic-bezier(.5, 0, 1, .5)
    }

    50% {
        animation-timing-function: cubic-bezier(0, .5, .5, 1);
        -webkit-transform: rotateY(1800deg);
        transform: rotateY(1800deg)
    }

    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(3600deg);
        transform: rotateY(3600deg)
    }
}

@keyframes ld-coin-h {

    0%,
    to {
        animation-timing-function: cubic-bezier(.5, 0, 1, .5)
    }

    50% {
        animation-timing-function: cubic-bezier(0, .5, .5, 1);
        -webkit-transform: rotateY(1800deg);
        transform: rotateY(1800deg)
    }

    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(3600deg);
        transform: rotateY(3600deg)
    }
}

@-webkit-keyframes ld-shadow {

    0%,
    50%,
    to {
        animation-timing-function: cubic-bezier(.5, 0, .5, 1)
    }

    0%,
    to {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
    }

    50% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, .5)
    }
}

@keyframes ld-shadow {

    0%,
    50%,
    to {
        animation-timing-function: cubic-bezier(.5, 0, .5, 1)
    }

    0%,
    to {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
    }

    50% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, .5)
    }
}

@-webkit-keyframes ld-bounce {

    0%,
    90% {
        animation-timing-function: linear
    }

    10% {
        animation-timing-function: cubic-bezier(0, .4, .6, 1);
        -webkit-transform: translate(0, 5%) scaleY(1.1);
        transform: translate(0, 5%) scaleY(1.1)
    }

    50% {
        animation-timing-function: cubic-bezier(.4, 0, 1, .6);
        -webkit-transform: translate(0, -37%) scaleY(1.1);
        transform: translate(0, -37%) scaleY(1.1)
    }

    0%,
    to {
        -webkit-transform: translate(0, 30%) scaleY(.5);
        transform: translate(0, 30%) scaleY(.5)
    }

    90% {
        -webkit-transform: translate(0, 5%) scaleY(1.1);
        transform: translate(0, 5%) scaleY(1.1)
    }
}

@keyframes ld-bounce {

    0%,
    90% {
        animation-timing-function: linear
    }

    10% {
        animation-timing-function: cubic-bezier(0, .4, .6, 1);
        -webkit-transform: translate(0, 5%) scaleY(1.1);
        transform: translate(0, 5%) scaleY(1.1)
    }

    50% {
        animation-timing-function: cubic-bezier(.4, 0, 1, .6);
        -webkit-transform: translate(0, -37%) scaleY(1.1);
        transform: translate(0, -37%) scaleY(1.1)
    }

    0%,
    to {
        -webkit-transform: translate(0, 30%) scaleY(.5);
        transform: translate(0, 30%) scaleY(.5)
    }

    90% {
        -webkit-transform: translate(0, 5%) scaleY(1.1);
        transform: translate(0, 5%) scaleY(1.1)
    }
}

@-webkit-keyframes ld-wander-h {

    0%,
    to {
        -webkit-transform: translate(-35%, 0);
        transform: translate(-35%, 0)
    }

    50% {
        -webkit-transform: translate(35%, 0);
        transform: translate(35%, 0)
    }
}

@keyframes ld-wander-h {

    0%,
    to {
        -webkit-transform: translate(-35%, 0);
        transform: translate(-35%, 0)
    }

    50% {
        -webkit-transform: translate(35%, 0);
        transform: translate(35%, 0)
    }
}

@-webkit-keyframes ld-cycle {

    0%,
    50%,
    to {
        animation-timing-function: cubic-bezier(.5, .5, .5, .5)
    }

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

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

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ld-cycle {

    0%,
    50%,
    to {
        animation-timing-function: cubic-bezier(.5, .5, .5, .5)
    }

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

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

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ld-jelly {

    0%,
    16.6%,
    33.3%,
    50%,
    66.6%,
    83.3% {
        animation-timing-function: cubic-bezier(0, .5, .5, 1)
    }

    0%,
    to {
        -webkit-transform: translate(0, 0) skewX(0);
        transform: translate(0, 0) skewX(0)
    }

    16.6% {
        -webkit-transform: translate(-30%, 0) skewX(30deg);
        transform: translate(-30%, 0) skewX(30deg)
    }

    33.3% {
        -webkit-transform: translate(25%, 0) skewX(-20deg);
        transform: translate(25%, 0) skewX(-20deg)
    }

    50% {
        -webkit-transform: translate(-12%, 0) skewX(10deg);
        transform: translate(-12%, 0) skewX(10deg)
    }

    66.6% {
        -webkit-transform: translate(6%, 0) skewX(-5deg);
        transform: translate(6%, 0) skewX(-5deg)
    }

    83.3% {
        -webkit-transform: translate(-2.5%, 0) skewX(2deg);
        transform: translate(-2.5%, 0) skewX(2deg)
    }
}

@keyframes ld-jelly {

    0%,
    16.6%,
    33.3%,
    50%,
    66.6%,
    83.3% {
        animation-timing-function: cubic-bezier(0, .5, .5, 1)
    }

    0% {
        -webkit-transform: translate(0, 0) skewX(0);
        transform: translate(0, 0) skewX(0)
    }

    16.6% {
        -webkit-transform: translate(-30%, 0) skewX(30deg);
        transform: translate(-30%, 0) skewX(30deg)
    }

    33.3% {
        -webkit-transform: translate(25%, 0) skewX(-20deg);
        transform: translate(25%, 0) skewX(-20deg)
    }

    50% {
        -webkit-transform: translate(-12%, 0) skewX(10deg);
        transform: translate(-12%, 0) skewX(10deg)
    }

    66.6% {
        -webkit-transform: translate(6%, 0) skewX(-5deg);
        transform: translate(6%, 0) skewX(-5deg)
    }

    83.3% {
        -webkit-transform: translate(-2.5%, 0) skewX(2deg);
        transform: translate(-2.5%, 0) skewX(2deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes ld-broadcast {
    0% {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, .7)
    }

    19% {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, .5)
    }

    20% {
        box-shadow: 0 0 0 6px rgba(0, 0, 0, .5)
    }

    39% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, .4)
    }

    40% {
        box-shadow: 0 0 0 9px rgba(0, 0, 0, .5)
    }

    60% {
        box-shadow: 0 0 0 8px rgba(0, 0, 0, .4);
        animation-timing-function: cubic-bezier(.5, 0, 1, .5)
    }

    to {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
    }
}

@keyframes ld-broadcast {
    0% {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, .7)
    }

    19% {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, .5)
    }

    20% {
        box-shadow: 0 0 0 6px rgba(0, 0, 0, .5)
    }

    39% {
        box-shadow: 0 0 0 5px rgba(0, 0, 0, .4)
    }

    40% {
        box-shadow: 0 0 0 9px rgba(0, 0, 0, .5)
    }

    60% {
        box-shadow: 0 0 0 8px rgba(0, 0, 0, .4);
        animation-timing-function: cubic-bezier(.5, 0, 1, .5)
    }

    to {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
    }
}

@-webkit-keyframes ld-jump {

    0%,
    28%,
    48%,
    64%,
    76%,
    86%,
    93% {
        animation-timing-function: ease-out;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    14%,
    38%,
    56%,
    70%,
    81%,
    90%,
    97% {
        animation-timing-function: ease-in
    }

    14% {
        -webkit-transform: translateY(-27%);
        transform: translateY(-27%)
    }

    38% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    56% {
        -webkit-transform: translateY(-16%);
        transform: translateY(-16%)
    }

    70% {
        -webkit-transform: translateY(-12%);
        transform: translateY(-12%)
    }

    81% {
        -webkit-transform: translateY(-7.5%);
        transform: translateY(-7.5%)
    }

    90% {
        -webkit-transform: translateY(-3%);
        transform: translateY(-3%)
    }

    97% {
        -webkit-transform: translateY(-1.5%);
        transform: translateY(-1.5%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes ld-jump {

    0%,
    28%,
    48%,
    64%,
    76%,
    86%,
    93% {
        animation-timing-function: ease-out;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    14%,
    38%,
    56%,
    70%,
    81%,
    90%,
    97% {
        animation-timing-function: ease-in
    }

    14% {
        -webkit-transform: translateY(-27%);
        transform: translateY(-27%)
    }

    38% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    56% {
        -webkit-transform: translateY(-16%);
        transform: translateY(-16%)
    }

    70% {
        -webkit-transform: translateY(-12%);
        transform: translateY(-12%)
    }

    81% {
        -webkit-transform: translateY(-7.5%);
        transform: translateY(-7.5%)
    }

    90% {
        -webkit-transform: translateY(-3%);
        transform: translateY(-3%)
    }

    97% {
        -webkit-transform: translateY(-1.5%);
        transform: translateY(-1.5%)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes ld-blur {

    0%,
    to {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    50% {
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }
}

@keyframes ld-blur {

    0%,
    to {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    50% {
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }
}

@-webkit-keyframes ld-tremble {

    0%,
    40% {
        -webkit-transform: translate(1%, 1%);
        transform: translate(1%, 1%)
    }

    35%,
    5% {
        -webkit-transform: translate(0, 1%);
        transform: translate(0, 1%)
    }

    10%,
    25%,
    55% {
        -webkit-transform: translate(1%, 2%);
        transform: translate(1%, 2%)
    }

    15%,
    50% {
        -webkit-transform: translate(2%, 1%);
        transform: translate(2%, 1%)
    }

    20%,
    70% {
        -webkit-transform: translate(3%, 0);
        transform: translate(3%, 0)
    }

    30% {
        -webkit-transform: translate(1%, 3%);
        transform: translate(1%, 3%)
    }

    45%,
    85% {
        -webkit-transform: translate(1%, 0);
        transform: translate(1%, 0)
    }

    60% {
        -webkit-transform: translate(3%, 1%);
        transform: translate(3%, 1%)
    }

    65%,
    90% {
        -webkit-transform: translate(0, 2%);
        transform: translate(0, 2%)
    }

    75% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    80% {
        -webkit-transform: translate(2%, 3%);
        transform: translate(2%, 3%)
    }

    95% {
        -webkit-transform: translate(3%, 2%);
        transform: translate(3%, 2%)
    }
}

@keyframes ld-tremble {

    0%,
    40% {
        -webkit-transform: translate(1%, 1%);
        transform: translate(1%, 1%)
    }

    35%,
    5% {
        -webkit-transform: translate(0, 1%);
        transform: translate(0, 1%)
    }

    10%,
    25%,
    55% {
        -webkit-transform: translate(1%, 2%);
        transform: translate(1%, 2%)
    }

    15%,
    50% {
        -webkit-transform: translate(2%, 1%);
        transform: translate(2%, 1%)
    }

    20%,
    70% {
        -webkit-transform: translate(3%, 0);
        transform: translate(3%, 0)
    }

    30% {
        -webkit-transform: translate(1%, 3%);
        transform: translate(1%, 3%)
    }

    45%,
    85% {
        -webkit-transform: translate(1%, 0);
        transform: translate(1%, 0)
    }

    60% {
        -webkit-transform: translate(3%, 1%);
        transform: translate(3%, 1%)
    }

    65%,
    90% {
        -webkit-transform: translate(0, 2%);
        transform: translate(0, 2%)
    }

    75% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    80% {
        -webkit-transform: translate(2%, 3%);
        transform: translate(2%, 3%)
    }

    95% {
        -webkit-transform: translate(3%, 2%);
        transform: translate(3%, 2%)
    }
}

@-webkit-keyframes ld-clock {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    8.333% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    16.667% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    33.333% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }

    41.667% {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg)
    }

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

    58.333% {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg)
    }

    66.667% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg)
    }

    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    83.333% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg)
    }

    91.667% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ld-clock {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    8.333% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    16.667% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    33.333% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }

    41.667% {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg)
    }

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

    58.333% {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg)
    }

    66.667% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg)
    }

    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    83.333% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg)
    }

    91.667% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ld-squeeze {

    0%,
    to {
        -webkit-transform: scale(1, .5);
        transform: scale(1, .5)
    }

    50% {
        -webkit-transform: scale(.5, 1);
        transform: scale(.5, 1)
    }
}

@keyframes ld-squeeze {

    0%,
    to {
        -webkit-transform: scale(1, .5);
        transform: scale(1, .5)
    }

    50% {
        -webkit-transform: scale(.5, 1);
        transform: scale(.5, 1)
    }
}

.logoLoadingAni1 {
    -webkit-animation: ld-heartbeat 1s infinite cubic-bezier(.215, .61, .355, 1);
    animation: ld-heartbeat 1s infinite cubic-bezier(.215, .61, .355, 1)
}

.logoLoadingAni2 {
    -webkit-animation: ld-float 1s infinite;
    animation: ld-float 1s infinite
}

.logoLoadingAni3 {
    -webkit-animation: ld-coin-h 1s infinite;
    animation: ld-coin-h 1s infinite
}

.logoLoadingAni4 {
    -webkit-animation: ld-shadow 1s infinite;
    animation: ld-shadow 1s infinite;
    border-radius: 50%
}

.logoLoadingAni5 {
    -webkit-animation: ld-bounce 1s infinite;
    animation: ld-bounce 1s infinite
}

.logoLoadingAni6 {
    -webkit-animation: ld-wander-h 1s infinite ease-out;
    animation: ld-wander-h 1s infinite ease-out
}

.logoLoadingAni7 {
    -webkit-animation: ld-cycle 1s infinite linear;
    animation: ld-cycle 1s infinite linear
}

.logoLoadingAni8 {
    -webkit-animation: ld-jelly 1s infinite linear;
    animation: ld-jelly 1s infinite linear
}

.logoLoadingAni9 {
    -webkit-animation: ld-broadcast 1s infinite ease-out;
    animation: ld-broadcast 1s infinite ease-out;
    border-radius: 50%
}

.logoLoadingAni10 {
    -webkit-animation: ld-jump 1s ease-in infinite;
    animation: ld-jump 1s ease-in infinite
}

.logoLoadingAni11 {
    -webkit-animation: ld-blur 1s infinite;
    animation: ld-blur 1s infinite
}

.logoLoadingAni12 {
    -webkit-animation: ld-tremble 1s infinite;
    animation: ld-tremble 1s infinite
}

.logoLoadingAni13 {
    -webkit-animation: ld-clock 1s infinite cubic-bezier(0, .7, .3, 1);
    animation: ld-clock 1s infinite cubic-bezier(0, .7, .3, 1)
}

.logoLoadingAni14 {
    -webkit-animation: ld-squeeze 1s infinite cubic-bezier(.215, .61, .355, 1);
    animation: ld-squeeze 1s infinite cubic-bezier(.215, .61, .355, 1)
}

@-webkit-keyframes scale-up-tl {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes scale-up-tl {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -webkit-transform: none;
        transform: none;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}