@charset "UTF-8";@import"//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext";/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: 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);
        transform: translate3d(0,-30px,0)
    }

    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);
        transform: translate3d(0,-15px,0)
    }

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

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: 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);
        transform: translate3d(0,-30px,0)
    }

    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);
        transform: translate3d(0,-15px,0)
    }

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

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    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
    }
}

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

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

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

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

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

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

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(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: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(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: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

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

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translate3d(0,0,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 shake {
    0%,to {
        -webkit-transform: translate3d(0,0,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)
    }
}

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

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

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0)
    }
}

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

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

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

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

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

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

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

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

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

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

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

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

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

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

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

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

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

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

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

@-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: scale3d(1,1,1);
        transform: scaleZ(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: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -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);
        transform: translate3d(0,-3000px,0)
    }

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

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

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

    to {
        -webkit-transform: translate3d(0,0,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);
        transform: translate3d(0,-3000px,0)
    }

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

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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);
        transform: translate3d(-3000px,0,0)
    }

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

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

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

    to {
        -webkit-transform: translate3d(0,0,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);
        transform: translate3d(-3000px,0,0)
    }

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

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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);
        transform: translate3d(3000px,0,0)
    }

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

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

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

    to {
        -webkit-transform: translate3d(0,0,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);
        transform: translate3d(3000px,0,0)
    }

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

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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);
        transform: translate3d(0,3000px,0)
    }

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

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

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

    to {
        -webkit-transform: translate3d(0,0,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);
        transform: translate3d(0,3000px,0)
    }

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

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

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

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

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

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

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

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

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

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

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

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

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

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

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

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

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

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

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

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

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

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

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

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

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

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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: translate3d(0,0,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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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: translate3d(0,0,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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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: translate3d(0,0,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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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: translate3d(0,0,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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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: translate3d(0,0,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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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: translate3d(0,0,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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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: translate3d(0,0,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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

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

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

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

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

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

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

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

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

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

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

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

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

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

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

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

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skew(-30deg);
        opacity: 0
    }

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skew(-30deg);
        opacity: 0
    }

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

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

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

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

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

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

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

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

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

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

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

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

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

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

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

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

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

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

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

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

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

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

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

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

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

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

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

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

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

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
    0%,20%,53%,80%,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);
        transform: translate3d(0,-30px,0)
    }

    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);
        transform: translate3d(0,-15px,0)
    }

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

@keyframes bounce {
    0%,20%,53%,80%,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);
        transform: translate3d(0,-30px,0)
    }

    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);
        transform: translate3d(0,-15px,0)
    }

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

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    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
    }
}

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

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

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

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

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

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

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

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

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

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

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

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

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

.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: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.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: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

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

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

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

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -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);
        transform: translate3d(0,-3000px,0)
    }

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

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

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

    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);
        transform: translate3d(0,-3000px,0)
    }

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

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

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

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

.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);
        transform: translate3d(-3000px,0,0)
    }

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

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

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

    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);
        transform: translate3d(-3000px,0,0)
    }

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

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

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

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

.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);
        transform: translate3d(3000px,0,0)
    }

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

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

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

    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);
        transform: translate3d(3000px,0,0)
    }

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

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

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

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

.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);
        transform: translate3d(0,3000px,0)
    }

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

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

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

    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);
        transform: translate3d(0,3000px,0)
    }

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

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

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

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

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

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

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

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

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

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

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

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

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

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

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

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

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

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

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

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

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

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

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

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

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

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

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

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

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

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

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

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

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

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

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

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

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

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

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

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skew(-30deg);
        opacity: 0
    }

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

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

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

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skew(-30deg);
        opacity: 0
    }

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

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

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

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

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

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

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

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

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

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

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

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

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

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

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

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

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

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

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

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

