@charset "utf-8";

/*!
 * animate.css - https://animate.style/
 * version - 4.1.1
 * licensed under the mit license - http://opensource.org/licenses/mit
 *
 * copyright (c) 2020 animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important
    }

    .animate__animated[class*=out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaley(1.1);
        transform: translate3d(0, -30px, 0) scaley(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaley(1.05);
        transform: translate3d(0, -15px, 0) scaley(1.05)
    }

    80% {
        -webkit-transform: translatez(0) scaley(.95);
        transform: translatez(0) scaley(.95);
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaley(1.02);
        transform: translate3d(0, -4px, 0) scaley(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaley(1.1);
        transform: translate3d(0, -30px, 0) scaley(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaley(1.05);
        transform: translate3d(0, -15px, 0) scaley(1.05)
    }

    80% {
        -webkit-transform: translatez(0) scaley(.95);
        transform: translatez(0) scaley(.95);
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaley(1.02);
        transform: translate3d(0, -4px, 0) scaley(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scalex(1);
        transform: scalex(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scalex(1);
        transform: scalex(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scalex(1);
        transform: scalex(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scalex(1);
        transform: scalex(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberband {
    0% {
        -webkit-transform: scalex(1);
        transform: scalex(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, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scalex(1);
        transform: scalex(1)
    }
}

@keyframes rubberband {
    0% {
        -webkit-transform: scalex(1);
        transform: scalex(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, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scalex(1);
        transform: scalex(1)
    }
}

.animate__rubberband {
    -webkit-animation-name: rubberband;
    animation-name: rubberband
}

@-webkit-keyframes shakex {

    0%,
    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

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

@keyframes shakex {

    0%,
    to {
        -webkit-transform: translatez(0);
        transform: translatez(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)
    }
}

.animate__shakex {
    -webkit-animation-name: shakex;
    animation-name: shakex
}

@-webkit-keyframes shakey {

    0%,
    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

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

@keyframes shakey {

    0%,
    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

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

.animate__shakey {
    -webkit-animation-name: shakey;
    animation-name: shakey
}

@-webkit-keyframes headshake {
    0% {
        -webkit-transform: translatex(0);
        transform: translatex(0)
    }

    6.5% {
        -webkit-transform: translatex(-6px) rotatey(-9deg);
        transform: translatex(-6px) rotatey(-9deg)
    }

    18.5% {
        -webkit-transform: translatex(5px) rotatey(7deg);
        transform: translatex(5px) rotatey(7deg)
    }

    31.5% {
        -webkit-transform: translatex(-3px) rotatey(-5deg);
        transform: translatex(-3px) rotatey(-5deg)
    }

    43.5% {
        -webkit-transform: translatex(2px) rotatey(3deg);
        transform: translatex(2px) rotatey(3deg)
    }

    50% {
        -webkit-transform: translatex(0);
        transform: translatex(0)
    }
}

@keyframes headshake {
    0% {
        -webkit-transform: translatex(0);
        transform: translatex(0)
    }

    6.5% {
        -webkit-transform: translatex(-6px) rotatey(-9deg);
        transform: translatex(-6px) rotatey(-9deg)
    }

    18.5% {
        -webkit-transform: translatex(5px) rotatey(7deg);
        transform: translatex(5px) rotatey(7deg)
    }

    31.5% {
        -webkit-transform: translatex(-3px) rotatey(-5deg);
        transform: translatex(-3px) rotatey(-5deg)
    }

    43.5% {
        -webkit-transform: translatex(2px) rotatey(3deg);
        transform: translatex(2px) rotatey(3deg)
    }

    50% {
        -webkit-transform: translatex(0);
        transform: translatex(0)
    }
}

.animate__headshake {
    -webkit-animation-name: headshake;
    animation-name: headshake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

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

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

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

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

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

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

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

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

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

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

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

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

    to {
        -webkit-transform: scalex(1);
        transform: scalex(1)
    }
}

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

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

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

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

    to {
        -webkit-transform: scalex(1);
        transform: scalex(1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    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.8% {
        -webkit-transform: skewx(-.1953125deg) skewy(-.1953125deg);
        transform: skewx(-.1953125deg) skewy(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    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.8% {
        -webkit-transform: skewx(-.1953125deg) skewy(-.1953125deg);
        transform: skewx(-.1953125deg) skewy(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

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

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

.animate__heartbeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-name: heartbeat;
    animation-name: heartbeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backindown {
    0% {
        opacity: .7;
        -webkit-transform: translatey(-1200px) scale(.7);
        transform: translatey(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translatey(0) scale(.7);
        transform: translatey(0) scale(.7)
    }

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

@keyframes backindown {
    0% {
        opacity: .7;
        -webkit-transform: translatey(-1200px) scale(.7);
        transform: translatey(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translatey(0) scale(.7);
        transform: translatey(0) scale(.7)
    }

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

.animate__backindown {
    -webkit-animation-name: backindown;
    animation-name: backindown
}

@-webkit-keyframes backinleft {
    0% {
        opacity: .7;
        -webkit-transform: translatex(-2000px) scale(.7);
        transform: translatex(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translatex(0) scale(.7);
        transform: translatex(0) scale(.7)
    }

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

@keyframes backinleft {
    0% {
        opacity: .7;
        -webkit-transform: translatex(-2000px) scale(.7);
        transform: translatex(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translatex(0) scale(.7);
        transform: translatex(0) scale(.7)
    }

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

.animate__backinleft {
    -webkit-animation-name: backinleft;
    animation-name: backinleft
}

@-webkit-keyframes backinright {
    0% {
        opacity: .7;
        -webkit-transform: translatex(2000px) scale(.7);
        transform: translatex(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translatex(0) scale(.7);
        transform: translatex(0) scale(.7)
    }

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

@keyframes backinright {
    0% {
        opacity: .7;
        -webkit-transform: translatex(2000px) scale(.7);
        transform: translatex(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translatex(0) scale(.7);
        transform: translatex(0) scale(.7)
    }

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

.animate__backinright {
    -webkit-animation-name: backinright;
    animation-name: backinright
}

@-webkit-keyframes backinup {
    0% {
        opacity: .7;
        -webkit-transform: translatey(1200px) scale(.7);
        transform: translatey(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translatey(0) scale(.7);
        transform: translatey(0) scale(.7)
    }

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

@keyframes backinup {
    0% {
        opacity: .7;
        -webkit-transform: translatey(1200px) scale(.7);
        transform: translatey(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translatey(0) scale(.7);
        transform: translatey(0) scale(.7)
    }

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

.animate__backinup {
    -webkit-animation-name: backinup;
    animation-name: backinup
}

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

    20% {
        opacity: .7;
        -webkit-transform: translatey(0) scale(.7);
        transform: translatey(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translatey(700px) scale(.7);
        transform: translatey(700px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translatey(0) scale(.7);
        transform: translatey(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translatey(700px) scale(.7);
        transform: translatey(700px) scale(.7)
    }
}

.animate__backoutdown {
    -webkit-animation-name: backoutdown;
    animation-name: backoutdown
}

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

    20% {
        opacity: .7;
        -webkit-transform: translatex(0) scale(.7);
        transform: translatex(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translatex(-2000px) scale(.7);
        transform: translatex(-2000px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translatex(0) scale(.7);
        transform: translatex(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translatex(-2000px) scale(.7);
        transform: translatex(-2000px) scale(.7)
    }
}

.animate__backoutleft {
    -webkit-animation-name: backoutleft;
    animation-name: backoutleft
}

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

    20% {
        opacity: .7;
        -webkit-transform: translatex(0) scale(.7);
        transform: translatex(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translatex(2000px) scale(.7);
        transform: translatex(2000px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translatex(0) scale(.7);
        transform: translatex(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translatex(2000px) scale(.7);
        transform: translatex(2000px) scale(.7)
    }
}

.animate__backoutright {
    -webkit-animation-name: backoutright;
    animation-name: backoutright
}

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

    20% {
        opacity: .7;
        -webkit-transform: translatey(0) scale(.7);
        transform: translatey(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translatey(-700px) scale(.7);
        transform: translatey(-700px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translatey(0) scale(.7);
        transform: translatey(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translatey(-700px) scale(.7);
        transform: translatey(-700px) scale(.7)
    }
}

.animate__backoutup {
    -webkit-animation-name: backoutup;
    animation-name: backoutup
}

@-webkit-keyframes bouncein {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -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)
    }

    to {
        opacity: 1;
        -webkit-transform: scalex(1);
        transform: scalex(1)
    }
}

@keyframes bouncein {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -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)
    }

    to {
        opacity: 1;
        -webkit-transform: scalex(1);
        transform: scalex(1)
    }
}

.animate__bouncein {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bouncein;
    animation-name: bouncein
}

@-webkit-keyframes bounceindown {

    0%,
    60%,
    75%,
    90%,
    to {
        -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, -3000px, 0) scaley(3);
        transform: translate3d(0, -3000px, 0) scaley(3)
    }

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

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

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes bounceindown {

    0%,
    60%,
    75%,
    90%,
    to {
        -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, -3000px, 0) scaley(3);
        transform: translate3d(0, -3000px, 0) scaley(3)
    }

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

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

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__bounceindown {
    -webkit-animation-name: bounceindown;
    animation-name: bounceindown
}

@-webkit-keyframes bounceinleft {

    0%,
    60%,
    75%,
    90%,
    to {
        -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(-3000px, 0, 0) scalex(3);
        transform: translate3d(-3000px, 0, 0) scalex(3)
    }

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

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

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes bounceinleft {

    0%,
    60%,
    75%,
    90%,
    to {
        -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(-3000px, 0, 0) scalex(3);
        transform: translate3d(-3000px, 0, 0) scalex(3)
    }

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

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

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__bounceinleft {
    -webkit-animation-name: bounceinleft;
    animation-name: bounceinleft
}

@-webkit-keyframes bounceinright {

    0%,
    60%,
    75%,
    90%,
    to {
        -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(3000px, 0, 0) scalex(3);
        transform: translate3d(3000px, 0, 0) scalex(3)
    }

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

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

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes bounceinright {

    0%,
    60%,
    75%,
    90%,
    to {
        -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(3000px, 0, 0) scalex(3);
        transform: translate3d(3000px, 0, 0) scalex(3)
    }

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

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

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__bounceinright {
    -webkit-animation-name: bounceinright;
    animation-name: bounceinright
}

@-webkit-keyframes bounceinup {

    0%,
    60%,
    75%,
    90%,
    to {
        -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, 3000px, 0) scaley(5);
        transform: translate3d(0, 3000px, 0) scaley(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaley(.9);
        transform: translate3d(0, -20px, 0) scaley(.9)
    }

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

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes bounceinup {

    0%,
    60%,
    75%,
    90%,
    to {
        -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, 3000px, 0) scaley(5);
        transform: translate3d(0, 3000px, 0) scaley(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaley(.9);
        transform: translate3d(0, -20px, 0) scaley(.9)
    }

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

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__bounceinup {
    -webkit-animation-name: bounceinup;
    animation-name: bounceinup
}

@-webkit-keyframes bounceout {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

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

@keyframes bounceout {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

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

.animate__bounceout {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceout;
    animation-name: bounceout
}

@-webkit-keyframes bounceoutdown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaley(.985);
        transform: translate3d(0, 10px, 0) scaley(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaley(.9);
        transform: translate3d(0, -20px, 0) scaley(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaley(3);
        transform: translate3d(0, 2000px, 0) scaley(3)
    }
}

@keyframes bounceoutdown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaley(.985);
        transform: translate3d(0, 10px, 0) scaley(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaley(.9);
        transform: translate3d(0, -20px, 0) scaley(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaley(3);
        transform: translate3d(0, 2000px, 0) scaley(3)
    }
}

.animate__bounceoutdown {
    -webkit-animation-name: bounceoutdown;
    animation-name: bounceoutdown
}

@-webkit-keyframes bounceoutleft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scalex(.9);
        transform: translate3d(20px, 0, 0) scalex(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scalex(2);
        transform: translate3d(-2000px, 0, 0) scalex(2)
    }
}

@keyframes bounceoutleft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scalex(.9);
        transform: translate3d(20px, 0, 0) scalex(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scalex(2);
        transform: translate3d(-2000px, 0, 0) scalex(2)
    }
}

.animate__bounceoutleft {
    -webkit-animation-name: bounceoutleft;
    animation-name: bounceoutleft
}

@-webkit-keyframes bounceoutright {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scalex(.9);
        transform: translate3d(-20px, 0, 0) scalex(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scalex(2);
        transform: translate3d(2000px, 0, 0) scalex(2)
    }
}

@keyframes bounceoutright {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scalex(.9);
        transform: translate3d(-20px, 0, 0) scalex(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scalex(2);
        transform: translate3d(2000px, 0, 0) scalex(2)
    }
}

.animate__bounceoutright {
    -webkit-animation-name: bounceoutright;
    animation-name: bounceoutright
}

@-webkit-keyframes bounceoutup {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaley(.985);
        transform: translate3d(0, -10px, 0) scaley(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaley(.9);
        transform: translate3d(0, 20px, 0) scaley(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaley(3);
        transform: translate3d(0, -2000px, 0) scaley(3)
    }
}

@keyframes bounceoutup {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaley(.985);
        transform: translate3d(0, -10px, 0) scaley(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaley(.9);
        transform: translate3d(0, 20px, 0) scaley(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaley(3);
        transform: translate3d(0, -2000px, 0) scaley(3)
    }
}

.animate__bounceoutup {
    -webkit-animation-name: bounceoutup;
    animation-name: bounceoutup
}

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

    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadein {
    -webkit-animation-name: fadein;
    animation-name: fadein
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeindown {
    -webkit-animation-name: fadeindown;
    animation-name: fadeindown
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeindownbig {
    -webkit-animation-name: fadeindownbig;
    animation-name: fadeindownbig
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeinleft {
    -webkit-animation-name: fadeinleft;
    animation-name: fadeinleft
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeinleftbig {
    -webkit-animation-name: fadeinleftbig;
    animation-name: fadeinleftbig
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeinright {
    -webkit-animation-name: fadeinright;
    animation-name: fadeinright
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeinrightbig {
    -webkit-animation-name: fadeinrightbig;
    animation-name: fadeinrightbig
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeinup {
    -webkit-animation-name: fadeinup;
    animation-name: fadeinup
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeinupbig {
    -webkit-animation-name: fadeinupbig;
    animation-name: fadeinupbig
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeintopleft {
    -webkit-animation-name: fadeintopleft;
    animation-name: fadeintopleft
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeintopright {
    -webkit-animation-name: fadeintopright;
    animation-name: fadeintopright
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeinbottomleft {
    -webkit-animation-name: fadeinbottomleft;
    animation-name: fadeinbottomleft
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__fadeinbottomright {
    -webkit-animation-name: fadeinbottomright;
    animation-name: fadeinbottomright
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeout {
    -webkit-animation-name: fadeout;
    animation-name: fadeout
}

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

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

@keyframes fadeoutdown {
    0% {
        opacity: 1
    }

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

.animate__fadeoutdown {
    -webkit-animation-name: fadeoutdown;
    animation-name: fadeoutdown
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeoutdownbig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeoutdownbig {
    -webkit-animation-name: fadeoutdownbig;
    animation-name: fadeoutdownbig
}

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

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

@keyframes fadeoutleft {
    0% {
        opacity: 1
    }

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

.animate__fadeoutleft {
    -webkit-animation-name: fadeoutleft;
    animation-name: fadeoutleft
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeoutleftbig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeoutleftbig {
    -webkit-animation-name: fadeoutleftbig;
    animation-name: fadeoutleftbig
}

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

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

@keyframes fadeoutright {
    0% {
        opacity: 1
    }

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

.animate__fadeoutright {
    -webkit-animation-name: fadeoutright;
    animation-name: fadeoutright
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeoutrightbig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeoutrightbig {
    -webkit-animation-name: fadeoutrightbig;
    animation-name: fadeoutrightbig
}

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

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

@keyframes fadeoutup {
    0% {
        opacity: 1
    }

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

.animate__fadeoutup {
    -webkit-animation-name: fadeoutup;
    animation-name: fadeoutup
}

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeoutupbig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeoutupbig {
    -webkit-animation-name: fadeoutupbig;
    animation-name: fadeoutupbig
}

@-webkit-keyframes fadeouttopleft {
    0% {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

@keyframes fadeouttopleft {
    0% {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

.animate__fadeouttopleft {
    -webkit-animation-name: fadeouttopleft;
    animation-name: fadeouttopleft
}

@-webkit-keyframes fadeouttopright {
    0% {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

@keyframes fadeouttopright {
    0% {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

.animate__fadeouttopright {
    -webkit-animation-name: fadeouttopright;
    animation-name: fadeouttopright
}

@-webkit-keyframes fadeoutbottomright {
    0% {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

@keyframes fadeoutbottomright {
    0% {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

.animate__fadeoutbottomright {
    -webkit-animation-name: fadeoutbottomright;
    animation-name: fadeoutbottomright
}

@-webkit-keyframes fadeoutbottomleft {
    0% {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

@keyframes fadeoutbottomleft {
    0% {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

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

.animate__fadeoutbottomleft {
    -webkit-animation-name: fadeoutbottomleft;
    animation-name: fadeoutbottomleft
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scalex(1) translatez(0) rotatey(-1turn);
        transform: perspective(400px) scalex(1) translatez(0) rotatey(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scalex(1) translatez(150px) rotatey(-190deg);
        transform: perspective(400px) scalex(1) translatez(150px) rotatey(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scalex(1) translatez(150px) rotatey(-170deg);
        transform: perspective(400px) scalex(1) translatez(150px) rotatey(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translatez(0) rotatey(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translatez(0) rotatey(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scalex(1) translatez(0) rotatey(0deg);
        transform: perspective(400px) scalex(1) translatez(0) rotatey(0deg)
    }
}

@keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scalex(1) translatez(0) rotatey(-1turn);
        transform: perspective(400px) scalex(1) translatez(0) rotatey(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scalex(1) translatez(150px) rotatey(-190deg);
        transform: perspective(400px) scalex(1) translatez(150px) rotatey(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scalex(1) translatez(150px) rotatey(-170deg);
        transform: perspective(400px) scalex(1) translatez(150px) rotatey(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translatez(0) rotatey(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translatez(0) rotatey(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scalex(1) translatez(0) rotatey(0deg);
        transform: perspective(400px) scalex(1) translatez(0) rotatey(0deg)
    }
}

.animate__animated.animate__flip {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes flipinx {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotatex(90deg);
        transform: perspective(400px) rotatex(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotatex(-20deg);
        transform: perspective(400px) rotatex(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotatex(10deg);
        transform: perspective(400px) rotatex(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotatex(-5deg);
        transform: perspective(400px) rotatex(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipinx {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotatex(90deg);
        transform: perspective(400px) rotatex(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotatex(-20deg);
        transform: perspective(400px) rotatex(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotatex(10deg);
        transform: perspective(400px) rotatex(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotatex(-5deg);
        transform: perspective(400px) rotatex(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipinx {
    -webkit-animation-name: flipinx;
    animation-name: flipinx;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipiny {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotatey(90deg);
        transform: perspective(400px) rotatey(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotatey(-20deg);
        transform: perspective(400px) rotatey(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotatey(10deg);
        transform: perspective(400px) rotatey(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotatey(-5deg);
        transform: perspective(400px) rotatey(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipiny {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotatey(90deg);
        transform: perspective(400px) rotatey(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotatey(-20deg);
        transform: perspective(400px) rotatey(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotatey(10deg);
        transform: perspective(400px) rotatey(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotatey(-5deg);
        transform: perspective(400px) rotatey(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipiny {
    -webkit-animation-name: flipiny;
    animation-name: flipiny;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipoutx {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotatex(-20deg);
        transform: perspective(400px) rotatex(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotatex(90deg);
        transform: perspective(400px) rotatex(90deg)
    }
}

@keyframes flipoutx {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotatex(-20deg);
        transform: perspective(400px) rotatex(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotatex(90deg);
        transform: perspective(400px) rotatex(90deg)
    }
}

.animate__flipoutx {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -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% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotatey(-15deg);
        transform: perspective(400px) rotatey(-15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotatey(90deg);
        transform: perspective(400px) rotatey(90deg)
    }
}

@keyframes flipouty {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotatey(-15deg);
        transform: perspective(400px) rotatey(-15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotatey(90deg);
        transform: perspective(400px) rotatey(90deg)
    }
}

.animate__flipouty {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipouty;
    animation-name: flipouty;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes lightspeedinright {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewx(-30deg);
        transform: translate3d(100%, 0, 0) skewx(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewx(20deg);
        transform: skewx(20deg)
    }

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes lightspeedinright {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewx(-30deg);
        transform: translate3d(100%, 0, 0) skewx(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewx(20deg);
        transform: skewx(20deg)
    }

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

@-webkit-keyframes lightspeedinleft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewx(30deg);
        transform: translate3d(-100%, 0, 0) skewx(30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewx(-20deg);
        transform: skewx(-20deg)
    }

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes lightspeedinleft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewx(30deg);
        transform: translate3d(-100%, 0, 0) skewx(30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewx(-20deg);
        transform: skewx(-20deg)
    }

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

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewx(30deg);
        transform: translate3d(100%, 0, 0) skewx(30deg)
    }
}

@keyframes lightspeedoutright {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) skewx(30deg);
        transform: translate3d(100%, 0, 0) skewx(30deg)
    }
}

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

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

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewx(-30deg);
        transform: translate3d(-100%, 0, 0) skewx(-30deg)
    }
}

@keyframes lightspeedoutleft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) skewx(-30deg);
        transform: translate3d(-100%, 0, 0) skewx(-30deg)
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__rotatein {
    -webkit-animation-name: rotatein;
    animation-name: rotatein;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateindownleft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes rotateindownleft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__rotateindownleft {
    -webkit-animation-name: rotateindownleft;
    animation-name: rotateindownleft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateindownright {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes rotateindownright {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__rotateindownright {
    -webkit-animation-name: rotateindownright;
    animation-name: rotateindownright;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateinupleft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes rotateinupleft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__rotateinupleft {
    -webkit-animation-name: rotateinupleft;
    animation-name: rotateinupleft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateinupright {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes rotateinupright {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__rotateinupright {
    -webkit-animation-name: rotateinupright;
    animation-name: rotateinupright;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

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

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

@keyframes rotateout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

.animate__rotateout {
    -webkit-animation-name: rotateout;
    animation-name: rotateout;
    -webkit-transform-origin: center;
    transform-origin: center
}

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

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotateoutdownleft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.animate__rotateoutdownleft {
    -webkit-animation-name: rotateoutdownleft;
    animation-name: rotateoutdownleft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

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

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateoutdownright {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateoutdownright {
    -webkit-animation-name: rotateoutdownright;
    animation-name: rotateoutdownright;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

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

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateoutupleft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateoutupleft {
    -webkit-animation-name: rotateoutupleft;
    animation-name: rotateoutupleft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

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

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes rotateoutupright {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.animate__rotateoutupright {
    -webkit-animation-name: rotateoutupright;
    animation-name: rotateoutupright;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

    40%,
    80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

    40%,
    80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0)
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackinthebox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

@keyframes jackinthebox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

.animate__jackinthebox {
    -webkit-animation-name: jackinthebox;
    animation-name: jackinthebox
}

@-webkit-keyframes rollin {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes rollin {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__rollin {
    -webkit-animation-name: rollin;
    animation-name: rollin
}

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

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

@keyframes rollout {
    0% {
        opacity: 1
    }

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

.animate__rollout {
    -webkit-animation-name: rollout;
    animation-name: rollout
}

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

.animate__zoomin {
    -webkit-animation-name: zoomin;
    animation-name: zoomin
}

@-webkit-keyframes zoomindown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

@keyframes zoomindown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }
}

.animate__zoomindown {
    -webkit-animation-name: zoomindown;
    animation-name: zoomindown
}

@-webkit-keyframes zoominleft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

@keyframes zoominleft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
    }
}

.animate__zoominleft {
    -webkit-animation-name: zoominleft;
    animation-name: zoominleft
}

@-webkit-keyframes zoominright {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

@keyframes zoominright {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
    }
}

.animate__zoominright {
    -webkit-animation-name: zoominright;
    animation-name: zoominright
}

@-webkit-keyframes zoominup {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

@keyframes zoominup {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }
}

.animate__zoominup {
    -webkit-animation-name: zoominup;
    animation-name: zoominup
}

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

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

    to {
        opacity: 0
    }
}

@keyframes zoomout {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

.animate__zoomout {
    -webkit-animation-name: zoomout;
    animation-name: zoomout
}

@-webkit-keyframes zoomoutdown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
    }
}

@keyframes zoomoutdown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
    }
}

.animate__zoomoutdown {
    -webkit-animation-name: zoomoutdown;
    animation-name: zoomoutdown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomoutleft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomoutleft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomoutleft {
    -webkit-animation-name: zoomoutleft;
    animation-name: zoomoutleft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomoutright {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomoutright {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomoutright {
    -webkit-animation-name: zoomoutright;
    animation-name: zoomoutright;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomoutup {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
    }
}

@keyframes zoomoutup {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
    }
}

.animate__zoomoutup {
    -webkit-animation-name: zoomoutup;
    animation-name: zoomoutup;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideindown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes slideindown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__slideindown {
    -webkit-animation-name: slideindown;
    animation-name: slideindown
}

@-webkit-keyframes slideinleft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes slideinleft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__slideinleft {
    -webkit-animation-name: slideinleft;
    animation-name: slideinleft
}

@-webkit-keyframes slideinright {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes slideinright {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__slideinright {
    -webkit-animation-name: slideinright;
    animation-name: slideinright
}

@-webkit-keyframes slideinup {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

@keyframes slideinup {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }
}

.animate__slideinup {
    -webkit-animation-name: slideinup;
    animation-name: slideinup
}

@-webkit-keyframes slideoutdown {
    0% {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

@keyframes slideoutdown {
    0% {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden
    }
}

.animate__slideoutdown {
    -webkit-animation-name: slideoutdown;
    animation-name: slideoutdown
}

@-webkit-keyframes slideoutleft {
    0% {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideoutleft {
    0% {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden
    }
}

.animate__slideoutleft {
    -webkit-animation-name: slideoutleft;
    animation-name: slideoutleft
}

@-webkit-keyframes slideoutright {
    0% {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

@keyframes slideoutright {
    0% {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden
    }
}

.animate__slideoutright {
    -webkit-animation-name: slideoutright;
    animation-name: slideoutright
}

@-webkit-keyframes slideoutup {
    0% {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

@keyframes slideoutup {
    0% {
        -webkit-transform: translatez(0);
        transform: translatez(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden
    }
}

.animate__slideoutup {
    -webkit-animation-name: slideoutup;
    animation-name: slideoutup
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translatez(0);
    transform: translatez(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-slide {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 27px 44px;
    cursor: pointer;
    height: 44px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: ;
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: ;
    left: auto;
    right: 10px
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: 
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: 
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: 
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: 
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: transform .2s, top .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: transform .2s, left .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: transform .2s, right .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-lazy-preloader:after {
    background-image: '/><use xlink:href='#a' opacity='.27' transform='rotate(60 60 60)'/><use xlink:href='#a' opacity='.27' transform='rotate(90 60 60)'/><use xlink:href='#a' opacity='.27' transform='rotate(120 60 60)'/><use xlink:href='#a' opacity='.27' transform='rotate(150 60 60)'/><use xlink:href='#a' opacity='.37' transform='rotate(180 60 60)'/><use xlink:href='#a' opacity='.46' transform='rotate(210 60 60)'/><use xlink:href='#a' opacity='.56' transform='rotate(240 60 60)'/><use xlink:href='#a' opacity='.66' transform='rotate(270 60 60)'/><use xlink:href='#a' opacity='.75' transform='rotate(300 60 60)'/><use xlink:href='#a' opacity='.85' transform='rotate(330 60 60)'/></svg>");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.swiper-lazy-preloader-white:after {
    background-image: '/><use xlink:href='#a' opacity='.27' transform='rotate(60 60 60)'/><use xlink:href='#a' opacity='.27' transform='rotate(90 60 60)'/><use xlink:href='#a' opacity='.27' transform='rotate(120 60 60)'/><use xlink:href='#a' opacity='.27' transform='rotate(150 60 60)'/><use xlink:href='#a' opacity='.37' transform='rotate(180 60 60)'/><use xlink:href='#a' opacity='.46' transform='rotate(210 60 60)'/><use xlink:href='#a' opacity='.56' transform='rotate(240 60 60)'/><use xlink:href='#a' opacity='.66' transform='rotate(270 60 60)'/><use xlink:href='#a' opacity='.75' transform='rotate(300 60 60)'/><use xlink:href='#a' opacity='.85' transform='rotate(330 60 60)'/></svg>")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
    background: #000;
    bottom: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.w {
    margin: 0 auto;
    max-width: 1280px;
    width: 95%
}

body,
html {
    -webkit-touch-callout: none;
    color: #000;
    font-family: microsoft yahei, 微软雅黑, microsoft jhenghei, 华文细黑, stheiti, mingliu;
    font-size: 16px;
    line-height: 1.5;
    outline: 0;
    position: relative
}

a,
body,
center,
cite,
code,
dd,
del,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
html,
img,
input,
label,
legend,
li,
mark,
ol,
p,
section,
span,
strong,
textarea,
time,
ul,
var {
    border: 0;
    font-style: normal;
    margin: 0;
    padding: 0
}

button,
input,
select,
textarea {
    outline: none
}

bottom,
botton,
input[type=“button”],
input[type=“reset”],
input[type=“search”],
input[type=“submit”],
input[type=“text”] {
    -webkit-appearance: none
}

li,
ul {
    list-style: none
}

b,
strong {
    font-weight: 700
}

pre {
    overflow: auto
}

img {
    border: none;
    max-width: 100%;
    vertical-align: middle
}

p {
    margin-bottom: 0;
    margin-top: 0
}

a {
    background-color: transparent;
    color: #000;
    display: inline-block;
    text-decoration: none
}

a:hover {
    outline: 0
}

i {
    content: "";
    display: inline-block
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=“number”] {
    -moz-appearance: none
}

.zoominbig {
    animation: zoominbig;
    -webkit-animation: zoominbig
}

@keyframes zoominbig {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes zoominbig {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

html {
    color: #333
}

.index-body {
    background: #f5f8fc
}

.index-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    left: 50%;
    max-width: 600px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%
}

.index-box a {
    border: 1px solid #143270;
    border-radius: 1.5vw;
    color: #143270;
    display: block;
    font-size: 1vw;
    line-height: 3vw;
    margin-bottom: 1.5vw;
    text-align: center;
    width: 48%
}

.index-box a:hover {
    background: #143270;
    color: #fff
}

.index-box a:nth-last-of-type() {
    border-bottom: none
}

.header {
    left: 0;
    position: fixed;
    top: 0;
    transition: background-color .3s;
    width: 100%;
    z-index: 10
}

.header .w {
    align-items: center;
    display: flex;
    height: 90px;
    justify-content: space-between
}

.logo {
    max-height: 30px
}

.header_fixed {
    background: #fff;
    box-shadow: 0 0 10px #666
}

.header_fixed .nav ul li>a {
    color: #222
}

.header_fixed .memu-btn i {
    color: #333
}

.nav ul {
    display: flex;
    width: 100%;
    padding-right: 15px;
}

.nav ul li {
    margin-right: 60px;
    position: relative;
    transition: all .3s
}

.nav ul li:last-of-type {
    margin-right: 0
}

.nav ul li>a {
    color: #fff;
    display: block;
    font-size: 18px;
    text-align: center;
    transition: all .3s;
    white-space: nowrap
}

.nav ul li.selected>a,
.nav ul li:hover>a {
    color: #f90 !important
}

.search-box {
    background: #fff;
    border-radius: 40px;
    padding: 0 20px;
    z-index: 3
}

.search {
    display: flex
}

.search input {
    background: #fff;
    border-right: none;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 40px;
    transition: all .3s;
    width: 210px
}

.search input::placeholder {
    color: #999
}

.search input:hover {
    border-color: #143270
}

.search button {
    align-items: center;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.search button img {
    margin-left: 5px
}

.search-btn-box {
    display: none;
    position: relative
}

.search-btn {
    align-items: center;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.text-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-over {
    box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.enlarge {
    display: block;
    height: 100%;
    overflow: hidden;
    transition: all .5s;
    width: 100%
}

.enlarge img {
    transition: all .3s
}

.enlarge:hover img {
    transform: scale(1.05)
}

.back-top {
    background: #fff;
    border: 2px solid #143270;
    bottom: 2vw;
    cursor: pointer;
    display: none;
    opacity: 0;
    padding: 5px;
    position: fixed;
    right: 2vw;
    transform: scale(.8) translatey(70px);
    transition: all .3s;
    z-index: -1
}

.back-top img {
    width: 25px
}

.back-top:hover {
    opacity: 1
}

.back-top-show {
    opacity: .5;
    transform: scale(1) translatey(0);
    z-index: 2
}

.wap-btn {
    display: none
}

.wap-btn button {
    background: none;
    border: none;
    margin-right: 10px
}

.memu-btn {
    display: none;
    height: 35px;
    position: relative;
    width: 35px
}

.memu-btn i {
    color: #fff;
    content: "";
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    left: 50%;
    line-height: 1em;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s
}

.memu-btn .memu {
    opacity: 1;
    visibility: visible
}

.memu-btn .close,
.memu-btn.active .memu {
    opacity: 0;
    visibility: hidden
}

.memu-btn.active .close {
    color: #1c9bd5;
    opacity: 1;
    visibility: visible
}

.home-txt {
    display: none;
    margin: 0 auto;
    width: 95%
}

.home-txt h2 {
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-bottom: 10px;
    text-align: center
}

.home-txt p {
    color: #666;
    max-height: 54vh;
    overflow-y: scroll;
    text-align: justify;
    word-break: keep-all
}

.container {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.aside {
    display: none;
    margin-right: 40px;
    width: 20%
}

.aside h2 {
    background: #143270;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 60px;
    padding-left: 20px;
    position: relative
}

.aside h2:before {
    background: #f90;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    left: 20px;
    position: absolute;
    width: 40px
}

.aside ul {
    background: #143270;
    padding: 10px 0 10px 20px
}

.aside ul li {
    background: #eee;
    border-bottom: 3px solid #ddd;
    position: relative;
    transition: all .3s
}

.aside ul li:before {
    border-bottom: 5px solid transparent;
    border-left: 8px solid #f90;
    border-top: 5px solid transparent;
    content: "";
    opacity: 0;
    position: absolute;
    right: 40px;
    top: 21px;
    transition: all .3s
}

.aside ul li>a {
    box-sizing: border-box;
    color: #666;
    line-height: 50px;
    padding-left: 30px;
    transition: all .3s;
    width: 100%
}

.aside ul li.selected:before,
.aside ul li:hover:before {
    opacity: 1;
    right: 20px
}

.aside ul li.selected>a,
.aside ul li:hover>a {
    border-color: #fff;
    color: #f90
}

.aside ul li.selected .sub-aside,
.aside ul li:hover .sub-aside {
    display: block
}

.sub-aside {
    display: none;
    padding-left: 40px
}

.sub-aside a {
    color: #999;
    display: block;
    font-size: 14px;
    padding: 5px 20px;
    position: relative;
    transition: all .3s
}

.sub-aside a:before {
    background: #999;
    content: "";
    height: 5px;
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    transition: all .3s;
    width: 5px
}

.sub-aside a.active,
.sub-aside a:hover {
    color: #143270
}

.sub-aside a.active:before,
.sub-aside a:hover:before {
    background: #143270
}

.conent {
    flex: 1
}

.crumbs {
    align-items: center;
    border-bottom: 2px solid #143270;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.crumbs h2 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 10px
}

.crumbs .position {
    color: #666;
    display: flex;
    font-size: 14px
}

.crumbs .position li:last-of-type i {
    display: none
}

.crumbs .position a {
    color: #666;
    font-size: 14px;
    position: relative;
    transition: all .3s
}

.crumbs .position a:hover {
    color: #f90
}

.crumbs .position i {
    margin: 0 5px
}

.pagination {
    margin-top: 30px;
    text-align: center
}

.pagination a {
    background: #f2f2f2;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    padding: 5px 10px;
    transition: all .3s
}

.pagination a .arr-left {
    margin-right: 5px
}

.pagination a .arr-right {
    margin-left: 5px
}

.pagination a:hover {
    background: #f90;
    color: #fff
}

.pagination a:hover .arr-left {
    border-right: 5px solid #fff
}

.pagination a:hover .arr-right {
    border-left: 5px solid #fff
}

.pagination span {
    font-size: 14px;
    padding: 0 10px
}

.pagination input {
    border: 1px solid #ccc;
    padding: 3px 5px;
    text-align: center;
    width: 30px
}

.pagination i {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent
}

.pagination .arr-left {
    border-right: 5px solid #f90
}

.pagination .arr-right {
    border-left: 5px solid #f90
}

.friend-link {
    background: #083a71
}

.friend-link .w {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 20px 0
}

.friend-link span {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-right: 5px
}

.friend-link .link-more {
    cursor: pointer;
    margin-left: 5px
}

.friend-link .link-more img {
    margin-left: 5px;
    transform: rotate(-90deg);
    transition: all .3s
}

.friend-link .link-box {
    flex: 1;
    overflow: hidden
}

.friend-link .link-box ul {
    display: flex;
    overflow: hidden
}

.friend-link .link-box ul li,
.friend-link .link-box ul li a {
    color: #7ebcfb;
    white-space: nowrap
}

.friend-link .link-box ul li a {
    padding: 0 10px
}

.friend-link .link-box ul li a:hover {
    color: #fff;
    text-decoration: underline
}

.friend-link .link-box ul li em {
    font-size: 14px
}

.friend-link .link-box ul li:last-of-type em {
    display: none
}

.ny-bg {
    background-image: url(/uploads/image/lwimg/ny-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0
}

.ny-bg,
.ny-bg .txt {
    box-sizing: border-box
}

.ny-bg .txt {
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    color: #fff;
    font-size: 24px;
    line-height: 2.2em;
    padding: 80px 20px;
    text-align: center
}

.ny-bg .txt h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 40px
}

.case {
    padding-bottom: 40px
}

.case-list {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.case-list li {
    margin-bottom: 3.125%;
    margin-right: 3.125%;
    width: 31.25%
}

.case-list li:nth-child(3n) {
    margin-right: 0
}

.case-list li a {
    align-items: center;
    background: #eee;
    border-radius: 10px;
    color: #333;
    display: flex;
    height: 80px;
    justify-content: center;
    padding: 0 20px;
    text-align: center;
    transition: all .3s
}

.case-list li a:hover {
    background: #f90;
    color: #fff
}

.ability {
    background: #e9f0fa;
    overflow: hidden;
    padding-bottom: 80px
}

.ability h2 {
    color: #222;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 40px
}

.ability p {
    color: 18px;
    color: #333;
    line-height: 1.8em
}

.ability-swiper {
    margin-top: 60px
}

.ability-swiper .t {
    align-items: center;
    background: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding: 80px 40px
}

.ability-swiper .t>div {
    width: 48%
}

.ability-swiper .swiper-slide:nth-child(2n) .t {
    flex-direction: row-reverse
}

.swiper-change {
    align-items: center;
    display: flex;
    justify-content: center
}

.swiper-change a {
    background: #fff;
    border-radius: 10px;
    color: #999;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px;
    padding: 0 50px;
    text-align: center;
    transition: all .3s
}

.swiper-change a.cur,
.swiper-change a:hover {
    background: #f90;
    color: #fff
}

.swiper-change a:last-of-type {
    margin-right: 0
}

.patner {
    padding-bottom: 60px
}

.patner ul {
    display: flex;
    flex-wrap: wrap
}

.patner ul li {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 15%
}

.patner ul li:nth-child(6n) {
    margin-right: 0
}

.patner ul li {
    border-radius: 10px;
    transition: box-shadow .5s
}

.patner ul li img {
    image-rendering: -webkit-optimize-contrast
}

.patner ul li:hover {
    box-shadow: 0 0 20px #ddd
}

.about-bg,
.patner-bg {
    background-image: url(/uploads/image/lwimg/bg.jpg);
    height: 600px;
    overflow: hidden;
    position: relative
}

.patner-t {
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 170px;
    transform: translatex(-50%)
}

.about-bg {
    background-image: url(/uploads/image/lwimg/a-bg.jpg)
}

.bg-7 {
    background-image: url(/uploads/image/lwimg/bg__7.jpg)
}

.bg-3 {
    background-image: url(/uploads/image/lwimg/bg__3.jpg)
}

.bg-4 {
    background-image: url(/uploads/image/lwimg/bg__4.jpg)
}

.record {
    color: #333
}

.record h1 {
    color: #222;
    font-size: 48px;
    margin-top: 120px;
    text-align: center
}

.record h2 {
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    font-weight: 500;
    line-height: 60px;
    margin-bottom: 40px;
    position: relative
}

.record h2 em {
    color: red;
    font-size: 14px;
    margin-left: 20px
}

.record h2:before {
    background: #f90;
    content: "";
    height: 50%;
    left: -20px;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: 4px
}

.record .box {
    background: #fff;
    margin-top: 80px;
    padding: 50px;
    transition: box-shadow .3s
}

.record .box:hover {
    box-shadow: 0 0 20px #ddd
}

.record .input {
    align-items: center;
    display: flex;
    margin-bottom: 20px
}

.record .input .label {
    width: 150px
}

.record .input .label sup {
    color: red
}

.record .input input {
    margin: 0 20px;
    width: 400px
}

.record .input .up-pic {
    margin: 0 20px
}

.record .input input,
.record .input select,
.record .input textarea {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    transition: all .3s
}

.record .input input:focus,
.record .input select:focus,
.record .input textarea:focus {
    border-color: #f90
}

.record .input textarea {
    height: 200px;
    line-height: 1.5em;
    margin: 0 40px;
    width: 400px
}

.record .select {
    margin: 0 40px
}

.record .select select {
    margin-right: 20px
}

.id-card {
    display: flex;
    margin-bottom: 40px
}

.id-card li {
    margin-right: 40px
}

.dow {
    background: #f90;
    border-radius: 5px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    margin-bottom: 40px;
    padding: 0 20px
}

.dow:hover {
    background: #e47909
}

.dow i {
    font-size: 20px;
    margin-right: 5px
}

.up-btn {
    background: #f90;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.up-btn:hover {
    background: #e47909
}

.up-pic a {
    border: 1px dashed #ccc;
    border-radius: 5px;
    color: #999;
    display: block;
    font-size: 18px;
    height: 0;
    overflow: hidden;
    padding-bottom: 58%;
    position: relative;
    width: 441px
}

.up-pic a:hover {
    border-color: #f90;
    color: #fff
}

.up-pic a:hover span {
    background: #f90;
    opacity: 1 !important
}

.up-pic a.show span {
    opacity: 0
}

.up-pic a.show img {
    opacity: 1
}

.up-pic a span {
    border-radius: 5px;
    display: inline-block;
    left: 50%;
    padding: 10px 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.up-pic a img {
    height: 100%;
    left: 0;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%
}

.role-img a {
    padding-bottom: 66%;
    width: 440px
}

.submit-btn {
    background: #1c9bd5;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin: 40px auto;
    padding: 0 30px;
    transition: all .3s
}

.submit-btn:hover {
    background: #1381b4
}

.tips {
    color: #333;
    line-height: 1.8em;
    margin-bottom: 20px
}

.tips em {
    color: red
}

.customers {
    background: #e9f0fa;
    padding-bottom: 60px
}

.customers ul {
    display: flex;
    flex-wrap: wrap
}

.customers ul li {
    margin-bottom: 1.5%;
    margin-right: 1.5%;
    width: 23.5%
}

.customers ul li:nth-child(4n) {
    margin-right: 0
}

.customers ul li {
    overflow: hidden
}

.customers ul li a {
    background: #fff;
    border-radius: 5px;
    display: block;
    padding: 10px
}

.customers ul li a:hover {
    background: #f90
}

.customers ul li .img-box {
    height: 250px;
    overflow: hidden;
    position: relative
}

.customers ul li img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.main>div {
    padding-top: 80px
}

.bannerbox {
    overflow: hidden;
    width: 100%
}

.banner,
.banner .imgs {
    position: relative
}

.banner .imgs {
    display: block;
    overflow: hidden;
    padding-bottom: 100vh
}

.banner .imgs .img-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.banner .imgs .img-box img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.banner .txt {
    color: #fff;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -30%, 0);
    transition: all .8s ease-in-out;
    transition-delay: .6s;
    visibility: hidden;
    z-index: 2
}

.banner .txt h2 {
    font-size: 40px;
    font-weight: 500
}

.banner .txt a {
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 78px;
    line-height: 78px;
    margin-top: 20px;
    text-align: center;
    transition: all .3s ease-in-out;
    width: 240px
}

.banner .txt a:hover {
    background: #f90;
    border-color: #f90;
    color: #fff
}

.swiper-slide-active .txt {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0);
    visibility: visible
}

.wap-img {
    display: none
}

.navigation {
    display: flex;
    height: 1px;
    justify-content: space-between;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1380px;
    z-index: 1
}

.navigation a {
    align-items: center;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    display: flex;
    height: 70px;
    justify-content: center;
    transition: all .3s;
    width: 70px
}

.navigation a:hover {
    background: rgba(0, 0, 0, .5)
}

.navigation .prev img {
    transform: rotate(180deg)
}

.swiper-pagination .pag {
    background: hsla(0, 0%, 100%, .7);
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: .26vw;
    margin-right: 10px;
    position: relative;
    transition: all .3s;
    width: 3.1vw
}

.swiper-pagination .pag.pag-active,
.swiper-pagination .pag:hover {
    background: #f90
}

.ti {
    margin-bottom: 80px;
    overflow: hidden
}

.title {
    color: #222;
    font-size: 36px;
    text-align: center
}

.sub-title {
    color: #999;
    text-align: center
}

.sub-title span {
    color: #f90
}

.section1 {
    position: relative
}

.section1 .notice {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 50%;
    overflow: hidden;
    position: absolute;
    text-overflow: nowrap;
    top: 40px;
    transform: translate3d(-50%, -50%, 0)
}

.section1 .notice p {
    color: #333;
    cursor: pointer;
    font-size: 18px;
    margin-right: 60px;
    max-width: 600px
}

.section1 .notice p:hover {
    color: #f90;
    text-decoration: underline
}

.section1 .notice span {
    color: #999;
    font-style: italic
}

.section1 ul {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.section1 ul li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 7px;
    position: relative;
    width: 33.33%
}

.section1 ul li:last-of-type {
    margin-right: 0
}

.section1 ul li:first-child {
    background-image: url(/uploads/image/lwimg/bg1-1.jpg)
}

.section1 ul li:nth-child(2) {
    background-image: url(/uploads/image/lwimg/bg1-2.jpg)
}

.section1 ul li:nth-child(3) {
    background-image: url(/uploads/image/lwimg/bg1-3.jpg)
}

.section1 ul li:hover .txt {
    background: rgba(255, 153, 0, .8)
}

.section1 .txt {
    box-sizing: border-box;
    color: #fff;
    display: block;
    height: 100%;
    padding: 6.5vw 5.21vw;
    transition: all .3s;
    width: 100%
}

.section1 .txt h2 {
    font-size: 2vw;
    font-weight: 500;
    line-height: 1em
}

.section1 .txt p {
    box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 8.3vw;
    line-height: 2.5em;
    margin: 3.1vw 0;
    overflow: hidden
}

.section1 .tags {
    align-items: center;
    color: #fff;
    display: flex;
    margin-bottom: 2.08vw;
    position: relative
}

.section1 .tags span {
    flex: 1;
    width: 0
}

.section1 .tags i {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 1.04vw;
    margin-right: 2.08vw;
    position: relative;
    width: 1.04vw
}

.section1 .tags i:before {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%
}

.section1 .more {
    bottom: 2.08vw;
    position: absolute;
    right: 2.08vw
}

.section1 .more a {
    color: #fff;
    font-size: .73vw;
    opacity: .5;
    position: relative
}

.section1 .more a:before {
    background: url(/uploads/image/lwimg/arr_line.png) 50% no-repeat;
    background-size: 100% 100%;
    content: "";
    height: .3125vw;
    position: absolute;
    top: -.42vw;
    width: 100%
}

.section1 .more a:hover {
    opacity: 1
}

.section2 {
    padding-bottom: 80px
}

.section2 ul {
    display: flex;
    flex-wrap: wrap
}

.section2 ul li {
    background: #eee;
    border-radius: 10px;
    margin-bottom: 2%;
    margin-right: 2%;
    transition: box-shadow .5s;
    width: 15%;
    overflow: hidden;
}

.section2 ul li:hover {
    box-shadow: 0 0 20px #ddd
}

.section2 ul li:last-of-type,
.section2 ul li:nth-child(11),
.section2 ul li:nth-child(6) {
    margin-right: 0
}

.section2 .flex-item-2 {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 18px;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    width: 32%
}

.section2 .flex-item-2:hover {
    box-shadow: none
}

.section2 .flex-item-2 a {
    cursor: auto
}

.section2 .flex-item-2 h2 {
    color: #f90;
    font-size: 48px
}

.section3 {
    background: url(/uploads/image/lwimg/bg1.jpg) 50% no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 20px;
    text-align: center
}

.section3 .txt {
    color: #333;
    line-height: 2.2em
}

.footer {
    text-align: center
}

.footer .txt {
    background: url(/uploads/image/lwimg/bg2.jpg) 50% no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 20px;
    line-height: 2em;
    padding: 70px 0
}

.footer .txt strong {
    color: #f90;
    font-size: 24px;
    font-style: italic;
    font-weight: 500
}

.footer .copyright {
    background: #151515;
    color: #fff;
    font-size: 14px;
    padding: 20px 0
}

#baidu {
    height: 100%;
    width: 100%
}

.hot-new,
.hot-new-pic {
    border-bottom: 1px dashed #c3ccdf;
    color: #333;
    display: block;
    padding-bottom: 20px
}

.hot-new h2,
.hot-new-pic h2 {
    color: #143270;
    font-size: 20px;
    font-size: 500;
    margin-bottom: 10px
}

.hot-new-pic:hover h2,
.hot-new:hover h2 {
    text-decoration: underline
}

.hot-new-pic {
    display: flex
}

.hot-new-pic .new-left {
    margin-right: 40px;
    width: 18%
}

.hot-new-pic .new-right {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between
}

.hot-new-date {
    display: flex;
    padding-bottom: 20px
}

.hot-new-date:hover .new-right h2 {
    color: #143270
}

.hot-new-date .new-left {
    align-items: center;
    background: #f90;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: center;
    margin-right: 20px;
    padding: 0 5px;
    width: 60px
}

.hot-new-date .new-left h3 {
    border-bottom: 1px solid #fff;
    font-size: 16px;
    text-align: center
}

.hot-new-date .new-left p {
    font-size: 12px
}

.hot-new-date .new-right {
    border-bottom: 1px dashed #999;
    color: #999;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    width: 0
}

.hot-new-date .new-right h2 {
    color: #333;
    font-size: 16px
}

.hot-new-date .new-right p {
    height: 48px
}

.hot-new-date .new-right span {
    color: #af2233
}

.hot-new-date .new-right span:hover {
    text-decoration: underline
}

.newlist {
    margin-top: 30px
}

.newlist li {
    border-bottom: 1px dashed #999;
    margin-bottom: 14px
}

.newlist li:last-of-type {
    margin-bottom: 0
}

.newlist li a {
    display: flex;
    padding-left: 30px;
    position: relative
}

.newlist li a p {
    flex: 1;
    margin-right: 20px;
    transition: all .3s;
    width: 0
}

.newlist li a span {
    color: #999
}

.newlist li a:before {
    background: #143270;
    border: 6px solid #cad0dd;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: 6px
}

.newlist li a:hover {
    color: #f90
}

.newlist li a:hover p {
    transform: translatex(5px)
}

.ny-header {
    box-shadow: 0 3px 10px #eee
}

.ny-new li {
    border-bottom: 1px dashed #acb8d7;
    margin-bottom: 0;
    padding: 20px 0
}

.ny-new li:first-of-type {
    padding-top: 0
}

.new-date-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.new-date-list li {
    background: #fff;
    height: 100px;
    margin-top: 20px;
    position: relative;
    width: calc(50% - 10px)
}

.new-date-list li:first-child,
.new-date-list li:nth-child(2) {
    margin-top: 0
}

.new-date-list li:after {
    background: #143270;
    bottom: 0;
    content: "";
    height: 2px;
    left: 15px;
    position: absolute;
    transition: all .3s;
    width: 53px
}

.new-date-list li:hover:after {
    background: #f90;
    left: 0;
    width: 100%
}

.new-date-list li a {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 15px
}

.new-date-list li a .txt {
    flex: 1;
    margin-left: 20px;
    transition: all .3s;
    width: 0
}

.new-date-list li a .txt p {
    height: 46px
}

.new-date-list li a:hover .txt {
    color: #f90
}

.new-date-list li .date {
    color: #999;
    text-align: right
}

.new-date-list li .date h3 {
    color: #143270;
    font-size: 18px;
    font-weight: 500
}

.new-date-list li .date p {
    font-size: 14px
}

.new-date-list li .txt {
    color: #333;
    display: flex;
    flex: 1;
    transition: all .3s
}

.new-date-list-row li {
    border-bottom: 1px solid #999;
    padding: 20px 0
}

.new-date-list-row li:first-of-type {
    padding-top: 0
}

.new-date-list-row li a {
    display: block;
    font-size: 16px;
    transition: all .3s
}

.new-date-list-row li a:hover {
    color: #f90
}

.new-date-list-row li a .time {
    align-items: center;
    color: #999;
    display: flex;
    margin-bottom: 9px;
    transition: all .3s
}

.new-date-list-row li a .time img {
    margin-right: 10px
}

.new-date-list-row li a .time div {
    display: flex
}

.new-date-list-row li a .time strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 1em
}

.new-date-list-row li a .time span {
    align-self: flex-end;
    font-size: 14px;
    line-height: 1em
}

article h1 {
    font-size: 500;
    padding: 0 80px;
    text-align: center
}

article .article-date {
    border-bottom: 1px dashed #999;
    color: #999;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: center
}

article .article-body {
    margin-top: 30px
}

.piclist {
    display: flex;
    justify-content: space-between
}

.piclist li {
    width: 254px
}

.piclist a {
    background: #e5ecf3;
    border: 1px solid #e5ecf3;
    color: #333;
    display: block;
    transition: all .3s
}

.piclist a .imgs {
    display: block;
    overflow: hidden;
    padding-bottom: 66.66%;
    position: relative
}

.piclist a .imgs .img-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.piclist a .imgs .img-box img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.piclist a:hover {
    background: #0a498d !important;
    border-color: #0a498d !important;
    box-shadow: 0 3px 10px #999 !important;
    color: #fff !important
}

.piclist a .txt {
    align-items: center;
    display: flex;
    height: 80px;
    justify-content: center
}

.piclist a p {
    padding: 0 20px;
    text-align: center
}

.rolelist {
    display: flex;
    flex-wrap: wrap
}

.rolelist li {
    margin-bottom: 2.5%;
    margin-right: 2.5%;
    width: 18%
}

.rolelist li:nth-child(5n) {
    margin-right: 0
}

.rolelist li a {
    background: #e5ecf3;
    color: #333;
    display: block;
    line-height: 1.8em;
    text-align: center;
    transition: all .3s
}

.rolelist li a .imgs {
    display: block;
    overflow: hidden;
    padding-bottom: 135.66%;
    position: relative
}

.rolelist li a .imgs .img-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.rolelist li a .imgs .img-box img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.rolelist li a p {
    line-height: 40px;
    padding: 0 20px
}

.rolelist li a:hover {
    box-shadow: 0 3px 10px #999;
    color: #f90;
    transform: translatey(-5px)
}

@media(max-width:1368px) {
    .banner .txt h2 {
        font-size: 30px
    }

    .banner .txt a {
        font-size: 18px;
        height: 60px;
        line-height: 60px;
        width: 180px
    }
}

@media(max-width:1280px) {
    .header .w {
        height: 60px
    }

    .id-card li {
        flex: 1;
        width: 0
    }

    .id-card li a {
        width: 100%
    }

    .id-card li a span {
        white-space: nowrap
    }
}

@media(max-width:1024px) {
    
    .link-all{
        flex-wrap: wrap;
        width: auto!important;
        height: auto!important;
    }
    .nav {
        background-color: rgba(0, 0, 0, .4);
        bottom: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 60px;
        transition: all .3s;
        visibility: hidden;
        width: 100%
    }

    .nav ul {
        display: block;
        width: 200px;
        background: #fff;
        height: 100%;
        padding: 0 20px;
    }

    .nav ul li {
        margin-right: 0
    }

    .nav ul li>a {
        color: #444 !important;
        font-size: 16px;
        padding: 20px;
        text-align: left;
        border-bottom: 1px solid #ededed;
        text-align: left;
        border-bottom: 1px solid #ededed;
    }

    .nav.show {
        opacity: 1;
        visibility: visible;
        align-items: center;
        justify-content: end;
    }

    .memu-btn {
        display: block
    }

    .record h1 {
        font-size: 36px;
        margin-top: 40px
    }

    .record h2 {
        font-size: 18px;
        margin-bottom: 20px
    }

    .record .box {
        margin-top: 40px;
        padding: 20px
    }

    .record .input .label {
        width: 120px
    }

    .record .input .up-pic,
    .record .input input {
        flex: 1;
        margin: 0 0 0 20px;
        width: 0
    }

    .record .input .up-pic a {
        width: 100%
    }

    .dow {
        margin-bottom: 20px
    }
}

@media(max-width:768px) {
    .main>div {
        padding-top: 40px
    }

    .ti {
        margin-bottom: 20px
    }

    .title {
        font-size: 28px
    }

    .web-img {
        display: none
    }

    .wap-img {
        display: inline-block
    }

    .banner .imgs {
        padding-bottom: 100%
    }

    .banner .txt {
        text-align: center;
        top: 30%
    }

    .banner .txt h2 {
        font-size: 20px
    }

    .banner .txt a {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        margin-top: 5px;
        width: 150px
    }

    .section1 .notice {
        box-sizing: border-box;
        padding: 0 20px;
        top: 20px;
        width: 100%
    }

    .section1 .notice p {
        flex: 1;
        font-size: 16px;
        margin-right: 20px;
        width: 0
    }

    .section1 .notice span {
        font-size: 14px;
        text-overflow: nowrap
    }

    .section1 ul {
        flex-wrap: wrap
    }

    .section1 ul li {
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%
    }

    .section1 ul li:last-of-type {
        margin-bottom: 0
    }

    .section1 .txt {
        padding: 60px 30px
    }

    .section1 .txt h2 {
        font-size: 24px
    }

    .section1 .txt p {
        font-size: 14px;
        height: auto;
        line-height: 1.8em;
        margin: 20px 0
    }

    .section1 .tags {
        font-size: 16px;
        margin-bottom: 20px
    }

    .section1 .tags i {
        height: 10px;
        margin-right: 20px;
        width: 10px
    }

    .section1 .more {
        bottom: 10px;
        right: 10px
    }

    .section1 .more a {
        font-size: 14px
    }

    .section1 .more a:before {
        height: 8px;
        top: -10px
    }

    .section1 .more a:hover {
        opacity: 1
    }

    .section2 {
        padding-bottom: 40px
    }

    .section2 ul {
        justify-content: space-between
    }

    .section2 ul li {
        margin-bottom: 4%;
        margin-right: 0;
        text-align: center;
        width: 48%
    }

    .section2 .flex-item-2 {
        box-sizing: border-box;
        margin-right: 0;
        padding: 40px 20px;
        width: 100%
    }

    .section2 .flex-item-2 h2 {
        font-size: 42px
    }

    .section3 {
        padding-bottom: 40px
    }

    .footer .txt {
        padding: 30px 0
    }

    .footer .txt,
    .footer .txt strong {
        font-size: 14px
    }

    .footer .copyright {
        font-size: 12px;
        padding: 10px 0
    }

    .ny-bg {
        line-height: normal;
        padding: 80px 0
    }

    .ny-bg .txt {
        padding: 20px 10px
    }

    .ny-bg .txt h2 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .ny-bg .txt p>* {
        font-size: 16px !important
    }

    .case-list {
        justify-content: space-between
    }

    .case-list li {
        margin-bottom: 2%;
        margin-right: 0;
        width: 49%
    }

    .case-list li a {
        height: 60px;
        padding: 0 5px
    }

    .swiper-change {
        justify-content: flex-start;
        overflow-x: scroll;
        white-space: nowrap
    }

    .swiper-change a {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        padding: 0 20px
    }

    .ability-swiper {
        margin-top: 30px
    }

    .ability-swiper .t {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        padding: 20px
    }

    .ability-swiper .t>div {
        width: 100%
    }

    .ability h2 {
        font-size: 24px;
        margin: 20px 0
    }

    .about-bg,
    .patner-bg {
        height: auto;
        padding: 0 0 66%
    }

    .patner-t {
        top: 30%
    }

    .patner ul {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .patner ul li {
        overflow: hidden;
        margin-bottom: 4%;
        margin-right: 0;
        width: 48%
    }

    .logo {
        max-height: 25px
    }

    .swiper-pagination .pag {
        display: inline-block;
        height: .75vw;
        margin-right: 10px;
        width: 5vw
    }

    .id-card {
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .id-card li {
        flex: unset;
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%
    }

    .up-pic a {
        font-size: 14px
    }

    .record .input .label {
        width: 80px
    }

    .up-pic a span {
        padding: 5px 10px
    }

    .customers {
        padding-bottom: 20px
    }

    .customers ul {
        justify-content: space-between
    }

    .customers ul li {
        margin-bottom: 4%;
        margin-right: 0;
        width: 48%
    }
}