@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(/assets/NotoSansCJKkr-Thin.81970d62.woff2) format("woff2"), url(/assets/NotoSansCJKkr-Thin.ad83181c.woff) format("woff");
   font-weight: 100;
   font-style: normal
}

@font-face {
   font-family: NotoSansCJKkr;
   src: url(/assets/NotoSansCJKkr-DemiLight.28e14898.woff2) format("woff2"), url(/assets/NotoSansCJKkr-DemiLight.b073b979.woff) format("woff");
   font-weight: 300;
   font-style: normal
}

@font-face {
   font-family: NotoSansCJKkr;
   src: url(/assets/NotoSansCJKkr-Regular.b3a8605b.woff2) format("woff2"), url(/assets/NotoSansCJKkr-Regular.bd69eeb3.woff) format("woff");
   font-weight: 400;
   font-style: normal
}

@font-face {
   font-family: NotoSansCJKkr;
   src: url(/assets/NotoSansCJKkr-Medium.212258fa.woff2) format("woff2"), url(/assets/NotoSansCJKkr-Medium.19ba1bda.woff) format("woff");
   font-weight: 500;
   font-style: normal
}

@font-face {
   font-family: NotoSansCJKkr;
   src: url(/assets/NotoSansCJKkr-Bold.e794b987.woff2) format("woff2"), url(/assets/NotoSansCJKkr-Bold.a98bffa5.woff) format("woff");
   font-weight: 700;
   font-style: normal
}

@font-face {
   font-family: NotoSansCJKkr;
   src: url(/assets/NotoSansCJKkr-Black.64cbeb44.woff2) 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: 100%;
   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.aa800197.eot?anyyu3);
   src: url(/assets/icomoon.aa800197.eot?anyyu3#iefix) format("embedded-opentype"), url(/assets/icomoon.85856208.ttf?anyyu3) format("truetype"), url(/assets/icomoon.bea8f06a.woff?anyyu3) format("woff"), url(/assets/icomoon.379f0768.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-icconCOPY:before {
   content: "\e9fb"
}

.icon-icconREFLASH:before {
   content: "\e9fc"
}

.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(--bgColorSport_032) !important;
   height: 51px;
   border-radius: 15px 15px 0 0;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--txtColorSport_08);
   font-size: 20px
}

.NAV_alert01 .pupop_content .top span {
   color: var(--txtColorSport_08);
   font-size: 22px;
   margin-right: 10px
}

.NAV_alert01 .pupop_content .top h4 {
   color: var(--txtColorSport_08);
   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: 17px;
   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: 35px
}

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

.NAV_alert01_SportCash .sportLBtn,
.NAV_alert01 .pupop_content .popWrapper .btnFrame1 .sportLBtn {
   background-color: var(--bdColorSport_001) !important
}

.NAV_alert01_SportCash .sportLBtn:hover,
.NAV_alert01 .pupop_content .popWrapper .btnFrame1 .sportLBtn:hover {
   background-color: var(--bgColorSport_014) !important
}

.NAV_alert01_SportCash .blueLLineBtn02 {
   border: 1px solid var(--bdColorSport_001) !important
}

.NAV_alert01_SportCash .blueLLineBtn02:hover {
   border: 1px solid var(--bdColorSport_001) !important;
   background-color: var(--bdColorSport_001) !important;
   color: var(--txtColor02) !important
}