@font-face {
    font-family: NotoSansCJKkr;
    src: url(data:font/woff2;base64,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) format("woff2"),url(/assets/NotoSansCJKkr-Thin.ad83181c.woff) format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: NotoSansCJKkr;
    src: url(data:font/woff2;base64,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) format("woff2"),url(/assets/NotoSansCJKkr-DemiLight.b073b979.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: NotoSansCJKkr;
    src: url(data:font/woff2;base64,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) format("woff2"),url(/assets/NotoSansCJKkr-Regular.bd69eeb3.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NotoSansCJKkr;
    src: url(data:font/woff2;base64,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) format("woff2"),url(/assets/NotoSansCJKkr-Medium.19ba1bda.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: NotoSansCJKkr;
    src: url(data:font/woff2;base64,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) format("woff2"),url(/assets/NotoSansCJKkr-Bold.a98bffa5.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: NotoSansCJKkr;
    src: url(data:font/woff2;base64,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) format("woff2"),url(/assets/NotoSansCJKkr-Black.b0cc8756.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

.show {
    display: block!important
}

.hide {
    display: none!important
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box
}

html,body {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    margin: 0;
    top: 0;
    background-color: none;
    overflow-x: hidden;
    overflow: visible;
    font-size: 14px;
    font-family: NotoSansCJKkr,sans-serif
}

.service800 {
    position: fixed;
    right: 24px;
    bottom: 17px;
    z-index: 99999;
    width: 76px;
    height: 76px;
    background-color: #d9415a;
    line-height: 76px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    padding-top: 16px
}

.service800 a {
    display: block;
    width: 76px;
    height: 76px;
    margin-top: -16px
}

.service800:hover {
    -webkit-animation: GOGO 2s infinite linear;
    -webkit-animation-fill-mode: forwards
}

@-webkit-keyframes GOGO {
    0% {
        -webkit-transform: rotate(0deg) scale(1)
    }

    20% {
        -webkit-transform: rotate(40deg) scale(1.3)
    }

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

    60% {
        -webkit-transform: rotate(0deg) scale(1)
    }

    80% {
        -webkit-transform: rotate(180deg) scale(1.3)
    }

    to {
        -webkit-transform: rotate(360deg) scale(1)
    }
}

.service800 img {
    margin-top: 16px
}

.serviceZone ul li {
    cursor: pointer;
    width: 142px;
    height: 44px;
    background-color: #d9415a;
    vertical-align: middle;
    padding-top: 8px;
    padding-left: 9px;
    position: relative;
    right: -100px;
    -webkit-transition: .5s ease-out;
    transition: .5s ease-out;
    margin-top: 1px
}

.serviceZone ul li:hover {
    right: 0
}

.serviceZone ul li a img {
    margin-right: 10px
}

.serviceZone ul li a span.serviceTxt {
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 16px
}

.serviceZone ul li:nth-child(2) a img {
    margin-right: 10px;
    margin-top: 2px;
    margin-left: -2px
}

.serviceZone ul li:nth-child(2) a span.serviceTxt {
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 16px
}

.serviceZone ul li:nth-child(3) a img {
    margin-right: 10px;
    margin-top: 4px;
    margin-left: 3px
}

.serviceZone ul li:nth-child(3) a span.serviceTxt {
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 16px
}

.btnJoinFrame {
    width: 326px;
    height: 60px;
    background: var(--btnColor010);
    background: linear-gradient(0deg,var(--btnColor010_gs) 0%,var(--btnColor010_ge) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    position: relative
}

.btnJoinInner {
    width: 324px;
    height: 58px;
    background-color: var(--btnColor011);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.btnJoinFrame:before {
    position: absolute;
    content: "";
    background-image: url(../images/common/shineLarge.png);
    width: 324px;
    height: 9px;
    top: 0
}

.btnJoinFrame:after {
    position: absolute;
    content: "";
    background-image: url(../images/common/iconHand.png);
    width: 134px;
    height: 84px;
    left: -40px;
    top: -2px
}

.btnJoinInner span {
    font-size: 21px;
    font-style: italic;
    font-weight: 700;
    color: #fff
}

.adsBoxBg {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0
}

.sliderBtnPrev {
    background-color: var(--bgColor012_op);
    width: 40px;
    height: 100px;
    z-index: 99;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 330px;
    left: 75px;
    cursor: pointer;
    transition: .2s ease-out
}

.sliderBtnNext {
    background-color: var(--bgColor012_op);
    width: 40px;
    height: 100px;
    z-index: 99;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 330px;
    right: 75px;
    cursor: pointer;
    transition: .2s ease-out
}

.sliderBtnPrev:hover,.sliderBtnNext:hover {
    background-color: var(--bgColor012_op_h)
}

.sliderBtnNext:hover span {
    color: var(--txtColor14_op_h);
    transform: translate(1px)
}

.sliderBtnPrev:hover span {
    color: var(--txtColor14_op_h);
    transform: translate(-1px)
}

.sliderBtnPrev span,.sliderBtnNext span {
    color: var(--txtColor14_op);
    font-size: 37px;
    transition: .2s ease-out
}

.sliderThumbnailBar {
    width: auto;
    height: 100px;
    background-size: 1124px 100px;
    position: relative;
    bottom: 22%;
    margin: 0 auto;
    text-align: center
}

.sliderThumbnailBar li {
    width: 224px;
    height: 100px;
    position: relative;
    margin: 0 10px;
    display: inline-block;
    background: #000
}

.sliderThumbnailBar li img {
    opacity: .6
}

.sliderThumbnailBar li:hover {
    width: 224px;
    height: 100px;
    position: relative;
    margin: 0 10px;
    display: inline-block;
    background: rgba(0,0,0,0)
}

.sliderThumbnailBar li img:hover {
    opacity: 1
}

.marqueeArea {
    width: 100%;
    height: 68px;
    background-size: 100% 68px;
    position: relative;
    margin: 0 auto;
    top: -52px
}

.marqueeinfoBox {
    width: 80%;
    height: 34px;
    background-size: 80% 34px;
    background-color: #171717;
    position: relative;
    margin: 0 auto;
    top: 0
}

.home_notice {
    background-color: var(--bgColor013_op);
    height: 38px;
    width: 100%;
    float: left;
    margin-top: -38px;
    z-index: 3;
    position: relative
}

.notice_wrap {
    width: 1280px;
    margin: 0 auto;
    height: 38px;
    line-height: 38px
}

.notice_icon {
    padding: 12px 16px;
    display: inline-block
}

.notice_text {
    font-size: 13px;
    color: var(--txtColor02);
    width: 1286px;
    display: inline-block
}

.main_content {
    background-color: var(--main);
    min-width: 1346px;
    float: left;
    width: 100%;
    padding-bottom: 85px
}

.main_content_wrap {
    width: 1280px;
    margin: 0 auto;
    height: auto
}

.main_content .main_content_wrap .gameZone {
    background-image: url(../images/common/game_bg.png);
    background-color: var(--bgColor014);
    width: 1280px;
    height: 240px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    box-shadow: 0 5px 7px var(--shadow01);
    position: relative
}

.main_content .main_content_wrap .gameZone ul {
    margin: 12px auto 0;
    width: 1240px;
    display: flex;
    justify-content: space-around;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.main_content .main_content_wrap .gameZone ul li {
    float: left;
    width: 132px;
    height: 132px;
    border: 1px solid var(--bdColor05);
    font-family: arial;
    transform: rotate(45deg);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .4s ease-out;
    box-shadow: 6px 5px 7px #000000b3;
    background: var(--bgColor04);
    background: linear-gradient(0deg,var(--bgColor04_gs) 0%,var(--bgColor04_ge) 100%)
}

.main_content .main_content_wrap .gameZone ul li:hover {
    transition: .4s ease-out;
    background: var(--bgColor04_h);
    background: linear-gradient(0deg,var(--bgColor04_gs_h) 0%,var(--bgColor04_ge_h) 100%)
}

.main_content .main_content_wrap .gameZone ul li:hover .pic {
    transform: rotate(-45deg) translate(6px,-56px);
    transition: .4s ease-out
}

.main_content .main_content_wrap .gameZone ul li:hover .txt {
    transform: rotate(-45deg) translate3d(2px,30px,0);
    transition: .4s ease-out
}

.main_content .main_content_wrap .gameZone ul li .pic {
    position: absolute;
    transform: rotate(-45deg) translate(6px,-54px)
}

.main_content .main_content_wrap .gameZone ul li .txt {
    transform: rotate(-45deg) translate3d(2px,26px,0);
    text-align: center
}

.main_content .main_content_wrap .gameZone ul li .txt .name {
    font-weight: 700;
    font-size: 14px;
    color: var(--txtColor02)
}

.main_content .main_content_wrap .gameZone ul li .txt .nameEng {
    font-size: 12px;
    margin-top: 5px;
    color: var(--txtColor03)
}

.main_content .main_content_wrap .infoZone {
    width: 1280px;
    margin: 25px auto 0;
    display: flex;
    justify-content: space-between
}

.main_content .main_content_wrap .infoZone .info01 {
    width: 420px;
    height: 300px;
    background-color: var(--bgColor015);
    border-radius: 5px;
    padding: 16px 14px;
    position: relative;
    box-shadow: 0 5px 7px var(--shadow01)
}

.main_content .main_content_wrap .infoZone .info01:before {
    content: "";
    position: absolute;
    background-image: url(../images/common/infoBgTop.png);
    top: 0;
    width: 420px;
    height: 31px;
    left: 0
}

.main_content .main_content_wrap .infoZone .info01 .title {
    color: var(--txtColor15);
    font-size: 16px
}

.main_content .main_content_wrap .infoZone .info01 .listFrame {
    width: 392px;
    height: 259px;
    overflow: hidden
}

.main_content .main_content_wrap .infoZone .info01 .list {
    margin-top: 14px;
    animation-play-state: running
}

.main_content .main_content_wrap .infoZone .info01 .list:hover {
    animation-play-state: paused
}

.main_content .main_content_wrap .infoZone .info01 .list .listA {
    width: 100%;
    display: flex;
    height: 35px;
    align-items: center;
    background-color: var(--bgColor015);
    border-bottom: 1px solid var(--bdColor06);
    cursor: pointer;
    transition: .4s ease-out
}

.main_content .main_content_wrap .infoZone .info01 .list .listA:hover {
    background-color: var(--bgColor015_h);
    border-bottom: 1px solid var(--bdColor06_h)
}

.main_content .main_content_wrap .infoZone .info01 .list .listA .no {
    color: var(--txtColor16);
    font-size: 13px;
    width: 10%;
    padding-left: 1%
}

.main_content .main_content_wrap .infoZone .info01 .list .listA .no .outer {
    display: flex;
    clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
    width: 25px;
    height: 21px;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    background: var(--bgColor06)
}

.main_content .main_content_wrap .infoZone .info01 .list .listA .no .outer span {
    display: flex;
    clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
    width: 20px;
    height: 17px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    background: #a5cb2d;
    background: linear-gradient(0deg,var(--bgColor05_gs) 0%,var(--bgColor05_ge) 100%);
    color: var(--txtColor05)
}

.main_content .main_content_wrap .infoZone .info01 .list .listA .time {
    font-size: 13px;
    width: 40%;
    text-align: left;
    color: var(--txtColor04)
}

.main_content .main_content_wrap .infoZone .info01 .list .listA .money {
    font-size: 13px;
    font-weight: 700;
    width: 25%;
    text-align: right;
    color: var(--txtColor03)
}

.main_content .main_content_wrap .infoZone .info01 .list .listA .account {
    font-size: 13px;
    width: 25%;
    text-align: right;
    padding-right: 4%;
    color: var(--txtColor04)
}

.main_content .main_content_wrap .infoZone .info01 .list .listB .money {
    font-size: 13px;
    font-weight: 700;
    width: 20%;
    text-align: right;
    color: var(--txtColor03)
}

.main_content .main_content_wrap .infoZone .info01 .list .listB .time {
    font-size: 13px;
    width: 30%;
    text-align: left
}

.main_content .main_content_wrap .infoZone .info01 .list .listB .account {
    font-size: 13px;
    width: 20%;
    text-align: right;
    padding-right: 4%
}

.main_content .main_content_wrap .infoZone .info01 .list .listB .fund {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center
}

.main_content .main_content_wrap .infoZone .info01 .list .listB .fund .btnDepoit {
    width: 50px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease-out;
    background: var(--btnColor03);
    background: linear-gradient(0deg,var(--btnColor03_gs) 0%,var(--btnColor03_gm) 50%,var(--btnColor03_ge) 100%)
}

.main_content .main_content_wrap .infoZone .info01 .list .listB .fund .btnDepoit .inner {
    width: 47px;
    height: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    background: var(--btnColor04);
    background: linear-gradient(0deg,var(--btnColor04_gs) 0%,var(--btnColor04_ge) 100%)
}

.main_content .main_content_wrap .infoZone .info01 .list .listB .fund .btnDepoit .inner:hover {
    background: var(--btnColor04_h);
    background: linear-gradient(0deg,var(--btnColor04_gs_h) 0%,var(--btnColor04_ge_h) 100%)
}

.main_content .main_content_wrap .infoZone .info01 .list .listB .fund .btnWithdraw {
    width: 50px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease-out;
    background: var(--btnColor05)
}

.main_content .main_content_wrap .infoZone .info01 .list .listB .fund .btnWithdraw .inner {
    width: 47px;
    height: 18px;
    color: var(--txtColor02);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    background: var(--btnColor06);
    background: linear-gradient(180deg,var(--btnColor06_gs) 0%,var(--btnColor06_ge) 100%)
}

.main_content .main_content_wrap .infoZone .info01 .list .listB .fund .btnWithdraw .inner:hover {
    background: var(--btnColor06_h);
    background: linear-gradient(180deg,var(--btnColor06_gs_h) 0%,var(--btnColor06_ge_h) 100%)
}

.main_content .main_content_wrap .infoZone .info02:before {
    content: "";
    position: absolute;
    background-image: url(../images/common/infoBgTop01.png);
    top: 0;
    width: 420px;
    height: 31px;
    left: 0
}

.main_content .main_content_wrap .infoZone .info02 .upZone .listC .attention {
    font-size: 13px;
    width: 40%;
    text-align: left;
    display: flex;
    align-items: center;
    padding-left: 2%;
    color: var(--txtColor04)
}

.main_content .main_content_wrap .infoZone .info02 .upZone .listC .attention span {
    display: block;
    width: 6px;
    height: 6px;
    background-color: var(--bgColor016);
    transform: rotate(45deg);
    float: left;
    margin-right: 12px
}

.main_content .main_content_wrap .infoZone .info02 .upZone .listC .time {
    text-align: right;
    width: 60%;
    padding-right: 2%
}

.main_content .main_content_wrap .infoZone .info02 .downZone {
    margin-top: 22px
}

.main_content .main_content_wrap .infoZone .info02 .downZone .chat {
    display: flex;
    margin-top: 19px
}

.main_content .main_content_wrap .infoZone .info02 .downZone .chat .chat01 {
    display: flex;
    align-items: center;
    margin-right: 48px
}

.main_content .main_content_wrap .infoZone .info02 .downZone .chat .chat01 span {
    font-size: 13px;
    margin-left: 10px;
    cursor: pointer;
    transition: .4s ease-out;
    color: var(--txtColor06)
}

.main_content .main_content_wrap .infoZone .info02 .downZone .chat .chat01 span:hover {
    color: var(--txtColor06_h)
}

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

    to {
        transform: translateY(-261px)
    }
}

.activePlay {
    -webkit-animation: roundA 15s linear infinite;
    animation: roundA 15s linear infinite
}

@font-face {
    font-family: icomoon;
    src: url(/assets/icomoon.2b267769.eot?anyyu3);
    src: url(/assets/icomoon.2b267769.eot?anyyu3#iefix) format("embedded-opentype"),url(/assets/icomoon.a1d933a9.ttf?anyyu3) format("truetype"),url(/assets/icomoon.20ee39a5.woff?anyyu3) format("woff"),url(/assets/icomoon.a6eee23b.svg?anyyu3#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],[class*=" icon-"] {
    font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icconTIME:before {
    content: "\e9d2"
}

.icon-icon-icconQM01:before {
    content: "\e9c8"
}

.icon-icon-icconLink:before {
    content: "\e9c6"
}

.icon-icon-icconReferral:before {
    content: "\e9c7"
}

.icon-icon-icconBG:before {
    content: "\e9c5"
}

.icon-icon-icconFailed:before {
    content: "\e9c4"
}

.icon-icon-icconExclamation02:before {
    content: "\e9c3"
}

.icon-icon-icconSearch:before {
    content: "\e9c2"
}

.icon-icon-icconGPL:before {
    content: "\e9c1"
}

.icon-icon-icconGROUND00:before {
    content: "\e9c0"
}

.icon-icon-icconCoin:before {
    content: "\e9bf"
}

.icon-icon-icconGendar:before {
    content: "\e9be"
}

.icon-icon-icconGROUND07:before {
    content: "\e9bd"
}

.icon-icon-icconNO:before {
    content: "\e9bc"
}

.icon-icon-icconGROUND06:before {
    content: "\e9ba"
}

.icon-icon-icconGROUND05:before {
    content: "\e9b9"
}

.icon-icon-icconPLAY01:before {
    content: "\e9bb"
}

.icon-icon-icconGROUND04:before {
    content: "\e9b1"
}

.icon-icon-icconGROUND03:before {
    content: "\e9b2"
}

.icon-icon-icconGROUND02:before {
    content: "\e9b3"
}

.icon-icon-icconGROUND01:before {
    content: "\e9b4"
}

.icon-icon-icconBALL04:before {
    content: "\e9b5"
}

.icon-icon-icconBALL03:before {
    content: "\e9b6"
}

.icon-icon-icconBALL02:before {
    content: "\e9b7"
}

.icon-icon-icconBALL01:before {
    content: "\e9b8"
}

.icon-icon-icconIDN01:before {
    content: "\e9b0"
}

.icon-icconEDIT:before {
    content: "\e9af"
}

.icon-icconWARNING:before {
    content: "\e9ab"
}

.icon-icconSET:before {
    content: "\e9ac"
}

.icon-fa-star1:before {
    content: "\e9ad"
}

.icon-fa-star-o1:before {
    content: "\e9ae"
}

.icon-icconMoneyKOREA:before {
    content: "\e9aa"
}

.icon-icconEV:before {
    content: "\e9a5"
}

.icon-icconAB:before {
    content: "\e9a6"
}

.icon-icconOG:before {
    content: "\e9a7"
}

.icon-icconDG:before {
    content: "\e9a8"
}

.icon-icconWM:before {
    content: "\e9a9"
}

.icon-icconSPORT:before {
    content: "\e9a3"
}

.icon-icconVR1:before {
    content: "\e9a4"
}

.icon-icconAAROWup:before {
    content: "\e9a1"
}

.icon-icconAAROWdown:before {
    content: "\e9a2"
}

.icon-icconLIVE:before {
    content: "\e99e"
}

.icon-icconJUMP:before {
    content: "\e99f"
}

.icon-icconLIVEA:before {
    content: "\e9a0"
}

.icon-icconMEGA:before {
    content: "\e99d"
}

.icon-icconMENU:before {
    content: "\e99c"
}

.icon-icconPOKER01:before {
    content: "\e90e"
}

.icon-icconPOKER02:before {
    content: "\e999"
}

.icon-icconPOKER03:before {
    content: "\e99a"
}

.icon-icconPOKER04:before {
    content: "\e99b"
}

.icon-icon-iconTime:before {
    content: "\e998"
}

.icon-icconVERIFI:before {
    content: "\e996"
}

.icon-icconRECOMMEND:before {
    content: "\e997"
}

.icon-icconMan:before {
    content: "\e98b"
}

.icon-icconMan01:before {
    content: "\e98c"
}

.icon-icconPW:before {
    content: "\e98d"
}

.icon-icconPW011:before {
    content: "\e98e"
}

.icon-icconCALENDAR:before {
    content: "\e98f"
}

.icon-icconMOBILE1:before {
    content: "\e990"
}

.icon-icconPARTNER:before {
    content: "\e991"
}

.icon-icconBANK1:before {
    content: "\e992"
}

.icon-icconCHECK:before {
    content: "\e993"
}

.icon-icconPC:before {
    content: "\e994"
}

.icon-icconMailoPEN:before {
    content: "\e995"
}

.icon-icconPlay:before {
    content: "\e980"
}

.icon-icconFAQ:before {
    content: "\e981"
}

.icon-icconPW01:before {
    content: "\e982"
}

.icon-icconPW02:before {
    content: "\e983"
}

.icon-icconPW03:before {
    content: "\e984"
}

.icon-icconMOBILE:before {
    content: "\e985"
}

.icon-icconCARRIER:before {
    content: "\e986"
}

.icon-icconACCOUNT:before {
    content: "\e987"
}

.icon-icconBANK:before {
    content: "\e988"
}

.icon-icconCARD:before {
    content: "\e989"
}

.icon-icconSubscript:before {
    content: "\e98a"
}

.icon-iconExclamation01:before {
    content: "\e97f"
}

.icon-icconInfo02:before {
    content: "\e97e"
}

.icon-icconMailList01:before {
    content: "\e97a"
}

.icon-icconMailCheck01:before {
    content: "\e97b"
}

.icon-icconMail01a:before {
    content: "\e97c"
}

.icon-icconMail02a:before {
    content: "\e97d"
}

.icon-icconArrow02:before {
    content: "\e979"
}

.icon-icconX02:before {
    content: "\e978"
}

.icon-icconCheck01:before {
    content: "\e976"
}

.icon-icconCheck02:before {
    content: "\e977"
}

.icon-icconDbonus:before {
    content: "\e974"
}

.icon-icconVip:before {
    content: "\e975"
}

.icon-icconChecking:before {
    content: "\e973"
}

.icon-icconALLnew:before {
    content: "\e972"
}

.icon-BetradarVFAS:before {
    content: "\e967"
}

.icon-BetradarVFNC:before {
    content: "\e968"
}

.icon-BetradarVFWC:before {
    content: "\e969"
}

.icon-BetradarVFEC:before {
    content: "\e96a"
}

.icon-BetradarVFLM:before {
    content: "\e96b"
}

.icon-BetradarVFCC:before {
    content: "\e96c"
}

.icon-BetradarVBL:before {
    content: "\e96d"
}

.icon-BetradarVHK:before {
    content: "\e96e"
}

.icon-BetradarVDK:before {
    content: "\e96f"
}

.icon-BetradarVTI:before {
    content: "\e970"
}

.icon-BetradarVBI:before {
    content: "\e971"
}

.icon-icconMGP:before {
    content: "\e962"
}

.icon-icconPRG:before {
    content: "\e963"
}

.icon-icconPG1:before {
    content: "\e964"
}

.icon-icconPT3:before {
    content: "\e965"
}

.icon-icconIDN:before {
    content: "\e966"
}

.icon-icconService01:before {
    content: "\e95f"
}

.icon-icconAPP:before {
    content: "\e960"
}

.icon-icconCooperation:before {
    content: "\e961"
}

.icon-icconMaintain:before {
    content: "\e95e"
}

.icon-icconMailList:before {
    content: "\e95a"
}

.icon-icconMailCheck:before {
    content: "\e95b"
}

.icon-icconMailDelete:before {
    content: "\e95c"
}

.icon-icconMail01:before {
    content: "\e95d"
}

.icon-icconInfo01:before {
    content: "\e959"
}

.icon-icconV01:before {
    content: "\e951"
}

.icon-icconV02:before {
    content: "\e952"
}

.icon-icconV03:before {
    content: "\e953"
}

.icon-icconV04:before {
    content: "\e954"
}

.icon-icconV05:before {
    content: "\e958"
}

.icon-icconV06:before {
    content: "\e955"
}

.icon-icconV07:before {
    content: "\e956"
}

.icon-icconV08:before {
    content: "\e957"
}

.icon-icconLOAD:before {
    content: "\e94f"
}

.icon-icconCD:before {
    content: "\e950"
}

.icon-icconMoney:before {
    content: "\e94d"
}

.icon-icconVIP:before {
    content: "\e94e"
}

.icon-icconBonus:before {
    content: "\e94b"
}

.icon-icconVR:before {
    content: "\e94c"
}

.icon-icconHint:before {
    content: "\e94a"
}

.icon-icconFavor:before {
    content: "\e942"
}

.icon-icconFavorFull:before {
    content: "\e943"
}

.icon-icconALL:before {
    content: "\e944"
}

.icon-icconMG:before {
    content: "\e945"
}

.icon-icconAG:before {
    content: "\e946"
}

.icon-icconHABA:before {
    content: "\e947"
}

.icon-icconPP:before {
    content: "\e948"
}

.icon-icconPG:before {
    content: "\e949"
}

.icon-icconlogin:before {
    content: "\e940"
}

.icon-icconReg:before {
    content: "\e941"
}

.icon-iiconLogoA:before {
    content: "\e92c"
}

.icon-iiconLogoB:before {
    content: "\e92d"
}

.icon-iiconDice:before {
    content: "\e92e"
}

.icon-iiconSlote:before {
    content: "\e92f"
}

.icon-iiconGame:before {
    content: "\e930"
}

.icon-iiconPoker:before {
    content: "\e931"
}

.icon-iiconSpeaker:before {
    content: "\e932"
}

.icon-iiconRing:before {
    content: "\e933"
}

.icon-iiconPolicy:before {
    content: "\e934"
}

.icon-iiconGood:before {
    content: "\e935"
}

.icon-iiconMail:before {
    content: "\e936"
}

.icon-iiconMember:before {
    content: "\e937"
}

.icon-iiconDeposit:before {
    content: "\e938"
}

.icon-iiconWithdraw:before {
    content: "\e939"
}

.icon-iiconListA:before {
    content: "\e93a"
}

.icon-iiconListB:before {
    content: "\e93b"
}

.icon-iiconService:before {
    content: "\e93c"
}

.icon-iiconCell:before {
    content: "\e93d"
}

.icon-iiconDownload:before {
    content: "\e93e"
}

.icon-iiconFriend:before {
    content: "\e93f"
}

.icon-iconLockB:before {
    content: "\e92b"
}

.icon-iconARupB:before {
    content: "\e929"
}

.icon-iconARdownB:before {
    content: "\e92a"
}

.icon-iconTrash:before {
    content: "\e928"
}

.icon-iconCalendar:before {
    content: "\e926"
}

.icon-iconSand:before {
    content: "\e927"
}

.icon-iconPorkA:before {
    content: "\e922"
}

.icon-iconPorkB:before {
    content: "\e923"
}

.icon-iconPorkC:before {
    content: "\e924"
}

.icon-iconPorkD:before {
    content: "\e925"
}

.icon-fa-star:before {
    content: "\e920"
}

.icon-fa-star-o:before {
    content: "\e921"
}

.icon-iconARleftA:before {
    content: "\e91f"
}

.icon-iconPlay:before {
    content: "\e918"
}

.icon-iconGo:before {
    content: "\e919"
}

.icon-iconStar:before {
    content: "\e91a"
}

.icon-iconARupA:before {
    content: "\e91b"
}

.icon-iconARdownA:before {
    content: "\e91c"
}

.icon-iconLive:before {
    content: "\e91d"
}

.icon-iconJump:before {
    content: "\e91e"
}

.icon-iconReloadA:before {
    content: "\e913"
}

.icon-iconARup01:before {
    content: "\e914"
}

.icon-iconARdown01:before {
    content: "\e915"
}

.icon-iconPlus:before {
    content: "\e916"
}

.icon-iconLock1:before {
    content: "\e917"
}

.icon-iconInformation:before {
    content: "\e912"
}

.icon-iconMessage:before {
    content: "\e911"
}

.icon-iconARup:before {
    content: "\e90f"
}

.icon-iconARdown:before {
    content: "\e910"
}

.icon-iconTime:before {
    content: "\e90d"
}

.icon-iconMoney:before {
    content: "\e90c"
}

.icon-fa-heart:before {
    content: "\e90a"
}

.icon-fa-heart-o:before {
    content: "\e90b"
}

.icon-iconBank:before {
    content: "\e909"
}

.icon-iconMobile:before {
    content: "\e907"
}

.icon-iconComputer:before {
    content: "\e908"
}

.icon-iconExclamation:before {
    content: "\e906"
}

.icon-iconCheck:before {
    content: "\e905"
}

.icon-iconCross:before {
    content: "\e902"
}

.icon-iconUser:before {
    content: "\e903"
}

.icon-iconLock:before {
    content: "\e904"
}

.icon-iconArrowL:before {
    content: "\e900"
}

.icon-iconArrowR:before {
    content: "\e901"
}

.NAV {
    display: none
}

.NAV_log {
    position: fixed;
    top: 0;
    left: 0;
    /*display: none;*/
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_log .pupop_content {
    width: 740px;
    height: 520px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--main);
    box-shadow: var(--shadow08) .1em .1em 1.3em;
    background-size: contain
}

.NAV_log .pupop_content .popWrapper {
    margin: 0 auto;
    display: flex;
    height: 520px;
    background-size: cover;
    background-position: center
}

.webp .NAV_log .pupop_content .popWrapper {
    background-image: url(../Shared/images/popup/popLogBg.webp)
}

.no-webp .NAV_log .pupop_content .popWrapper {
    background-image: url(../Shared/images/popup/popLogBg.jpg)
}

.NAV_log .pupop_content .popWrapper .leftZone {
    width: 50%;
    position: relative
}

.NAV_log .pupop_content .popWrapper .leftZone .pic {
    position: absolute;
    left: -13px;
    bottom: -2px
}

.NAV_log .pupop_content .popWrapper .rightZone .top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px
}

.NAV_log .pupop_content .popWrapper .rightZone .top img {
    height: 52px
}

.NAV_log .pupop_content .popWrapper .XX {
    position: absolute;
    right: -24px;
    top: -25px;
    cursor: pointer;
    transition: .2s ease-out;
    background-color: var(--bgColor_014);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.NAV_log .pupop_content .popWrapper .XX:hover {
    transform: rotate(360deg)
}

.NAV_log .pupop_content .popWrapper .XX span {
    font-size: 20px;
    color: var(--txtColor103);
    font-weight: 700
}

.NAV_log .pupop_content .popWrapper .rightZone {
    width: 50%;
    margin: 0 auto;
    padding: 37px 26px 23px 0
}

.NAV_log .pupop_content .popWrapper .rightZone .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 22px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--bdColor_008)
}

.NAV_log .pupop_content .popWrapper .rightZone .title h2 {
    font-family: arial;
    font-weight: 700;
    font-size: 24px;
    color: var(--txtColor_07)
}

.NAV_log .pupop_content .popWrapper .rightZone .up {
    margin: 0 auto;
    width: 100%
}

.NAV_log .pupop_content .popWrapper .rightZone .bottom {
    margin-left: 34px;
    width: 664px;
    margin-top: 120px
}

.NAV_log .pupop_content .popWrapper .rightZone .up .inputFrame .info {
    display: flex
}

.NAV_log .pupop_content .popWrapper .rightZone .up .inputFrame .info span {
    color: var(--txtColor_05);
    font-size: 18px;
    margin-right: 5px
}

.NAV_log .pupop_content .popWrapper .rightZone .up .inputFrame .txtT {
    color: var(--txtColor_07);
    font-size: 16px;
    margin-bottom: 10px
}

.NAV_log .pupop_content .popWrapper .rightZone .up .input_content {
    position: relative;
    height: 42px;
    margin-bottom: 36px;
    color: var(--txtColor_020)!important
}

.NAV_log .pupop_content .popWrapper .rightZone .up .input_zone span.icon {
    background-image: url(../images/icon_account.png);
    width: 26px;
    height: 26px
}

.NAV_log .pupop_content .popWrapper .rightZone .up .input_zone input {
    width: 100%;
    height: 42px;
    padding-left: 14px;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    box-sizing: border-box;
    border-radius: 5px;
    color: var(--txtColor_020)!important;
    background-color: var(--main);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
    border: 1px solid var(--bdColor_008)
}

.NAV_log .pupop_content .popWrapper .rightZone .up .input_zone input::placeholder {
    color: var(--txtColor_020)!important;
    font-size: 14px;
    font-weight: 100!important
}

.NAV_log .pupop_content .popWrapper .rightZone .up .input_zone .check {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    color: var(--txtColor_05);
    font-size: 24px
}

.NAV_log .pupop_content .popWrapper .rightZone .up .input_zone input.mail {
    background-image: url(../images/icon_mail.png)
}

.NAV_log .pupop_content .popWrapper .rightZone .up .input_zone .hint {
    padding-top: 10px;
    margin-top: -12px;
    display: flex
}

.NAV_log .pupop_content .popWrapper .rightZone .up .input_zone .hint span {
    display: block;
    float: left;
    margin-right: 6px;
    color: var(--btnColor024);
    font-size: 12px
}

.NAV_log .pupop_content .popWrapper .rightZone .up .input_zone .input_content .hint .txt {
    color: var(--txtColor111);
    letter-spacing: 1px;
    font-size: 12px;
    float: left
}

.NAV_log .pupop_content .popWrapper .rightZone .up .input_zone .input_content .iconInput {
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--txtColor17)
}

.NAV_log .pupop_content .popWrapper .rightZone .rem_check {
    margin-bottom: 5px
}

.NAV_log .pupop_content .popWrapper .rightZone .rem_check label {
    padding-left: 25px;
    font-size: 12px;
    column-rule: var(--txtColor_07);
    line-height: 20px
}

.NAV_log .pupop_content .popWrapper .rightZone .up .btn_p {
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
    padding: 17px;
    border-radius: 50px;
    width: 100%;
    margin-bottom: 15px;
    float: left;
    font-size: 16px;
    border: none
}

.NAV_log .pupop_content .popWrapper .rightZone .up .btn_p a {
    color: var(--txtColor02)
}

.NAV_log .btn_p {
    text-decoration: none;
    font-size: 16px
}

.NAV_log .pupop_content .popWrapper .rightZone .up .btnZone .txtZone {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center
}

.NAV_log .pupop_content .popWrapper .rightZone .up .btnZone .txtZone a {
    color: var(--txtColor_07);
    font-size: 14px;
    transition: .4s ease-out;
    cursor: pointer
}

.NAV_log .pupop_content .popWrapper .rightZone .up .btnZone .txtZone a.goPW {
    display: none
}

.NAV_log .pupop_content .popWrapper .rightZone .up .btnZone .txtZone a:hover {
    color: var(--txtColor_021)
}

.NAV_log .pupop_content .popWrapper .rightZone .up .btnZone .txtZone a span {
    color: var(--txtColor_05);
    text-decoration: underline;
    transition: .4s ease-out
}

.NAV_log .pupop_content .popWrapper .rightZone .up .btnZone .txtZone a span:hover {
    color: var(--txtColor_05_h)
}

.NAV_reg {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_reg .pupop_content {
    width: 1024px!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--main);
    padding: 27px 54px;
    background-image: url(../Shared/images/popup/popRegBg.jpg);
    background-size: cover;
    background-position: center
}

.NAV_reg .pupop_content .XX {
    position: absolute;
    right: -24px;
    top: -25px;
    cursor: pointer;
    transition: .2s ease-out;
    background-color: var(--bgColor_014);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.NAV_reg .pupop_content .XX:hover {
    transform: rotate(360deg)
}

.NAV_reg .pupop_content .XX span {
    font-size: 20px;
    color: var(--txtColor103);
    font-weight: 700
}

.NAV_reg .pupop_content .reg {
    width: 100%;
    margin: 0 auto
}

.NAV_reg .pupop_content .reg .upFrame {
    z-index: 3;
    position: relative;
    width: 100%
}

.NAV_reg .pupop_content .reg .upFrame::-webkit-scrollbar-track {
    background-color: var(--btnColor08)
}

.NAV_reg .pupop_content .reg .upFrame::-webkit-scrollbar {
    width: 3px
}

.NAV_reg .pupop_content .reg .upFrame::-webkit-scrollbar-thumb {
    background-color: var(--bgColor052)
}

.NAV_reg .pupop_content .reg .up {
    margin-bottom: 10px
}

.NAV_reg .pupop_content .reg .topFrame {
    border-bottom: 2px solid var(--bdColor_008);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 22px;
    margin-bottom: 17px
}

.NAV_reg .pupop_content .reg .top {
    display: flex;
    align-items: center;
    justify-content: center
}

.NAV_reg .pupop_content .reg .top img {
    height: 40px
}

.NAV_reg .pupop_content .reg .top h2 {
    color: var(--txtColor_07);
    font-size: 40px;
    font-family: ko-bold!important;
    margin-left: 37px
}

.NAV_reg .pupop_content .reg .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 10px
}

.NAV_reg .pupop_content .reg .title h2 {
    font-family: arial;
    font-weight: 700;
    font-size: 30px;
    color: var(--txtColor105)
}

.NAV_reg .pupop_content .reg .up .s_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 22px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--bdColor046);
    font-family: arial;
    font-weight: 700;
    font-size: 24px;
    color: var(--txtColor78)
}

.NAV_reg .pupop_content .reg .up .input_zone {
    display: flex;
    justify-content: space-between
}

.NAV_reg .pupop_content .reg .up .input_zone_bottom {
    border-top: 1px solid var(--bdColor073);
    padding-top: 17px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone {
    width: 49%;
    margin-right: 0vw
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame {
    display: flex;
    position: relative;
    margin-bottom: 31px;
    padding-bottom: 9px;
    width: 98%
}

.NAV_reg .pupop_content .reg .up .input_zone .lineUse .inputFrame:after {
    content: "";
    height: 1px;
    width: 208%;
    background-color: var(--bdColor_009);
    position: absolute;
    bottom: -18px
}

.NAV_reg .pupop_content .reg .up .input_zone .lineUse .noLine:after {
    display: none
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .info {
    display: flex;
    align-items: center;
    width: 27%;
    height: 42px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .info span.ficon {
    color: var(--txtColor_05);
    font-size: 15px;
    margin-right: 5px
}

.NAV_reg .pupop_content .reg .downUse .input_zone .leftZone .inputFrame .info span.ficon {
    color: var(--txtColor_018)
}

.NAV_reg .pupop_content .reg .downUse .input_zone .leftZone .inputFrame .info .txt {
    color: var(--txtColor_018)!important
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .info .txt {
    color: var(--txtColor_07);
    font-size: 14px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .info .txt span {
    color: var(--txtColor111)
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content {
    width: 73%;
    height: 42px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border-radius: 5px;
    color: var(--txtColor77);
    background-color: var(--main);
    font-size: 16px;
    position: relative;
    margin-bottom: 12px;
    border: 1px solid var(--bdColor_008)
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .selectUse {
    padding-right: 34px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input {
    padding-left: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 93%;
    color: var(--txtColor_020)!important
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 173px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse02 .checkUse {
    right: 134px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse02 .ko-KR-veri {
    right: 132px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse02 .zh-CN-veri {
    right: 113px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse02 .en-US-veri {
    right: 218px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse01 .checkUse,.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse01 .ko-KR-choose {
    right: 71px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse01 .zh-CN-choose {
    right: 69px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse01 .en-US-choose {
    right: 95px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse01 input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 194px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse .checkUse {
    right: 104px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse .ko-KR-member {
    right: 72px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse .zh-CN-member {
    right: 112px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse .en-US-member {
    right: 148px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input:focus {
    border-bottom: none!important;
    box-shadow: none!important
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input::placeholder {
    color: var(--txtColor010);
    font-size: 14px
}

.NAV_reg .pupop_content .reg .up .input_zone .rightZone {
    margin-right: -10px!important
}

.NAV_reg .pupop_content .reg .up .input_zone .inputFrame .input_content .hint {
    margin-top: -12px;
    display: flex
}

.NAV_reg .pupop_content .reg .up .input_zone .inputFrame .input_content .selHint {
    margin-top: 12px
}

.NAV_reg .pupop_content .reg .up .input_zone .inputFrame .input_content .hint span {
    display: block;
    float: left;
    margin-right: 6px;
    color: var(--txtColor111);
    font-size: 12px
}

.NAV_reg .pupop_content .reg .up .input_zone .inputFrame .input_content .hint .txt {
    color: var(--txtColor111);
    font-size: 12px;
    float: left;
    letter-spacing: 0px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px
}

.NAV_reg .pupop_content .reg .up .input_zone .inputFrame .input_content .checkUse {
    position: absolute;
    right: 10px;
    top: 12px
}

.NAV_reg .pupop_content .reg .up .input_zone .verifiUse .input_content .checkUse {
    right: 149px
}

.NAV_reg .pupop_content .reg .up .input_zone .verifiUse .input_content .ko-KR-mobile {
    right: 146px
}

.NAV_reg .pupop_content .reg .up .input_zone .verifiUse .input_content .zh-CN-mobile {
    right: 117px
}

.NAV_reg .pupop_content .reg .up .input_zone .verifiUse .input_content .en-US-mobile {
    right: 200px
}

.NAV_reg .pupop_content .reg .up .input_zone .checkOk .input_content .checkUse span {
    color: var(--txtColor_05)
}

.NAV_reg .pupop_content .reg .up .input_zone .input_content .checkUse span {
    color: var(--txtColor02)
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content a.regBtn {
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    position: absolute;
    right: 2px;
    border-radius: 3px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 14px;
    font-weight: 700;
    background: var(--btnColor025);
    color: var(--txtColor02);
    cursor: pointer;
    transition: .4s ease-out
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content a.regBtn:hover {
    background: var(--btnColor037_h);
    color: var(--txtColor01_h)!important
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame button.regBtn {
    height: 35px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    right: 2px;
    border-radius: 20px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 14px;
    background-color: var(--main);
    color: var(--txtColor_05)!important
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame button.genderBtn01 {
    right: 79px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame button.genderBtn02 {
    right: 33px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .btnUse03 .checkUse {
    right: 10px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame ul.sex {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    top: 20px;
    left: 3px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame ul.sex input[type=radio] {
    width: auto;
    position: absolute;
    visibility: hidden
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame ul.sex input[type=radio]:checked~label {
    background: var(--btnColor_001)!important;
    color: var(--txtColor103)!important
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame ul.sex label {
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    position: absolute;
    left: 83px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 30px;
    font-weight: 700;
    border: 0px;
    transition: .4s ease-out;
    color: var(--txtColor_05)!important;
    box-sizing: border-box;
    border: 2px solid var(--btnColor_001)!important;
    border-radius: 20px;
    transition: .3s ease-out;
    cursor: pointer
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame ul.eng li.female label {
    left: 101px!important
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame ul.sex label:before,.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame ul.sex label:after {
    width: auto;
    position: absolute;
    visibility: hidden
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame ul.sex li.male label {
    left: 0
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame button.verifiBtn {
    display: none
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .verifiUse button.verifiBtn {
    display: block
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame button.regBtn:hover {
    color: var(--txtColor01_h)!important
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content select {
    display: block;
    border: none;
    background: none!important;
    padding: 0;
    height: 40px
}

.NAV_reg .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content select:focus {
    outline: 0px
}

.NAV_reg .pupop_content .reg .btnFrame .btn_p {
    text-align: center;
    letter-spacing: .5px;
    cursor: pointer;
    padding: 17px;
    border-radius: 20px;
    width: 100%;
    margin-bottom: 15px;
    float: left;
    font-size: 16px;
    border: 0px;
    margin-top: 16px
}

.NAV_reg .pupop_content .reg .btnFrame .btn_p a {
    text-decoration: none;
    font-size: 16px;
    color: var(--txtColor02)
}

.NAV_reg .pupop_content .reg .btnFrame .txtZone {
    display: flex;
    justify-content: center;
    width: 100%
}

.NAV_reg .pupop_content .reg .btnFrame .txtZone a {
    color: var(--txtColor_07);
    font-size: 12px;
    transition: .4s ease-out
}

.NAV_reg .pupop_content .reg .btnFrame .txtZone a:hover {
    color: var(--txtColor_021)
}

.NAV_reg .pupop_content .reg .btnFrame .txtZone a span {
    color: var(--txtColor_05);
    text-decoration: underline;
    transition: .4s ease-out
}

.NAV_reg .pupop_content .reg .btnFrame .txtZone a span:hover {
    color: var(--txtColor_05_h)
}

.NAV_bank {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_bank .pupop_content {
    width: 54vw!important;
    height: 713px!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--main);
    padding-top: 27px
}

.NAV_bank .pupop_content .XX {
    position: absolute;
    right: -24px;
    top: -25px;
    cursor: pointer;
    transition: .2s ease-out;
    background-color: var(--bgColor_014);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.NAV_bank .pupop_content .XX:hover {
    transform: rotate(360deg)
}

.NAV_bank .pupop_content .XX span {
    font-size: 20px;
    color: var(--txtColor103);
    font-weight: 700
}

.NAV_bank .pupop_content .reg {
    width: 93%;
    margin: 0 auto
}

.NAV_bank .pupop_content .reg .up {
    margin-bottom: 10px
}

.NAV_bank .pupop_content .reg .top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px
}

.NAV_bank .pupop_content .reg .top img {
    height: 52px
}

.NAV_bank .pupop_content .reg .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 17px;
    margin-bottom: 21px
}

.NAV_bank .pupop_content .reg .title h2 {
    font-family: arial;
    font-size: 22px;
    color: var(--txtColor_019)
}

.NAV_bank .pupop_content .reg .up .s_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 22px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--bdColor046);
    font-family: arial;
    font-weight: 700;
    font-size: 24px;
    color: var(--txtColor78)
}

.NAV_bank .pupop_content .reg .tabZone {
    margin-bottom: 15px
}

.NAV_bank .pupop_content .reg .tabZone ul {
    display: flex
}

.NAV_bank .pupop_content .reg .tabZone ul li {
    height: 47px;
    background-color: var(--main);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .4s ease-out;
    position: relative;
    margin-right: 4.5%
}

.NAV_bank .pupop_content .reg .tabZone ul li {
    width: 50%;
    border: 1px solid var(--bdColor065);
    margin-right: 0;
    margin-left: -1px
}

.NAV_bank .pupop_content .reg .tabZone ul li:hover,.NAV_bank .pupop_content .reg .tabZone ul li.active {
    background-color: var(--bgColor125)
}

.NAV_bank .pupop_content .reg .tabZone ul li:hover h4,.NAV_bank .pupop_content .reg .tabZone ul li.active h4 {
    color: var(--txtColor02)
}

.NAV_bank .pupop_content .reg .tabZone ul li:first-child {
    border-radius: 5px 0 0
}

.NAV_bank .pupop_content .reg .tabZone ul li:last-child {
    border-radius: 0 5px 0 0
}

.NAV_bank .pupop_content .reg .up .input_zone {
    display: flex;
    justify-content: space-between
}

.NAV_bank .pupop_content .reg .up .input_zone_bottom {
    border-top: 1px solid var(--bdColor048);
    padding-top: 17px
}

.NAV_bank .pupop_content .reg .up .input_zone_bottom .inputFrame {
    margin-bottom: 19px!important
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone {
    width: 47%
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame {
    display: flex;
    flex-direction: column;
    margin-bottom: 31px
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .info {
    display: flex;
    align-items: center
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .info .txt {
    color: var(--txtColor66);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .info .txt span {
    color: var(--btnColor024)
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content {
    width: 100%;
    height: 42px;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    box-sizing: border-box;
    border-radius: 5px;
    color: var(--txtColor77);
    background-color: var(--bgColor017);
    border: 1px solid var(--bdColor045)!important;
    font-size: 16px;
    position: relative
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input {
    padding-left: 14px
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input:focus {
    border-bottom: none!important;
    box-shadow: none!important
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input::placeholder {
    color: var(--txtColor010);
    font-size: 14px
}

.NAV_bank .pupop_content .reg .up .input_zone .inputFrame .input_content .hint {
    margin-top: -10px
}

.NAV_bank .pupop_content .reg .up .input_zone .inputFrame .input_content .hint span {
    display: block;
    float: left;
    margin-right: 6px;
    color: var(--btnColor024)
}

.NAV_bank .pupop_content .reg .up .input_zone .inputFrame .input_content .hint .txt {
    color: var(--btnColor024);
    font-size: 14px;
    float: left
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content a.regBtn {
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    position: absolute;
    right: 2px;
    border-radius: 3px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 14px;
    font-weight: 700;
    background: var(--btnColor025);
    color: var(--txtColor02);
    cursor: pointer;
    transition: .4s ease-out
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content a.regBtn:hover {
    background: var(--btnColor025_h)
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content select {
    display: block;
    border: none;
    background: none!important;
    padding: 0;
    height: 40px
}

.NAV_bank .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content select:focus {
    outline: 0px
}

.NAV_bank .pupop_content .reg .up .btn_p {
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
    padding: 17px;
    border-radius: 50px;
    width: 100%;
    margin-bottom: 15px;
    float: left;
    background: var(--btnColor024);
    color: var(--txtColor02);
    font-size: 16px;
    font-weight: 700
}

.NAV_bank .pupop_content .reg .up .btn_p:hover {
    background: var(--btnColor024_h)
}

.NAV_bank .pupop_content .reg .up .btn_p a {
    text-decoration: none;
    font-size: 16px;
    color: var(--txtColor02)
}

.NAV_bank .pupop_content .reg .up .txtZone {
    display: flex;
    justify-content: center;
    width: 100%
}

.NAV_bank .pupop_content .reg .up .txtZone a {
    color: var(--txtColor66);
    font-size: 14px;
    transition: .4s ease-out
}

.NAV_bank .pupop_content .reg .up .txtZone a:hover {
    color: var(--txtColor66_h)
}

.NAV_bank .pupop_content .reg .up .txtZone a span {
    color: var(--txtColor78);
    text-decoration: underline;
    transition: .4s ease-out
}

.NAV_bank .pupop_content .reg .up .txtZone a span:hover {
    color: var(--txtColor78_h)
}

.NAV_bank .btns {
    z-index: 3;
    position: relative;
    width: 102%;
    height: 622px;
    overflow: auto;
    padding: 0 5px
}

.NAV_bank .btns::-webkit-scrollbar-track {
    background-color: var(--bgColor_017);
    border-radius: 10px
}

.NAV_bank .btns::-webkit-scrollbar {
    width: 5px
}

.NAV_bank .btns::-webkit-scrollbar-thumb {
    background-color: var(--bgColor_018);
    border-radius: 10px;
    min-height: 40px
}

.NAV_bank .btns ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.NAV_bank .btns ul li {
    width: 8.1vw;
    height: 113px;
    margin-bottom: 6px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .3vw;
    flex-direction: column;
    transition: .3s ease-out;
    background: rgb(242,246,249);
    background: linear-gradient(180deg,rgb(242,246,249) 0%,rgb(236,242,254) 100%);
    border: 1px solid var(--bdColor047)
}

.NAV_bank .btns ul li:hover {
    border: 1px solid var(--bdColor074)
}

.NAV_bank .btns ul li .logo {
    background-repeat: no-repeat;
    background-size: cover;
    transition: .3s ease-out;
    z-index: 2;
    margin-bottom: 16px
}

.NAV_bank .btns ul li:hover .mask,.NAV_bank .btns ul li:hover .inner,.NAV_bank .btns ul li.active .mask,.NAV_bank .btns ul li.active .inner {
    display: flex
}

.NAV_bank .btns ul li.bank01 .logoA {
    width: 90%;
    height: 0px;
    padding-bottom: 20%;
    overflow: auto
}

.webp .NAV_bank .btns ul li.bank01 .logoA {
    background-image: url(../Shared/images/bank/b001.webp)
}

.no-webp .NAV_bank .btns ul li.bank01 .logoA {
    background-image: url(../Shared/images/bank/b001.png)
}

.NAV_bank .btns ul li.bank02 .logoA {
    width: 85%;
    height: 0px;
    padding-bottom: 30%;
    overflow: auto
}

.webp .NAV_bank .btns ul li.bank02 .logoA {
    background-image: url(../Shared/images/bank/b002.webp)
}

.no-webp .NAV_bank .btns ul li.bank02 .logoA {
    background-image: url(../Shared/images/bank/b002.png)
}

.NAV_bank .btns ul li.bank03 .logoA {
    overflow: auto;
    width: 45%;
    height: 0px;
    padding-bottom: 31%
}

.webp .NAV_bank .btns ul li.bank03 .logoA {
    background-image: url(../Shared/images/bank/b003.png)
}

.no-webp .NAV_bank .btns ul li.bank03 .logoA {
    background-image: url(../Shared/images/bank/b003.png)
}

.NAV_bank .btns ul li.bank04 .logoA {
    overflow: auto;
    width: 30%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank04 .logoA {
    background-image: url(../Shared/images/bank/b004.webp)
}

.no-webp .NAV_bank .btns ul li.bank04 .logoA {
    background-image: url(../Shared/images/bank/b004.png)
}

.NAV_bank .btns ul li.bank05 .logoA {
    overflow: auto;
    width: 30%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank05 .logoA {
    background-image: url(../Shared/images/bank/b005.webp)
}

.no-webp .NAV_bank .btns ul li.bank05 .logoA {
    background-image: url(../Shared/images/bank/b005.png)
}

.NAV_bank .btns ul li.bank06 .logoA {
    overflow: auto;
    width: 30%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank06 .logoA {
    background-image: url(../Shared/images/bank/b006.webp)
}

.no-webp .NAV_bank .btns ul li.bank06 .logoA {
    background-image: url(../Shared/images/bank/b006.png)
}

.NAV_bank .btns ul li.bank07 .logoA {
    width: 90%;
    height: 0px;
    padding-bottom: 28%;
    overflow: auto
}

.webp .NAV_bank .btns ul li.bank07 .logoA {
    background-image: url(../Shared/images/bank/b007.webp)
}

.no-webp .NAV_bank .btns ul li.bank07 .logoA {
    background-image: url(../Shared/images/bank/b007.png)
}

.NAV_bank .btns ul li.bank08 .logoA {
    overflow: auto;
    width: 35%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank08 .logoA {
    background-image: url(../Shared/images/bank/b008.webp)
}

.no-webp .NAV_bank .btns ul li.bank08 .logoA {
    background-image: url(../Shared/images/bank/b008.png)
}

.NAV_bank .btns ul li.bank09 .logoA {
    background-image: url(../Shared/images/bank/b009.png);
    overflow: auto;
    width: 35%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank09 .logoA {
    background-image: url(../Shared/images/bank/b009.webp)
}

.no-webp .NAV_bank .btns ul li.bank09 .logoA {
    background-image: url(../Shared/images/bank/b009.png)
}

.NAV_bank .btns ul li.bank10 .logoA {
    overflow: auto;
    width: 60%;
    height: 0px;
    padding-bottom: 18%
}

.webp .NAV_bank .btns ul li.bank10 .logoA {
    background-image: url(../Shared/images/bank/b010.webp)
}

.no-webp .NAV_bank .btns ul li.bank10 .logoA {
    background-image: url(../Shared/images/bank/b010.png)
}

.NAV_bank .btns ul li.bank11 .logoA {
    overflow: auto;
    width: 45%;
    height: 0px;
    padding-bottom: 32%
}

.webp .NAV_bank .btns ul li.bank11 .logoA {
    background-image: url(../Shared/images/bank/b011.webp)
}

.no-webp .NAV_bank .btns ul li.bank11 .logoA {
    background-image: url(../Shared/images/bank/b011.png)
}

.NAV_bank .btns ul li.bank12 .logoA {
    overflow: auto;
    width: 45%;
    height: 0px;
    padding-bottom: 21%
}

.webp .NAV_bank .btns ul li.bank12 .logoA {
    background-image: url(../Shared/images/bank/b012.webp)
}

.no-webp .NAV_bank .btns ul li.bank12 .logoA {
    background-image: url(../Shared/images/bank/b012.png)
}

.NAV_bank .btns ul li.bank13 .logoA {
    overflow: auto;
    width: 63%;
    height: 0px;
    padding-bottom: 18%
}

.webp .NAV_bank .btns ul li.bank13 .logoA {
    background-image: url(../Shared/images/bank/b013.webp)
}

.no-webp .NAV_bank .btns ul li.bank13 .logoA {
    background-image: url(../Shared/images/bank/b013.png)
}

.NAV_bank .btns ul li.bank14 .logoA {
    overflow: auto;
    width: 17%;
    height: 0px;
    padding-bottom: 27%
}

.webp .NAV_bank .btns ul li.bank14 .logoA {
    background-image: url(../Shared/images/bank/b014.webp)
}

.no-webp .NAV_bank .btns ul li.bank14 .logoA {
    background-image: url(../Shared/images/bank/b014.png)
}

.NAV_bank .btns ul li.bank15 .logoA {
    overflow: auto;
    width: 60%;
    height: 0px;
    padding-bottom: 18%
}

.webp .NAV_bank .btns ul li.bank15 .logoA {
    background-image: url(../Shared/images/bank/b015.webp)
}

.no-webp .NAV_bank .btns ul li.bank15 .logoA {
    background-image: url(../Shared/images/bank/b015.png)
}

.NAV_bank .btns ul li.bank16 .logoA {
    overflow: auto;
    width: 30%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank16 .logoA {
    background-image: url(../Shared/images/bank/b016.webp)
}

.no-webp .NAV_bank .btns ul li.bank16 .logoA {
    background-image: url(../Shared/images/bank/b016.png)
}

.NAV_bank .btns ul li.bank17 .logoA {
    overflow: auto;
    width: 77%;
    height: 0px;
    padding-bottom: 21%
}

.webp .NAV_bank .btns ul li.bank17 .logoA {
    background-image: url(../Shared/images/bank/b017.webp)
}

.no-webp .NAV_bank .btns ul li.bank17 .logoA {
    background-image: url(../Shared/images/bank/b017.png)
}

.NAV_bank .btns ul li.bank18 .logoA {
    overflow: auto;
    width: 37%;
    height: 0px;
    padding-bottom: 36%
}

.webp .NAV_bank .btns ul li.bank18 .logoA {
    background-image: url(../Shared/images/bank/b018.webp)
}

.no-webp .NAV_bank .btns ul li.bank18 .logoA {
    background-image: url(../Shared/images/bank/b018.png)
}

.NAV_bank .btns ul li.bank19 .logoA {
    overflow: auto;
    width: 30%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank19 .logoA {
    background-image: url(../Shared/images/bank/b019.webp)
}

.no-webp .NAV_bank .btns ul li.bank19 .logoA {
    background-image: url(../Shared/images/bank/b019.png)
}

.NAV_bank .btns ul li.bank20 .logoA {
    overflow: auto;
    width: 30%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank20 .logoA {
    background-image: url(../Shared/images/bank/b020.webp)
}

.no-webp .NAV_bank .btns ul li.bank20 .logoA {
    background-image: url(../Shared/images/bank/b020.png)
}

.NAV_bank .btns ul li.bank21 .logoA {
    overflow: auto;
    width: 34%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank21 .logoA {
    background-image: url(../Shared/images/bank/b021.webp)
}

.no-webp .NAV_bank .btns ul li.bank21 .logoA {
    background-image: url(../Shared/images/bank/b021.png)
}

.NAV_bank .btns ul li.bank22 .logoA {
    overflow: auto;
    width: 45%;
    height: 0px;
    padding-bottom: 21%
}

.webp .NAV_bank .btns ul li.bank22 .logoA {
    background-image: url(../Shared/images/bank/b022.webp)
}

.no-webp .NAV_bank .btns ul li.bank22 .logoA {
    background-image: url(../Shared/images/bank/b022.png)
}

.NAV_bank .btns ul li.bank23 .logoA {
    overflow: auto;
    width: 44%;
    height: 0px;
    padding-bottom: 28%
}

.webp .NAV_bank .btns ul li.bank23 .logoA {
    background-image: url(../Shared/images/bank/b023.webp)
}

.no-webp .NAV_bank .btns ul li.bank23 .logoA {
    background-image: url(../Shared/images/bank/b023.png)
}

.NAV_bank .btns ul li.bank24 .logoA {
    overflow: auto;
    width: 52%;
    height: 0px;
    padding-bottom: 25%
}

.webp .NAV_bank .btns ul li.bank24 .logoA {
    background-image: url(../Shared/images/bank/b024.webp)
}

.no-webp .NAV_bank .btns ul li.bank24 .logoA {
    background-image: url(../Shared/images/bank/b024.png)
}

.NAV_bank .btns ul li.bank25 .logoA {
    overflow: auto;
    width: 30%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank25 .logoA {
    background-image: url(../Shared/images/bank/b025.webp)
}

.no-webp .NAV_bank .btns ul li.bank25 .logoA {
    background-image: url(../Shared/images/bank/b025.png)
}

.NAV_bank .btns ul li.bank26 .logoA {
    overflow: auto;
    width: 79%;
    height: 0px;
    padding-bottom: 17%
}

.webp .NAV_bank .btns ul li.bank26 .logoA {
    background-image: url(../Shared/images/bank/b026.webp)
}

.no-webp .NAV_bank .btns ul li.bank26 .logoA {
    background-image: url(../Shared/images/bank/b026.png)
}

.NAV_bank .btns ul li.bank27 .logoA {
    width: 61%;
    height: 0px;
    padding-bottom: 39%;
    overflow: auto
}

.webp .NAV_bank .btns ul li.bank27 .logoA {
    background-image: url(../Shared/images/bank/b027.webp)
}

.no-webp .NAV_bank .btns ul li.bank27 .logoA {
    background-image: url(../Shared/images/bank/b027.png)
}

.NAV_bank .btns ul li.bank28 .logoA {
    overflow: auto;
    width: 30%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank28 .logoA {
    background-image: url(../Shared/images/bank/b028.webp)
}

.no-webp .NAV_bank .btns ul li.bank28 .logoA {
    background-image: url(../Shared/images/bank/b028.png)
}

.NAV_bank .btns ul li.bank29 .logoA {
    overflow: auto;
    width: 30%;
    height: 0px;
    padding-bottom: 30%
}

.webp .NAV_bank .btns ul li.bank29 .logoA {
    background-image: url(../Shared/images/bank/b029.webp)
}

.no-webp .NAV_bank .btns ul li.bank29 .logoA {
    background-image: url(../Shared/images/bank/b029.png)
}

.NAV_bank .btns ul li.bank30 .logoA {
    overflow: auto;
    width: 87%;
    height: 0px;
    padding-bottom: 24%
}

.webp .NAV_bank .btns ul li.bank30 .logoA {
    background-image: url(../Shared/images/bank/b030.webp)
}

.no-webp .NAV_bank .btns ul li.bank30 .logoA {
    background-image: url(../Shared/images/bank/b030.png)
}

.NAV_bank .btns ul li.bank31 .logoA {
    overflow: auto;
    width: 30%;
    height: 0px;
    padding-bottom: 32%
}

.webp .NAV_bank .btns ul li.bank31 .logoA {
    background-image: url(../Shared/images/bank/b031.webp)
}

.no-webp .NAV_bank .btns ul li.bank30 .logoA {
    background-image: url(../Shared/images/bank/b031.png)
}

.NAV_bank .btns ul li .txt01 {
    z-index: 2;
    position: absolute;
    bottom: 12px
}

.NAV_bank .btns ul li .txt01 span {
    font-size: 13px;
    color: var(--txtColor_012)
}

.NAV_bank .btns ul li .mask .inner {
    width: 99%;
    height: 99%;
    background: var(--bgColor077);
    background: linear-gradient(180deg,var(--bgColor078_g01) 0%,var(--bgColor078_g02) 75%,var(--bgColor078_g03) 100%);
    border-radius: 8px;
    z-index: 1;
    display: none;
    transition: .4s ease-out
}

.NAV_bank .btnFrame {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 22px;
    display: none
}

.NAV_bank .btnFrame .btnB {
    width: 360px;
    height: 50px;
    font-size: 16px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--btnColor024);
    font-weight: 700;
    color: var(--txtColor02);
    transition: .3s ease-out;
    cursor: pointer
}

.NAV_bank .btnFrame .btnB:hover {
    background-color: var(--btnColor024_h)
}

@media (max-width: 1800px) {
    .NAV_bank .pupop_content {
        width:72vw!important
    }
}

.NAV_coupon {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_coupon .pupop_content {
    width: 400px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor070);
    border-radius: 15px;
    border: 1px solid var(--bdColor047);
    box-shadow: var(--shadow08) .1em .1em .3em;
    background-size: contain
}

.NAV_coupon .pupop_content .popWrapper {
    margin: 0 auto;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.NAV_coupon .pupop_content .popWrapper .XX {
    position: absolute;
    right: 20px;
    top: 17px;
    cursor: pointer;
    transition: .2s ease-out
}

.NAV_coupon .pupop_content .popWrapper .XX:hover {
    transform: rotate(360deg)
}

.NAV_coupon .pupop_content .popWrapper .XX span {
    font-size: 22px;
    color: var(--txtColor66);
    font-weight: 700
}

.NAV_coupon .pupop_content .popWrapper .txt {
    color: var(--txtColor66);
    font-size: 14px;
    font-weight: 700
}

.NAV_member {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_member .pupop_content {
    width: 626px!important;
    height: 544px!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--main);
    border-radius: 5px;
    box-shadow: var(--shadow08) .1em .1em .3em;
    background-image: url(../Shared/images/popup/popBg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 27px
}

.NAV_member .pupop_content .XX {
    position: absolute;
    right: -24px;
    top: -25px;
    cursor: pointer;
    transition: .2s ease-out;
    background-color: var(--bgColor_014);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.NAV_member .pupop_content .XX:hover {
    transform: rotate(360deg)
}

.NAV_member .pupop_content .XX span {
    font-size: 20px;
    color: var(--txtColor105);
    font-weight: 700
}

.NAV_member .pupop_content .reg {
    width: 69%;
    margin: 0 auto
}

.NAV_member .pupop_content .reg .up {
    margin-bottom: 10px
}

.NAV_member .pupop_content .reg .top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px
}

.NAV_member .pupop_content .reg .top img {
    height: 52px
}

.NAV_member .pupop_content .reg .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 17px;
    margin-bottom: 21px;
    border-bottom: 1px solid var(--bdColor_008)
}

.NAV_member .pupop_content .reg .title h2 {
    font-size: 24px;
    color: var(--txtColor_05)
}

.NAV_member .pupop_content .reg .up .s_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 22px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--bdColor046);
    font-family: arial;
    font-weight: 700;
    font-size: 24px;
    color: var(--txtColor78)
}

.NAV_member .pupop_content .reg .up .listZone {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 29px
}

.NAV_member .pupop_content .reg .up .listZone table {
    width: 100%
}

.NAV_member .pupop_content .reg .up .listZone table tr:first-child,.NAV_member .pupop_content .reg .up .listZone table tr:first-child:hover {
    background-color: var(--bgColor017)
}

.NAV_member .pupop_content .reg .up .listZone table tr:hover {
    background-color: var(--bgColor097)
}

.NAV_member .pupop_content .reg .up .listZone table tr th {
    padding: 15px 0;
    color: var(--txtColor66);
    font-weight: 700;
    border: 1px solid var(--bdColor047);
    position: relative;
    background-color: var(--bgColor070)
}

.NAV_member .pupop_content .reg .up .listZone table tr th:last-child:after {
    content: "";
    width: 1px;
    height: 21px;
    background-color: var(--bgColor017);
    position: absolute;
    right: 0;
    bottom: 0
}

.NAV_member .pupop_content .reg .up .listZone table tr td {
    color: var(--txtColor_012);
    font-size: 14px;
    padding: 14px 13px;
    border: 1px solid var(--bdColor047)
}

.NAV_member .pupop_content .reg .up .listZone table tr td a {
    color: var(--txtColor66);
    font-size: 14px
}

.NAV_member .pupop_content .reg .up .listZone table tr td a.goNotice {
    font-size: 12px;
    color: var(--txtColor013);
    background-color: var(--btnColor09);
    display: block;
    width: 50px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    margin: 0 auto;
    font-weight: 700;
    transition: .4s ease-out
}

.NAV_member .pupop_content .reg .up .listZone table tr td a.goNotice:hover {
    background-color: var(--btnColor09_h)
}

.NAV_member .pupop_content .reg .up .listZone table tr td span {
    color: var(--txtColor22);
    font-weight: 700
}

.NAV_member .pupop_content .reg .up .listZone table tr td p {
    line-height: 1.6
}

.NAV_member .pupop_content .reg .up .listZone table tr td.subject {
    background-color: var(--bgColor_016)
}

.NAV_member .pupop_content .reg .up .listZone table tr {
    border: 1px solid var(--bdColor079);
    background-color: var(--main)!important
}

.NAV_member .pupop_content .reg .up .listZone table tr:hover {
    background-color: #f8f9f9
}

.ac {
    text-align: center
}

.al {
    text-align: left
}

.ar {
    text-align: right
}

.NAV_member .btnFrame {
    width: 100%;
    display: flex;
    justify-content: center
}

.NAV_member .btnFrame .btnB {
    width: 360px;
    height: 50px;
    font-size: 16px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    transition: .3s ease-out;
    cursor: pointer
}

.NAV_member .btnFrame .btnB:hover {
    background-color: var(--btnColor027_h)
}

.NAV_dep01 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_dep01 .pupop_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor017);
    border-radius: 15px;
    border: 1px solid var(--bdColor047);
    box-shadow: var(--shadow08) .1em .1em .3em;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 55px
}

.NAV_dep01 .pupop_content .XX {
    position: absolute;
    right: 20px;
    top: 17px;
    cursor: pointer;
    transition: .2s ease-out
}

.NAV_dep01 .pupop_content .XX:hover {
    transform: rotate(360deg)
}

.NAV_dep01 .pupop_content .XX span {
    font-size: 22px;
    color: var(--txtColor66);
    font-weight: 700
}

.NAV_dep01 .pupop_content .reg {
    width: 90%;
    margin: 0 auto
}

.NAV_dep01 .pupop_content .reg .up {
    margin-bottom: 10px
}

.NAV_dep01 .pupop_content .reg .up .txt {
    color: var(--txtColor66);
    font-size: 14px;
    line-height: 2.9;
    margin-bottom: 46px
}

.NAV_dep01 .pupop_content .reg .up .txt .gtxt {
    color: var(--txtColor78)
}

.NAV_dep01 .pupop_content .reg .up .txt .rtxt {
    color: var(--txtColor69)
}

.NAV_dep01 .pupop_content .reg .top img {
    height: 52px
}

.NAV_dep01 .pupop_content .reg .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 17px;
    margin-bottom: 21px;
    border-bottom: 1px solid var(--bdColor046)
}

.NAV_dep01 .pupop_content .reg .title h2 {
    font-family: arial;
    font-weight: 700;
    font-size: 24px;
    color: var(--txtColor78)
}

.NAV_dep01 .pupop_content .reg .up .s_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 22px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--bdColor046);
    font-family: arial;
    font-weight: 700;
    font-size: 24px;
    color: var(--txtColor78)
}

.NAV_dep01 .btnFrame {
    width: 100%;
    display: flex;
    justify-content: center
}

.NAV_dep01 .btnFrame .btnB {
    width: 360px;
    height: 50px;
    font-size: 16px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--btnColor029);
    font-weight: 700;
    color: var(--txtColor02);
    transition: .3s ease-out;
    cursor: pointer
}

.NAV_dep01 .btnFrame .btnB:hover {
    background-color: var(--btnColor029_h)
}

.NAV_fund02 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_fund02 .pupop_content {
    width: 400px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor070);
    border-radius: 15px;
    border: 1px solid var(--bdColor047);
    box-shadow: var(--shadow08) .1em .1em .3em;
    background-size: contain
}

.NAV_fund02 .pupop_content .popWrapper {
    margin: 0 auto;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.NAV_fund02 .pupop_content .popWrapper .XX {
    position: absolute;
    right: 20px;
    top: 17px;
    cursor: pointer;
    transition: .2s ease-out
}

.NAV_fund02 .pupop_content .popWrapper .XX:hover {
    transform: rotate(360deg)
}

.NAV_fund02 .pupop_content .popWrapper .XX span {
    font-size: 22px;
    color: var(--txtColor66);
    font-weight: 700
}

.NAV_fund02 .pupop_content .popWrapper .txt {
    color: var(--txtColor69);
    font-size: 14px;
    font-weight: 700
}

.NAV_fund03 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_fund03 .pupop_content {
    width: 400px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor070);
    border-radius: 15px;
    border: 1px solid var(--bdColor047);
    box-shadow: var(--shadow08) .1em .1em .3em;
    background-size: contain
}

.NAV_fund03 .pupop_content .popWrapper {
    margin: 0 auto;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.NAV_fund03 .pupop_content .popWrapper .XX {
    position: absolute;
    right: 20px;
    top: 17px;
    cursor: pointer;
    transition: .2s ease-out
}

.NAV_fund03 .pupop_content .popWrapper .XX:hover {
    transform: rotate(360deg)
}

.NAV_fund03 .pupop_content .popWrapper .XX span {
    font-size: 22px;
    color: var(--txtColor66);
    font-weight: 700
}

.NAV_fund03 .pupop_content .popWrapper .txt {
    color: var(--txtColor66);
    font-size: 14px;
    font-weight: 700
}

.NAV_choose01 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_choose01 .pupop_content {
    width: 400px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--main);
    box-shadow: var(--shadow08) .1em .1em 1.3em;
    border: 1px solid var(--bdColor_008);
    background-size: contain
}

.NAV_choose01 .pupop_content .popWrapper {
    margin: 0 auto;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.NAV_choose01 .pupop_content .popWrapper .XX {
    position: absolute;
    right: -24px;
    top: -25px;
    cursor: pointer;
    transition: .2s ease-out;
    background-color: var(--bgColor_014);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.NAV_choose01 .pupop_content .popWrapper .XX:hover {
    transform: rotate(360deg)
}

.NAV_choose01 .pupop_content .popWrapper .XX span {
    font-size: 20px;
    color: var(--txtColor103);
    font-weight: 700
}

.NAV_choose01 .pupop_content .popWrapper .txt {
    color: var(--txtColor_07);
    font-size: 14px
}

.NAV_choose01 .pupop_content .popWrapper .btnFrame {
    display: flex;
    width: 70%;
    justify-content: space-between;
    margin-top: 30px
}

.NAV_choose01 .pupop_content .popWrapper .btnFrame .btnP {
    width: 46%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    border-radius: 50px;
    cursor: pointer
}

.NAV_choose02 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_choose02 .pupop_content {
    width: 400px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor131);
    border-radius: 15px;
    background-size: contain
}

.NAV_choose02 .pupop_content .popWrapper {
    margin: 0 auto;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.NAV_choose02 .pupop_content .popWrapper .XX {
    position: absolute;
    right: 20px;
    top: 17px;
    cursor: pointer;
    transition: .2s ease-out
}

.NAV_choose02 .pupop_content .popWrapper .XX:hover {
    transform: rotate(360deg)
}

.NAV_choose02 .pupop_content .popWrapper .XX span {
    font-size: 22px;
    color: var(--txtColor66);
    font-weight: 700
}

.NAV_choose02 .pupop_content .popWrapper .txt {
    color: var(--txtColor02);
    font-size: 14px;
    font-weight: 700
}

.NAV_pw {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_pw .pupop_content {
    width: 740px!important;
    height: 820px!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor017);
    border-radius: 15px;
    border: 1px solid var(--bdColor047);
    box-shadow: var(--shadow08) .1em .1em .3em;
    background-image: url(../Shared/images/popup/popBg.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 27px
}

.NAV_pw .pupop_content .XX {
    position: absolute;
    right: 20px;
    top: 17px;
    cursor: pointer;
    transition: .2s ease-out
}

.NAV_pw .pupop_content .XX:hover {
    transform: rotate(360deg)
}

.NAV_pw .pupop_content .XX span {
    font-size: 22px;
    color: var(--txtColor66);
    font-weight: 700
}

.NAV_pw .pupop_content .reg {
    width: 90%;
    margin: 0 auto
}

.NAV_pw .pupop_content .reg .up {
    margin-bottom: 10px
}

.NAV_pw .pupop_content .reg .top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px
}

.NAV_pw .pupop_content .reg .top img {
    height: 52px
}

.NAV_pw .pupop_content .reg .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 17px;
    margin-bottom: 21px;
    border-bottom: 1px solid var(--bdColor046)
}

.NAV_pw .pupop_content .reg .title h2 {
    font-family: arial;
    font-weight: 700;
    font-size: 24px;
    color: var(--txtColor78)
}

.NAV_pw .pupop_content .reg .up .s_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 22px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--bdColor046);
    font-family: arial;
    font-weight: 700;
    font-size: 24px;
    color: var(--txtColor78)
}

.NAV_pw .pupop_content .reg .up .input_zone {
    display: flex;
    justify-content: space-between
}

.NAV_pw .pupop_content .reg .up .input_zone_bottom {
    padding-top: 17px
}

.NAV_pw .pupop_content .reg .up .input_zone_bottom .inputFrame {
    margin-bottom: 36px!important
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone {
    width: 100%
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame {
    display: flex;
    flex-direction: column;
    margin-bottom: 31px
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .info {
    display: flex;
    align-items: center
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .info .txt {
    color: var(--txtColor66);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .info .txt span {
    color: var(--btnColor024)
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content {
    width: 100%;
    height: 42px;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    box-sizing: border-box;
    border-radius: 5px;
    color: var(--txtColor77);
    background-color: var(--bgColor017);
    border: 1px solid var(--bdColor045)!important;
    font-size: 16px;
    position: relative
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input {
    padding-left: 14px;
    color: var(--txtColor77)
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input:focus {
    border-bottom: none!important;
    box-shadow: none!important
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input::placeholder {
    color: var(--txtColor77)!important;
    font-size: 14px
}

.NAV_pw .pupop_content .reg .up .input_zone .inputFrame .input_content .hint {
    margin-top: -10px;
    display: none
}

.NAV_pw .pupop_content .reg .up .input_zone .inputFrame .input_content .hint span {
    display: block;
    float: left;
    margin-right: 6px;
    color: var(--btnColor024)
}

.NAV_pw .pupop_content .reg .up .input_zone .inputFrame .input_content .hint .txt {
    color: var(--btnColor024);
    font-size: 14px;
    float: left
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content a.regBtn {
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    position: absolute;
    right: 2px;
    border-radius: 3px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 14px;
    font-weight: 700;
    background: var(--btnColor025);
    color: var(--txtColor02);
    cursor: pointer;
    transition: .4s ease-out
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content a.regBtn:hover {
    background: var(--btnColor025_h)
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content select {
    display: block;
    border: none;
    background: none!important;
    padding: 0;
    height: 40px
}

.NAV_pw .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content select:focus {
    outline: 0px
}

.NAV_pw .pupop_content .reg .up .btnFrame {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 74%;
    margin: 26px auto 0
}

.NAV_pw .pupop_content .reg .up .btnFrame .btn_p {
    letter-spacing: .5px;
    border-radius: 50px;
    width: 240px;
    height: 42px;
    margin-bottom: 15px;
    float: left;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.NAV_pw .pupop_content .reg .up .btn_p a {
    text-decoration: none;
    font-size: 16px;
    color: var(--txtColor02)
}

.NAV_pw .pupop_content .reg .up .txtZone {
    display: flex;
    justify-content: center;
    width: 100%
}

.NAV_pw .pupop_content .reg .up .txtZone a {
    color: var(--txtColor66);
    font-size: 14px;
    transition: .4s ease-out
}

.NAV_pw .pupop_content .reg .up .txtZone a:hover {
    color: var(--txtColor66_h)
}

.NAV_pw .pupop_content .reg .up .txtZone a span {
    color: var(--txtColor78);
    text-decoration: underline;
    transition: .4s ease-out
}

.NAV_pw .pupop_content .reg .up .txtZone a span:hover {
    color: var(--txtColor78_h)
}

.NAV_pw textarea {
    width: 100%;
    height: 257px;
    padding: 14px;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    box-sizing: border-box;
    color: var(--txtColor77);
    background-color: var(--bgColor017);
    border: 1px solid var(--bdColor045)!important;
    font-size: 16px;
    position: relative
}

.NAV_pw textarea:focus {
    outline: 1px solid var(--bdColor045)!important
}

.NAV_ad {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_ad .contentFrame {
    position: relative
}

.NAV_ad .pupop_content {
    background-color: var(--bgColor017);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute
}

.NAV_ad .pupop_content .XX {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    transition: .2s ease-out
}

.NAV_ad .pupop_content .XX:hover {
    transform: rotate(360deg)
}

.NAV_ad .pupop_content .XX span {
    font-size: 1vw;
    color: var(--txtColor105);
    font-weight: 700
}

.NAV_ad .pupop_content .reg {
    width: 100%;
    margin: 0 auto
}

.NAV_ad .pupop_content .reg .up {
    margin-bottom: 10px
}

.NAV_ad .pupop_content .reg .top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    background-color: var(--bgColor_04)
}

.NAV_ad .pupop_content .reg .top img {
    height: 2vw
}

.NAV_ad .pupop_content .reg .content {
    width: 100%;
    height: auto
}

.NAV_ad .pupop_content .reg .content img {
    width: 100%
}

.NAV_ad .pupop_content .reg .btnZone {
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgColor_01);
    margin-top: -2px
}

.NAV_ad .pupop_content .reg .btnZone .btnP {
    border: 0px;
    font-size: .8vw;
    padding: .7vw 3vw;
    border-radius: 20px
}

.NAV_alert01 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_alert01 .pupop_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--main);
    border-radius: 15px;
    box-shadow: var(--shadow08) .1em .1em .3em;
    background-size: contain
}

.NAV_alert01 .pupop_content .top {
    background-color: var(--bgColor_07)!important;
    height: 51px;
    border-radius: 15px 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--txtColor105);
    font-size: 20px
}

.NAV_alert01 .pupop_content .top span {
    color: var(--txtColor105);
    font-size: 22px;
    margin-right: 10px
}

.NAV_alert01 .pupop_content .top h4 {
    color: var(--txtColor105);
    font-size: 18px
}

.NAV_alert01 .pupop_content .popWrapper {
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 31px 63px;
    flex-direction: column
}

.NAV_alert01 .pupop_content .popWrapper .XX {
    position: absolute;
    right: 20px;
    top: 17px;
    cursor: pointer;
    transition: .2s ease-out;
    display: none
}

.NAV_alert01 .pupop_content .popWrapper .XX:hover {
    transform: rotate(360deg)
}

.NAV_alert01 .pupop_content .popWrapper .XX span {
    font-size: 22px;
    color: var(--txtColor113);
    font-weight: 700
}

.NAV_alert01 .pupop_content .popWrapper .txt {
    color: var(--txtColor_03);
    font-size: 16px;
    margin-top: 27px;
    line-height: 1.6;
    text-align: center
}

.NAV_alert01 .pupop_content .popWrapper .txt span {
    color: var(--txtColor_049)
}

.NAV_alert_bit5 .pupop_content .popWrapper .txt {
    width: 110%;
    padding-bottom: 26px;
    font-size: 16px
}

.NAV_alert01 .pupop_content .popWrapper .btnFrame2 {
    display: flex;
    margin-top: 30px
}

.NAV_alert01 .pupop_content .popWrapper .btnFrame2 .btnP {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 72px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 10px
}

.NAV_alert01 .pupop_content .popWrapper .btnFrame2_sport .btnP {
    width: 189px;
    height: 46px;
    white-space: nowrap
}

.NAV_alert01 .pupop_content .popWrapper .btnFrame2_sport .btnP span {
    font-size: 25px;
    margin-right: 7px
}

.NAV_alert01 .pupop_content .popWrapper .btnFrame2_sport .btnP img {
    height: 27px;
    margin-right: 7px
}

.NAV_alert01 .pupop_content .popWrapper .btnFrame1 {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.NAV_alert_bit5 .pupop_content .popWrapper .btnFrame1 {
    margin-top: 82px
}

.NAV_alert01 .pupop_content .popWrapper .btnFrame1 .btnP {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    padding: 13px 72px
}

.NAV_alert01 .inputFrame {
    width: 110%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--bdColor045)!important;
    padding-top: 27px
}

.NAV_alert01 .inputFrame .info {
    width: 19%
}

.NAV_alert01 .inputFrame .info .txt {
    color: var(--txtColor66);
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    margin-top: 0;
    line-height: 0px;
    display: inline-block;
    white-space: nowrap
}

.NAV_alert01 .inputFrame .info .txt span {
    color: var(--btnColor024)
}

.NAV_alert01 .inputFrame .input_content {
    width: 58%;
    height: 42px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border-radius: 5px;
    color: var(--txtColor77);
    background-color: var(--bgColor017);
    border: 1px solid var(--bdColor045)!important;
    font-size: 16px;
    position: relative
}

.NAV_alert01 .inputFrame .input_content input {
    padding-left: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 93%
}

.NAV_alert01 .inputFrame .input_content input:focus {
    border-bottom: none!important;
    box-shadow: none!important
}

.NAV_alert01 .inputFrame .input_content input::placeholder {
    color: var(--txtColor010);
    font-size: 14px
}

.NAV_alert01 .inputFrame .input_content .hintUse {
    position: absolute;
    bottom: -57px
}

.NAV_alert01 .inputFrame .input_content .hintUse .hint01 {
    display: flex;
    align-items: center;
    color: var(--txtColor91)
}

.NAV_alert01 .inputFrame .input_content .hintUse .hint02 {
    display: flex;
    align-items: center;
    color: var(--txtColor86);
    margin-top: 7px
}

.NAV_alert01 .inputFrame .input_content .hintUse span {
    font-size: 20px;
    margin-right: 8px
}

.NAV_alert01 .inputFrame .input_content .hintUse h5 {
    font-size: 14px
}

.NAV_alert01 .pupop_content .popWrapper button {
    height: 42px;
    width: 21%;
    line-height: 42px;
    text-align: center;
    font-size: 15px;
    border-radius: 3px;
    font-weight: 700;
    border: none;
    background: var(--btnColor025);
    color: var(--txtColor02);
    cursor: pointer;
    transition: .4s ease-out
}

.NAV_alert01 .pupop_content .popWrapper button:hover {
    background: var(--btnColor025_h)
}

.NAV_loader {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_loader .vertical-centered-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    z-index: 999
}

.NAV_loader .vertical-centered-box:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.NAV_loader .vertical-centered-box .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 0
}

.NAV_loader .loader-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #dcb4961a;
    margin-left: -120px;
    margin-top: -120px
}

.NAV_loader .loader-line-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 240px;
    margin-left: -120px;
    margin-top: -120px;
    overflow: hidden;
    -webkit-transform-origin: 120px 120px;
    -moz-transform-origin: 120px 120px;
    -ms-transform-origin: 120px 120px;
    -o-transform-origin: 120px 120px;
    transform-origin: 120px 120px;
    -webkit-mask-image: -webkit-linear-gradient(top,#000000,rgba(0,0,0,0));
    -webkit-animation: rotate 1.2s infinite linear;
    -moz-animation: rotate 1.2s infinite linear;
    -o-animation: rotate 1.2s infinite linear;
    animation: rotate 1.2s infinite linear
}

.NAV_loader .loader-line-mask .loader-line {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #dcb496bf
}

.NAV_promotion {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_promotion .pupop_content {
    width: 60%;
    height: 90vh;
    position: absolute;
    top: 50%;
    left: 57%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor_016);
    box-shadow: var(--shadow08) .1em .1em .3em;
    background-size: contain
}

.NAV_promotion .pupop_content .popWrapper {
    margin: 0 auto;
    width: 90%;
    height: 100%;
    padding: 26px
}

.NAV_promotion .pupop_content .popWrapper .XX {
    position: absolute;
    right: -24px;
    top: -25px;
    cursor: pointer;
    transition: .2s ease-out;
    background-color: var(--bgColor_014);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.NAV_promotion .pupop_content .popWrapper .XX:hover {
    transform: rotate(360deg)
}

.NAV_promotion .pupop_content .popWrapper .XX span {
    font-size: 20px;
    color: var(--txtColor103);
    font-weight: 700
}

.NAV_promotion .pupop_content .popWrapper .title {
    color: var(--txtColor_05);
    font-size: 36px;
    font-weight: 700;
    font-family: ko-black!important
}

.NAV_promotion .pupop_content .popWrapper .content {
    margin-top: 30px;
    display: flex
}

.NAV_promotion .pupop_content .popWrapper .content::-webkit-scrollbar-track {
    background-color: var(--bgColor_017);
    border-radius: 10px
}

.NAV_promotion .pupop_content .popWrapper .content::-webkit-scrollbar {
    width: 5px
}

.NAV_promotion .pupop_content .popWrapper .content::-webkit-scrollbar-thumb {
    background-color: var(--bgColor_018);
    border-radius: 10px;
    min-height: 40px
}

.NAV_promotion .pupop_content .popWrapper .content .leftPic {
    width: 35%
}

.NAV_promotion .pupop_content .popWrapper .content .leftPic img {
    width: 100%;
    height: auto
}

.NAV_promotion .pupop_content .popWrapper .content .rightTxt {
    margin-left: 30px;
    width: 65%;
    height: 73vh;
    overflow-y: scroll;
    padding-right: 32px
}

.NAV_promotion .pupop_content .popWrapper .content .rightTxt::-webkit-scrollbar {
    width: 3px
}

.NAV_promotion .pupop_content .popWrapper .content .rightTxt::-webkit-scrollbar-track {
    background-color: #d5e0f7
}

.NAV_promotion .pupop_content .popWrapper .content .rightTxt::-webkit-scrollbar-thumb {
    background-color: #adb5d0
}

.NAV_promotion .pupop_content .popWrapper .content .rightTxt::-webkit-scrollbar-thumb:hover {
    background-color: #939ab0
}

.NAV_promotion .pupop_content .popWrapper .content .rightTxt p {
    color: var(--txtColor_017);
    line-height: 2.1;
    font-size: 14px;
    font-family: ko-regular!important
}

.NAV_promotion .pupop_content .popWrapper .content .rightTxt .btnP {
    width: 200px;
    height: 48px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg,rgb(255,255,255) 0%,rgb(252,248,241) 3%,rgb(242,208,155) 7%,rgb(219,184,151) 40%,rgb(142,112,84) 100%);
    border-radius: 5px;
    color: var(--txtColor02);
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-shadow: 2px 4px 5px 1px #a7b5cc59,inset 0 0 6px 1px #ffffffbf;
    margin: 16px 0
}

.NAV_promotion .pupop_content .popWrapper .content .rightTxt .btnP .btnInner {
    width: 99%;
    height: 91%;
    background: linear-gradient(180deg,rgb(242,208,155) 0%,rgb(219,184,151) 40%,rgb(142,112,84) 100%);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.NAV_bit5 {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_bit5 .pupop_content {
    width: 90%;
    height: 820x;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor_016);
    box-shadow: var(--shadow08) .1em .1em .3em;
    background-size: contain
}

.NAV_bit5 .pupop_content .popWrapper {
    margin: 0 auto;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    flex-direction: column
}

.NAV_bit5 .pupop_content .popWrapper .XX {
    position: absolute;
    right: -24px;
    top: -25px;
    cursor: pointer;
    transition: .2s ease-out;
    background-color: var(--bgColor_014);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.NAV_bit5 .pupop_content .popWrapper .XX:hover {
    transform: rotate(360deg)
}

.NAV_bit5 .pupop_content .popWrapper .XX span {
    font-size: 22px;
    color: var(--txtColor103);
    font-weight: 700
}

.NAV_bit5 .pupop_content .popWrapper .txt {
    color: var(--txtColor_05);
    font-size: 24px;
    font-weight: 700;
    width: 90%;
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px solid var(--btnColor_001)
}

.NAV_bit5 .pupop_content .popWrapper .content_iframe {
    background-color: var(--main);
    width: 90%;
    height: 74vh
}

.NAV_bit5 .pupop_content .popWrapper .btnFrame2 {
    display: flex;
    width: 70%;
    justify-content: space-between;
    margin-top: 30px
}

.NAV_bit5 .pupop_content .popWrapper .btnFrame2 .btnP {
    width: 46%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    border-radius: 50px;
    cursor: pointer
}

.NAV_bit5 .pupop_content .popWrapper .btnFrame1 {
    display: flex;
    width: 70%;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px
}

.NAV_bit5 .pupop_content .popWrapper .btnFrame1 .btnP {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 100px;
    border-radius: 50px;
    cursor: pointer
}

@media (max-width: 1165px) {
    .NAV_alert01 .inputFrame .info {
        width:21%
    }

    .NAV_alert01 .inputFrame .input_content {
        width: 55%
    }

    .NAV_alert01 .pupop_content .popWrapper button {
        width: 22%
    }
}

@media (max-width: 1075px) {
    .NAV_alert01 .inputFrame .info {
        width:23%
    }

    .NAV_alert01 .inputFrame .input_content {
        width: 53%
    }

    .NAV_alert01 .pupop_content .popWrapper button {
        width: 22%
    }
}

@media (max-width: 1015px) {
    .NAV_alert01 .inputFrame .info {
        width:19%
    }

    .NAV_alert01 .inputFrame .info .txt {
        font-size: 12px
    }

    .NAV_alert01 .inputFrame .input_content {
        width: 55%
    }

    .NAV_alert01 .pupop_content .popWrapper button {
        width: 20%
    }
}

@media (max-width: 965px) {
    .NAV_alert01 .inputFrame .info {
        width:25%
    }

    .NAV_alert01 .inputFrame .input_content {
        width: 54%
    }

    .NAV_alert01 .pupop_content .popWrapper button {
        width: 19%
    }
}

.NAV_carrier {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: var(--bgColor039);
    z-index: 999
}

.NAV_carrier .pupop_content {
    width: 35vw!important;
    height: 433px!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--main);
    padding-top: 27px
}

.NAV_carrier .pupop_content .XX {
    position: absolute;
    right: -24px;
    top: -25px;
    cursor: pointer;
    transition: .2s ease-out;
    background-color: var(--bgColor_014);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.NAV_carrier .pupop_content .XX:hover {
    transform: rotate(360deg)
}

.NAV_carrier .pupop_content .XX span {
    font-size: 20px;
    color: var(--txtColor103);
    font-weight: 700
}

.NAV_carrier .pupop_content .reg {
    width: 93%;
    margin: 0 auto
}

.NAV_carrier .pupop_content .reg .up {
    margin-bottom: 10px
}

.NAV_carrier .pupop_content .reg .top {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px
}

.NAV_carrier .pupop_content .reg .top img {
    height: 52px
}

.NAV_carrier .pupop_content .reg .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 17px;
    margin-bottom: 21px
}

.NAV_carrier .pupop_content .reg .title h2 {
    font-family: arial;
    font-size: 22px;
    color: var(--txtColor_05)
}

.NAV_carrier .pupop_content .reg .up .s_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 22px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--bdColor046);
    font-family: arial;
    font-weight: 700;
    font-size: 24px;
    color: var(--txtColor78)
}

.NAV_carrier .pupop_content .reg .tabZone {
    margin-bottom: 15px
}

.NAV_carrier .pupop_content .reg .tabZone ul {
    display: flex
}

.NAV_carrier .pupop_content .reg .tabZone ul li {
    height: 47px;
    background-color: var(--main);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .4s ease-out;
    position: relative;
    margin-right: 4.5%
}

.NAV_carrier .pupop_content .reg .tabZone ul li {
    width: 50%;
    border: 1px solid var(--bdColor065);
    margin-right: 0;
    margin-left: -1px
}

.NAV_carrier .pupop_content .reg .tabZone ul li:hover,.NAV_carrier .pupop_content .reg .tabZone ul li.active {
    background-color: var(--bgColor125)
}

.NAV_carrier .pupop_content .reg .tabZone ul li:hover h4,.NAV_carrier .pupop_content .reg .tabZone ul li.active h4 {
    color: var(--txtColor02)
}

.NAV_carrier .pupop_content .reg .tabZone ul li:first-child {
    border-radius: 5px 0 0
}

.NAV_carrier .pupop_content .reg .tabZone ul li:last-child {
    border-radius: 0 5px 0 0
}

.NAV_carrier .pupop_content .reg .up .input_zone {
    display: flex;
    justify-content: space-between
}

.NAV_carrier .pupop_content .reg .up .input_zone_bottom {
    border-top: 1px solid var(--bdColor048);
    padding-top: 17px
}

.NAV_carrier .pupop_content .reg .up .input_zone_bottom .inputFrame {
    margin-bottom: 19px!important
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone {
    width: 47%
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame {
    display: flex;
    flex-direction: column;
    margin-bottom: 31px
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .info {
    display: flex;
    align-items: center
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .info .txt {
    color: var(--txtColor66);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .info .txt span {
    color: var(--btnColor024)
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content {
    width: 100%;
    height: 42px;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    box-sizing: border-box;
    border-radius: 5px;
    color: var(--txtColor77);
    background-color: var(--bgColor017);
    border: 1px solid var(--bdColor045)!important;
    font-size: 16px;
    position: relative
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input {
    padding-left: 14px
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input:focus {
    border-bottom: none!important;
    box-shadow: none!important
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content input::placeholder {
    color: var(--txtColor010);
    font-size: 14px
}

.NAV_carrier .pupop_content .reg .up .input_zone .inputFrame .input_content .hint {
    margin-top: -10px
}

.NAV_carrier .pupop_content .reg .up .input_zone .inputFrame .input_content .hint span {
    display: block;
    float: left;
    margin-right: 6px;
    color: var(--btnColor024)
}

.NAV_carrier .pupop_content .reg .up .input_zone .inputFrame .input_content .hint .txt {
    color: var(--btnColor024);
    font-size: 14px;
    float: left
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content a.regBtn {
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 15px;
    position: absolute;
    right: 2px;
    border-radius: 3px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 14px;
    font-weight: 700;
    background: var(--btnColor025);
    color: var(--txtColor02);
    cursor: pointer;
    transition: .4s ease-out
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content a.regBtn:hover {
    background: var(--btnColor025_h)
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content select {
    display: block;
    border: none;
    background: none!important;
    padding: 0;
    height: 40px
}

.NAV_carrier .pupop_content .reg .up .input_zone .leftZone .inputFrame .input_content select:focus {
    outline: 0px
}

.NAV_carrier .pupop_content .reg .up .btn_p {
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
    padding: 17px;
    border-radius: 50px;
    width: 100%;
    margin-bottom: 15px;
    float: left;
    background: var(--btnColor024);
    color: var(--txtColor02);
    font-size: 16px;
    font-weight: 700
}

.NAV_carrier .pupop_content .reg .up .btn_p:hover {
    background: var(--btnColor024_h)
}

.NAV_carrier .pupop_content .reg .up .btn_p a {
    text-decoration: none;
    font-size: 16px;
    color: var(--txtColor02)
}

.NAV_carrier .pupop_content .reg .up .txtZone {
    display: flex;
    justify-content: center;
    width: 100%
}

.NAV_carrier .pupop_content .reg .up .txtZone a {
    color: var(--txtColor66);
    font-size: 14px;
    transition: .4s ease-out
}

.NAV_carrier .pupop_content .reg .up .txtZone a:hover {
    color: var(--txtColor66_h)
}

.NAV_carrier .pupop_content .reg .up .txtZone a span {
    color: var(--txtColor78);
    text-decoration: underline;
    transition: .4s ease-out
}

.NAV_carrier .pupop_content .reg .up .txtZone a span:hover {
    color: var(--txtColor78_h)
}

.NAV_carrier .btns {
    z-index: 3;
    position: relative;
    width: 102%;
    overflow: auto;
    padding: 0 5px
}

.NAV_carrier .btns::-webkit-scrollbar-track {
    background-color: var(--btnColor08)
}

.NAV_carrier .btns::-webkit-scrollbar {
    width: 3px
}

.NAV_carrier .btns::-webkit-scrollbar-thumb {
    background-color: var(--bgColor052)
}

.NAV_carrier .btns ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.NAV_carrier .btns ul li {
    width: 9vw;
    height: 113px;
    margin-bottom: 6px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .3vw;
    flex-direction: column;
    transition: .3s ease-out;
    background: rgb(242,246,249);
    background: linear-gradient(180deg,rgb(242,246,249) 0%,rgb(236,242,254) 100%);
    border: 1px solid var(--bdColor074)!important
}

.NAV_carrier .btns ul li:hover,.NAV_carrier .btns ul li.active {
    border: 1px solid var(--bdColor_001)!important
}

.NAV_carrier .btns ul li .logo {
    background-repeat: no-repeat;
    background-size: cover;
    transition: .3s ease-out;
    z-index: 2;
    margin-bottom: 16px
}

.NAV_carrier .btns ul li:hover .mask,.NAV_carrier .btns ul li:hover .inner,.NAV_carrier .btns ul li.active .mask,.NAV_carrier .btns ul li.active .inner {
    display: flex
}

.NAV_carrier .btns ul li.carrier01 .logoA {
    width: 75%;
    height: 0px;
    padding-bottom: 29%;
    overflow: auto
}

.webp .NAV_carrier .btns ul li.carrier01 .logoA {
    background-image: url(../Shared/images/carrier/c001.webp)
}

.no-webp .NAV_carrier .btns ul li.carrier01 .logoA {
    background-image: url(../Shared/images/carrier/c001.png)
}

.NAV_carrier .btns ul li.carrier02 .logoA {
    width: 32%;
    height: 0px;
    padding-bottom: 26.6%;
    overflow: auto
}

.webp .NAV_carrier .btns ul li.carrier02 .logoA {
    background-image: url(../Shared/images/carrier/c002.webp)
}

.no-webp .NAV_carrier .btns ul li.carrier02 .logoA {
    background-image: url(../Shared/images/carrier/c002.png)
}

.NAV_carrier .btns ul li.carrier03 .logoA {
    overflow: auto;
    width: 77%;
    height: 0px;
    padding-bottom: 25%
}

.webp .NAV_carrier .btns ul li.carrier03 .logoA {
    background-image: url(../Shared/images/carrier/c003.png)
}

.no-webp .NAV_carrier .btns ul li.carrier03 .logoA {
    background-image: url(../Shared/images/carrier/c003.png)
}

.NAV_carrier .btns ul li.carrier04 .logoA {
    overflow: auto;
    width: 33%;
    height: 0px;
    padding-bottom: 28%
}

.webp .NAV_carrier .btns ul li.carrier04 .logoA {
    background-image: url(../Shared/images/carrier/c004.webp)
}

.no-webp .NAV_carrier .btns ul li.carrier04 .logoA {
    background-image: url(../Shared/images/carrier/c004.png)
}

.NAV_carrier .btns ul li.carrier05 .logoA {
    overflow: auto;
    width: 39%;
    height: 0px;
    padding-bottom: 31%
}

.webp .NAV_carrier .btns ul li.carrier05 .logoA {
    background-image: url(../Shared/images/carrier/c005.webp)
}

.no-webp .NAV_carrier .btns ul li.carrier05 .logoA {
    background-image: url(../Shared/images/carrier/c005.png)
}

.NAV_carrier .btns ul li.carrier06 .logoA {
    overflow: auto;
    width: 41%;
    height: 0px;
    padding-bottom: 31%
}

.webp .NAV_carrier .btns ul li.carrier06 .logoA {
    background-image: url(../Shared/images/carrier/c006.webp)
}

.no-webp .NAV_carrier .btns ul li.carrier06 .logoA {
    background-image: url(../Shared/images/carrier/c006.png)
}

.NAV_carrier .btns ul li .txt01 {
    z-index: 2;
    position: absolute;
    bottom: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.NAV_carrier .btns ul li .txt01 span {
    font-size: 13px;
    color: var(--txtColor_012)
}

.NAV_carrier .btns ul li:hover .txt01 h2,.NAV_carrier .btns ul li:hover .txt01 span,.NAV_carrier .btns ul li.active .txt01 h2,.NAV_carrier .btns ul li.active .txt01 span {
    color: var(--txtColor_05)
}

.NAV_carrier .btns ul li .mask .inner {
    width: 99%;
    height: 99%;
    background: var(--bgColor077);
    background: linear-gradient(180deg,var(--bgColor078_g01) 0%,var(--bgColor078_g02) 75%,var(--bgColor078_g03) 100%);
    border-radius: 8px;
    z-index: 1;
    display: none;
    transition: .4s ease-out
}

.NAV_carrier .btnFrame {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 22px
}

.NAV_carrier .btnFrame .btnB {
    height: 50px;
    font-size: 16px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    transition: .3s ease-out;
    cursor: pointer;
    padding: 0 100px
}

.NAV_bf {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor_053);
    border: 1px solid var(--bdColor_026);
    padding: 13px 26px;
    background-size: cover;
    background-position: center;
    color: var(--txtColor125);
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 99
}

.NAV_bf span {
    color: var(--txtColor_052);
    font-size: 24px;
    margin-right: 10px
}

.NAV_success {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor_058);
    border: 1px solid var(--bdColor_030);
    padding: 13px 26px;
    background-size: cover;
    background-position: center;
    color: var(--txtColor125);
    border-radius: 5px;
    line-height: 1.6;
    text-align: center;
    display: flex;
    z-index: 99
}

.NAV_success span {
    color: var(--txtColor_053);
    font-size: 24px;
    margin-right: 10px
}

.NAV_Progress {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--bgColor_055);
    border: 1px solid var(--bdColor_028);
    padding: 13px 26px;
    background-size: cover;
    background-position: center;
    color: var(--txtColor125);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99
}

.NAV_Progress img {
    width: 26px;
    margin-right: 10px
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    50% {
        opacity: .25
    }
}

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

    50% {
        opacity: .25
    }
}

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

    50% {
        opacity: .25
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: .25
    }
}

[not-existing] {
    zoom:1}

lesshat-selector {
    -lh-property: 0
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.NAV_loader .jump {
    transform-origin: 50% 50%;
    animation: jump .5s linear alternate infinite;
    text-align: center
}

@keyframes jump {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(0,10%,0)
    }

    to {
        transform: translate3d(0,15%,0)
    }
}

h1.loader {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5rem;
    color: transparent;
    letter-spacing: .01em;
    margin-top: 17%
}

.loader span {
    text-shadow: 0 0 2px rgba(220,180,150,.9),0 15px 25px rgba(0,0,0,.3),0 0 20px rgba(220,180,150,.45);
    animation: loading .85s ease-in-out infinite alternate
}

@keyframes loading {
    to {
        text-shadow: 0 0 2px rgba(220,180,150,.2),0 0 3px rgba(0,0,0,.02),0 0 0 rgba(0,0,0,0),0 0 0 rgba(220,180,150,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(220,180,150,0),0 0 0 rgba(220,180,150,0)
    }
}

.loader span:nth-child(2) {
    animation-delay: .15s
}

.loader span:nth-child(3) {
    animation-delay: .3s
}

.loader span:nth-child(4) {
    animation-delay: .45s
}

.loader span:nth-child(5) {
    animation-delay: .6s
}

.loader span:nth-child(6) {
    animation-delay: .75s
}

.loader span:nth-child(7) {
    animation-delay: .9s
}

.aniLogo {
    -webkit-animation: aniLogo 1.5s infinite;
    animation: aniLogo 1.5s infinite
}

@keyframes aniLogo {
    0% {
        background-position-y: 0px;
        transform: scale(1)
    }

    50% {
        background-position-y: 5px;
        transform: scale(1.03)
    }

    to {
        background-position-y: 0px;
        transform: scale(1)
    }
}

.aniLogo01 {
    -webkit-animation: aniLogo01 2.6s infinite;
    animation: aniLogo01 2.6s infinite
}

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

    50% {
        transform: scale(1.01)
    }

    to {
        transform: scale(1)
    }
}

.aniLogo02 {
    -webkit-animation: aniLogo02 1s infinite;
    animation: aniLogo02 1s infinite
}

@keyframes aniLogo02 {
    0% {
        background-position-y: 0px;
        transform: scale(1)
    }

    50% {
        background-position-y: 5px;
        transform: scale(1.01)
    }
}

.aniWrong {
    -webkit-animation: aniWrong .2s 3;
    animation: aniWrong .2s 3
}

@keyframes aniWrong {
    0% {
        transform: translate(0)
    }

    25% {
        transform: translate(10px)
    }

    50% {
        transform: translate(0)
    }

    50% {
        transform: translate(10px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes shineTag {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.sportLBtn01 img {
    height: 27px;
    margin-right: 7px
}

.sportLBtn02 span {
    font-size: 25px;
    margin-right: 7px
}

:root {
    --main: #ffffff;
    --main02: #e3e7f0;
    --footer: #242528;
    --bgColor01: #0e5b44;
    --bgColor01_op: #0e5b44f7;
    --bgColor02_op: #10684cf7;
    --bgColor03_gs: #5b5005;
    --bgColor03_ge: #cabe62;
    --bgColor04: #186e34;
    --bgColor04_gs: #186e34;
    --bgColor04_ge: #051812;
    --bgColor04_h: #a5cb2d;
    --bgColor04_gs_h: #a5cb2d;
    --bgColor04_ge_h: #114e3b;
    --bgColor05_gs: #114f3c;
    --bgColor05_ge: #a8cd2d;
    --bgColor06: #0f543e;
    --bgColor08: #28755b;
    --bgColor010: #f7f7f7;
    --bgColor011: #578d7c;
    --bgColor012_op: #000000b3;
    --bgColor012_op_h: #000000cc;
    --bgColor013_op: #000000b3;
    --bgColor014: #000000;
    --bgColor015: #100c0c;
    --bgColor015_h: #2a2a2a;
    --bgColor016: #36b88f;
    --bgColor017: #1e1e24;
    --bgColor018: #fef26b;
    --bgColor018_gs: #fef26b;
    --bgColor018_gm: #e0aa4f;
    --bgColor018_ge: #ffe89c;
    --bgColor019_gs: #efefef;
    --bgColor019_ge: #ffffff;
    --bgColor020: #fef26b;
    --bgColor021: #27292e;
    --bgColor022: #f5f5f5;
    --bgColor023: #f5f5f5;
    --bgColor024: #ffffff80;
    --bgColor025: #0e543d;
    --bgColor025_g01: #0e543d;
    --bgColor025_g02: #1ac18c;
    --bgColor025_g03: #126e51;
    --bgColor025_g04: #1ac18c;
    --bgColor025_g05: #0e543d;
    --bgColor026: #2c2d33;
    --bgColor026_g01: #2c2d33;
    --bgColor026_g02: #9ea0a8;
    --bgColor026_g03: #2c2d33;
    --bgColor026_g04: #2c2d33;
    --bgColor026_g05: #2c2d33;
    --bgColor026_g06: #9ea0a8;
    --bgColor026_g07: #2c2d33;
    --bgColor027: #dc0f0f;
    --bgColor028: #3555c0;
    --bgColor028_gs: #3555c0;
    --bgColor028_ge: #5875d7;
    --bgColor029: #ba1818;
    --bgColor029_gs: #ba1818;
    --bgColor029_ge: #e63c3c;
    --bgColor030: #0a7c47;
    --bgColor030_gs: #0a7c47;
    --bgColor030_ge: #17945a;
    --bgColor031: #4765cb;
    --bgColor032: #d52e2e;
    --bgColor033: #ececec;
    --bgColor034: #73747d;
    --bgColor034_h: #66676d;
    --bgColor035: #56575e;
    --bgColor035_h: #47484e;
    --bgColor036: #eaeaea;
    --bgColor037: #8b8b8b;
    --bgColor038: #1c9764;
    --bgColor039: #000000b3;
    --bgColor040: #0a6f4c;
    --bgColor041: #d6e8e7;
    --bgColor042: #e6e6e6;
    --bgColor043: #eff1f6;
    --bgColor044: #f8f8f8;
    --bgColor045: #bfbfbf;
    --bgColor046: #272729;
    --bgColor047: #363638;
    --bgColor048_gs: #dddddd;
    --bgColor048_ge: #e8e8e8;
    --bgColor049: #39b596;
    --bgColor050: #ffe678;
    --bgColor051: #f7d119;
    --bgColor052: #cfd4e3;
    --bgColor053: #dde1eb;
    --bgColor054: #5a5a64;
    --bgColor055: #eaeaeacc;
    --bgColor056: #616060;
    --bgColor057: #f8f5e6;
    --bgColor058: #f9d219;
    --bgColor059: #2c2e34;
    --bgColor060_gs: #3fb129;
    --bgColor060_ge: #84e63c;
    --bgColor061: #ffe418;
    --bgColor062: #c3c3c3;
    --bgColor062_gs: #c3c3c3;
    --bgColor062_ge: #d5d5d5;
    --bgColor063: #ebebeb;
    --bgColor064: #b4b4ba;
    --bgColor065: #a1a1aa;
    --bgColor066: #5673d6;
    --bgColor067: #56ced6;
    --bgColor068: #fffae2;
    --bgColor069: #18a070;
    --bgColor070: #f4f4f4;
    --bgColor071: #427d8c;
    --bgColor072: #91cad9;
    --bgColor073: #f0f0f8;
    --bgColor074_gs: #f0f0f8;
    --bgColor074_ge: #ffffff;
    --bgColor075: #f2d09b;
    --bgColor076_g01: #f2d09b;
    --bgColor076_g02: #dbb897;
    --bgColor076_g03: #ecc9a8;
    --bgColor077: #ffeed3;
    --bgColor078_g01: #ffeed3;
    --bgColor078_g02: #dbb897;
    --bgColor078_g03: #c9aa8d;
    --bgColor079_g01: #ffffff;
    --bgColor079_g02: #f0f0f8;
    --bgColor079_g03: #ffffff;
    --bgColor080_g01: #ffffff;
    --bgColor080_g02: #e3e3f0;
    --bgColor080_g03: #ffffff;
    --bgColor081_gs: #f2d09b;
    --bgColor081_ge: #dbb897;
    --bgColor082: #dbc9b9;
    --bgColor083: #a5cb2d;
    --bgColor084: #080808cc;
    --bgColor085: #7d4cff;
    --bgColor086: #d9b491;
    --bgColor086_g01: #d9b49100;
    --bgColor086_g02: #d9b491;
    --bgColor086_g03: #d9b49100;
    --bgColor087: #e63333;
    --bgColor088: #1b2234;
    --bgColor088_op: #1b2234e6;
    --bdColor089: #2d3345;
    --bdColor090: #2e3547;
    --bdColor091: #d7af8a;
    --bgColor092: #ffffff;
    --bgColor093: #c99463;
    --bgColor094: #2e3547;
    --bgColor095: #d7af8a;
    --bgColor096: #0d0d0d;
    --bgColor097: #f8f9f9;
    --bgColor098: #e0cfbe;
    --bgColor099_gs: #f4dd40;
    --bgColor099_ge: #e7a21c;
    --bgColor100_g01: #ffeed3;
    --bgColor100_g02: #ffffff;
    --bgColor100_g03: #dbb897;
    --bgColor100_g04: #c9aa8d;
    --bgColor101: #cb9a6c;
    --bgColor102_gs: #fde164;
    --bgColor102_ge: #f0ab17;
    --bgColor103_gs: #b0ff70;
    --bgColor103_ge: #6bcb25;
    --bgColor104_gs: #70ffb7;
    --bgColor104_ge: #2b8b5a;
    --bgColor105_gs: #70d8ff;
    --bgColor105_ge: #25a2cb;
    --bgColor106_gs: #ff7070;
    --bgColor106_ge: #cb2525;
    --bgColor107_gs: #787878;
    --bgColor107_ge: #3d3d3d;
    --bgColor108_gs: #ffb770;
    --bgColor108_ge: #d35900;
    --bgColor109_gs: #d270ff;
    --bgColor109_ge: #7725cb;
    --bgColor110_g01: #ffffff;
    --bgColor110_g02: #ffffff45;
    --bgColor110_g03_1: #6bcb25;
    --bgColor110_g03_2: #2b8c5a;
    --bgColor110_g03_3: #f0ac19;
    --bgColor110_g03_4: #25a2cb;
    --bgColor110_g03_5: #cb2525;
    --bgColor110_g03_6: #3d3d3d;
    --bgColor110_g03_7: #d35900;
    --bgColor110_g03_8: #7725cb;
    --bgColor111: #eaeaead9;
    --bgColor112: #cdd2dc;
    --bgColor113: #4c5771;
    --bgColor114: #e21818;
    --bgColor115: #f4f4f4cc;
    --bgColor116: #2e3546;
    --bgColor117: #f3f3f3;
    --bgColor118: #fbf2ea;
    --bgColor119: #2c3343;
    --bgColor120: #eac595;
    --bgColor121: #353c4a;
    --bgColor122: #f2f2f2;
    --bgColor123: #fbf9f7;
    --bgColor124: #999999;
    --bgColor125: #c1976f;
    --bgColor126: #f04156;
    --bgColor127: #f9f9fc;
    --bgColor128: #e5e5e5;
    --bgColor129: #b498ff;
    --bgColor130: #7d4cff;
    --bgColor131: #2c2c34;
    --bgColor132: #712de4;
    --bgColor133: #f4d599;
    --bgColor134: #16161a;
    --bgColor135: #7d4cff;
    --bgColor136: #3a3a44;
    --bgColor137: #101014;
    --bgColor138: #40404b;
    --bgColor139: #25252b;
    --bgColor140: #f3d08b;
    --bgColor141: #27272d;
    --bgColor142: #e5b472;
    --bgColor143: #43434e;
    --bgColor144: #f3d597;
    --bgColor145: #17171d;
    --bgColor146: #17161b;
    --bgColor147: #2f2f37;
    --bgColor148: #232325;
    --bgColor149: #16151a;
    --bgColor150: #f4f4f4;
    --bgColor_01: #353f4b;
    --bgColor_02: #ffffff;
    --bgColor_03: #c8c8c8;
    --bgColor_04: #4385f8;
    --bgColor_05: #939ab0;
    --bgColor_06: #b4bedc;
    --bgColor_07: #597ef8;
    --bgColor_08: #425eb8;
    --bgColor_09: #d4deff;
    --bgColor_010: #f0f5fb;
    --bgColor_011: #c1dcff;
    --bgColor_012: #596371;
    --bgColor_013: #7c8797;
    --bgColor_014: #1d51ab;
    --bgColor_015: #95a6bd;
    --bgColor_016: #f5f5f5;
    --bgColor_017: #c6c6cd;
    --bgColor_018: #619bff;
    --bgColor_019: #4385f8;
    --bgColor_020: #e4e4f7;
    --bgColor_021: #e0e3ef;
    --bgColor_022: #cdd2dc;
    --bgColor_023: #f8f8f8;
    --bgColor_024: #f7f9fb;
    --bgColor_025: #f6f7fa;
    --bgColor_026: #d4e9ff;
    --bgColor_027: #91b7eb66;
    --bgColor_028: #dbebf7;
    --bgColor_029: #f3faff;
    --bgColor_030: #38383f;
    --bgColor_031: #2b3d78;
    --bgColor_032: #c9e7ff;
    --bgColor_033: #ddf0ff;
    --bgColor_034: #e4e4e4;
    --bgColor_035: #6496f0;
    --bgColor_036: #f4f4f4;
    --bgColor_037: #5a7ef8;
    --bgColor_038: #f4f7fe;
    --bgColor_039: #ffe361;
    --bgColor_040: #f6f7fa;
    --bgColor_041: #d5e0f7;
    --bgColor_042: #d5e0f7;
    --bgColor_043: #7a98f9;
    --bgColor_044: #4867c9;
    --bgColor_045: #ddf0ffb3;
    --bgColor_046: #7595ff;
    --bgColor_047: #9ca9d380;
    --bgColor_048: #939ab0;
    --bgColor_049: #444e63cc;
    --bgColor_050: #d7dce0;
    --bgColor_051: #fffffff1;
    --bgColor_052: #c5dcff;
    --bgColor_053: #ffe0e0;
    --bgColor_054: #e2e8ff;
    --bgColor_055: #ffe5d9;
    --bgColor_056: #f8f5f0;
    --bgColor_057: #333333;
    --bgColor_058: #d3eec0;
    --txtColor02: #a8a8aa;
    --txtColor03: #ecbc50;
    --txtColor04: #cacaca;
    --txtColor05: #c9d8c2;
    --txtColor06: #939393;
    --txtColor06_h: #a4a4a4;
    --txtColor07: #bbbcc2;
    --txtColor08: #777777;
    --txtColor08_h: #bbbcc2;
    --txtColor09: #168663;
    --txtColor010: #666666;
    --txtColor011: #1d1d1d;
    --txtColor012: #28755b;
    --txtColor013: #2f3137;
    --txtColor14_op: #ffffffb3;
    --txtColor14_op_h: #ffffffd9;
    --txtColor15: #b7ce71;
    --txtColor16: #c9d8c2;
    --txtColor17: #000000;
    --txtColor18: #a5a5a5;
    --txtColor19: #5e5e5e;
    --txtColor20: #494c54;
    --txtColor21: #face1f;
    --txtColor22: #161616;
    --txtColor23: #0f9e48;
    --txtColor24: #7c9a1f;
    --txtColor25: #ffe418;
    --txtColor26: #18a071;
    --txtColor26_h: #18a071;
    --txtColor27: #d0d0d1;
    --txtColor28: #272729;
    --txtColor29: #389566;
    --txtColor30: #161616;
    --txtColor31: #d11722;
    --txtColor32: #d93e44;
    --txtColor33: #a1b02c;
    --txtColor34: #848484;
    --txtColor35: #a5a6a6;
    --txtColor36: #b6b6b6;
    --txtColor37: #166c51;
    --txtColor38: #616469;
    --txtColor39: #5875d7;
    --txtColor40: #f3454b;
    --txtColor41: #ed1b23;
    --txtColor42: #047ced;
    --txtColor43: #4f6dc3;
    --txtColor44: #39b596;
    --txtColor45: #f9d219;
    --txtColor46: #7e7f86;
    --txtColor47: #a6a7ad;
    --txtColor48: #111111;
    --txtColor49: #e61919;
    --txtColor50: #176c51;
    --txtColor51: #cfcfcf;
    --txtColor52: #a1aac5;
    --txtColor53: #4d4d4d;
    --txtColor54: #969696;
    --txtColor55: #b4b4ba;
    --txtColor55_h: #8a8a9a;
    --txtColor56: #5573d5;
    --txtColor57: #56ced6;
    --txtColor58: #e63c3c;
    --txtColor59: #6bd656;
    --txtColor60: #acafbb;
    --txtColor61: #f1549e;
    --txtColor62: #787878;
    --txtColor63: #7a7a7a;
    --txtColor64: #fab419;
    --txtColor65: #7d4cff;
    --txtColor65_h: #6d44dd;
    --txtColor66: #a8a8aa;
    --txtColor66_h: #a8a8aa;
    --txtColor67: #152350;
    --txtColor68: #535c7b;
    --txtColor69: #dc3636;
    --txtColor70: #d9b491;
    --txtColor71: #cececd;
    --txtColor72: #c9aa8d;
    --txtColor73: #dbb897;
    --txtColor74: #5a3200;
    --txtColor74_h: #7f4906;
    --txtColor75: #d7af8a;
    --txtColor76: #d5aa83;
    --txtColor77: #b4b4b4;
    --txtColor78: #bea8fa;
    --txtColor78_h: #ac7849;
    --txtColor79: #8ac7d7;
    --txtColor80: #457f8e;
    --txtColor81: #757575;
    --txtColor82: #1fc05c;
    --txtColor83: #c6a586;
    --txtColor84: #e21818;
    --txtColor85: #2d3345;
    --txtColor86: #e42626;
    --txtColor87: #101010;
    --txtColor88: #28303f;
    --txtColor89: #6d6fad;
    --txtColor90: #bfbfbf;
    --txtColor91: #0599f3;
    --txtColor92: #c1c1c1;
    --txtColor93: #999999;
    --txtColor94: #b27b46;
    --txtColor95: #333333;
    --txtColor96: #555a6a;
    --txtColor97: #f04156;
    --txtColor98: #646464;
    --txtColor99: #c1976f;
    --txtColor100: #4b5577;
    --txtColor101: #56cc43;
    --txtColor102: #aa713c;
    --txtColor103: #ffffff;
    --txtColor104: #8f64ff;
    --txtColor105: #ffffff;
    --txtColor106: #8f64ff;
    --txtColor107: #e1e1e1;
    --txtColor108: #5c3301;
    --txtColor109: #8f64ff;
    --txtColor110: #78e664;
    --txtColor111: #ed2736;
    --txtColor112: #8c8ca0;
    --txtColor113: #5f5f6d;
    --txtColor114: #f7c3a7;
    --txtColor115: #8f64ff;
    --txtColor116: #a8a8aa;
    --txtColor117: #8f64ff;
    --txtColor118: #f3d597;
    --txtColor119: #cb0720;
    --txtColor120: #2b2221;
    --txtColor121: #8f64ff;
    --txtColor122: #596079;
    --txtColor123: #888b97;
    --txtColor124: #4b5470;
    --txtColor125: #5e6887;
    --txtColor126: #000000;
    --txtColor127: #dc9628;
    --txtColor128: #6a7391;
    --txtColor01: #bac8c3;
    --txtColor_01: #fffefe;
    --txtColor01_h: #e8e8e8;
    --txtColor_02: #c8c8c8;
    --txtColor_03: #515b7c;
    --txtColor_04: #969696;
    --txtColor_05: #4385f8;
    --txtColor_05_h: #195dd3;
    --txtColor_06: #e4e4f7;
    --txtColor_07: #404261;
    --txtColor_08: #ffffff;
    --txtColor_09: #597ef8;
    --txtColor_010: #d03c4f;
    --txtColor_011: #56bc57;
    --txtColor_012: #304050;
    --txtColor_013: #43576b;
    --txtColor_014: #f7af65;
    --txtColor_015: #475375;
    --txtColor_016: #b0c3d3;
    --txtColor_017: #3c4564;
    --txtColor_018: #7c8797;
    --txtColor_019: #95a6bd;
    --txtColor_020: #a8a8aa;
    --txtColor_021: #333555;
    --txtColor_022: #4385f8;
    --txtColor_023: #fac844;
    --txtColor_024: #a5a7aa;
    --txtColor_025: #e1e1e1;
    --txtColor_026: #f0c840;
    --txtColor_027: #c8c8c8;
    --txtColor_028: #a4b8f9;
    --txtColor_029: #b6b6b6;
    --txtColor_030: #969696;
    --txtColor_031: #3376eb;
    --txtColor_032: #4486f7;
    --txtColor_033: #f16f00;
    --txtColor_034: #83838a;
    --txtColor_035: #1d51ab;
    --txtColor_036: #666666;
    --txtColor_037: #40455a;
    --txtColor_038: #939ab0;
    --txtColor_039: #fe7e82;
    --txtColor_040: #ffe361;
    --txtColor_041: #ff6d0b;
    --txtColor_042: #afbcdc;
    --txtColor_043: #f02828;
    --txtColor_044: #8dcbdb;
    --txtColor_045: #41455e;
    --txtColor_046: #8db5fa;
    --txtColor_047: #a2b0ce;
    --txtColor_048: #788cb4;
    --txtColor_049: #597df7;
    --txtColor_050: #5c99b0;
    --txtColor_051: #9aa2b5;
    --txtColor_052: #f84343;
    --txtColor_053: #4fbb00;
    --btnColor01: #7e9c21;
    --btnColor01_h: #8bab2a;
    --btnColor02_gs: #0f4535;
    --btnColor02_ge: #164e3f;
    --btnColor02_gs_h: #064e38;
    --btnColor02_ge_h: #016143;
    --btnColor03: #80b2e9;
    --btnColor03_gs: #80b2e9;
    --btnColor03_gm: #172fa1;
    --btnColor03_ge: #80b2e9;
    --btnColor04: #4c65df;
    --btnColor04_gs: #4c65df;
    --btnColor04_ge: #0621a6;
    --btnColor04_h: #415ff1;
    --btnColor04_gs_h: #415ff1;
    --btnColor04_ge_h: #031982;
    --btnColor05: #e01921;
    --btnColor06: #d91820;
    --btnColor06_gs: #d91820;
    --btnColor06_ge: #7d1015;
    --btnColor06_h: #d91820;
    --btnColor06_gs_h: #c7121a;
    --btnColor06_ge_h: #4c0609;
    --btnColor07: #8bab28;
    --btnColor07_h: #85a526;
    --btnColor08: #f7f7f7;
    --btnColor08_h: #e6e6e6;
    --btnColor09: #f9d219;
    --btnColor09_h: #ffdc33;
    --btnColor010: #44550d;
    --btnColor010_gs: #44550d;
    --btnColor010_ge: #add239;
    --btnColor011: #7e9c21;
    --btnColor012: #18a071;
    --btnColor012_h: #139769;
    --btnColor013: #313238;
    --btnColor014: #73747d;
    --btnColor014_h: #56575e;
    --btnColor015: #d93e44;
    --btnColor015_h: #f7484f;
    --btnColor016: #4f6dc3;
    --btnColor016_h: #4261b8;
    --btnColor017: #56575e;
    --btnColor017_h: #4d4e54;
    --btnColor018: #38383f;
    --btnColor018_h: #2f2f36;
    --btnColor019: #e63c3c;
    --btnColor020: #e6e6e6;
    --btnColor021: #6bd656;
    --btnColor022: #8cab29;
    --btnColor022_h: #a6ca2d;
    --btnColor023: #18a070;
    --btnColor023_h: #139769;
    --btnColor024: #e42626;
    --btnColor024_h: #d31818;
    --btnColor025: #8f64ff;
    --btnColor025_h: #7147e7;
    --btnColor026_h: #d9b491;
    --btnColor027: #3e2680;
    --btnColor027_h: #583aad;
    --btnColor028: #d9b491;
    --btnColor029: #296c7e;
    --btnColor029_h: #367687;
    --btnColor030: #7dc0d2;
    --btnColor030_h: #367687;
    --btnColor031: #b4b4b4;
    --btnColor032: #e7e7e7;
    --btnColor032_h: #e7e7e7;
    --btnColor033: #555a6a;
    --btnColor033_h: #464a5a;
    --btnColor034: #4c9eb4;
    --btnColor034_h: #4292a8;
    --btnColor035: #f3f3f9;
    --btnColor036_gs: #e2b271;
    --btnColor036_ge: #f5d79b;
    --btnColor037: #8f64ff;
    --btnColor037_h: #7a55d8;
    --btnColor038: #40404b;
    --btnColor039: #606080;
    --btnColor039_h: #6c6c86;
    --btnColor040: #ac8ff7;
    --btnColor040_h: #7b51e6;
    --btnColor041: #ffffff;
    --btnColor_001: #4385f8;
    --btnColor_001_h: #3376eb;
    --btnColor_002: #445778;
    --btnColor_003: #606080;
    --btnColor_004: #8db3d7;
    --btnColor_004_h: #577fa5;
    --btnColor_005: #425eb8;
    --btnColor_005_h: #334ea8;
    --btnColor_006: #ffd801;
    --btnColor_006_h: #f0b904;
    --btnColor_005: #2caf9e;
    --btnColor_005_h: #1d9787;
    --btnColor_006: #939ab0;
    --btnColor_006_h: #7b839b;
    --btnColor_007: #d5e0f7;
    --btnColor_007_h: #b5c6ec;
    --btnColor_008: #425eb8;
    --btnColor_008_h: #334ea8;
    --btnColor_009: #5a6372;
    --btnColor_009_h: #4d5666;
    --outline01: #746c2f;
    --outline02: #77bba6;
    --bdColor03: #cacaca;
    --bdColor04: #111111;
    --bdColor05: #50a58a;
    --bdColor06: #1a1a1a;
    --bdColor06_h: #100c0c;
    --bdColor07: #9bcc22;
    --bdColor08: #166c51;
    --bdColor09: #161619;
    --bdColor010: #b3b5ba;
    --bdColor011: #686a6d;
    --bdColor012: #c3c3c3;
    --bdColor013: #dddddd;
    --bdColor014: #d6d6d6;
    --bdColor015: #dc0f0f;
    --bdColor016: #c6c6c6;
    --bdColor017: #e8ecf8;
    --bdColor018: #616469;
    --bdColor020: #292b30;
    --bdColor021: #1c8463;
    --bdColor022: #5a9784;
    --bdColor023: #666666;
    --bdColor024: #b7b7b7;
    --bdColor025: #161616;
    --bdColor026: #dcb419;
    --bdColor027: #176c51;
    --bdColor028: #c1c6d5;
    --bdColor029: #18a071;
    --bdColor030: #bbbbbb;
    --bdColor031: #4c4c4c;
    --bdColor032: #cfd4e3;
    --bdColor033: #2c2e34;
    --bdColor034: #000000;
    --bdColor035: #acaeb4;
    --bdColor036: #637625;
    --bdColor037: #2d9261;
    --bdColor038: #d7daf1;
    --bdColor039: #f4f4f4;
    --bdColor040: #c6a586;
    --bdColor041: #e7e7e7;
    --bdColor042: #e6e6e6;
    --bdColor043: #6a7391;
    --bdColor044: #d9b491;
    --bdColor045: #b4b4b4;
    --bdColor046: #c99463;
    --bdColor047: #b4b9e6;
    --bdColor048: #c8c8c8;
    --bdColor049: #2d3345;
    --bdColor050: #d7af8a;
    --bdColor051: #e4e4e4;
    --bdColor052: #969696;
    --bdColor053: #4b5568;
    --bdColor054: #2e3546;
    --bdColor055: #ada198;
    --bdColor056: #f8d894;
    --bdColor057: #353c4a;
    --bdColor058: #ffffff;
    --bdColor059: #e7e7e7;
    --bdColor060: #b6b6b6;
    --bdColor061: #aa713c;
    --bdColor062: #e5e5e5;
    --bdColor063: #b27b46;
    --bdColor064: #4b5577;
    --bdColor065: #916740;
    --bdColor066: #f04156;
    --bdColor067: #f9f9fc;
    --bdColor068: #8f64ff;
    --bdColor069: #8f64ff;
    --bdColor070: #cfd0ea;
    --bdColor071: #d8d9ee;
    --bdColor072: #b4bec8;
    --bdColor073: #e4e4f7;
    --bdColor075: #b5defb;
    --bdColor076: #bbc5e6;
    --bdColor077: #ab841b;
    --bdColor071: #e3b372;
    --bdColor072: #7d4bff;
    --bdColor073: #1f1f25;
    --bdColor074: #b498ff;
    --bdColor075: #7d4cff;
    --bdColor076: #c8b081;
    --bdColor077: #3e3e47;
    --bdColor078: #2d2d35;
    --bdColor079: #40404c;
    --bdColor080: #8f64ff;
    --bdColor_001: #4385f8;
    --bdColor_002: #b1c4fb;
    --bdColor_003: #ffffff;
    --bdColor_004: #597ef8;
    --bdColor_005: #597ef7;
    --bdColor_006: #2e3740;
    --bdColor_007: #3c4652;
    --bdColor_008: #cecfe9;
    --bdColor_009: #40404b;
    --bdColor_010: #9dabc3;
    --bdColor_011: #2660c5;
    --bdColor_012: #ebecf3;
    --bdColor_013: #ab841b;
    --bdColor_014: #b1dcfb;
    --bdColor_015: #d9dcf2;
    --bdColor_016: #4486f7;
    --bdColor_017: #b4b9e6;
    --bdColor_018: #d8dbe5;
    --bdColor_019: #b0b1b8;
    --bdColor_020: #dadde7;
    --bdColor_021: #7094c6;
    --bdColor_022: #d8dbe5;
    --bdColor_023: #91b5d9;
    --bdColor_024: #474747;
    --bdColor_025: #4284f7;
    --bdColor_026: #f84343;
    --bdColor_027: #4385f8;
    --bdColor_028: #f8a143;
    --bdColor_029: #f8a143;
    --bdColor_030: #5aa028;
    --shadow01: #0000004d;
    --shadow02: #1d3a9e;
    --shadow03: #8e0b0b;
    --shadow04: #014224;
    --shadow05: #a7a7a7;
    --shadow06: #04040480;
    --shadow07: #cbced8;
    --shadow08: #000000;
    --shadow09: #987556;
    --shadow_01: #445fa3;
    --shadow_02: #d4deff;
    --shadow_03: #9eaae6;
    --shadow_04: #2b3d7869;
    --shadow_05: rgb(0 0 0 / 50%)
}

.btnColor02 {
    background: rgb(51,87,76);
    background: linear-gradient(180deg,#0f4535 0%,#164e3f 100%)
}

.btnColor02:hover {
    background: rgb(6,78,56);
    background: linear-gradient(180deg,#064e38 0%,#016143 100%);
    outline: 1px solid #77bba6;
    outline-offset: -1px
}

.bdColor01 {
    outline: 1px solid #659284;
    outline-offset: -1px
}

.bdColor02 {
    border-bottom: 1px dotted #464648
}

.bc-animation {
    width: 100%;
    height: 20vw;
    position: relative;
    display: flex;
    align-items: start;
    justify-content: center
}

.bc-animation .iframe {
    z-index: 2
}

.videobg {
    width: 100%;
    height: 20vw;
    position: absolute;
    top: 0;
    z-index: 1;
    background-size: 100% 19.8vw!important;
    background-repeat: no-repeat
}

.videobg-1 {
    background-image: url(../../Images/bg_1.e1cb25cb.jpg)
}

.videobg-2 {
    background-image: url(/assets/bg_2.7902cad3.jpg)
}

.videobg-3 {
    background-image: url(/assets/bg_3.f90adb4b.jpg)
}

.videobg-4 {
    background-image: url(/assets/bg_4.f446f5a4.jpg)
}

.videobg-5 {
    background-image: url(/assets/bg_5.82a8c281.jpg)
}

.videobg-11 {
    background-image: url(/assets/bg_11.0f119076.jpg)
}

.videobg-title {
    width: 100%;
    height: 10%;
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.videobg-title.score .vs {
    z-index: 1
}

.videobg-title.name .team {
    z-index: 2
}

.videobg-title.name-1 .team {
    background-color: #388e3d
}

.videobg-title.name-2 .team {
    background-color: #1187b2
}

.videobg-title.name-3 .team {
    background-color: #f68516
}

.videobg-title.name-4 .team {
    background-color: #ee6311
}

.videobg-title.name-5 .team {
    background-color: #303f9f
}

.videobg-title.name-6 .team,.videobg-title.name-11 .team {
    background-color: #388e3d
}

.videobg-title .team {
    width: calc(50% - 96px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    font-family: Rajdhani,sans-serif!important;
    font-weight: 500;
    font-size: .8vw;
    line-height: 1.2;
    padding: 0 10px
}

.videobg-title .vs {
    width: 192px;
    font-family: Roboto,sans-serif!important;
    font-size: 20px;
    text-align: center
}

.videobg-title .team2 {
    text-align: right
}

@media screen and (max-width: 1886px) {
    .videobg {
        background-size:100% 19vw!important
    }
}

@media screen and (max-width: 1489px) {
    .videobg {
        background-size:100% 18.5vw!important
    }
}

.videobgFullSize {
    background-size: 100% auto!important;
    background-repeat: no-repeat
}

.videobgFullSize .bc-animation {
    height: 33.5vw!important
}

.videobgFullSize .bc-animation .iframe {
    width: 100%;
    height: 100%
}

.videobgFullSize .bc-animation .videobg-title {
    height: 11%!important
}

.videobgFullSize .bc-animation .videobg-title .vs {
    font-size: 22px!important
}

.videobgFullSize .bc-animation .videobg-title .team {
    font-size: 1.6vw!important
}

.videobgFullSize-1 {
    background-image: url(/assets/bg_1.e1cb25cb.jpg)
}

.videobgFullSize-2 {
    background-image: url(/assets/bg_2.7902cad3.jpg)
}

.videobgFullSize-3 {
    background-image: url(/assets/bg_3.f90adb4b.jpg)
}

.videobgFullSize-4 {
    background-image: url(/assets/bg_4.f446f5a4.jpg)
}

.videobgFullSize-5 {
    background-image: url(/assets/bg_5.82a8c281.jpg)
}

.videobgFullSize-11 {
    background-image: url(/assets/bg_11.0f119076.jpg)
}

.sr-bb {
    font-family: Roboto,Noto,Helvetica Neue,Helvetica,Arial,sans-serif;
    text-align: left;
    background: #ffffff
}

.sr-bb.sr-rtl {
    text-align: right
}

.sr-bb .sr-bb {
    background: none
}

.sr-bb .srt-base-1 {
    background-color: transparent;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-1-win {
    background-color: transparent;
    color: #00003c;
    border-color: #00003c
}

.sr-bb .srt-base-1-draw {
    background-color: transparent;
    color: #0006;
    border-color: #0006
}

.sr-bb .srt-base-1-lose {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active {
    background-color: #ff00001f;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-1-is-active-2 {
    background-color: #e6e6e6;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-1-is-hoverable:hover {
    background-color: #ff00001f;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-1-primary {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-home-1 {
    background-color: transparent;
    color: #00003c;
    border-color: #00003c
}

.sr-bb .srt-base-1-away-1 {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-home-2 {
    background-color: transparent;
    color: #00003c;
    border-color: #940000
}

.sr-bb .srt-base-1-away-2 {
    background-color: transparent;
    color: red;
    border-color: #940000
}

.sr-bb .srt-base-1-home-3 {
    background-color: transparent;
    color: #00003c;
    border-color: #0000001f
}

.sr-bb .srt-base-1-away-3 {
    background-color: transparent;
    color: red;
    border-color: #0000001f
}

.sr-bb .srt-base-1-home-4 {
    background-color: transparent;
    color: #4d4d77;
    border-color: #4d4d77
}

.sr-bb .srt-base-1-away-4 {
    background-color: transparent;
    color: #ff4d4d;
    border-color: #ff4d4d
}

.sr-bb .srt-base-1-home-5 {
    background-color: transparent;
    color: #000027;
    border-color: #000027
}

.sr-bb .srt-base-1-away-5 {
    background-color: transparent;
    color: #a60000;
    border-color: #a60000
}

.sr-bb .srt-base-1-background,.sr-bb .srt-base-2 {
    background-color: #fff;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-2-is-active,.sr-bb .srt-base-2-is-hoverable:hover,.sr-bb .srt-base-3 {
    background-color: #ffe0e0;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-3-is-active,.sr-bb .srt-base-3-is-hoverable:hover {
    background-color: #ffd4d4;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-3-background {
    background-color: #fff;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-4 {
    background-color: #fff2f2;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-5-is-active,.sr-bb .srt-base-5-is-hoverable:hover {
    background-color: #ffbdbd;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-6 {
    background-color: transparent;
    color: #000;
    border-color: #0000004d
}

.sr-bb .srt-primary-1 {
    background-color: red;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-1-is-active,.sr-bb .srt-primary-1-is-hoverable:hover {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-1-is-disabled {
    background-color: #f33;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-2 {
    background-color: #b30000;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-3 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-4,.sr-bb .srt-primary-5 {
    background-color: #f66;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-5-is-hoverable:hover {
    background-color: red;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-6 {
    background-color: #940000;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-7,.sr-bb .srt-primary-8 {
    background-color: red;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-8-is-active-1 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-8-is-active-2 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-primary-9 {
    background-color: #ffb3b3;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-primary-10 {
    background-color: #f33;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-11 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-12 {
    background-color: red;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-primary-13 {
    background-color: #fff2f2;
    color: #fff;
    border-color: #ff00004d
}

.sr-bb .srt-base-1-primary-1 {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-primary-2 {
    background-color: transparent;
    color: #b30000;
    border-color: #b30000
}

.sr-bb .srt-base-1-primary-3 {
    background-color: transparent;
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-primary-4,.sr-bb .srt-base-1-primary-5 {
    background-color: transparent;
    color: #f66;
    border-color: #f66
}

.sr-bb .srt-base-1-primary-6 {
    background-color: transparent;
    color: #940000;
    border-color: #940000
}

.sr-bb .srt-base-1-primary-7,.sr-bb .srt-base-1-primary-8 {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-primary-9 {
    background-color: transparent;
    color: #ffb3b3;
    border-color: #ffb3b3
}

.sr-bb .srt-base-1-primary-10 {
    background-color: transparent;
    color: #f33;
    border-color: #f33
}

.sr-bb .srt-base-1-primary-11 {
    background-color: transparent;
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-primary-13 {
    background-color: #fff;
    color: #fff2f2;
    border-color: #ff00004d
}

.sr-bb .srt-base-1-neutral-1 {
    background-color: transparent;
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-neutral-2 {
    background-color: transparent;
    color: #1a1a1a;
    border-color: #1a1a1a
}

.sr-bb .srt-base-1-neutral-3 {
    background-color: transparent;
    color: #0000001f;
    border-color: #0000001f
}

.sr-bb .srt-base-1-neutral-4 {
    background-color: transparent;
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-neutral-5 {
    background-color: transparent;
    color: #404040;
    border-color: #404040
}

.sr-bb .srt-base-1-neutral-6 {
    background-color: transparent;
    color: #c2c2c2;
    border-color: #c2c2c2
}

.sr-bb .srt-base-1-neutral-7 {
    background-color: transparent;
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-neutral-8 {
    background-color: transparent;
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-neutral-9 {
    background-color: transparent;
    color: #f0f0f0;
    border-color: #f0f0f0
}

.sr-bb .srt-base-1-neutral-10 {
    background-color: transparent;
    color: #e0e0e0;
    border-color: #e0e0e0
}

.sr-bb .srt-base-1-neutral-11 {
    background-color: transparent;
    color: #999;
    border-color: #999
}

.sr-bb .srt-base-1-neutral-12 {
    background-color: transparent;
    color: #4d4d4d;
    border-color: #4d4d4d
}

.sr-bb .srt-base-1-neutral-13 {
    background-color: transparent;
    color: #e6e6e6;
    border-color: #e6e6e6
}

.sr-bb .srt-base-1-is-active-primary {
    background-color: #ff00001f;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-home-1 {
    background-color: #ff00001f;
    color: #00003c;
    border-color: #00003c
}

.sr-bb .srt-base-1-is-active-away-1 {
    background-color: #ff00001f;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-home-2 {
    background-color: #ff00001f;
    color: #00003c;
    border-color: #940000
}

.sr-bb .srt-base-1-is-active-away-2 {
    background-color: #ff00001f;
    color: red;
    border-color: #940000
}

.sr-bb .srt-base-1-is-active-home-3 {
    background-color: #ff00001f;
    color: #00003c;
    border-color: #0000001f
}

.sr-bb .srt-base-1-is-active-away-3 {
    background-color: #ff00001f;
    color: red;
    border-color: #0000001f
}

.sr-bb .srt-base-1-is-active-home-4 {
    background-color: #ff00001f;
    color: #4d4d77;
    border-color: #4d4d77
}

.sr-bb .srt-base-1-is-active-away-4 {
    background-color: #ff00001f;
    color: #ff4d4d;
    border-color: #ff4d4d
}

.sr-bb .srt-base-1-is-active-home-5 {
    background-color: #ff00001f;
    color: #000027;
    border-color: #000027
}

.sr-bb .srt-base-1-is-active-away-5 {
    background-color: #ff00001f;
    color: #a60000;
    border-color: #a60000
}

.sr-bb .srt-base-1-is-active-primary-1 {
    background-color: #ff00001f;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-primary-2 {
    background-color: #ff00001f;
    color: #b30000;
    border-color: #b30000
}

.sr-bb .srt-base-1-is-active-primary-3 {
    background-color: #ff00001f;
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-is-active-primary-4,.sr-bb .srt-base-1-is-active-primary-5 {
    background-color: #ff00001f;
    color: #f66;
    border-color: #f66
}

.sr-bb .srt-base-1-is-active-primary-6 {
    background-color: #ff00001f;
    color: #940000;
    border-color: #940000
}

.sr-bb .srt-base-1-is-active-primary-7,.sr-bb .srt-base-1-is-active-primary-8 {
    background-color: #ff00001f;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-primary-9 {
    background-color: #ff00001f;
    color: #ffb3b3;
    border-color: #ffb3b3
}

.sr-bb .srt-base-1-is-active-primary-10 {
    background-color: #ff00001f;
    color: #f33;
    border-color: #f33
}

.sr-bb .srt-base-1-is-active-primary-11 {
    background-color: #ff00001f;
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-is-active-neutral-1 {
    background-color: #ff00001f;
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-is-active-neutral-2 {
    background-color: #ff00001f;
    color: #1a1a1a;
    border-color: #1a1a1a
}

.sr-bb .srt-base-1-is-active-neutral-3 {
    background-color: #ff00001f;
    color: #0000001f;
    border-color: #0000001f
}

.sr-bb .srt-base-1-is-active-neutral-4 {
    background-color: #ff00001f;
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-is-active-neutral-5 {
    background-color: #ff00001f;
    color: #404040;
    border-color: #404040
}

.sr-bb .srt-base-1-is-active-neutral-6 {
    background-color: #ff00001f;
    color: #c2c2c2;
    border-color: #c2c2c2
}

.sr-bb .srt-base-1-is-active-neutral-7 {
    background-color: #ff00001f;
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-is-active-neutral-8 {
    background-color: #ff00001f;
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-is-active-neutral-9 {
    background-color: #ff00001f;
    color: #f0f0f0;
    border-color: #f0f0f0
}

.sr-bb .srt-base-1-is-active-neutral-10 {
    background-color: #ff00001f;
    color: #e0e0e0;
    border-color: #e0e0e0
}

.sr-bb .srt-base-1-is-active-neutral-11 {
    background-color: #ff00001f;
    color: #999;
    border-color: #999
}

.sr-bb .srt-base-1-is-active-neutral-12 {
    background-color: #ff00001f;
    color: #4d4d4d;
    border-color: #4d4d4d
}

.sr-bb .srt-base-1-is-active-neutral-13 {
    background-color: #ff00001f;
    color: #e6e6e6;
    border-color: #e6e6e6
}

.sr-bb .srt-home-1 {
    background-color: #00003c;
    color: #fff;
    border-color: #00003c
}

.sr-bb .srt-away-1 {
    background-color: red;
    color: #fff;
    border-color: red
}

.sr-bb .srt-home-2 {
    background-color: #00003c;
    color: #fff;
    border-color: #940000
}

.sr-bb .srt-away-2 {
    background-color: red;
    color: #fff;
    border-color: #940000
}

.sr-bb .srt-home-3 {
    background-color: #00003c;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-away-3 {
    background-color: red;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-home-4 {
    background-color: #4d4d77;
    color: #fff;
    border-color: #4d4d77
}

.sr-bb .srt-away-4 {
    background-color: #ff4d4d;
    color: #fff;
    border-color: #ff4d4d
}

.sr-bb .srt-home-5 {
    background-color: #000027;
    color: #fff;
    border-color: #000027
}

.sr-bb .srt-away-5 {
    background-color: #a60000;
    color: #fff;
    border-color: #a60000
}

.sr-bb .srt-home-6 {
    background-color: #00003c33;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-away-6 {
    background-color: #f003;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-home-6-is-hoverable:hover {
    background-color: #00003c33;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-away-6-is-hoverable:hover {
    background-color: #f003;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-1 {
    background-color: #dedede;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-2 {
    background-color: #1a1a1a;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-neutral-3 {
    background-color: #0000001f;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-4 {
    background-color: #595959;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-neutral-5 {
    background-color: #404040;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-neutral-6 {
    background-color: #c2c2c2;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-7 {
    background-color: #595959;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-neutral-8 {
    background-color: #dedede;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-9 {
    background-color: #f0f0f0;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-10 {
    background-color: #e0e0e0;
    color: #000000d1;
    border-color: #0000001f
}

.sr-bb .srt-neutral-11 {
    background-color: #999;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-12 {
    background-color: #4d4d4d;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-neutral-13 {
    background-color: #e6e6e6;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-win {
    background-color: #00003c;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-draw {
    background-color: #0006;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-lose {
    background-color: red;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-text-secondary {
    opacity: .7;
    -webkit-font-smoothing: antialiased
}

.sr-bb .srt-text-disabled {
    opacity: .35
}

.sr-bb .srt-text-tertiary {
    opacity: .54
}

.sr-bb .srt-primary-1 .srt-text-secondary,.sr-bb .srt-primary-1.srt-text-secondary,.sr-bb .srt-primary-1-is-active .srt-text-secondary,.sr-bb .srt-primary-1-is-active.srt-text-secondary,.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,.sr-bb .srt-primary-2 .srt-text-secondary,.sr-bb .srt-primary-2.srt-text-secondary,.sr-bb .srt-primary-3 .srt-text-secondary,.sr-bb .srt-primary-3.srt-text-secondary,.sr-bb .srt-primary-4 .srt-text-secondary,.sr-bb .srt-primary-4.srt-text-secondary,.sr-bb .srt-primary-5 .srt-text-secondary,.sr-bb .srt-primary-5.srt-text-secondary,.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,.sr-bb .srt-primary-6 .srt-text-secondary,.sr-bb .srt-primary-6.srt-text-secondary,.sr-bb .srt-primary-7 .srt-text-secondary,.sr-bb .srt-primary-7.srt-text-secondary,.sr-bb .srt-primary-8 .srt-text-secondary,.sr-bb .srt-primary-8.srt-text-secondary,.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,.sr-bb .srt-primary-9 .srt-text-secondary,.sr-bb .srt-primary-9.srt-text-secondary,.sr-bb .srt-primary-10 .srt-text-secondary,.sr-bb .srt-primary-10.srt-text-secondary,.sr-bb .srt-primary-11 .srt-text-secondary,.sr-bb .srt-primary-11.srt-text-secondary,.sr-bb .srt-primary-12 .srt-text-secondary,.sr-bb .srt-primary-12.srt-text-secondary,.sr-bb .srt-primary-13 .srt-text-secondary,.sr-bb .srt-primary-13.srt-text-secondary {
    opacity: .8;
    -webkit-font-smoothing: antialiased
}

.sr-bb .srt-primary-1 .srt-text-disabled,.sr-bb .srt-primary-1.srt-text-disabled,.sr-bb .srt-primary-1-is-active .srt-text-disabled,.sr-bb .srt-primary-1-is-active.srt-text-disabled,.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,.sr-bb .srt-primary-2 .srt-text-disabled,.sr-bb .srt-primary-2.srt-text-disabled,.sr-bb .srt-primary-3 .srt-text-disabled,.sr-bb .srt-primary-3.srt-text-disabled,.sr-bb .srt-primary-4 .srt-text-disabled,.sr-bb .srt-primary-4.srt-text-disabled,.sr-bb .srt-primary-5 .srt-text-disabled,.sr-bb .srt-primary-5.srt-text-disabled,.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,.sr-bb .srt-primary-6 .srt-text-disabled,.sr-bb .srt-primary-6.srt-text-disabled,.sr-bb .srt-primary-7 .srt-text-disabled,.sr-bb .srt-primary-7.srt-text-disabled,.sr-bb .srt-primary-8 .srt-text-disabled,.sr-bb .srt-primary-8.srt-text-disabled,.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,.sr-bb .srt-primary-9 .srt-text-disabled,.sr-bb .srt-primary-9.srt-text-disabled,.sr-bb .srt-primary-10 .srt-text-disabled,.sr-bb .srt-primary-10.srt-text-disabled,.sr-bb .srt-primary-11 .srt-text-disabled,.sr-bb .srt-primary-11.srt-text-disabled,.sr-bb .srt-primary-12 .srt-text-disabled,.sr-bb .srt-primary-12.srt-text-disabled,.sr-bb .srt-primary-13 .srt-text-disabled,.sr-bb .srt-primary-13.srt-text-disabled {
    opacity: .6
}

.sr-bb .srt-primary-1 .srt-text-tertiary,.sr-bb .srt-primary-1.srt-text-tertiary,.sr-bb .srt-primary-1-is-active .srt-text-tertiary,.sr-bb .srt-primary-1-is-active.srt-text-tertiary,.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,.sr-bb .srt-primary-2 .srt-text-tertiary,.sr-bb .srt-primary-2.srt-text-tertiary,.sr-bb .srt-primary-3 .srt-text-tertiary,.sr-bb .srt-primary-3.srt-text-tertiary,.sr-bb .srt-primary-4 .srt-text-tertiary,.sr-bb .srt-primary-4.srt-text-tertiary,.sr-bb .srt-primary-5 .srt-text-tertiary,.sr-bb .srt-primary-5.srt-text-tertiary,.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,.sr-bb .srt-primary-6 .srt-text-tertiary,.sr-bb .srt-primary-6.srt-text-tertiary,.sr-bb .srt-primary-7 .srt-text-tertiary,.sr-bb .srt-primary-7.srt-text-tertiary,.sr-bb .srt-primary-8 .srt-text-tertiary,.sr-bb .srt-primary-8.srt-text-tertiary,.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,.sr-bb .srt-primary-9 .srt-text-tertiary,.sr-bb .srt-primary-9.srt-text-tertiary,.sr-bb .srt-primary-10 .srt-text-tertiary,.sr-bb .srt-primary-10.srt-text-tertiary,.sr-bb .srt-primary-11 .srt-text-tertiary,.sr-bb .srt-primary-11.srt-text-tertiary,.sr-bb .srt-primary-12 .srt-text-tertiary,.sr-bb .srt-primary-12.srt-text-tertiary,.sr-bb .srt-primary-13 .srt-text-tertiary,.sr-bb .srt-primary-13.srt-text-tertiary {
    opacity: .7
}

.sr-bb .srt-icon {
    opacity: .33
}

.sr-bb .srt-icon-secondary {
    opacity: .7
}

.sr-bb .srt-elevation-1 {
    box-shadow: 0 1px 2px #0003,0 1px 3px #0000001a
}

.sr-bb .srt-elevation-2 {
    box-shadow: 0 3px 6px #0000003b,0 3px 6px #00000029
}

.sr-bb .srt-elevation-3 {
    box-shadow: 0 6px 6px #00000042,0 10px 20px #00000030
}

.sr-bb .srt-elevation-center-2 {
    box-shadow: 0 1px 5px #0000003b,0 1px 5px #00000029
}

.sr-bb .srt-inset-top-1 {
    box-shadow: inset 0 1px 2px #0000003b
}

.sr-bb .srt-inset-bottom-1 {
    box-shadow: inset 0 -1px 2px #0000003b
}

.sr-bb .srt-inset-top-2 {
    box-shadow: inset 0 3px 6px #0000003b
}

.sr-bb .srt-inset-bottom-2 {
    box-shadow: inset 0 -3px 6px #0000003b
}

.sr-bb .srt-inset-top-3 {
    box-shadow: inset 0 6px 6px #0000003b
}

.sr-bb .srt-inset-bottom-3 {
    box-shadow: inset 0 -6px 6px #0000003b
}

.sr-bb .srt-fill-blue-card {
    fill: #2579ad
}

.sr-bb .srt-stroke-blue-card {
    stroke: #2579ad
}

.sr-bb .srt-fill-soccer-yellow-card {
    fill: #ffbf00
}

.sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #ffbf00
}

.sr-bb .srt-fill-soccer-red-card {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-red-card {
    stroke: #e43b3b
}

.sr-bb .srt-stroke-soccer-substitution-in {
    stroke: #4fbe30;
    fill: transparent
}

.sr-bb .srt-fill-soccer-substitution-in {
    fill: #4fbe30
}

.sr-bb .srt-stroke-soccer-substitution-out {
    stroke: #e43b3b;
    fill: transparent
}

.sr-bb .srt-fill-soccer-substitution-out {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-own-goal {
    stroke: #e43b3b;
    fill: transparent
}

.sr-bb .srt-fill-soccer-own-goal {
    fill: #e43b3b
}

.sr-bb .srt-fill-soccer-relegation-1 {
    fill: #fdd835
}

.sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #fdd835
}

.sr-bb .srt-fill-soccer-relegation-2 {
    fill: #ffb848
}

.sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #ffb848
}

.sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ef6c00
}

.sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ef6c00
}

.sr-bb .srt-fill-soccer-relegation-4 {
    fill: #e93a34
}

.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #e93a34
}

.sr-bb .srt-fill-soccer-relegation-5 {
    fill: #941d1d
}

.sr-bb .srt-stroke-soccer-relegation-5 {
    stroke: #941d1d
}

.sr-bb .srt-fill-soccer-promotion-1 {
    fill: #51d151
}

.sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #51d151
}

.sr-bb .srt-fill-soccer-promotion-2 {
    fill: #1b911b
}

.sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #1b911b
}

.sr-bb .srt-fill-soccer-promotion-3 {
    fill: #0e8094
}

.sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #0e8094
}

.sr-bb .srt-fill-soccer-promotion-4 {
    fill: #0a6cce
}

.sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #0a6cce
}

.sr-bb .srt-fill-soccer-promotion-5 {
    fill: #4a9fe4
}

.sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #4a9fe4
}

.sr-bb .srt-nfl-timeout-1 {
    background-color: #f5a623;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-nfl-timeout-2 {
    background-color: #f5a6234d;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-nfl-penalty {
    background-color: #f4a621;
    color: #fff;
    border-color: #f4a621
}

.sr-bb .srt-nfl-negative-yards-1,.sr-bb .srt-nfl-negative-yards-2 {
    background-color: #ac182e;
    color: #fff;
    border-color: #ac182e
}

.sr-bb .srt-nfl-first-line {
    background-color: #4b90de;
    color: #fff;
    border-color: #4b90de
}

.sr-bb .srt-nfl-ten-line {
    background-color: #f5a623;
    color: #fff;
    border-color: #f5a623
}

.sr-bb .srt-fill-nfl-penalty {
    fill: #f4a621
}

.sr-bb .srt-stroke-nfl-penalty {
    stroke: #f4a621
}

.sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de
}

.sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de
}

.sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623
}

.sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623
}

.sr-bb .srt-mlb-run-1 {
    background-color: #090;
    color: #fff;
    border-color: #090
}

.sr-bb .srt-mlb-run-2 {
    background-color: #fff;
    color: #090;
    border-color: #090
}

.sr-bb .srt-mlb-hit-1 {
    background-color: #f7ab11;
    color: #000;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-2 {
    background-color: #fff;
    color: #f7ab11;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-3 {
    background-color: #00a4ff;
    color: #fff;
    border-color: #00a4ff
}

.sr-bb .srt-mlb-error-1 {
    background-color: #d0021b;
    color: #fff;
    border-color: #d0021b
}

.sr-bb .srt-mlb-error-2 {
    background-color: #fff;
    color: #d0021b;
    border-color: #d0021b
}

.sr-bb .srt-mlb-neutral-1 {
    background-color: #212121;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-fill-mlb-base,.sr-bb .srt-strole-mlb-base {
    fill: #00a4ff
}

.sr-bb .srt-fill-change-increase {
    fill: #00003c
}

.sr-bb .srt-stroke-change-increase {
    stroke: #00003c
}

.sr-bb .srt-fill-change-decrease {
    fill: red
}

.sr-bb .srt-stroke-change-decrease {
    stroke: red
}

.sr-bb .srt-fill-text {
    fill: #000
}

.sr-bb .srt-fill-text-invert {
    fill: #fff
}

.sr-bb .srt-fill-text-secondary {
    fill-opacity: .7
}

.sr-bb .srt-fill-text-disabled {
    fill-opacity: .35
}

.sr-bb .srt-fill-base-1 {
    fill: transparent
}

.sr-bb .srt-stroke-base-1 {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-active {
    fill: #ff00001f
}

.sr-bb .srt-stroke-base-1-active {
    stroke: #ff00001f
}

.sr-bb .srt-fill-base-1-active-2 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-base-1-active-2 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-base-1-primary {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-primary {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-home {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-home {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-away {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-away {
    stroke: transparent
}

.sr-bb .srt-fill-base-2 {
    fill: currentColor
}

.sr-bb .srt-stroke-base-2 {
    stroke: currentColor
}

.sr-bb .srt-fill-base-2-active {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-2-active {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-2-hover {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-2-hover {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-3 {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-3 {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-3-active {
    fill: #ffd4d4
}

.sr-bb .srt-stroke-base-3-active {
    stroke: #ffd4d4
}

.sr-bb .srt-fill-base-3-hover {
    fill: #ffd4d4
}

.sr-bb .srt-stroke-base-3-hover {
    stroke: #ffd4d4
}

.sr-bb .srt-fill-primary-1 {
    fill: red
}

.sr-bb .srt-stroke-primary-1 {
    stroke: red
}

.sr-bb .srt-fill-primary-2 {
    fill: #b30000
}

.sr-bb .srt-stroke-primary-2 {
    stroke: #b30000
}

.sr-bb .srt-fill-primary-3 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-3 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-4 {
    fill: #f66
}

.sr-bb .srt-stroke-primary-4 {
    stroke: #f66
}

.sr-bb .srt-fill-primary-5 {
    fill: #f66
}

.sr-bb .srt-stroke-primary-5 {
    stroke: #f66
}

.sr-bb .srt-fill-primary-6 {
    fill: #940000
}

.sr-bb .srt-stroke-primary-6 {
    stroke: #940000
}

.sr-bb .srt-fill-primary-7 {
    fill: red
}

.sr-bb .srt-stroke-primary-7 {
    stroke: red
}

.sr-bb .srt-fill-primary-8 {
    fill: red
}

.sr-bb .srt-stroke-primary-8 {
    stroke: red
}

.sr-bb .srt-fill-primary-8-is-active-1 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-8-is-active-2 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-9 {
    fill: #ffb3b3
}

.sr-bb .srt-stroke-primary-9 {
    stroke: #ffb3b3
}

.sr-bb .srt-fill-primary-10 {
    fill: #f33
}

.sr-bb .srt-stroke-primary-10 {
    stroke: #f33
}

.sr-bb .srt-fill-primary-11 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-11 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-12 {
    fill: red
}

.sr-bb .srt-stroke-primary-12 {
    stroke: red
}

.sr-bb .srt-fill-home-1 {
    fill: #00003c
}

.sr-bb .srt-stroke-home-1 {
    stroke: #00003c
}

.sr-bb .srt-fill-home-2 {
    fill: #00003c
}

.sr-bb .srt-stroke-home-2 {
    stroke: #00003c
}

.sr-bb .srt-fill-home-3 {
    fill: #00003c
}

.sr-bb .srt-stroke-home-3 {
    stroke: #00003c
}

.sr-bb .srt-fill-home-4 {
    fill: #4d4d77
}

.sr-bb .srt-stroke-home-4 {
    stroke: #4d4d77
}

.sr-bb .srt-fill-home-5 {
    fill: #000027
}

.sr-bb .srt-stroke-home-5 {
    stroke: #000027
}

.sr-bb .srt-fill-away-1 {
    fill: red
}

.sr-bb .srt-stroke-away-1 {
    stroke: red
}

.sr-bb .srt-fill-away-2 {
    fill: red
}

.sr-bb .srt-stroke-away-2 {
    stroke: red
}

.sr-bb .srt-fill-away-3 {
    fill: red
}

.sr-bb .srt-stroke-away-3 {
    stroke: red
}

.sr-bb .srt-fill-away-4 {
    fill: #ff4d4d
}

.sr-bb .srt-stroke-away-4 {
    stroke: #ff4d4d
}

.sr-bb .srt-fill-away-5 {
    fill: #a60000
}

.sr-bb .srt-stroke-away-5 {
    stroke: #a60000
}

.sr-bb .srt-fill-neutral-1 {
    fill: #dedede
}

.sr-bb .srt-stroke-neutral-1 {
    stroke: #dedede
}

.sr-bb .srt-fill-neutral-2 {
    fill: #1a1a1a
}

.sr-bb .srt-stroke-neutral-2 {
    stroke: #1a1a1a
}

.sr-bb .srt-fill-neutral-3 {
    fill: #0000001f
}

.sr-bb .srt-stroke-neutral-3 {
    stroke: #0000001f
}

.sr-bb .srt-fill-neutral-4 {
    fill: #595959
}

.sr-bb .srt-stroke-neutral-4 {
    stroke: #595959
}

.sr-bb .srt-fill-neutral-5 {
    fill: #404040
}

.sr-bb .srt-stroke-neutral-5 {
    stroke: #404040
}

.sr-bb .srt-fill-neutral-6 {
    fill: #c2c2c2
}

.sr-bb .srt-stroke-neutral-6 {
    stroke: #c2c2c2
}

.sr-bb .srt-fill-neutral-7 {
    fill: #595959
}

.sr-bb .srt-stroke-neutral-7 {
    stroke: #595959
}

.sr-bb .srt-fill-neutral-8 {
    fill: #dedede
}

.sr-bb .srt-stroke-neutral-8 {
    stroke: #dedede
}

.sr-bb .srt-fill-neutral-9 {
    fill: #f0f0f0
}

.sr-bb .srt-stroke-neutral-9 {
    stroke: #f0f0f0
}

.sr-bb .srt-fill-neutral-10 {
    fill: #e0e0e0
}

.sr-bb .srt-stroke-neutral-10 {
    stroke: #e0e0e0
}

.sr-bb .srt-fill-neutral-11 {
    fill: #999
}

.sr-bb .srt-stroke-neutral-11 {
    stroke: #999
}

.sr-bb .srt-fill-neutral-12 {
    fill: #4d4d4d
}

.sr-bb .srt-stroke-neutral-12 {
    stroke: #4d4d4d
}

.sr-bb .srt-fill-neutral-13 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-neutral-13 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-win {
    fill: #00003c
}

.sr-bb .srt-stroke-win {
    stroke: #00003c
}

.sr-bb .srt-fill-draw {
    fill: #0006
}

.sr-bb .srt-stroke-draw {
    stroke: #0006
}

.sr-bb .srt-fill-lose {
    fill: red
}

.sr-bb .srt-stroke-lose {
    stroke: red
}

.sr-bb .srt-stop-base-1 {
    stop-color: transparent
}

.sr-bb .srt-stop-primary-1 {
    stop-color: red
}

.sr-bb .srt-stop-primary-2 {
    stop-color: #b30000
}

.sr-bb .srt-stop-primary-3 {
    stop-color: #ff1a1a
}

.sr-bb .srt-stop-primary-4,.sr-bb .srt-stop-primary-5 {
    stop-color: #f66
}

.sr-bb .srt-stop-primary-6 {
    stop-color: #940000
}

.sr-bb .srt-stop-primary-7,.sr-bb .srt-stop-primary-8 {
    stop-color: red
}

.sr-bb .srt-stop-primary-9 {
    stop-color: #ffb3b3
}

.sr-bb .srt-stop-primary-10 {
    stop-color: #f33
}

.sr-bb .srt-stop-primary-11 {
    stop-color: #ff1a1a
}

.sr-bb .srt-stop-primary-12 {
    stop-color: red
}

.sr-bb .srt-stop-home-1 {
    stop-color: #00003c
}

.sr-bb .srt-stop-away-1 {
    stop-color: red
}

.sr-bb .srt-fill-neutral-14 {
    fill: #fff
}

.sr-bb .srt-stroke-neutral-14 {
    stroke: #fff
}

.sr-bb .srt-logo-powered-by-light {
    display: inline-block
}

.sr-bb .srt-logo-powered-by-dark,.sr-bb .sr-lmt-plus__footer-wrapper {
    display: none
}

input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .3s;
    transition: all .3s
}

.main_content.SportContent .chooseFrame.sportResult,.main_content.SportContent .chooseFrame.sportResult .chooseZone {
    width: 100%!important
}

.sportFrame .selectZone .frameTitle02ALL .loading {
    height: 65px;
    text-align: center;
    vertical-align: middle;
    padding-top: 20px;
    color: #333
}

.sportFrame .selectZone .frameTitle02ALL .loading .lockLoading {
    height: 30px;
    width: 30px;
    margin-top: 15px
}

.sportFrame .selectZone .frameTitle02ALL .loading .lockDetailLoading {
    height: 30px;
    width: 30px;
    margin-top: -5px
}

.input_group.rem_check {
    padding-left: 23px
}

.SportContent {
    background-size: cover;
    width: 100%;
    overflow: hidden;
    background-repeat: repeat-y;
    transition: .4s ease-out;
    position: relative
}

.webp .SportContent {
    background-image: url(/assets/homeBG.d477bb08.webp)
}

.no-webp .SportContent {
    background-image: url(/assets/homeBG.7b426243.jpg)
}

.sportFrame {
    width: 1440px;
    height: auto;
    overflow: hidden;
    background-color: var(--main);
    position: relative;
    margin: 20px auto
}

.sportFrame .chooseFrame {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    position: relative
}

.sportFrame .chooseZone {
    width: 100%;
    float: left;
    border: 1px solid var(--bdColor_018)
}

.sportFrame .chooseZone .filterZone {
    background-color: #f8faff;
    height: 79px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px
}

.sportFrame .chooseZone .filterZone .inputFrame {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 19%;
    margin-right: .5%
}

.sportFrame .chooseZone .filterZone .timeFrame {
    width: 36%
}

.sportFrame .chooseZone .filterZone .inputFrame .info {
    display: flex;
    align-items: center
}

.sportFrame .chooseZone .filterZone .timeFrame .info {
    height: 10px
}

.sportFrame .chooseZone .filterZone .inputFrame .info .txt {
    font-size: 12px;
    color: var(--txtColor_037);
    margin-right: 6px
}

.sportFrame .chooseZone .filterZone .info .txt span {
    color: var(--txtColor012)
}

.sportFrame .chooseZone .filterZone .inputFrame .info .rem_check {
    font-size: 12px;
    color: var(--txtColor_037);
    margin-left: 4px
}

.sportFrame .chooseZone .filterZone .inputFrame .info .rem_check label {
    margin-top: 2px
}

.sportFrame .chooseZone .filterZone .timeInput {
    display: flex
}

.sportFrame .chooseZone .filterZone .timeInput .input_content {
    width: 200%;
    margin-right: 1%;
    position: relative
}

.sportFrame .chooseZone .filterZone .timeInput .input_content span {
    position: absolute;
    color: var(--txtColor_05);
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
    font-size: .9vw
}

.sportFrame .chooseZone .filterZone .input_content input {
    height: 36px
}

.sportFrame .chooseZone .filterZone .input_content input::placeholder {
    color: var(--txtColor_037);
    font-weight: 100;
    font-size: 12px
}

.sportFrame .chooseZone .filterZone .input_content {
    width: 100%;
    height: 36px;
    padding-left: 11px;
    background-repeat: no-repeat;
    background-position: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    color: var(--txtColor_037);
    background-color: var(--main);
    border: 1px solid #CECFE9!important;
    margin-top: 10px
}

.sportFrame .chooseZone .filterZone .input_content select {
    display: block;
    border: none;
    background: none!important;
    padding: 0;
    height: 40px;
    font-size: 12px;
    font-weight: 100;
    width: 98%
}

.sportFrame .chooseZone .filterZone .input_content select:focus {
    outline: 0px
}

.sportFrame .chooseZone .filterZone .btnFrame button {
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    color: var(--txtColor_08);
    background-color: var(--btnColor_001)!important;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 22px;
    transition: .2s ease-out
}

.sportFrame .chooseZone .filterZone .btnFrame button:hover {
    background-color: var(--btnColor_001_h)!important
}

.sportFrame .selectZone .frameOut {
    display: flex;
    justify-content: space-between;
    margin: 4px 0;
    position: relative;
    padding: 0 7px
}

.sportFrame .selectZone .title .frameOut {
    height: 32px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding-left: 14px;
    font-size: 14px
}

.sportFrame .selectZone .frameOut .frameS {
    display: flex;
    align-items: center;
    padding: 0 14px;
    cursor: pointer;
    color: var(--txtColor_037);
    height: 32px;
    border-radius: 5px
}

.sportFrame .selectZone .title .frameS {
    background: linear-gradient(135deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    cursor: unset
}

.sportFrame .selectZone .title01 .frameS {
    background: var(--bgColor070);
    border: 1px solid var(--bdColor_008)
}

.sportFrame .selectZone .frameTitle02ALL {
    overflow-y: scroll;
    height: 745px;
    background-color: var(--main)
}

.sportFrame .selectZone .frameTitle02ALL::-webkit-scrollbar {
    width: 3px
}

.sportFrame .selectZone .frameTitle02ALL::-webkit-scrollbar-track {
    background-color: #d5e0f7
}

.sportFrame .selectZone .frameTitle02ALL::-webkit-scrollbar-thumb {
    background-color: #adb5d0;
    transition: .2s all ease-out
}

.sportFrame .selectZone .frameTitle02ALL::-webkit-scrollbar-thumb:hover {
    background-color: #939ab0
}

.sportFrame .selectZone .title02 .frameS {
    border: 1px solid var(--bdColor_008)
}

.sportFrame .selectZone .title02 .frameS:hover,.sportFrame .selectZone .title02 .chooseBTN {
    background-color: var(--bgColor_032)!important;
    border: 1px solid var(--bdColor_001)!important
}

.sportFrame .selectZone .frameOut .timePoint {
    width: 19.7%
}

.sportFrame .selectZone .frameOut .team {
    width: 29.7%
}

.sportFrame .selectZone .frameOut .arrowT {
    width: 17px;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-right: 8px
}

.sportFrame .selectZone .frameOut .arrowT span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(0);
    transition: .2s ease-out
}

.sportFrame .selectZone .frameOut .arrowT:hover span {
    color: var(--txtColor_035)
}

.sportFrame .selectZone .frameOut .arrowGO span {
    transform: rotate(180deg)
}

.sportFrame .selectZone .clickFrame .clickINFO:nth-child(1),.sportFrame .selectZone .clickFrame .clickINFO:nth-child(2),.sportFrame .selectZone .clickFrame .clickINFO:nth-child(3),.sportFrame .selectZone .clickFrame .clickINFO:nth-child(4) {
    display: none
}

.sportFrame .selectZone .clickINFO {
    width: 100%;
    background: linear-gradient(180deg,#F2F6F9 0%,#ECF2FE 100%);
    padding: 8px;
    z-index: 1;
    border: 1px solid var(--bdColor_008);
    top: 36px;
    display: none
}

.sportFrame .selectZone .clickINFO .infoOut {
    width: 50%;
    display: inline-block;
    justify-content: space-between;
    margin-bottom: 5px
}

.sportFrame .selectZone .clickINFO .infoOut .infoFrame {
    width: 99.8%;
    background: var(--bgColor_02);
    border: 1px solid var(--bdColor_008);
    padding: 7px;
    border-radius: 5px;
    cursor: unset
}

.sportFrame .selectZone .clickINFO .infoOut .infoFrame span {
    color: var(--txtColor_033)
}

@media (max-width: 1440px) {
    .sportFrame {
        width:100%
    }
}

.sportFrame .selectZone .clickINFO .infoOut .infoFrame span.infoResult {
    color: #333
}

.sportFrame .chooseZone01 .sideMenu {
    height: auto;
    overflow: hidden
}

.sportFrame .chooseZone01 .sideMenu ul li {
    width: 85%;
    float: right;
    height: 54px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    color: var(--txtColor48);
    font-size: 13px;
    border-left: 1px solid var(--bdColor_012);
    border-right: 1px solid var(--bdColor_012);
    border-bottom: 1px solid var(--bdColor_012);
    position: relative;
    cursor: pointer;
    background-position: 16px center;
    background-size: 20px;
    background-repeat: no-repeat;
    margin-bottom: -1px
}

.sportFrame .chooseZone01 .sideMenu ul li:before {
    content: "";
    position: absolute;
    left: -20%;
    width: 20%;
    height: 52px;
    background-color: var(--bgColor_025)!important;
    background-image: url(/assets/0_sport.c1534aba.svg);
    background-size: 17px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid var(--bdColor_012)
}

.sportFrame .chooseZone01 .sideMenu ul li.football:before,.sportFrame .chooseZone01 .sideMenu ul li.UEL:before,.sportFrame .chooseZone01 .sideMenu ul li.PL:before,.sportFrame .chooseZone01 .sideMenu ul li.CS:before,.sportFrame .chooseZone01 .sideMenu ul li.FA:before,.sportFrame .chooseZone01 .sideMenu ul li.BD:before,.sportFrame .chooseZone01 .sideMenu ul li.LL:before,.sportFrame .chooseZone01 .sideMenu ul li.SA:before,.sportFrame .chooseZone01 .sideMenu ul li.DFB:before {
    background-image: url(/assets/icon-icconBALL01.87e351b0.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.basketball:before {
    background-image: url(/assets/icon-icconBALL02.6eb9535a.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.baseball:before {
    background-image: url(/assets/icon-icconBALL04.e4a6f354.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.icehockey:before {
    background-image: url(/assets/2_IceHockey.b3af46cd.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.tennis:before {
    background-image: url(/assets/4_Tennis.1b93e687.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.volleyball:before {
    background-image: url(/assets/5_Volleyball.27a3e3c5.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.americanfootball:before {
    background-image: url(/assets/6_AmericanFootball.d3b1f0e9.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.australianfootball:before {
    background-image: url(/assets/8_AustralianFootball.cede1014.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.badminton:before {
    background-image: url(/assets/9_Badminton.92bc63c1.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.baseball:before {
    background-image: url(/assets/11_Baseball.aa83970d.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.beachfootball:before {
    background-image: url(/assets/12_BeachFootball.33b91660.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.beachvolleyball:before {
    background-image: url(/assets/14_BeachVolleyball.b84031f1.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.biathlon:before {
    background-image: url(/assets/15_Biathlon.7af2a123.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.bowls:before {
    background-image: url(/assets/16_Bowls.87a56137.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.boxing:before {
    background-image: url(/assets/17_Boxing.6aae83ac.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.chess:before {
    background-image: url(/assets/18_Chess.808dcd41.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.cricket:before {
    background-image: url(/assets/19_Cricket.e51959f1.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.cycling:before {
    background-image: url(/assets/20_Cycling.52a9f7a0.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.darts:before {
    background-image: url(/assets/22_Darts.c8543d27.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.floorball:before {
    background-image: url(/assets/24_Floorball.5e003cb3.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.formula1:before {
    background-image: url(/assets/25_Formula1.fab98cbd.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.futsal:before {
    background-image: url(/assets/26_Futsal.ad0b9de6.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.golf:before {
    background-image: url(/assets/27_Golf.a858712e.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.handball:before {
    background-image: url(/assets/29_Handball.aa343568.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.hockey:before {
    background-image: url(/assets/29_Handball.aa343568.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.motorsport:before {
    background-image: url(/assets/32_Motorsport.d0535bc9.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.nascar:before {
    background-image: url(/assets/33_Nascar.ec4c1a14.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.pool:before {
    background-image: url(/assets/34_Pool.b868bb0d.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rally:before {
    background-image: url(/assets/35_Rally.ce67f9b1.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rallyugbyleague:before {
    background-image: url(/assets/36_RugbyLeague.0ac562ce.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rugbyunion:before {
    background-image: url(/assets/37_RugbyUnion.63833475.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.snooker:before {
    background-image: url(/assets/39_Snooker.9c315fee.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.tabletennis:before {
    background-image: url(/assets/41_TableTennis.fb33b37e.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.waterpolo:before {
    background-image: url(/assets/42_WaterPolo.a6858bd8.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.gaelicfootball:before {
    background-image: url(/assets/69_GaelicFootball.601dd9ee.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.hurling:before {
    background-image: url(/assets/70_Hurling.7906060b.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.surfing:before {
    background-image: url(/assets/72_Surfing.58e942bb.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.callofduty:before {
    background-image: url(/assets/74_CallOfDuty.0405fafa.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.counterstrikego:before {
    background-image: url(/assets/75_CounterStrikeGo.f9418ea3.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.dota2:before {
    background-image: url(/assets/76_Dota2.ad0b8524.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.leagueoflegends:before {
    background-image: url(/assets/77_LeagueOfLegends.687e7182.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.hearthstone:before {
    background-image: url(/assets/78_HearthStone.2df95d68.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.heroesofthestorm:before {
    background-image: url(/assets/79_HeroesOfTheStorm.c0677f98.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.overwatch:before {
    background-image: url(/assets/80_Overwatch.025b6fca.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.smite:before {
    background-image: url(/assets/81_Smite.ce0462f7.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.starcraft:before {
    background-image: url(/assets/82_StarCraft.9e0b9521.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.starcraft2:before {
    background-image: url(/assets/83_StarCraft2.26117931.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.worldofwarcraft:before {
    background-image: url(/assets/84_WorldOfWarcraft.60ee0804.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.worldoftanks:before {
    background-image: url(/assets/85_WorldOfTanks.87dd4429.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.speedway:before {
    background-image: url(/assets/87_Speedway.bcd494e9.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.squash:before {
    background-image: url(/assets/88_Squash.890a6eff.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.politics:before {
    background-image: url(/assets/89_Politics.0509e164.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.specialbets:before {
    background-image: url(/assets/90_SpecialBets.bbb15fe4.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.oscar:before {
    background-image: url(/assets/92_Oscar.84780f91.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rugbysevens:before {
    background-image: url(/assets/95_RugbySevens.862016bf.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.autoracing:before {
    background-image: url(/assets/101_AutoRacing.0956af22.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.alpineskiing:before {
    background-image: url(/assets/102_AlpineSkiing.d6eca29b.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.pesapallo:before {
    background-image: url(/assets/104_Pesapallo.d9dde43d.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.skijumping:before {
    background-image: url(/assets/106_SkiJumping.74dbb543.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.netball:before {
    background-image: url(/assets/108_Netball.609e5e72.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.lacross:before {
    background-image: url(/assets/110_Lacross.5f2045bd.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.freestylewrestling:before {
    background-image: url(/assets/114_FreestyleWrestling.02e48424.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rinkhockey:before {
    background-image: url(/assets/116_RinkHockey.3a19e50a.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.archeryh2h:before {
    background-image: url(/assets/124_ArcheryH2H.2f5fb24a.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.crossfire:before {
    background-image: url(/assets/140_CrossFire.066df1e0.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.halo:before {
    background-image: url(/assets/141_Halo.940276a3.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.fifa:before {
    background-image: url(/assets/142_FIFA.91f346aa.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.clashroyale:before {
    background-image: url(/assets/146_ClashRoyale.fba25f43.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.tvshowsandmovies:before {
    background-image: url(/assets/147_TVShowsAndMovies.f1cb2550.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.horseracingspecials:before {
    background-image: url(/assets/153_HorseRacingSpecials.64a8fa95.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rocketleague:before {
    background-image: url(/assets/157_RocketLeague.1a3e1700.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.kingofglory:before {
    background-image: url(/assets/158_KingOfGlory.fded3e2a.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.quake:before {
    background-image: url(/assets/163_Quake.2ee66e50.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.pubg:before {
    background-image: url(/assets/164_PUBG.f8f9e00c.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.warcraftiii:before {
    background-image: url(/assets/169_WarcraftIII.6c29f77b.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.futurehorseracing:before {
    background-image: url(/assets/180_FutureHorseRacing.d210945c.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rainbowsix:before {
    background-image: url(/assets/185_RainbowSix.08b541d8.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.arenaofvalor:before {
    background-image: url(/assets/187_ArenaOfValor.a85e43ee.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.nba2k:before {
    background-image: url(/assets/189_NBA2K.5849b58f.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.basketballshots:before {
    background-image: url(/assets/205_BasketballShots.bcd63e4d.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.valorant:before {
    background-image: url(/assets/208_Valorant.f97c301c.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.archery:before {
    background-image: url(/assets/210_Archery.3ae1cc4f.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.pistolshooting:before {
    background-image: url(/assets/0_sport.c1534aba.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.teqball:before {
    background-image: url(/assets/210_Archery.3ae1cc4f.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.mobilelegends:before {
    background-image: url(/assets/215_MobileLegends.5a19d9f6.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.leagueoflegendswildrift:before {
    background-image: url(/assets/240_LeagueOfLegendsWildRift.4c71a7f1.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.ageofempires:before {
    background-image: url(/assets/260_AgeOfEmpires.31db826f.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.apexlegends:before {
    background-image: url(/assets/261_ApexLegends.fd7ccfdb.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.brawlstars:before {
    background-image: url(/assets/262_BrawlStars.ecda6811.png)
}

.sportFrame .chooseZone01 .sideMenu ul li.esports:before {
    background-image: url(/assets/10101_Esport.065c9ca5.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li img {
    margin-right: 5px
}

.sportFrame .chooseZone01 .sideMenu ul li span {
    width: 168px;
    margin-left: 3px;
    color: var(--txtColor_037);
    font-family: ko-regular!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 135px;
    padding-bottom: 2px
}

.sportFrame .chooseZone01 .sideMenu ul li.activeSTab span {
    color: var(--txtColor_08)
}

.sportFrame .chooseZone01 .sideMenu ul li:hover span {
    color: var(--txtColor_037)!important
}

.sportFrame .chooseZone01 .sideMenu ul li:hover {
    background-color: var(--bgColor_052)
}

.sportFrame .chooseZone01 .sideMenu ul .activeSTab {
    background-color: var(--bgColor_037)
}

.sportFrame .chooseZone01 .sideMenu ul li:hover:before,.sportFrame .chooseZone01 .sideMenu ul .activeSTab:before {
    background-color: var(--bgColor_037);
    border-bottom: 1px solid var(--bdColor_003)
}

.sportFrame .chooseZone01 .goResult {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    cursor: pointer;
    position: relative;
    background: linear-gradient(90deg,#4385F8 0%,#C5DCFF 100%);
    color: var(--txtColor_08);
    text-decoration: none
}

.sportFrame .chooseZone01 .goResult span.icon-iconARupA {
    transform: rotate(90deg);
    transition: .2s all
}

.sportFrame .chooseZone01 .goResult:hover span.icon-iconARupA {
    transform: rotate(90deg) translateY(-5px)
}

.sportFrame .chooseZone .tabZone .tabFrame::-webkit-scrollbar {
    height: 8px
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrameClose {
    display: none
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle {
    background-color: var(--bgColor_025)!important;
    border: 1px solid var(--bdColor_012);
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    cursor: pointer;
    position: relative
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball {
    display: flex;
    align-items: center;
    color: var(--txtColor_037);
    font-family: ko-regular!important
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball img {
    height: 17px;
    margin-right: 6px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowB {
    color: var(--txtColor_05);
    font-size: 16px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: .2s ease-out;
    z-index: 1
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle:hover .arrowB {
    opacity: 1
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .txt {
    color: var(--txtColor_05);
    opacity: 1;
    transition: .2s ease-out;
    position: absolute;
    right: 7px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle:hover .txt {
    opacity: 0
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowGO span {
    transform: rotate(0)!important
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowB span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: -6px;
    right: 1px;
    transform: rotate(180deg);
    transition: .2s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle {
    background-color: var(--main);
    border: 1px solid var(--bdColor_012);
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 16px
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .ball {
    display: flex;
    align-items: center;
    color: var(--txtColor_037);
    font-family: ko-regular!important;
    line-height: initial
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .ball img {
    height: 17px;
    margin-right: 6px
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .arrowC {
    color: var(--txtColor_05);
    font-size: 16px;
    position: relative;
    cursor: pointer
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .arrowC span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: -7px;
    right: -5px;
    transform: rotate(180deg);
    transition: .2s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .arrowGO span {
    transform: rotate(0)!important
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame01 {
    display: none
}

.sportFrame .chooseZone01 .sideMenu01 .countryOpen {
    display: block
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame01 .country {
    background-color: var(--main);
    border: 1px solid var(--bdColor_012);
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 16px;
    cursor: pointer;
    transition: .4s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame01 .country:hover {
    background-color: var(--bgColor_052)
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame01 .country span {
    color: var(--txtColor_034);
    font-size: 12px
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame01 .country span.name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 198px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p {
    padding-left: 25px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p:before {
    content: "";
    position: absolute;
    left: 3%;
    width: auto;
    min-width: 18px;
    height: 38px;
    background-image: url(/assets/0_sport.c1534aba.svg);
    background-size: 17px;
    background-position: center center;
    background-repeat: no-repeat
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p span {
    padding-left: 2px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.football:before {
    background-image: url(/assets/icon-icconBALL01.87e351b0.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.basketball:before {
    background-image: url(/assets/icon-icconBALL02.6eb9535a.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.baseball:before {
    background-image: url(/assets/icon-icconBALL04.e4a6f354.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.icehockey:before {
    background-image: url(/assets/2_IceHockey.b3af46cd.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.tennis:before {
    background-image: url(/assets/4_Tennis.1b93e687.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.volleyball:before {
    background-image: url(/assets/5_Volleyball.27a3e3c5.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.americanfootball:before {
    background-image: url(/assets/6_AmericanFootball.d3b1f0e9.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.australianfootball:before {
    background-image: url(/assets/8_AustralianFootball.cede1014.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.badminton:before {
    background-image: url(/assets/9_Badminton.92bc63c1.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.baseball:before {
    background-image: url(/assets/11_Baseball.aa83970d.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.beachfootball:before {
    background-image: url(/assets/12_BeachFootball.33b91660.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.beachvolleyball:before {
    background-image: url(/assets/14_BeachVolleyball.b84031f1.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.biathlon:before {
    background-image: url(/assets/15_Biathlon.7af2a123.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.bowls:before {
    background-image: url(/assets/16_Bowls.87a56137.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.boxing:before {
    background-image: url(/assets/17_Boxing.6aae83ac.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.chess:before {
    background-image: url(/assets/18_Chess.808dcd41.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.cricket:before {
    background-image: url(/assets/19_Cricket.e51959f1.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.cycling:before {
    background-image: url(/assets/20_Cycling.52a9f7a0.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.darts:before {
    background-image: url(/assets/22_Darts.c8543d27.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.floorball:before {
    background-image: url(/assets/24_Floorball.5e003cb3.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.formula1:before {
    background-image: url(/assets/25_Formula1.fab98cbd.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.futsal:before {
    background-image: url(/assets/26_Futsal.ad0b9de6.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.golf:before {
    background-image: url(/assets/27_Golf.a858712e.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.handball:before {
    background-image: url(/assets/29_Handball.aa343568.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.hockey:before {
    background-image: url(/assets/29_Handball.aa343568.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.motorsport:before {
    background-image: url(/assets/32_Motorsport.d0535bc9.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.nascar:before {
    background-image: url(/assets/33_Nascar.ec4c1a14.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.pool:before {
    background-image: url(/assets/34_Pool.b868bb0d.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rally:before {
    background-image: url(/assets/35_Rally.ce67f9b1.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rallyugbyleague:before {
    background-image: url(/assets/36_RugbyLeague.0ac562ce.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rugbyunion:before {
    background-image: url(/assets/37_RugbyUnion.63833475.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.snooker:before {
    background-image: url(/assets/39_Snooker.9c315fee.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.tabletennis:before {
    background-image: url(/assets/41_TableTennis.fb33b37e.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.waterpolo:before {
    background-image: url(/assets/42_WaterPolo.a6858bd8.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.gaelicfootball:before {
    background-image: url(/assets/69_GaelicFootball.601dd9ee.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.hurling:before {
    background-image: url(/assets/70_Hurling.7906060b.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.surfing:before {
    background-image: url(/assets/72_Surfing.58e942bb.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.callofduty:before {
    background-image: url(/assets/74_CallOfDuty.0405fafa.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.counterstrikego:before {
    background-image: url(/assets/75_CounterStrikeGo.f9418ea3.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.dota2:before {
    background-image: url(/assets/76_Dota2.ad0b8524.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.leagueoflegends:before {
    background-image: url(/assets/77_LeagueOfLegends.687e7182.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.hearthstone:before {
    background-image: url(/assets/78_HearthStone.2df95d68.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.heroesofthestorm:before {
    background-image: url(/assets/79_HeroesOfTheStorm.c0677f98.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.overwatch:before {
    background-image: url(/assets/80_Overwatch.025b6fca.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.smite:before {
    background-image: url(/assets/81_Smite.ce0462f7.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.starcraft:before {
    background-image: url(/assets/82_StarCraft.9e0b9521.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.starcraft2:before {
    background-image: url(/assets/83_StarCraft2.26117931.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.worldofwarcraft:before {
    background-image: url(/assets/84_WorldOfWarcraft.60ee0804.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.worldoftanks:before {
    background-image: url(/assets/85_WorldOfTanks.87dd4429.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.speedway:before {
    background-image: url(/assets/87_Speedway.bcd494e9.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.squash:before {
    background-image: url(/assets/88_Squash.890a6eff.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.politics:before {
    background-image: url(/assets/89_Politics.0509e164.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.specialbets:before {
    background-image: url(/assets/90_SpecialBets.bbb15fe4.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.oscar:before {
    background-image: url(/assets/92_Oscar.84780f91.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rugbysevens:before {
    background-image: url(/assets/95_RugbySevens.862016bf.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.autoracing:before {
    background-image: url(/assets/101_AutoRacing.0956af22.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.alpineskiing:before {
    background-image: url(/assets/102_AlpineSkiing.d6eca29b.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.pesapallo:before {
    background-image: url(/assets/104_Pesapallo.d9dde43d.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.skijumping:before {
    background-image: url(/assets/106_SkiJumping.74dbb543.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.netball:before {
    background-image: url(/assets/108_Netball.609e5e72.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.lacross:before {
    background-image: url(/assets/110_Lacross.5f2045bd.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.freestylewrestling:before {
    background-image: url(/assets/114_FreestyleWrestling.02e48424.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rinkhockey:before {
    background-image: url(/assets/116_RinkHockey.3a19e50a.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.archeryh2h:before {
    background-image: url(/assets/124_ArcheryH2H.2f5fb24a.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.crossfire:before {
    background-image: url(/assets/140_CrossFire.066df1e0.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.halo:before {
    background-image: url(/assets/141_Halo.940276a3.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.fifa:before {
    background-image: url(/assets/142_FIFA.91f346aa.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.clashroyale:before {
    background-image: url(/assets/146_ClashRoyale.fba25f43.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.tvshowsandmovies:before {
    background-image: url(/assets/147_TVShowsAndMovies.f1cb2550.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.horseracingspecials:before {
    background-image: url(/assets/153_HorseRacingSpecials.64a8fa95.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rocketleague:before {
    background-image: url(/assets/157_RocketLeague.1a3e1700.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.kingofglory:before {
    background-image: url(/assets/158_KingOfGlory.fded3e2a.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.quake:before {
    background-image: url(/assets/163_Quake.2ee66e50.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.pubg:before {
    background-image: url(/assets/164_PUBG.f8f9e00c.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.warcraftiii:before {
    background-image: url(/assets/169_WarcraftIII.6c29f77b.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.futurehorseracing:before {
    background-image: url(/assets/180_FutureHorseRacing.d210945c.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rainbowsix:before {
    background-image: url(/assets/185_RainbowSix.08b541d8.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.arenaofvalor:before {
    background-image: url(/assets/187_ArenaOfValor.a85e43ee.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.nba2k:before {
    background-image: url(/assets/189_NBA2K.5849b58f.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.basketballshots:before {
    background-image: url(/assets/205_BasketballShots.bcd63e4d.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.valorant:before {
    background-image: url(/assets/208_Valorant.f97c301c.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.archery:before {
    background-image: url(/assets/210_Archery.3ae1cc4f.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.pistolshooting:before {
    background-image: url(/assets/0_sport.c1534aba.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.teqball:before {
    background-image: url(/assets/210_Archery.3ae1cc4f.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.mobilelegends:before {
    background-image: url(/assets/215_MobileLegends.5a19d9f6.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.leagueoflegendswildrift:before {
    background-image: url(/assets/240_LeagueOfLegendsWildRift.4c71a7f1.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.ageofempires:before {
    background-image: url(/assets/260_AgeOfEmpires.31db826f.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.apexlegends:before {
    background-image: url(/assets/261_ApexLegends.fd7ccfdb.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.brawlstars:before {
    background-image: url(/assets/262_BrawlStars.ecda6811.png)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.esports:before {
    background-image: url(/assets/10101_Esport.065c9ca5.svg)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .left img.esImg {
    height: 27px;
    margin-right: 10px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowD {
    color: var(--txtColor_05);
    font-size: 16px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: .2s ease-out;
    z-index: 1
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowD span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: -6px;
    right: 1px;
    transform: rotate(180deg);
    transition: .2s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle:hover .arrowD {
    opacity: 1
}

.sportFrame .chooseZone01 .sideMenu01 .esFrameClose {
    display: none
}