: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: #ffffff;
   --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: #ffffffd9;
   --bgColor085: #cc9a6c;
   --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: #c5c5c5;
   --bgColor130: #f8f5f0;
   --bgColor131: #333333;
   --bgColor132: #d5d5d5;
   --bgColor133: #283442b3;
   --bgColor134: #ffe0e0;
   --txtColor01: #bac8c3;
   --txtColor01_h: #ffffff;
   --txtColor02: #ffffff;
   --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: #cc9a6c;
   --txtColor65_h: #cca986;
   --txtColor66: #6a7391;
   --txtColor66_h: #565e7c;
   --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: #c99463;
   --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: #bbbbbb;
   --txtColor104: #0aad94;
   --txtColor105: #5a5a5a;
   --txtColor106: #cb0720;
   --txtColor107: #4b5470;
   --txtColor108: #cc9a6c;
   --txtColor109: #5c99b0;
   --txtColor110: #ea2a2a;
   --txtColor111: #dc9628;
   --txtColor112: #ff2358;
   --txtColor113: #7e7e7e;
   --txtColor114: #ed2736;
   --txtColor115: #D9B491;
   --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: #8ac7d7;
   --btnColor025_h: #64b1c5;
   --btnColor026_h: #d9b491;
   --btnColor027: #367586;
   --btnColor027_h: #348596;
   --btnColor028: #d9b491;
   --btnColor028_h: #caa17b;
   --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;
   --btnColor035_h: #eaeafa;
   --btnColor036: #01aa90;
   --btnColor036_h: #01967f;
   --btnColor037: #999999;
   --btnColor037_h: #797878;
   --btnColor038: #ce9560;
   --btnColor038_h: #c5864b;
   --btnColor039: #eaeafa;
   --btnColor039_h: #d6d6f1;
   --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: #646464;
   --bdColor069: #d5aa83;
   --bdColor070: #ff6388;
   --bdColor071: #f84343;
   --bgColor_048: #939ab0;
   --shadow01: #0000004d;
   --shadow02: #1d3a9e;
   --shadow03: #8e0b0b;
   --shadow04: #014224;
   --shadow05: #a7a7a7;
   --shadow06: #04040480;
   --shadow07: #cbced8;
   --shadow08: #a7b5cc;
   --shadow09: #987556;
   --bgColorSport_02: #ffffff;
   --bgColorSport_07: #c9aa8d;
   --bgColorSport_031: #c9aa8d;
   --bgColorSport_032: #c9aa8d;
   --bgColorSport_037: #c9aa8d;
   --bgColorSport_038: #f4f7fe;
   --bgColorSport_039: #ffe361;
   --bgColorSport_040: #f6f7fa;
   --bgColorSport_041: #ffead7;
   --bgColorSport_042: #ffead7;
   --bgColorSport_043: #c9aa8d;
   --bgColorSport_047: #9ca9d380;
   --bgColorSport_048: #939ab0;
   --bgColorSport_052: #ffead7;
   --bgColor_053: #ffe0e0;
   --bgColor_055: #ffe5d9;
   --bgColorSport_058: #d3eec0;
   --bgColor_058: #d3eec0;
   --bgColorSport_014: #a78667;
   --txtColorSport01: #bac8c3;
   --txtColorSport_01: #fffefe;
   --txtColorSport01_h: #e8e8e8;
   --txtColorSport_02: #c8c8c8;
   --txtColorSport_03: #515b7c;
   --txtColorSport_04: #969696;
   --txtColorSport_05: #c9aa8d;
   --txtColorSport_05_h: #195dd3;
   --txtColorSport_06: #e4e4f7;
   --txtColorSport_07: #404261;
   --txtColorSport_08: #ffffff;
   --txtColorSport_09: #c9aa8d;
   --txtColorSport_010: #d03c4f;
   --txtColorSport_011: #56bc57;
   --txtColorSport_012: #304050;
   --txtColorSport_013: #43576b;
   --txtColorSport_014: #f7af65;
   --txtColorSport_015: #475375;
   --txtColorSport_016: #b0c3d3;
   --txtColorSport_017: #3c4564;
   --txtColorSport_018: #7c8797;
   --txtColorSport_019: #95a6bd;
   --txtColorSport_020: #a8a8aa;
   --txtColorSport_021: #333555;
   --txtColorSport_022: #c9aa8d;
   --txtColorSport_023: #fac844;
   --txtSpColorort_024: #a5a7aa;
   --txtColorSport_025: #e1e1e1;
   --txtColorSport_026: #f0c840;
   --txtColorSport_027: #c8c8c8;
   --txtColorSport_028: #a4b8f9;
   --txtColorSport_029: #b6b6b6;
   --txtColorSport_030: #969696;
   --txtColorSport_031: #3376eb;
   --txtColorSport_032: #4486f7;
   --txtColorSport_033: #f16f00;
   --txtColorSport_034: #83838a;
   --txtColorSport_035: #a78667;
   --txtColorSport_036: #666666;
   --txtColorSport_037: #40455a;
   --txtColorSport_038: #939ab0;
   --txtColorSport_039: #fe7e82;
   --txtColorSport_040: #ffe361;
   --txtColorSport_041: #ff6d0b;
   --txtColorSport_042: #afbcdc;
   --txtColorSport_043: #f02828;
   --txtColorSport_044: #8dcbdb;
   --txtColorSport_045: #41455e;
   --txtColorSport_046: #8db5fa;
   --txtColorSport_047: #a2b0ce;
   --txtColorSport_048: #788cb4;
   --txtColorSport_049: #597df7;
   --txtColorSport_050: #5c99b0;
   --txtColorSport_051: #9aa2b5;
   --txtColorSport_052: #f84343;
   --txtColor_052: #f84343;
   --txtColorSport_053: #4fbb00;
   --txtColorSport_054: #494c5c;
   --txtColorSport_103: #ffffff;
   --txtColorSport_125: #5e6887;
   --txtColor125: #5e6887;
   --txtColor126: #000000;
   --btnColorSport_001: #c9aa8d;
   --btnColorSport_001_h: #3376eb;
   --btnColorSport_002: #445778;
   --btnColorSport_003: #606080;
   --btnColorSport_004: #8db3d7;
   --btnColorSport_004_h: #577fa5;
   --btnColorSport_005: #425eb8;
   --btnColorSport_005_h: #334ea8;
   --btnColorSport_006: #ffd801;
   --btnColorSport_006_h: #f0b904;
   --btnColorSport_005: #2caf9e;
   --btnColorSport_005_h: #1d9787;
   --btnColorSport_006: #939ab0;
   --btnColorSport_006_h: #7b839b;
   --btnColorSport_007: #d5e0f7;
   --btnColorSport_007_h: #b5c6ec;
   --btnColorSport_008: #425eb8;
   --btnColorSport_008_h: #334ea8;
   --btnColorSport_009: #5a6372;
   --btnColorSport_009_h: #4d5666;
   --bdColorSport_001: #c9aa8d;
   --bdColorSport_002: #b1c4fb;
   --bdColorSport_003: #ffffff;
   --bdColorSport_004: #597ef8;
   --bdColorSport_005: #597ef7;
   --bdColorSport_006: #2e3740;
   --bdColorSport_007: #3c4652;
   --bdColorSport_008: #cecfe9;
   --bdColorSport_009: #40404b;
   --bdColorSport_010: #9dabc3;
   --bdColorSport_011: #2660c5;
   --bdColorSport_012: #ebecf3;
   --bdColorSport_013: #ab841b;
   --bdColorSport_014: #b1dcfb;
   --bdColorSport_015: #d9dcf2;
   --bdColorSport_016: #4486f7;
   --bdColorSport_017: #b4b9e6;
   --bdColorSport_018: #d8dbe5;
   --bdColorSport_019: #b0b1b8;
   --bdColorSport_020: #dadde7;
   --bdColorSport_021: #c9aa8d;
   --bdColorSport_022: #d8dbe5;
   --bdColorSport_023: #91b5d9;
   --bdColorSport_024: #474747;
   --bdColorSport_025: #4284f7;
   --bdColorSport_026: #f84343;
   --bdColor_026: #f84343;
   --bdColorSport_027: #4385f8;
   --bdColorSport_028: #f8a143;
   --bdColor_028: #f8a143;
   --bdColorSport_029: #f8a143;
   --bdColorSport_030: #5aa028;
   --bdColor_030: #5aa028;
   --bdColorSport_031: #f84343;
   --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(/assets/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 {
   height: 100vh !important
}

.main_content.SportContent .chooseFrame.sportResult,
.main_content.SportContent .chooseFrame.sportResult .chooseZone {
   width: 100vw
}

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

.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(--bdColorSport_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(--txtColorSport_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(--txtColorSport_037);
   margin-left: 4px
}

.sportFrame .chooseZone .filterZone .inputFrame .info .rem_check label {
   margin-top: 2px;
   padding-left: 23px
}

.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(--txtColorSport_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(--txtColorSport_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(--txtColorSport_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(--txtColorSport_08);
   background-color: var(--btnColorSport_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(--bgColorSport_014) !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(--txtColorSport_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(--bdColorSport_008)
}

.sportFrame .selectZone .frameTitle02ALL {
   overflow-y: scroll;
   height: calc(100vh - 150px);
   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(--bdColorSport_008)
}

.sportFrame .selectZone .title02 .frameS:hover,
.sportFrame .selectZone .title02 .chooseBTN {
   background-color: var(--bgColorSport_032) !important;
   border: 1px solid var(--bdColorSport_001) !important;
   color: var(--txtColorSport_08)
}

.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(--txtColorSport_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(--txtColorSport_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(--bdColorSport_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(--bgColorSport_02);
   border: 1px solid var(--bdColorSport_008);
   padding: 7px;
   border-radius: 5px;
   cursor: unset;
   color: var(--txtColorSport_033)
}

.sportFrame .selectZone .clickINFO .infoOut .infoFrame span {
   color: #333
}

@media (max-width: 1440px) {
   .sportFrame {
      width: 100%
   }
}

.sportFrame .selectZone .clickINFO .infoOut .infoFrame span.infoResult {
   color: #333
}

span.icon-icconTIME {
   display: none
}

.sportFrame .chooseZone01 .sideMenu {
   height: auto;
   overflow: hidden
}

.sportFrame .chooseZone01 .sideMenu ul li {
   width: 85%;
   float: right;
   height: 54px;
   display: flex;
   align-items: center;
   color: var(--txtColor48);
   font-size: 13px;
   border-right: 1px solid var(--bdColorSport_012);
   border-bottom: 1px solid var(--bdColorSport_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: 54px;
   background-color: var(--bgColorSport_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(--bdColorSport_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: 0 5px
}

.sportFrame .chooseZone01 .sideMenu ul li span {
   width: 168px;
   color: var(--txtColorSport_037);
   font-family: ko-regular !important;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
   padding-bottom: 2px;
   position: absolute;
   padding-left: 35px
}

.sportFrame .chooseZone01 .sideMenu ul li.activeSTab span {
   color: var(--txtColorSport_08)
}

.sportFrame .chooseZone01 .sideMenu ul li:hover span {
   color: var(--txtColorSport_037) !important
}

.sportFrame .chooseZone01 .sideMenu ul li:hover {
   background-color: var(--bgColorSport_052)
}

.sportFrame .chooseZone01 .sideMenu ul .activeSTab {
   background-color: var(--bgColorSport_037)
}

.sportFrame .chooseZone01 .sideMenu ul li:hover:before,
.sportFrame .chooseZone01 .sideMenu ul .activeSTab:before {
   background-color: var(--bgColorSport_037);
   border-bottom: 1px solid var(--bdColorSport_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, #c9aa8d 0%, #fff0e2 100%);
   color: var(--txtColorSport_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 .sideMenu ul li div {
   display: flex;
   justify-content: center;
   align-content: center;
   flex-wrap: wrap;
   width: 35px
}

.sportFrame .chooseZone01 .sideMenu ul li div img {
   position: relative;
   width: auto;
   max-width: 24px;
   height: auto;
   max-height: 24px;
   z-index: 10;
   justify-content: center
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrameClose {
   display: none
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle {
   background-color: var(--bgColorSport_025) !important;
   border: 1px solid var(--bdColorSport_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:hover {
   background: var(--bgColorSport_052) !important
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball {
   display: flex;
   align-items: center;
   color: var(--txtColorSport_037);
   font-family: ko-regular !important
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball img {
   height: 17px;
   margin-right: 6px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowB {
   color: var(--txtColorSport_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(--txtColorSport_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(--txtColorSport_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(--bdColorSport_012);
   height: 40px;
   line-height: 40px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 4px 16px
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle:hover {
   background: var(--bgColorSport_052) !important
}

.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(--txtColorSport_05);
   font-size: 16px;
   position: relative;
   cursor: pointer
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .arrowC span {
   color: var(--txtColorSport_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(--bdColorSport_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(--bgColorSport_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(--txtColorSport_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(--txtColorSport_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
}

.sportFrame .chooseZone01 .sideMenu01 .ball .txt01 {
   width: 157px;
   line-height: 1.2
}

.leagueoflegendswildrift {
   width: 180px;
   line-height: 1.25
}

:root {
   --valueUpArrow: #4FBB4F
}

span.icon-iconARup01:before {
   content: "" !important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS {
   width: 44.5%;
   height: 32px;
   padding: 0 1.5%;
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 12px;
   position: relative
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .leftU .txt {
   color: var(--txtColor41) !important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .leftD .txt {
   color: var(--valueUpArrow) !important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .txt span {
   margin: 0 3px;
   opacity: 1;
   animation: shineArrow .9s infinite
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .leftU .txt span.icon-iconARup01 {
   position: absolute;
   top: 3px;
   right: -1px;
   display: block;
   border-style: solid;
   border-width: 0 10px 10px 0;
   border-color: transparent var(--txtColor41) transparent transparent
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .leftD .txt span.icon-iconARup01 {
   position: absolute;
   bottom: 3px;
   right: -1px;
   display: block;
   transform: rotate(90deg);
   border-style: solid;
   border-width: 0 10px 10px 0;
   border-color: transparent var(--valueUpArrow) transparent transparent
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .rightD .txt span.icon-iconARup01 {
   position: absolute;
   bottom: 3px;
   left: -1px;
   display: block;
   transform: scale(.7) rotate(180deg)
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .centerD .txt span.icon-iconARup01 {
   position: absolute;
   bottom: 3px;
   left: 0;
   display: block;
   transform: scale(.7) rotate(180deg)
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameC {
   width: 10%;
   height: 32px;
   font-size: 12px;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative
}

.moreZone .bZone .content .btnZone .btnM .txt span.icon-iconARup01 {
   opacity: 1;
   animation: shineArrow .9s infinite;
   display: none
}

.moreZone .bZone .content .btnZone .leftU .txt,
.moreZone .bZone .content .btnZone .leftU .txt span.percent {
   color: var(--txtColor41) !important
}

.moreZone .bZone .content .btnZone .leftU .txt span.icon-iconARup01 {
   position: absolute;
   top: 3px;
   right: 2px;
   display: block;
   border-style: solid;
   border-width: 0 10px 10px 0;
   border-color: transparent var(--txtColor41) transparent transparent
}

.moreZone .bZone .content .btnZone .leftU .txt span.icon-iconARup01:before {
   content: ""
}

.moreZone .bZone .content .btnZone .leftD .txt,
.moreZone .bZone .content .btnZone .leftD .txt span.percent {
   color: var(--valueUpArrow) !important
}

.moreZone .bZone .content .btnZone .leftD .txt span.icon-iconARup01 {
   position: absolute;
   bottom: 3px;
   right: 2px;
   display: block;
   transform: rotate(90deg);
   border-style: solid;
   border-width: 0 10px 10px 0;
   border-color: transparent var(--valueUpArrow) transparent transparent
}

.moreZone .bZone .content .btnZone .leftD .txt span.icon-iconARup01:before {
   content: ""
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM span.percent,
.chooseZone .bZone .content .btnZone .btnM .greenTXT {
   color: var(--main009)
}

.sportFrame .chooseZone .content .btnZone .btnM .txt span.icon-iconARup01 {
   opacity: 1;
   animation: shineArrow .9s infinite;
   display: none
}

.sportFrame .chooseZone .content .btnZone .leftU .txt,
.sportFrame .chooseZone .content .btnZone .leftU .txt span.percent {
   color: var(--txtColor41) !important
}

.sportFrame .chooseZone .content .btnZone .leftU .txt span.icon-iconARup01 {
   position: absolute;
   top: 3px;
   right: 2px;
   display: block;
   border-style: solid;
   border-width: 0 10px 10px 0;
   border-color: transparent var(--txtColor41) transparent transparent
}

.sportFrame .chooseZone .content .btnZone .leftD .txt,
.sportFrame .chooseZone .content .btnZone .leftD .txt span.percent {
   color: var(--valueUpArrow) !important
}

.sportFrame .chooseZone .content .btnZone .leftD .txt span.icon-iconARup01 {
   position: absolute;
   bottom: 3px;
   right: 2px;
   display: block;
   transform: rotate(90deg);
   border-style: solid;
   border-width: 0 10px 10px 0;
   border-color: transparent var(--valueUpArrow) transparent transparent
}

.sportFrame .chooseZone .content .btnZone .txt span.icon-iconARup01:before {
   content: ""
}

.sportFrame .chooseZone .content .btnZone .btnM:hover {
   background: var(--main003) !important;
   border: 1px solid var(--black011) !important
}

@keyframes shineArrow {
   0% {
      opacity: 1
   }

   50% {
      opacity: .1
   }

   to {
      opacity: 1
   }
}

.chooseZone .bZone .content .btnZone .btnM.leftU span.icon-iconARup01 {
   color: var(--txtColor41)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM.leftU span.icon-iconARup01,
.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .leftU .txt span.icon-iconARup01 {
   color: var(--txtColor41) !important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .leftD .txt span.icon-iconARup01 {
   color: var(--valueUpArrow) !important
}

.M-Slider {
   height: 100%;
   width: 100%;
   text-align: center
}

.M-Slider .digital {
   color: var(--txtColor_037) !important
}

.M-Slider.up.go {
   transform: translateY(-36px);
   transition: transform .2s cubic-bezier(.42, 0, 1, 1)
}

.score-num-item {
   overflow: hidden
}

:root {
   --customer-margin-top: 30px
}

.sportFrame {
   margin: var(--customer-margin-top) 0 0 0
}

.main_content {
   padding-bottom: 0 !important
}

.main_content.liveSportContent {
   --customer-margin-top: 20px
}

.main_content_wrap .sportFrame {
   min-width: 1280px
}

.main_content_wrap.main_content_sport .sportFrame {
   margin: var(--customer-margin-top) 0 0 0 !important;
   height: calc(100vh - var(--customer-margin-top))
}

.sportFrame .chooseZone01 {
   height: auto !important
}

.sportFrame .chooseZone .cubeZone01 {
   height: calc(100vh - 48px - var(--customer-margin-top)) !important
}

#chooseZoneScroll.chooseZone {
   height: calc(100vh - var(--customer-margin-top))
}

.sportFrame .decideZone .content .listFrame .listScroll {
   height: calc(100vh - 150px) !important
}

.sportFrame .decideZone {
   height: calc(100vh - var(--customer-margin-top)) !important;
   overflow: hidden
}

.sportFrame .decideZone .content .listFrame .listScroll.history {
   height: calc(100vh - 80px) !important
}

.moreZone {
   padding-bottom: 0 !important
}

.moreZone.moreSlide {
   height: calc(100vh - var(--customer-margin-top)) !important;
   overflow-y: scroll
}

.flexShow .moreZone.moreSlide {
   height: calc(100vh - var(--customer-margin-top)) !important
}

.moreZone .bFrame {
   height: auto !important;
   overflow: unset !important
}

.sportFrame .chooseZone .sportZone .pageSport #cubeZone.cubeZone {
   height: calc(100vh - 72px) !important;
   padding-bottom: 0 !important
}

.SportContent .sportFrame .chooseZone01 {
   height: calc(100vh - 30px) !important
}

.subMenuBottom {
   height: 0 !important
}

.liveSportContent .sportFrame .decideZone .content .listFrame .listScroll {
   height: calc(100vh - 150px) !important
}

.liveSportContent .sportFrame .decideZone .content .listFrame .listScroll.history {
   height: calc(100vh - 80px) !important
}

.sportFrame.resultFrame {
   margin: var(--customer-margin-top) 0 0 0 !important
}

.sportFrame .selectZone .frameTitle02ALL {
   height: calc(100vh - 120px - var(--customer-margin-top)) !important
}

.main_content.SportContent .chooseFrame.sportResult,
.main_content.SportContent .chooseFrame.sportResult .chooseZone {
   min-width: 1280px
}