@charset "UTF-8"; /*!Animate.css - http://daneden.me/animate Licensed under the MIT license -http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden*/


:root {
  --radius: 10px;
  --box-shadow:inset 0 -9px 0 0 #7f1d1a;
  --box-shadow-gold:inset 0 -3px 0 0 #d1c27a;
  --box-shadow-gray:inset 0 -4px 0 0 #9a9696;
}


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



@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}m
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

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

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

.animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -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%, 100%, 20%, 53%, 80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -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%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

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

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

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

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .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)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .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)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

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

@-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)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@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)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.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: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes bounceInDown {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 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)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%, 100%, 60%, 75%, 90% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 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)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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)
    }
    100% {
        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)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

.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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

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

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        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) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -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) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -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) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -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) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 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) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 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) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -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) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(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
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        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
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        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
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

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

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

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

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

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

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

.rollOut {
    -webkit-animation-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)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

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

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

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        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: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        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: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        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: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

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

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

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=6520f4a171165b74aebe29547293a109)
 * Config saved to config.json and https://gist.github.com/6520f4a171165b74aebe29547293a109
 *//*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */


html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #000
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #000;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #000;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.icon-holder {
    background: radial-gradient(ellipse at 5% 5%,#80a2be,rgb(251 98 0/0%) 75%),radial-gradient(ellipse at 95% 5%,#1a292f 0%,#ffb80000 75%),radial-gradient(ellipse at 95% 95%,#5e1e1c 0%,rgb(42 59 79/0%) 75%),radial-gradient(ellipse at 5% 95%,#a65946 0%,#76a8d500 75%);
    padding: 5px;
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #000
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    background-color: #000;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified > li {
    float: none
}

.nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #000
    }
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #000;
    background-color: #337ab7
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified > li {
    float: none
}

.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #000
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #000;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #000;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #000
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #000
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #000
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #000;
    bottom: -10px
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .nav:after, .nav:before, .row:after, .row:before {
    content: " ";
    display: table
}

.clearfix:after, .container-fluid:after, .container:after, .nav:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome/fontawesome-webfonte0a5.eot?v=4.3.0);
    src: url(../fonts/fontawesome/fontawesome-webfontd41d.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(../fonts/fontawesome/fontawesome-webfonte0a5.html?v=4.3.0) format('woff2'), url(../fonts/fontawesome/fontawesome-webfonte0a5.woff?v=4.3.0) format('woff'), url(../fonts/fontawesome/fontawesome-webfonte0a5.ttf?v=4.3.0) format('truetype'), url(../fonts/fontawesome/fontawesome-webfonte0a5.svg?v=4.3.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #000
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before, .fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before, .fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}

.fa-krw:before, .fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before, .fa-genderless:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #000
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #000;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #000;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #000
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #000;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #000
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/opensanshebrew/opensanshebrew-lightitalic-webfont.eot);
    src: url(../fonts/opensanshebrew/opensanshebrew-lightitalic-webfontd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/opensanshebrew/opensanshebrew-lightitalic-webfont.woff) format('woff'), url(../fonts/opensanshebrew/opensanshebrew-lightitalic-webfont.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/opensanshebrew/opensanshebrew-light-webfont.eot);
    src: url(../fonts/opensanshebrew/opensanshebrew-light-webfontd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/opensanshebrew/opensanshebrew-light-webfont.woff) format('woff'), url(../fonts/opensanshebrew/opensanshebrew-light-webfont.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/opensanshebrew/opensanshebrew-italic-webfont.eot);
    src: url(../fonts/opensanshebrew/opensanshebrew-italic-webfontd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/opensanshebrew/opensanshebrew-italic-webfont.woff) format('woff'), url(../fonts/opensanshebrew/opensanshebrew-italic-webfont.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/opensanshebrew/opensanshebrew-regular-webfont.eot);
    src: url(../fonts/opensanshebrew/opensanshebrew-regular-webfontd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/opensanshebrew/opensanshebrew-regular-webfont.woff) format('woff'), url(../fonts/opensanshebrew/opensanshebrew-regular-webfont.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/opensanshebrew/opensanshebrew-bolditalic-webfont.eot);
    src: url(../fonts/opensanshebrew/opensanshebrew-bolditalic-webfontd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/opensanshebrew/opensanshebrew-bolditalic-webfont.woff) format('woff'), url(../fonts/opensanshebrew/opensanshebrew-bolditalic-webfont.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/opensanshebrew/opensanshebrew-bold-webfont.eot);
    src: url(../fonts/opensanshebrew/opensanshebrew-bold-webfontd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/opensanshebrew/opensanshebrew-bold-webfont.woff) format('woff'), url(../fonts/opensanshebrew/opensanshebrew-bold-webfont.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 800;
    src: url(../fonts/opensanshebrew/opensanshebrew-extrabold-webfont.eot);
    src: url(../fonts/opensanshebrew/opensanshebrew-extrabold-webfontd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/opensanshebrew/opensanshebrew-extrabold-webfont.woff) format('woff'), url(../fonts/opensanshebrew/opensanshebrew-extrabold-webfont.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/opensanshebrew/opensanshebrew-extrabold-webfont.eot);
    src: url(../fonts/opensanshebrew/opensanshebrew-extrabold-webfontd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/opensanshebrew/opensanshebrew-extrabold-webfont.woff) format('woff'), url(../fonts/opensanshebrew/opensanshebrew-extrabold-webfont.ttf) format('truetype')
}

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

body {
    margin: 0 auto;
    color: #fff;
    direction: rtl;
    font-family: 'Open Sans Hebrew', sans-serif;
    font-size: 14px;
    /* background-image: url(../../images/logo/gwar-last.webp); */
    background-image: url(../../images/season/winter.webp);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    /* backdrop-filter: saturate(180%) blur(20px); */
    font-weight: 400
}

.row {
    margin-right: -10px;
    margin-left: -10px
}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: right;
    padding-right: 10px;
    padding-left: 10px
}

img {
    width: 100%;
    height: auto
}

input, textarea {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: rgb(255 255 255 / 30%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 0;
}
.upgrade_btn {
    height: 38px;
    line-height: 38px;
}
input:focus, input:hover, textarea:focus, textarea:hover {
    opacity: .8
}

input[type=email], input[type=password], input[type=text], textarea {
    padding-right: 10px;
    border: 1px dashed rgba(255, 255, 255, .3)
}

input[type=text].input-small {
    padding: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
    width: 100%;
    max-width: 80px
}
input[type=text].input-md {
    padding: 0;
    height: 37px;
    line-height: 30px;
    padding: 0 10px;
    width: 100%;
}
input[type=submit].gwarBG {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    background-image: url(../../images/assetsGame/base/parmBG.webp);
    color: #fff !important;
    border-radius: var(--radius);
    box-shadow: var(--box-shadow);
}
input[type=submit].gwarBG:hover {
    opacity: 1 !important;
}
input[type=submit] {
    background: #fff;
    font-size: 18px;
    font-weight: 700;
    color:#000!important;
    border-radius: var(--radius);
}

input[type=submit].upgrade_btn {
    font-size: 14px !important;
}


input[type=submit]:focus, input[type=submit]:hover {
    background: rgba(229, 229, 229, 0.7)
}

input[type=submit].input-small {
    padding: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    width: 100%;
    max-width: 100px;
    color:#000!important;
}

input[type=submit].input-xs-small {
    padding: 0;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    width: 100%;
    max-width: 100px
}

textarea {
    overflow: auto;
    height: 90px;
    line-height: 1.5;
    padding: 10px;
    letter-spacing: 1px
}

.textarea-small-effect {
    display: block;
    position: relative
}

.textarea-small-effect textarea {
    height: 45px;
    padding: 10px;
    resize: none;
    border-radius: var(--radius);
}

.textarea-small-effect input[type=submit] {
    display: none
}

.textarea-small-effect.active textarea {
    overflow: auto;
    height: 90px;
    line-height: 1.5;
    padding: 10px;
    letter-spacing: 1px;
    resize: both;
    margin-bottom: 5px
}

.textarea-small-effect.active input[type=submit] {
    display: block
}

:disabled:focus, :disabled:hover, [disabled], [disabled]:focus, [disabled]:hover, disabled {
    opacity: .4 !important;
    cursor: no-drop !important
}

input.error {
    border: 1px solid #aadddd
}

label.error {
    color: #aadddd;
    font-weight: 400
}

label.checkbox {
    display: block;
    text-align: right;
    margin: 0
}

label.checkbox > input {
    display: none
}

label.checkbox > div {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, .2);
    border: 1px solid #f39c12;
    cursor: pointer;
    margin-left: 5px
}

label.checkbox > div > span {
    display: none
}

label.checkbox > input:checked + div > span, label.checkbox > input:checked + label + div > span {
    display: block;
    background: #f39c12;
    width: 10px;
    height: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 4px
}

label.checkbox > span {
    display: inline-block;
    vertical-align: middle
}

label.checkbox > label {
    display: none !important
}

label.checkbox > input.error + label + div {
    border: 1px solid #aadddd
}

label.checkbox > input.error + label + div + span {
    color: #aadddd
}

a {
    color: #fff;
    text-decoration: none
}

a:active, a:focus, a:hover {
    color: #fff;
    text-decoration: underline
}

a.link-red {
    color: #aadddd !important
}

a.link-green {
    color: #00bc8c !important
}

a.link-yellow {
    color: #f39c12 !important
}

a.link-black {
    color: #000 !important
}

.links-black a {
    color: #000 !important
}

a.link-gray {
    color: #333 !important
}

.row-form {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.btn, .btn:focus, .btn:hover {
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    text-decoration: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 18px
}

.btn:focus, .btn:hover {
    opacity: .8
}

.btn.btn-small, .btn.btn-small:focus, .btn.btn-small:hover {
    height: 35px;
    line-height: 35px;
    font-size: 16px
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.l0 {
    left: 0
}

.r0 {
    right: 0
}

.wp100 {
    width: 100% !important
}

.w100 {
    width: 100px !important
}

.w20 {
    width: 20px !important
}

.wauto {
    width: auto !important
}

.maxw250 {
    max-width: 250px
}

.maxw640 {
     max-width: 640px !important;
}

.maxw840 {
    max-width: 840px !important;
}



.minw205 {
    min-width: 205px
}

.h-auto {
    height: auto !important
}

.h200 {
    height: 200px !important
}

.minh400 {
    min-height: 400px !important
}

.maxh200 {
    max-height: 200px !important
}

.lh28 {
    line-height: 28px !important
}

.lh35 {
    line-height: 35px !important
}

.lh45 {
    line-height: 45px !important
}

.m0 {
    margin: 0 !important
}

.mauto {
    margin: 0 auto
}

.mb0 {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mr5 {
    margin-right: 5px !important
}
.mr10 {
    margin-right:10px !important
}
.ml5 {
    margin-left: 5px !important
}

.p0 {
    padding: 0 !important
}

.p3 {
    padding: 3px !important
}

.p5 {
    padding: 5px !important
}

.p10 {
    padding: 10px !important
}
.p15 {
    padding: 15px !important
}
.pt5 {
    padding-top: 5px !important
}
.pt20 {
    padding-top: 20px !important
}
.pb5 {
    padding-bottom:5px !important;
}
.pointer {
    cursor: pointer !important
}

.bg-yellow {
    background: #f39c12 !important;
    border-radius: 10px;
    color: #333 !important
}

.bg-green {
    background: #00bc8c !important;
    border-radius: 10px;
    color: #000 !important
}

.bg-red {
    background: #c1140a !important;
    border-radius: 10px;
    color: #000 !important
}
.bg-red-noCor {
    background: #c1140a !important;
    color: #000 !important
}
.bg-white {
    background: #fff !important;
    border-radius: 10px;
    color: #333 !important
}

.bg-black-light {
    background: rgba(0, 0, 0, .4) !important;
    border-radius: 10px;
    color: #000 !important
}

.bg-black {
    background: rgba(0, 0, 0, .8) !important;
    border-radius: 10px;
    color: #000 !important
}

.bg-blue {
    background: #3498db !important;
    border-radius: 10px;
    color: #000 !important
}

.bg-pink {
    background: #f50676 !important;
    border-radius: 10px;
    color: #000 !important
}

.b0 {
    border: 0 !important
}

.b1-red {
    border: 1px solid #ff6161 !important;
    border-radius: 30px;
}

.b1-yellow {
    border: 1px solid #f39c12 !important;
    border-radius: 30px;
}

.b1-green {
    border: 1px solid #aadddd !important;
    border-radius: 30px;
}

.text {
    font-size: 14px;
    font-weight: 400
}
.text-lg {
    font-size:33px;
}
.text-big {
    font-size: 18px
}
.text-small {
    font-size: 12px
}

.text-bold {
    font-weight: 700 !important
}

.text-red {
    color: #fc3a3a !important
}

.text-yellow {
    color: #f39c12 !important
}

.text-white {
    color: #fff !important
}

.text-gray {
    color: #333 !important
}

.text-black {
    color: #000 !important
}

.text-green {
    color: #00bc8c !important
}

.text-blue {
    color: #3498db !important
}

.text-pink {
    color: #f50676 !important
}
.text-discount {
    color:#8c8383 !important
}
.fs35 {
    font-size: 35px !important
}

.fs45 {
    font-size: 45px !important
}

.fw400 {
    font-weight: 400
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.show {
    display: block !important
}

.hide {
    display: none !important
}

.inline-block {
    display: inline-block
}

.middle {
    vertical-align: middle
}

.show767 {
    display: none
}

.show500 {
    display: none
}

.block {
    display: block;
    padding: 10px;
    margin-bottom: 20px
}

.title-block {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.body-block {
    word-wrap: break-word
}

.icon-title-block {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.text-title-block {
    color: #fff;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle
}

.block-red {
    background: #0000007a;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 0px;
    font-weight: 600
}

.block-yellow {
    background: #f39c12;
    font-weight: 600;
    color: #333
}

.block-yellow .icon-title-block {
    color: #333
}

.block-yellow .text-title-block {
    color: #333
}

.block-gray {
    background: #0000007a;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: var(--radius);
}

.block-black {
    background: #000
}

.icon-display-block {
    font-size: 26px;
    cursor: pointer
}

.icon-close-block {
    display: block
}

.icon-open-block {
    display: none
}

.block.close-block .body-block {
    display: none
}

.block.close-block .icon-close-block {
    display: none
}

.block.close-block .icon-open-block {
    display: block
}

.nav-tabs {
    border-color: rgba(0, 0, 0, .1);
    margin-bottom: 10px
}

.nav-tabs > li {
    float: right;
    margin-bottom: -2px
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .nav > li > a:focus {
    background: rgba(0, 0, 0, .1);
    color: #000;
    border: 0
}

.nav-tabs.tabs-black {
    border-color: rgba(0, 0, 0, .8);
    margin-bottom: 10px
}

.nav-tabs.tabs-black > li > a {
    font-weight: 400;
    font-size: 16px
}

.nav-tabs.tabs-black > li.active > a, .nav-tabs.tabs-black > li.active > a:focus, .nav-tabs.tabs-black > li.active > a:hover, .nav-tabs.tabs-black > li > a:focus, .nav-tabs.tabs-black > li > a:hover {
    background: rgba(0, 0, 0, .8);
    color: #000;
    border: 0
}

.nav-tabs.tabs-gray {
    border-color: rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    color: #333
}

.nav-tabs.tabs-gray > li {
    float: right;
    margin-bottom: -2px
}

.nav-tabs.tabs-gray > li > a {
    color: #333
}

.nav-tabs.tabs-gray > li.active > a, .nav-tabs.tabs-gray > li.active > a:focus, .nav-tabs.tabs-gray > li.active > a:hover, .nav-tabs.tabs-gray > li > a:focus, .nav-tabs.tabs-gray > li > a:hover {
    background: rgba(0, 0, 0, .1);
    color: #333;
    border: 0
}

.nav-tabs.lines-tabs {
    border: 0
}

.nav-tabs.lines-tabs > li {
    float: none;
    margin: 0;
    margin-bottom: 3px
}

.nav-tabs.lines-tabs > li > a {
    border-radius: 0 4px 4px 0;
    width: 100%;
    white-space: nowrap
}

th {
    text-align: right
}

.table-responsive, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-color: rgba(0, 0, 0, .1)
}

[data-toggle=tooltip] {
    cursor: help
}

.tooltip-inner {
    background: #aadddd
}

.tooltip.top .tooltip-arrow {
    border-top-color: #aadddd
}

.tooltip-blue + .tooltip .tooltip-inner {
    background: #3498db
}

.tooltip-blue + .tooltip.top .tooltip-arrow {
    border-top-color: #3498db
}

.tooltip-green + .tooltip .tooltip-inner {
    background: #00bc8c
}

.tooltip-green + .tooltip.top .tooltip-arrow {
    border-top-color: #00bc8c
}

.tooltip-white + .tooltip .tooltip-inner {
    background: #fff;
    color: #333
}

.tooltip-white + .tooltip.top .tooltip-arrow {
    border-top-color: rgba(255, 255, 255, .9)
}

.tooltip-black + .tooltip .tooltip-inner {
    background: rgba(255, 255, 255, .9)
}

.tooltip-black + .tooltip.top .tooltip-arrow {
    border-top-color: rgba(255, 255, 255, .9)
}

.tooltip-yellow + .tooltip .tooltip-inner {
    background: #f39c12
}

.tooltip-yellow + .tooltip.top .tooltip-arrow {
    border-top-color: #f39c12
}

.tooltip-top1 + .tooltip .tooltip-inner {
    background: gold;
}
.tooptip-top1 + .tooltip.top .tooptip-arrow {
    background: gold;
}
.tooltip-top2 + .tooltip .tooltip-inner {
    background: silver;
}
.tooptip-top2 + .tooltip.top .tooptip-arrow {
    background: silver;
}
.tooltip-top3 + .tooltip .tooltip-inner {
    background: #cd7f32;
}
.tooptip-top3 + .tooltip.top .tooptip-arrow {
    background: #cd7f32;
}

.popover {
    background: rgba(230, 49, 49, .8)
}

[data-toggle=popover] {
    cursor: help
}

.popover.top > .arrow {
    border: 0
}

.popover.top > .arrow:after {
    border-top-color: rgba(230, 49, 49, .8)
}

.popover-black + .popover {
    background: #ffffffb8;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 30px;
    color: #000
}

.popover-black + .popover.top > .arrow:after {
    border-top-color: rgba(255, 255, 255, .9);
}

.popover-dark + .popover {
    background: #000;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 30px;
    color: #fff
}

.popover-dark + .popover.top > .arrow:after {
    border-top-color: rgba(255, 255, 255, .9);
}


.popover-white + .popover {
    background: rgba(255, 255, 255, .9);
    color: #333
}

.popover-white + .popover.top > .arrow:after {
    border-top-color: rgba(255, 255, 255, .9)
}

.popover-yellow + .popover {
    background: rgba(243, 156, 18, .8);
    color: #000
}

.popover-yellow + .popover.top > .arrow:after {
    border-top-color: rgba(243, 156, 18, .8)
}

.popover-green + .popover {
    background: rgba(0, 188, 140, .8);
    color: #000
}

.popover-green + .popover.top > .arrow:after {
    border-top-color: rgba(0, 188, 140, .8)
}

.popover-blue + .popover {
    background: rgba(52, 152, 219, .8);
    color: #000
}

.popover-blue + .popover.top > .arrow:after {
    border-top-color: rgba(52, 152, 219, .8)
}

.popover-pink + .popover {
    background: rgba(253 14 164 / .8);
    color: #000
}

.popover-pink + .popover.top > .arrow:after {
    border-top-color: rgba(253 14 164 / .8);
}

.container {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    max-width: 1350px
}

.header {
    display: block;
    margin-bottom: 20px;
    padding-top: 20px
}

.logo {
    display: block;
    font-size: 40px;
    font-weight: 700;
    text-align: center
}

.logo::before {
    height: 95px;
    content: " ";
    display: inline-block;
    vertical-align: middle
}

.logo a {
    display: inline-block;
    vertical-align: middle;
    color: #000
}

.logo a:focus, .logo a:hover {
    text-decoration: none
}

.sub-logo {
    display: block;
    font-size: 16px;
    margin-top: -10px
}

ul.main-menu {
    display: table;
    content: " ";
    clear: both;
    width: 100%
}

ul.main-menu > li {
    float: right;
    width: 10%;
    display: inline-block
}

ul.main-menu > li > a {
    background: #333;
    width: 100%;
    height: 100px;
    text-align: center;
    display: block;
    text-decoration: none;
    border-left: 3px solid #222
}

ul.main-menu > li.active > a, ul.main-menu > li.active > a:active, ul.main-menu > li.active > a:focus, ul.main-menu > li.active > a:hover, ul.main-menu > li > a:active, ul.main-menu > li > a:focus, ul.main-menu > li > a:hover {
    background: #aadddd;
    text-decoration: none;
    color: #000
}

ul.main-menu > li:last-child > a, ul.main-menu > li:last-child > a:hover {
    border: none
}

ul.main-menu > li > a > .li-container-main-menu {
    display: block;
    padding-top: 2px
}

ul.main-menu > li > a > .li-container-main-menu > .icon-main-menu {
    display: block;
    font-size: 30px;
    margin-bottom: 5px
}

ul.main-menu > li > a > .li-container-main-menu > .text-main-menu {
    display: block;
    font-size: 16px;
    margin-bottom: 5px
}

.btn-main-menu-mobile {
    display: none
}

.main-menu-mobile {
    display: none
}

.parm {
    display: block;
    text-align: center;
    background: rgb(0 0 0 / 30%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.parmArmy {
    display: block;
    text-align: center;
    background: rgb(0 0 0 / 50%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

@media(min-width:768px) {
    .parm {
        border-radius: var(--radius);
    box-shadow: var(--box-shadow-gray);
    }
}
.unparm {
    display: block;
    text-align: center;
    background: none;
    border-radius: 0;
}

.parm-bold {
    display: block;
    font-size: 40px;
    width: 100%;
    word-wrap: break-word
}

.parm-title {
    display: block;
    width: 100%;
    word-wrap: break-word
}

.parm-xs {
    padding: 4px 0 6px
}

.parm-xs .parm-bold {
    font-size: 12px;
    font-weight: 600
}

.parm-xs .parm-title {
    font-size: 11px;
    font-weight: 400
}

.parm-small {
    padding: 8px 0 10px
}

.parm-small .parm-bold {
    font-size: 14px;
    font-weight: 600
}

.parm-small .parm-title {
    font-size: 13px;
    font-weight: 400
}

.parm.parm-gray {
    background: #222;
    color: #fff
}

.parm.parm-red {
    background: #aadddd;
    color: #fff
}

.parm.parm-blue {
    background: #3498db;
    color: #fff
}

.parm.parm-green {
    background: #00bc8c;
    color: #fff
}

.parm.parm-yellow {
    background: #f39c12;
    color: #fff
}

.parm.parm-bg-empty {
    background: 0 0
}

ul.navigation {
    display: block;
    margin-bottom: 20px
}

ul.navigation > li {
    display: inline-block;
    vertical-align: middle
}

ul.navigation > li > a {
    color: #fff;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 30px;
    margin-left: 5px;
    padding: 5px;
    display: block
}

@media only screen and (max-width: 949px) {
    .no-display-950 {
        display: none;
    }
}

@media only screen and (min-width: 949px) {
    .no-display-up-950 {
        display: none;
    }
}


ul.navigation > li > div, ul.navigation > li > h1 {
    background: rgba(0, 0, 0, 0.48);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 30px;
    color: #fff;
    padding: 5px;
    display: block
}

.slick {
    position: relative;
    margin-bottom: 20px
}

.slick-list {
    height: 350px
}

.slick-dots {
    display: none !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: block;
    padding: 10px;
    background: rgba(0, 0, 0, .7);
    opacity: .8
}

.slick:hover .slick-dots {
    display: block !important
}

.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    height: 20px;
    width: 20px;
    position: relative
}

.slick-dots li button {
    display: block;
    background: 0 0;
    border: 0;
    color: transparent;
    margin: 0;
    padding: 0;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0
}

.slick-dots li button::before {
    display: block;
    content: "•";
    font-size: 40px;
    color: #000;
    opacity: .8;
    font-weight: 700;
    height: 20px;
    width: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0
}

.slick-dots li button:hover::before, .slick-dots li.slick-active button::before, .slick-dots li.slick-active button:hover::before {
    color: #aadddd;
    opacity: 1
}

.slick-arrow {
    display: none !important
}

.container-game {
}

.header-game {
    float: right;
    width: 20%;
    background: #0000007a;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 0;
    padding: 10px 0;
    transition: width .8s ease
}
@media (min-width: 768px) {
    .header-game {
        margin-top:25px !important;
    }
}
.navigation {
    display:none !important;
}
.content-game {
    float: left;
    width: 80%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
    padding: 25px;
    transition: width .8s ease;

}

.logo-game {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #000;
    font-weight: 700
}

.logo-game a:focus, .logo-game a:hover {
    text-decoration: none
}

.logo-open {
    display: block
}

.logo-close {
    display: none
}

.btn-game-menu-mobile {
    display: none
}

ul.menu-header-game {
    display: block
}

ul.menu-header-game > li {
    display: block;
    position: relative
}

ul.menu-header-game > li > .pointer, ul.menu-header-game > li > a {
    display: block;
    padding: 6px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    transition: padding-right .3s ease;
    transition: border-right .1s ease;
    margin-bottom: 1px
}

ul.menu-header-game > li > .pointer:hover, ul.menu-header-game > li > a:focus, ul.menu-header-game > li > a:hover {
    text-decoration: none;
    border-right: 3px solid #fff;
    padding-right: 16px;
    color: #fff;
    transition: padding-right .3s ease;
    transition: border-right .1s ease
}

ul.menu-header-game > li.active > .pointer, ul.menu-header-game > li.active > a {
    /* background: #fff; */
    color: #000
}

ul.menu-header-game > li.active > .pointer:hover, ul.menu-header-game > li.active > a:focus, ul.menu-header-game > li.active > a:hover {
    text-decoration: none;
    border: 0;
    padding-right: 10px;
    color: #000;
    transition: none
}

ul.menu-header-game > li .icon-menu-header-game {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

ul.menu-header-game > li .text-menu-header-game {
    display: inline-block;
    vertical-align: middle;
    padding-right:20px;
}

.notification {
    display: inline-block;
    background: #aadddd;
    color: #000;
    padding: 2px 4px;
    font-weight: 600;
    text-align: center;
    font-size: 13px
}

.bg-red .notification {
    background: #fff;
    color: #aadddd
}

ul.menu-header-game > li .notification {
    display: inline-block;
    background: #aadddd;
    color: #000;
    padding: 2px 4px;
    font-weight: 600;
    text-align: center;
    font-size: 13px
}

ul.menu-header-game > li.active .notification {
    background: #fff;
    color: #aadddd
}

ul.menu-header-game > li .subtitle {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    padding: 2px 4px;
    font-weight: 600;
    text-align: center;
    font-size: 13px
}

ul.menu-header-game > li > ul {
    display: none;
    /* background: rgba(255, 255, 255, .15); */
    padding: 0 10px
}

ul.menu-header-game > li.open ul {
    display: block
}

ul.menu-header-game > li.open .icon-open-menu-header-game {
    display: none
}

ul.menu-header-game > li .icon-open-menu-header-game {
    display: inline-block
}

ul.menu-header-game > li .icon-close-menu-header-game {
    display: none
}

ul.menu-header-game > li.open .icon-close-menu-header-game {
    display: inline-block
}

ul.menu-header-game > li > ul > li {
    display: block
}

ul.menu-header-game > li > ul > li > a {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    font-weight: 400
}

ul.menu-header-game > li > ul > li > a:focus, ul.menu-header-game > li > ul > li > a:hover {
    color: #ccc;
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

ul.menu-header-game > li > ul > li.active > a {
    color: #aadddd;
    border-bottom: 1px solid #aadddd
}

ul.menu-header-game > li > ul > li:last-child > a {
    border: 0
}

.container-set-mini-header-game {
    display: table;
    content: " ";
    clear: both;
    width: 100%
}

.set-mini-header-game {
    padding: 10px;
    float: left;
    cursor: pointer
}

.set-mini-header-game.right-set-mini-header-game {
    display: block
}

.set-mini-header-game.left-set-mini-header-game {
    display: none
}

.container-game.mini-header-game > .header-game {
    width: 45px
}

.container-game.mini-header-game > .content-game {
    width: calc(100% - 45px)
}

.container-game.mini-header-game .logo-close {
    display: block
}

.container-game.mini-header-game .logo-open {
    display: none
}

.container-game.mini-header-game ul.menu-header-game > li .text-menu-header-game {
    display: none
}

.container-game.mini-header-game ul.menu-header-game > li > .pointer:hover, .container-game.mini-header-game ul.menu-header-game > li > a:focus, .container-game.mini-header-game ul.menu-header-game > li > a:hover {
    border-right: 0;
    padding-right: 10px;
    transition: none
}

.container-game.mini-header-game .icon-close-menu-header-game {
    display: none !important
}

.container-game.mini-header-game .icon-open-menu-header-game {
    display: none !important
}

.container-game.mini-header-game ul.menu-header-game > li > ul {
    position: absolute;
    right: 100%;
    top: 0;
    width: 200px;
    z-index: 99999;
    background: #ffffff7a;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 30px;
    display: none
}

.container-game.mini-header-game ul.menu-header-game > li.open > ul {
    display: block
}

.container-game.mini-header-game ul.menu-header-game > li ul .text-menu-header-game {
    display: block
}

.container-game.mini-header-game .set-mini-header-game {
    background: #aadddd
}

.container-game.mini-header-game .set-mini-header-game.left-set-mini-header-game {
    display: block
}

.container-game.mini-header-game .set-mini-header-game.right-set-mini-header-game {
    display: none
}

.toggle-user-row {
    background: rgba(0, 0, 0, .4)
}

.toggle-user-row.active {
    background: rgba(0, 0, 0, .8);
    margin-bottom: 5px
}

.toggle-user-row.white-toggle-user-row {
    background: rgba(0, 0, 0, .4);
    color: #000
}

.toggle-user-row.white-toggle-user-row.active {
    background: rgba(0, 0, 0, .8);
    color: #000;
    margin-bottom: 5px
}

.toggle-user-row .icon-close-user-row {
    display: none
}

.toggle-user-row .icon-open-user-row {
    display: inline-block
}

.toggle-user-row.active .icon-open-user-row {
    display: none
}

.toggle-user-row.active .icon-close-user-row {
    display: inline-block
}

.slider {
    display: block;
    position: relative
}

.slider-bg {
    display: table;
    content: " ";
    width: 100%;
    clear: both;
    padding: 5px;
    background: rgba(0, 0, 0, .3) none repeat scroll 0 0;
    border-radius: var(--radius);
    text-align: right
}

.slider-bg > .slider-bg-value {
    display: block;
    background: #fff;
    border-radius: var(--radius);
    white-space: pre;
    height: 20px;
    float: left
}

.slider > .slider-value {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 25px;
    color: #000;
    padding-top: 2px
}

.slider.slider-yellow > .slider-bg > .slider-bg-value {
    background: #f39c12
}

.slider.slider-red > .slider-bg > .slider-bg-value {
    background: #bb0f0a
}

.slider.slider-white > .slider-bg > .slider-bg-value {
    background: #fff
}
.slider.slider-gwar > .slider-bg > .slider-bg-value {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    background-image: url(../../images/assetsGame/base/parmBG.webp);
}
.slider.slider-black > .slider-bg > .slider-bg-value {
    background: #000
}

.slider.slider-green > .slider-bg > .slider-bg-value {
    background: #00bc8c
}

.slider.slider-blue > .slider-bg > .slider-bg-value {
    background: #3498db
}
.slider-text-white > span {
    color:#fff !important;
}
.table.table-game > thead > tr {
    background: #fff;
    color:#000;
}

.table.table-game > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 10px;
    font-weight: 400;
    font-size: 14px
}

.table.table-game > thead > tr > th {
    font-size: 16px;
    font-weight: 300
}

.table.table-game > tbody > tr a {
    color: #f39c12
}

.table.table-game > tbody > tr:last-child {
    border: 0
}

.table.table-game > tbody > tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0.64);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}



.table.table-game > tbody > tr:nth-child(even) {
    background: rgba(55, 55, 55, 0.64);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}



ul.pages {
    display: table;
    content: " ";
    clear: both;
    width: 100%;
    text-align: center
}

ul.pages > li {
    display: inline-block;
    text-align: center;
    margin-left: 1px
}

ul.pages > li > a,
ul.pages > li > span{
    padding: 10px 20px;
    display: block;
    background: #333
}

ul.pages > li > a:focus, ul.pages > li > a:hover {
    text-decoration: none;
    background: #111
}

ul.pages > li.active > a, ul.pages > li.active > a:focus, ul.pages > li.active > a:hover {
    background: #931206
}

.select2-container, .select2-container .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single {
    display: block !important;
    width: 100% !important;
    height: 45px !important;
    line-height: 45px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    border: 0 !important;
    color: #000;
    direction: rtl !important
}

.select2-container {
    width: auto !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px !important;
    line-height: 45px !important;
    top: 0;
    right: auto !important;
    left: 0 !important;
    float: left !important;
    direction: rtl !important
}

.select2-search--dropdown {
    display: none !important;
    direction: rtl !important
}

.select2-results {
    background: #fff !important;
    direction: rtl !important
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #fff !important;
    direction: rtl !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #aadddd !important;
    direction: rtl !important
}

.select2-dropdown {
    border-radius: 0 !important;
    direction: rtl !important
}

.select2-container--default .select2-results > .select2-results__options {
    line-height: 1.5 !important;
    direction: rtl !important
}

.ripple {
    overflow: hidden;
    position: relative
}

.ripple-effect {
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #fff;
    animation: ripple-animation 2s
}

.icon-process {
    display: none
}

.process-disabled {
    position: relative;
    user-select: none
}

.process-disabled::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: .4;
    left: 0;
    top: 0;
    background: #fff;
    user-select: none
}

.process-disabled .icon-process {
    display: block;
    background-image: url(assets/img/loader.html);
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -64px;
    z-index: 10;
    cursor: wait;
    user-select: none
}

input[type=image] {
    margin: auto;
    height: auto;
    width: auto;
    line-height: auto
}

input[type=text].input-small::placeholder {
    color: #fff;
}
input::placeholder {
    color: #ffffff8f;
}
@keyframes ripple-animation {
    from {
        transform: scale(1);
        opacity: .4
    }
    to {
        transform: scale(100);
        opacity: 0
    }
}

@media (max-width: 1200px) {
    .container {
        padding: 0 10px
    }
}

@media (max-width: 950px) {
    ul.main-menu > li > a > .li-container-main-menu > .text-main-menu {
        font-size: 15px
    }

    .parm-bold {
        font-size: 30px
    }

    .header-game {
        width: 45px
    }

    .content-game {
        width: calc(100% - 45px)
    }

    .logo-close {
        display: block
    }

    .logo-open {
        display: none
    }

    ul.menu-header-game > li .text-menu-header-game {
        display: none
    }

    .container-game.mini-header-game ul.menu-header-game > li > .pointer:hover, .container-game.mini-header-game ul.menu-header-game > li > a:focus, ul.menu-header-game > li > a:hover {
        border-right: 0;
        padding-right: 10px;
        transition: none
    }

    .icon-close-menu-header-game {
        display: none !important
    }

    .icon-open-menu-header-game {
        display: none !important
    }

    ul.menu-header-game > li > ul {
        position: absolute;
        right: 100%;
        top: 0;
        width: 200px;
        z-index: 99999;
        background: #ffffff7a;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        border-radius: 30px;
        display: none
    }

    ul.menu-header-game > li.open > ul {
        display: block
    }

    ul.menu-header-game > li ul .text-menu-header-game {
        display: block
    }

    .container-set-mini-header-game {
        display: none
    }
}

@media (max-width: 767px) {
    .show767 {
        display: block !important
    }

    .hide767 {
        display: none !important
    }

    .logo {
        text-align: right
    }

    .logo a {
        text-align: center
    }

    ul.main-menu {
        display: none;
        width: 100%;
        background: rgba(0, 0, 0, .85);
        z-index: 99999;
        position: absolute;
        top: 0;
        left: 0
    }

    ul.main-menu.open {
        display: block
    }

    ul.main-menu > li {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 2px
    }

    ul.main-menu > li > a {
        height: auto
    }

    ul.main-menu > li > a > .li-container-main-menu {
        padding: 10px
    }

    ul.main-menu > li > a > .li-container-main-menu > .icon-main-menu {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        margin-left: 5px;
        padding-top: 2px
    }

    ul.main-menu > li > a > .li-container-main-menu > .text-main-menu {
        display: inline-block;
        vertical-align: middle;
        font-size: 22px
    }

    .btn-main-menu-mobile {
        display: block
    }

    .btn-main-menu-mobile::after {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100px
    }

    .btn-main-menu-mobile.open > .container-btn-main-menu-mobile {
        background: #aadddd
    }

    .btn-main-menu-mobile > .container-btn-main-menu-mobile {
        display: inline-block;
        vertical-align: middle;
        background: #333;
        padding: 10px 0;
        width: 96%;
        text-align: center;
        cursor: pointer
    }

    .btn-main-menu-mobile .open-icon-btn-main-menu-mobile {
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        margin-right: 10px;
        padding-top: 3px
    }

    .btn-main-menu-mobile .close-icon-btn-main-menu-mobile {
        display: none
    }

    .btn-main-menu-mobile.open .open-icon-btn-main-menu-mobile {
        display: none
    }

    .btn-main-menu-mobile.open .close-icon-btn-main-menu-mobile {
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        margin-right: 10px;
        padding-top: 3px
    }

    .text-btn-main-menu-mobile {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px
    }

    .slick-list {
        height: 250px
    }

    .parm {
        margin-bottom: 3px
    }

    .mb5-mobile {
        margin-bottom: 5px
    }

    .mb10-mobile {
        margin-bottom: 10px
    }

    .mb15-mobile {
        margin-bottom: 15px
    }

    .header-game {
        display: block;
        width: 100%;
        position: relative
    }

    .content-game {
        display: block;
        width: 100%;
        padding: 10px
    }


    .logo-open {
        display: block
    }

    .logo-close {
        display: none
    }

    .btn-game-menu-mobile {
        float: left;
        margin-top: 15px;
        font-size: 18px;
        padding: 10px;
        cursor: pointer;
        display: block
    }

    .btn-game-menu-mobile.active {
        background: #aadddd
    }

    .btn-game-menu-mobile i {
        color: #fff;
        font-size: 35px
    }

    .btn-game-menu-mobile span {
        color: #000;
        font-size: 18px;
        margin-left: 5px
    }

    ul.menu-header-game {
        display: none;
        width: 100%;
        z-index: 99999;
        right: 0;
        top: 100%
    }

    ul.menu-header-game > li .text-menu-header-game {
        display: inline-block
    }

    ul.menu-header-game > li > .pointer, ul.menu-header-game > li > a {
        text-align: right;
    }

    .container-game.mini-header-game ul.menu-header-game > li > .pointer:hover, .container-game.mini-header-game ul.menu-header-game > li > a:focus, ul.menu-header-game > li > a:hover {
        border-right: 0;
        padding-right: 10px;
        transition: none
    }

    .icon-close-menu-header-game {
        display: none !important
    }

    .icon-open-menu-header-game {
        display: none !important
    }

    ul.menu-header-game > li > ul {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 0;
        background: rgba(0, 0, 0, .7);
        display: none
    }

    ul.menu-header-game > li.open > ul {
        display: block
    }

    ul.menu-header-game > li ul .text-menu-header-game {
        display: block
    }

    .container-set-mini-header-game {
        display: none
    }
}

@media (max-width: 500px) {
    .show500 {
        display: block !important
    }

    .hide500 {
        display: none !important
    }

    .btn-main-menu-mobile > .container-btn-main-menu-mobile {
        width: 80%
    }

    .text-btn-main-menu-mobile {
        display: none
    }

    .btn-main-menu-mobile .open-icon-btn-main-menu-mobile {
        margin: 0;
        padding: 0
    }

    .btn-main-menu-mobile.open .close-icon-btn-main-menu-mobile {
        margin: 0;
        padding: 0
    }

    .slick-list {
        height: 150px
    }

    /* .btn-game-menu-mobile span {
        display: none
    } */
    .items {
        height: 70px !important;
        width: 70px !important;
    }
}



.mt25 {
    margin-top: 25px;
}
.mt5 {
    margin-top: 5px;
}
.h70 {
    height: 70px;
}

.alert.alert-success {
    border-radius: 15px;
    font-size: 20px;
    margin-right: 1%;
    margin-left: 1%;
    display: flex;
    justify-content: center;
}

/* images start */
.user_defence {
    background-image: url(../../images/defence_item_defence.png);
}

.user_cityrank {
    background-image: url(../../images/ranktop4.png);
    margin-top: 5px;
}

.user_soldier {
    background-image: url(../../images/user_soldiers.webp);
    margin-top: 5px;
}

.user_city {
    background-image: url(../../images/city.png);
    margin-top: 5px;
}

.bank_withdraw {
    background-image: url(../../images/bank_withdraw.webp);
}

.bank_deposits {
    background-image: url(../../images/bank_deposit.webp);
}

.defRes {
    background-image: url(../../images/assetsGame/defRes.png);
}
.defSol {
    background-image: url(../../images/assetsGame/defSol.png);
}
.inShabat {
    background-image: url(../../images/assetsGame/gift.png);
}
.rank1 {
    background-image: url(../../images/assetsGame/rank1.png);
}
.rank2 {
    background-image: url(../../images/assetsGame/rank2.png);
}
.rank3 {
    background-image: url(../../images/assetsGame/rank3.png);
}

.atk {
    background-image: url(../../images/assetsGame/atk.png);
}
.def {
    background-image: url(../../images/assetsGame/def.png);
}
.spy {
    background-image: url(../../images/assetsGame/spy.png);
}
.msg {
    background-image: url(../../images/assetsGame/msg.png);
}
.magicScroll {
    background-image: url(../../images/assetsGame/magicScroll.png);
}
.bank_deposits,
.bank_withdraw,
.user_soldier,
.user_defence,
.user_cityrank,
.user_city {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
}
/* rank */
.defSol,
.defRes,
.inShabat,
.rank1,
.rank2,
.rank3 {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
}

.atk,
.def,
.spy,
.msg,
.magicScroll {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
}

.mobile-profile-image {
    float: left;
    margin-top: 15px;
    font-size: 18px;
    padding: 10px;
    cursor: pointer;
}

i#style_icon\ mobile-dark-light {
    font-size: 33px;
}
i#style_icon {
    font-size: 16px;
    padding-left: 20px;
}
.user-inv {
    background-image: url(../../images/hero/bag.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 70px;
    width: 100px;
    background-size: 100px 70px;
}

@media (min-width: 768px) {
    .user-inv {
        width: 140px;
        background-size: 140px 70px !important;
    }
}


/* menu start*/
.menu-dashboard,
.menu-banks,
.menu-ranks,
.menu-hero,
.menu-train,
.menu-develops,
.menu-guild,
.menu-works,
.menu-vipStore,
.menu-store,
.menu-msgs,
.menu-settings,
.menu-history,
.menu-buyDiamonds {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
}
.menu-dashboard {
    background-image: url(../../images/menuBtns/dashboard.png);
}
.menu-banks {
    background-image: url(../../images/menuBtns/banks.png);
}
.menu-ranks {
    background-image: url(../../images/menuBtns/ranks.png);
}
.menu-hero {
    background-image: url(../../images/menuBtns/hero.png);
}
.menu-train {
    background-image: url(../../images/menuBtns/train.png);
}
.menu-develops {
    background-image: url(../../images/menuBtns/develops.png);
}
.menu-guild {
    background-image: url(../../images/menuBtns/guild.png);
}
.menu-works {
    background-image: url(../../images/menuBtns/works.png);
}
.menu-store {
    background-image: url(../../images/menuBtns/store.png);
}
.menu-msgs {
    background-image: url(../../images/menuBtns/msgs.png);
}
.menu-settings {
    background-image: url(../../images/menuBtns/settings.png);
}
.menu-history {
    background-image: url(../../images/menuBtns/history.png);
}
.menu-buyDiamonds {
    background-image: url(../../images/menuBtns/store1.png);
}




/* user-army-base && resources */
.user_turns,
.user_gold,
.user_wood,
.user_food,
.user_iron,
.user_diamond {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 22px;
    width: 22px;
    background-size: 22px 22px;
}


.user_turns_sm,
.user_gold_sm,
.user_wood_sm,
.user_food_sm,
.user_iron_sm,
.user_diamond_sm {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
}

.user_all_res {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 21px;
    width: 21px;
    background-size: 21px 21px;
}

.baseArmy {
    background-image: url(../../images/baseArmy.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
}
.user_turns {
    background-image: url(../../images/turns.webp);
}
.user_gold,
.user_gold_sm {
    background-image: url(../../images/gold.webp);
}
.user_all_res {
    background-image: url(../../images/allRes.webp);
}
.user_wood,
.user_wood_sm {
    background-image: url(../../images/wood.webp);
}
.user_food,
.user_food_sm {
    background-image: url(../../images/food.webp);
}
.user_iron,
.user_iron_sm {
    background-image: url(../../images/iron.webp);
}
.user_diamond {
    background-image: url(../../images/diamond.webp);
}




/* spells start */
.atkInc,
.defInc,
.spyInc,
.turnInc {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 110px;
    width: 140px;
    background-size: 140px 110px;
    border-radius: 20px;
}
.atkInc {
    background-image: url(../../images/spells/atkInc.png);
}
.defInc {
    background-image: url(../../images/spells/defInc.png);
}
.spyInc {
    background-image: url(../../images/spells/spyInc.png);
}
.turnInc {
    background-image: url(../../images/spells/resSpell.png);
}


/* spells end */


/* Default styles for .w_header */
.w_header {
    background-image: url(../../images/assetsGame/Window_Header.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 80px;
    width: 94%;
    background-size: 103% 80px;
}

/* Media query for mobile devices with a max width of 767px */
@media (max-width: 767px) {
    .w_header {
        background-size: 230px 40px;
        height: 40px; /* Adjust height for mobile */
        width: 100px; /* Adjust width for mobile */
        background-position-x: center;
    }
}


@media (min-width: 768px) {
    .menuBG {
        background-image: url(../../images/assetsGame/base/menuBG.png);
        background-repeat: no-repeat;
        background-position: 0px -28px;
        position: relative;
        width: 20%;
        background-size: 100% 108%;
    }
    ul.menu-header-game > li {
        margin-right: 30px;
        margin-left: 30px;
        /*padding-bottom:5px;*/
    }
}

.time_header {
    background-image: url(../../images/assetsGame/base/time_header.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 100px;
    /* width: 100%; */
    background-size: 100% 100px;
}

.res_header {
    background-image: url(../../images/assetsGame/base/baseHeader.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 100px;
    width: 100%;
    background-size: 100% 110px;
}

ul.menu-header-game > li.active > a {
    background-image: url(../../images/assetsGame/base/btnActive.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 36px;
    margin-top: 0px;
    width: 210px;
    color: white;
}
@media (max-width: 767px) {
    ul.menu-header-game > li.active > a {
        width: 100%;
    }
    /* .menuBG {
        background-image: url(../../images/assetsGame/base/menuBG.png);
        background-repeat: no-repeat;
        background-position: 0 -92px;
        height: auto;
        width: 100%;
        background-size: 100% 105vh;
    } */
}
.base_header {
    background-image: url(../../images/assetsGame/base/baseHeader.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 100%;
    background-size: 100% 100vh;
}

.powerBG {
    background-repeat: no-repeat;
    background-position: 0px -36px;
    /* height: 100px; */
    background-size: 100% 100px;
    background-image: url(../../images/assetsGame/base/btnActive1.png);
    color: #fff;
}


.parmBG {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    background-image: url(../../images/assetsGame/base/parmBG.webp);
box-shadow: var(--box-shadow);
      border-radius: var(--radius);
    color: #fff;
}

.parmActive {
    background-image: url(../../images/assetsGame/base/btnActive.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    color: #fff;
}

.parmBGyellow {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    background-image: url(../../images/assetsGame/base/parmBGyellow.webp);
    color: #fff;
    box-shadow: inset 0 -10px 0 0 #eec506;
      border-radius: var(--radius);
}

.parmBorder {
    /* background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    background-image: url(../../images/assetsGame/base/parmBorder.png); */
    color: #fff;
    padding: 10px 12px;
    box-shadow: var(--box-shadow-gold);
    border-radius: 0;
}

.parmOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(38 38 38 / 54%);
    cursor: not-allowed;
}

/* spy section */
.spy_spy,
.spy_soldiers,
.spy_slaves,
.spy_defence,
.spy_ovp,
.spy_attack {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 35px;
    width: 35px;
    background-size: 35px 35px;
}
.spy_spy {
    background-image: url(../../images/spy_spy.png.webp);
}
.spy_soldiers {
    background-image: url(../../images/spy_soldiers.png);
}
.spy_slaves {
    background-image: url(../../images/spy_slaves.png.webp);
}
.spy_defence {
    background-image: url(../../images/spy_defence.png);
}
.spy_attack {
    background-image: url(../../images/spy_attack.png.webp);
}
.spy_ovp {
    background-image: url(../../images/spy_ovp.png.webp);
}

.spy_title {
    background-image: url(../../images/spy_title.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 30px;
}

.mb10seperate {
    margin-bottom:10px;
}
  .guild_chat_box {
    max-height: 640px !important;
    overflow-x: auto;
}
  @media (max-width: 767px) {
    .pb60 {
        padding-bottom:60px !important;
    }
      .shop_warning {
            width: 100%;
            text-align: center;
          }
      .mb10seperate {
            margin-bottom:0;
        }
    .header-game__mobile {
        display: flex;
        align-items: center;
        padding: 0;
        height: 34px;
    }
        .header-game {
        position: fixed;
        border-radius:0 !important;
        top: 0;
        width: 100%;
        background: #111;
        padding: 10px;
        left: 0;
        z-index: 10;
    }
        .content-game {
        display: block;
        width: 100%;
        padding: 100px 0px 0px;
    }
    .container-set-mini-header-game {
        display: none;
    }
    .block--user {
        position: fixed;
        bottom:0;
        left: 0;
        width: 100%;
        padding: 0 5px;
        margin: 0;
        background:#111;
        z-index: 9;
        border-radius:0;
    }
        .btn-game-menu-mobile {
        float: left;
        font-size: 18px;
        /* background: #111; */
        /* padding: 5px; */
        cursor: pointer;
        display: block;
        border: 0;
        background: transparent;
        background-image: url(../../images/assetsGame/base/btnActive.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% 40px;
        padding: 5px 15px;
    }
    .header-game__logo {
        max-width: 100px;
        margin: 0;
        order: 2;
        margin-right:auto;
    }
    .dailyGiftClaim {
        margin-right:auto;
    }
    .header-game__logo-desktop {
        width: 45px;
        height: 45px;
    }
    .block--user .col-xs-2 {
        padding-right: 0;
        padding-left: 0;
    }
    .block--user .col-xs-2 {
        padding-right: 0;
        padding-left: 0;
    }
        .btn-game-menu-mobile span {
        color: #fff;
        font-size: 16px;
        margin-left: 5px;
    }
    .btn-game-menu-mobile i {
        color: #fff;
        font-size: 16px;
    }
    ul.menu-header-game {
        position: fixed;
        top: 54px;
        /*height: calc(100% - -861px);*/
        height: calc(100vh - 54px);
        background: #111;
        overflow-y: auto;
        width: 100%;
        padding-top: 20px;
    }
        .btn-game-menu-mobile.active {
        /* background: red; */
        background: transparent;
        background-image: url(../../images/assetsGame/base/btnActive.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% 40px;
        padding: 5px 15px;
    }
    ul.menu-header-game > li.active > a {
        width: 100%;
        background: red !important;
        box-shadow: inset 0 -4px 0 0 #b90b02;
        border-radius: 15px;
    }
    ul.menu-header-game > li > .pointer, ul.menu-header-game > li > a {
        text-align: right;
        font-size: 20px;
        padding: 3px 5px;
    }
    .no-scroll {
        overflow:hidden;
    }
}
@media (max-width: 950px) {
    .container-set-mini-header-game {
        display: none;
    }
}
@media(min-width:951px) {
    .container-set-mini-header-game {
        display: table;
        content: " ";
        clear: both;
        width: 100%;
    }
}


.btn-game-menu-mobile {
    margin-top:0 !important;
}

@media (min-width: 767px) {
    .px0 {
        padding-right:0;
        padding-left:0;
    }
    /* ul.menu-header-game {
        padding-top:54px;
    } */
    .btn-game-menu-mobile {
        display: none;
    }
    .header-game__logo-mobile {
        display: none;
    }
}




.ps5 {
    padding-left:5px;
}
.pr30 {
padding-right: 30px;
}
.border-0 {
    border-radius:0;
}
.pr0 {
    padding-right:0;
}
.fs-14 {
    font-size:14px !important;
}


.radius-0 {
    border-radius: 0 !important;
}

.menu-home-page {
    display: flex;
    list-style-type: none;
    gap: 10px;
    font-size: 14px;
    background: rgba(0, 0, 0, .8);
    padding: 10px 20px;
    width: 100%;
    justify-content: center;
    color: #fff;
    height: 40px;
    position: relative;
}

.radius-0 {
    border-radius: 0 !important;
}
@media(min-width:768px) {
    .block--user,
    .content-game {
        margin-top: 25px;
    }
    .header-game.menuBG {
        margin-top: 75px !important;
        padding-bottom:32px;
    }
    .sticky_gameUpdate {
        margin-bottom: 0;
        top: 40px;
        width: 100%;
        left: 0;
        z-index: 1;
        padding: 10px 20px;
        font-size: 20px;
    }
    .inMobile {
        display: none;
    }

    .mb10-dekstop {
        margin-bottom: 10px;
    }
    .resources_stickey {
        padding-right:10px;
        padding-left:10px;
    }
}
@media(max-width:767px){
    .ripple {
        padding:0 20px;
    }
    .sticky_gameUpdate {
        margin-bottom: 0;
        position: fixed;
        top: 53px;
        width: 100%;
        left: 0;
        background: #111;
        z-index: 1;
        padding: 5px 10px;
    }
    .mobileMenuBtn {
        display: flex;
        align-items: center;
    }
    .inDesktop {
        display: none;
    }
    .resources_stickey {
        padding-right:0;
        padding-left:0;
    }
}

.b-bottom-1 {
    border-bottom:2px solid #ac0a01;
}


.baseBG {
    background-image: url(../../images/assetsGame/base/base.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.baseBG1 {
    background-image: url(../../images/assetsGame/base/Character.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.current-user {
  font-weight: bold;
  color:white !important;
}
form[action="https://g-war.co.il/public/store/buy"] .shop_input {
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 100% 100% !important;
    background-image: url('../../images/assetsGame/base/parmBG.webp') !important;
    color: #fff !important;
}

.w-full {
    width:100%;
}


    .z-10 {
        z-index: 10;
    }



.army_name_rank,
.p5-8{
    padding: 3px 8px;
}
.top_1 {
    background: gold;
    color: #000 !important;
    font-weight: bold;
}

.top_2 {
    background: silver;
    color: #000 !important;
    font-weight: bold;
}

.top_3 {
    background: #cd7f32;
    color: #000 !important;
    font-weight: bold;
}
.top_1_guild {
    border: 2px solid gold;
}

.top_2_guild {
    border:2px solid  silver;
}

.top_3_guild {
    border:2px solid #cd7f32;
}


.b-2red {
    border-bottom:2px solid red;
}

.guild_master {
    background-image: url(../../images/assetsGame/guild_master.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    height: 20px;
    width: 20px;
}


/* ================
user bag
================== */

 .item-cell {
        display: inline-block;
        width: 100%;
        height: 50px; /* Adjust as needed */
    }
    /* .user_bag_items {
        width: 45px;
        height: 45px;
        max-width: 100%;
        max-height: 100%;
        display: block;
    } */
    .empty-cell {
        background-color: transparent;
    }
    .user_hero_bag_table, .user-hero-equips-table {
        margin:0 auto;
        width: auto;
    }
    .user_hero_bag_table > tbody >tr > td {
        border: 2px solid #ffffff4d;
        text-align: center;
        padding: 3px 2px;
    }
    .cell-taken {
            background: #ededff52;
    }
    .item-cell>img {
        width: 50px;
        height: 50px;
    }


    .item_super {
        background-color: rgb(247 189 30 / 0.3) !important;
    }
    .item_elite {
        background-color: rgb(190 37 71 / 47%) !important;
    }
    .item_unique {
        background-color: rgb(7 43 116 / 77%) !important;
    }
    .item_refine {
        background-color: rgb(31 214 11 / 0.3) !important;
    }

    .desktop-row {
    display: table-row;
}
.image-container {
    position: relative;
    display: inline-block;
}
.mobile-row {
    display: none;
}

@media (max-width: 768px) {
    .desktop-row {
        display: none;
    }
    .mobile-row {
        display: table-row;
    }
    .mobile-row td {
        width: 50%;
    }
}

    td.empty-cell.center {
    background: #62687c;
    height: 50px;
}

span.item_amount {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 11px;
}
.item-cell > img {
    margin:0 auto;
}
.uneqipped_table > tbody > tr > td {
    height: 90px;
    width: 90px;
    vertical-align: middle;
}
@media(min-width:768px) {
    .item_amount {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 2px 5px;
        border-radius: 3px;
        font-weight: bold;
        font-size: 11px;
}
}


/* ================
profile hero
================== */

.hero_profile_item {
    width:60px;
    height:60px;
}





/* ================
notifications
================== */

/* Basic styling for dropdown */
.dropdown-content {
    display: none; /* Hidden by default */
    position: absolute;
    top: 40px;
    left: -240px;
    right: -120px;
    height: 400px;
    padding: 85px 25px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 4px;
    max-width: 400px;
}

/* Style for each notification */
.dropdown-content p {
    color: black;
    padding: 5px 20px;
    text-decoration: none;
    display: block;
}

.dropdown-content p:hover {
    background-color: #f1f1f1;
}

.notification_list {
    overflow: auto;
    max-height: 240px;
    padding-right: 15px;
}

@media(min-width:768px) {
    .dropdown-content {
        width: 640px;
        margin: 0 auto;
        min-width:640px;
    }
    .notification_list {
        padding-right: 55px;
        padding-left: 55px;
    }
    .notification_list > p:hover {
        cursor: pointer;
        background-color: transparent;
    }
}

.mobile-only {
    display: none;
}

.desktop-only {
    display: block;
}

@media (max-width: 767px) {
    .mobile-only {
        display: block;
    }
    .desktop-only {
        display: none;
    }
    .notification-container.mobile-only {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
    }
}

@media (min-width: 768px) {
    .mobile-only {
        display: none;
    }
    .desktop-only {
        display: block;
    }
}



.spell_image {
    width: 30%;
    border-radius: 10px;
}


  /* Target the scrollbar for the table */
  .table-responsive::-webkit-scrollbar {
    width: 6px; /* Set width of the scrollbar */
}

/* Track */
.table-responsive::-webkit-scrollbar-track {
    background: transparent; /* Set a background color if you want to */
}

/* Handle */
.table-responsive::-webkit-scrollbar-thumb {
    background-color: #931206; /* Set the color of the scrollbar */
    border-radius: 0px; /* Rounded corners for the scrollbar handle */
}

/* Handle on hover */
.table-responsive::-webkit-scrollbar-thumb:hover {
    background-color: darkred; /* Darker color when hovered */
}




.item-slots {
    display: flex;
    justify-content: center;
    gap: 0;
}
.inventory-item, .item-slot {
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    margin: 4px;
    text-align: center;
    background: #605f6a8f;
    transition: border-color 0.2s, box-shadow 0.2s;
    align-items: center;
    justify-content: center;
}
img.item_free {
    width: 75%;
}
img.user_bag_items,
img.item_taken {
    width: 100%;
    height: 50px;
}
.inventory-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 10px;
}
.empty-slot {
    border: 1px solid #ddd;
}


.rarity_explain {
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: disc inside;
    font-size: 12px;
    font-weight: 500;
}
.rarity_explain li {
    display: inline-block;
    color: white;
    margin: 10px;
}
.rarity_explain > li > span {
    font-size: 16px;
}


@media(max-width:767px) {
    .mobile-mb10  {
        margin-bottom: 20px;
    }
}

@media(min-width:768px) {
    .desktop-border-left {
        border-left: 3px solid #fff;
    }
    .menuz1 {
        top: -90px;
        margin-bottom: -90px;
        position: relative;
    }
}



select {
    padding: 12px;
    width: 100%;
    background: #beb4b3;
    color: #000;
    border-radius: 0;
}


.market_table > tbody > tr >td {
    vertical-align: middle !important;
}
.market_item_img {
    width: 40px;
    border: 2px solid #c6c6c6;
    border-radius: 5px;
    padding: 5px;
}




/* The modal's background (hidden by default) */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with transparency */
    justify-content: center;
    align-items: center;
  }

  /* Modal content box */
  .modal-content {
    background-color: #282828;
    margin: auto;
    padding: 35px;
    border-radius: 5px;
    width: 340px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  }

  /* Close button */
  .close {
    position: absolute;
    top: 0px;
    right: 10px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
  }




    .flex {
        display: flex;
    }
    .align-center {
        align-items: center;
    }
    .justify-center {
        justify-content: center;
    }


   .vip_package > ul > li {
    list-style:none;
   }



   .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .nav > li > a:focus {
    color: #fff;
    font-weight: bold;
    border: 0;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    background-image: url(../../images/assetsGame/base/parmBG.webp);
    border-radius: var(--radius);
    box-shadow: var(--box-shadow);
}


.all_res {
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
}






.spell_item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        gap: 20px;
}
@media(max-width:768px) {
    .spell_item {
        flex-direction:column;
        padding:0 10px;
        gap:0;
        align-items:flex-start;
    }

}
.spell_item > div:first-child {
    flex: 3;  /* Represents 3 parts */
  }
  .spell_item > div:last-child {
    flex: 7;  /* Represents 7 parts */
  }
  .spell_timer {
    height:30px;
    line-height:30px;
    border-radius: 0;
  }

  input[type=submit].gwarBGyellow {
    background-position: 0px 0px;
    background-size: 100% 100%;
    background-image: url(../../images/assetsGame/base/parmBGyellow.webp);
    color: #fff !important;
    padding: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    width: 100%;
    color: #fff !important;
    border-radius: var(--radius);
  }

  .sp_image {
    border-radius:15px;
  }






     /* Center the modal */
     .itemsModal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        align-items: center;
        justify-content: center;
    }

    .itemsModal-content {
        background-color: #060b10;
        padding: 20px;
        border-radius: 10px;
        max-width: 1400px;
        height: 800px;
        overflow-y: auto;
    }

    .close-btn {
        color: #aaa;
        font-size: 28px;
        font-weight: bold;
        cursor: pointer;
    }

    .close-btn:hover,
    .close-btn:focus {
        color: black;
    }

    .allItemsList {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 10px;
        margin-top: 20px;
    }

    .item-card {
        text-align: center;
        padding: 10px 0;
        background-color: #909598;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .item-image {
        width: 40px;
        height: 40px;
        object-fit: cover;
        margin-bottom: 10px;
    }

    .item-name {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .item-help,
    .item-type,
    .item-level {
        font-size: 12px;
        color: #080b10;
        font-weight:bold;
    }

    .items_header {
        display:flex;
        gap:20px;
        align-items:center;
    }

    /* Make the modal responsive for smaller screens */
    @media (max-width: 768px) {
        .allItemsList {
            grid-template-columns: repeat(6, 1fr); /* 6 items per row on small screens */
        }
    }

    @media (max-width: 480px) {
        .allItemsList {
            grid-template-columns: repeat(4, 1fr); /* 4 items per row on very small screens */
        }
    }

    span#showAllItems {
        cursor: help;
    }




    .pagination-container > nav > div > span,
    .pagination-container > nav > div > a  {
        padding: 5px;
        border-radius: 0;
        margin-left: 15px;
        font-weight: bold;

    }




    .user_city_spy,
    .user_rank_spy {
        background-repeat: no-repeat;
        background-position: 0 0;
        height: 22px;
        width: 22px;
        background-size: 22px 22px;
    }
    .user_city_spy {
        background-image: url(../../images/user_city_spy.webp);

    }
    .user_rank_spy {
        background-image: url(../../images/user_rank_spy.webp);
    }




    .market_rules > ul {
        margin: 10px 24px;
    }


    .user_flag {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        border: 1px solid rgb(13 25 34);
    }
    .rank_flag {
        display:flex;
        gap:7px;
        flex-direction:row;
    }

    .rank_table > tr > td {
        vertical-align: middle !important;
    }
    .select-flag {
        background: transparent;
        border: 1px solid #ccc;
    }
    .user_flag_profile {
        width:35px;
        height:25px;
        margin-right: 10px;
    }


    .allRewardsList {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 10px;
        margin-top: 20px;
    }
    .reward-card {
        text-align: center;
        padding: 10px 0;
        background-color: #90959894;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border: 1px solid #ccc;
    }

    .dailyPassed {
        background:#767879;
    }
    .reward-card.dailyPassed:hover {
        background: #91989ccc;
    }
    .dailyCurrent {
        background:#3390e8;
    }
    .reward-card.dailyCurrent:hover {
        background: #3390e8a8;
    }
    .dailyFuture {
        background:#74869100;
    }
    .reward-card.dailyFuture:hover {
        background: #b6c4cd;
    }

    .rewardModal {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1000;
    }

    .rewardModalContent {
        background: #3e4d5d;
        margin: 15% auto;
        padding: 40px 15px;
        width: 370px;
        position: relative;
        border-radius: 5px;
        border: 1px solid #ccc;
    }

    .giftTitle  {
        font-size: 20px;
        font-weight: bold;
    }
    .giftSubTitle {
        font-size: 18px;
        margin-top: 10px;
    }

    .closeGiftModal {
        cursor: pointer;
        font-size: 20px;
        padding: 5px 10px;
        border-radius: 8px;
        display: block;
        border: 1px solid #cccccc57;
        max-width: 100px;
        margin: 30px auto;
        margin-bottom: 0;
        text-align: center;
    }
    .closeGiftModal:hover {
        background: #304254;
    }
    @media(max-width:768px) {
        .allRewardsList {
            grid-template-columns: repeat(3, 1fr);
        }
    }



    .season-tabs-wrapper {
        overflow-x: auto; /* Enables horizontal scrolling */
        white-space: nowrap; /* Prevents items from wrapping */
        scrollbar-width: thin; /* Optional: Makes the scrollbar thinner */
        scrollbar-color: #ba0b01 transparent; /* Optional: Custom scrollbar */
        margin-bottom: 10px;
    }

    .season-tabs {
        display: inline-flex; /* Keeps items in a single row */
        flex-wrap: nowrap;
    }

    .season-tabs li {
        flex: 0 0 auto; /* Prevents items from resizing */
        padding: 2px 4px;
    }

    .season-tabs-wrapper::-webkit-scrollbar {
        height: 5px; /* Adjusts scrollbar height */
    }

    .season-tabs-wrapper::-webkit-scrollbar-thumb {
        background-color: #c1140b; /* Scrollbar color */
        border-radius: 5px;
    }
    .season-tabs {
        margin-bottom: 0;
        border-bottom: none;
    }




    /* Timeline Container */
.timeline-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 20px 0;
    margin-top: -75px;
}

/* Horizontal Line */
.timeline-line {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 15px;
    background-color: #bbb;
    background-image: url(../../images/timeline-line.png);
    background-size: 100% 100%;
    z-index: 1;
}
/* Timeline Item */
.timeline-item {
    position: relative;
    text-align: center;
    width: 20%; /* Adjust based on milestone count */
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 150px; /* Ensures all items have same height */
}

/* Icon Styling */
.icon {
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; /* Space between icon and date */
}

/* Image Styling */
.icon img {
    width: 85px;
    height: 85px;
    position: relative;
}

/* Date & Username */
.date {
    font-size: 14px;
    color: #e0d6d6;
}

.user-name {
    font-size: 16px;
    font-weight: bold;
}

/* Title */
.timeline-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.gray-event {
    opacity: 1;
    filter: grayscale(100%);
}
.timeline-image {
    height:230px;
    width:100%;
}

.userWheelCoins {
    justify-content:center;
}
@media(max-width:768px) {
    .userWheelCoins {
        flex-direction:column;
    }
    .wheel_coins {
        justify-content: center;
    }
    .icon {
        margin-bottom:-5px;
    }
    .icon img {
        width:55px;
        height:55px;}
    .user-name {font-size:12px;}
    .date {font-size:10px;}
    .timeline-image{height:75px;}
    .timeline-item{min-height:120px;}
    .timeline-line{top:40%;}
}



.giftNotClaimedImg {
    animation: pulse 1s infinite;
    animation-timing-function: ease-in-out;
  }

  @keyframes pulse {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2); /* Scale up 20% */
    }
    100% {
      transform: scale(1);
    }
  }


  .server-age-container {
    position: absolute;
    left: 20px;
    top: 0;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.server-age-image {
    width: 75px;
    height: 75px;
    position: absolute;
}

.server-age-text {
    position: relative;
    line-height: 64px;
    font-weight: 700;
    font-size: 24px;
    color: #f2f2f2;
    text-shadow: 1px 0 3px #000, 1px 1px 3px #000, 0 1px 3px #000, -1px 1px 3px #000, -1px 0 3px #000, -1px -1px 3px #000, 0 -1px 3px #000, 1px -1px 3px #000;
    z-index: 1;
}




.wheelTabs {
    border-bottom: none !important;
}

.wheel-container {
    position:relative;
}
.wheel_pointer {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(50% - 200px);
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 35px solid red;
    z-index: 2;
}
@media(max-width:768px) {
    .wheel_pointer {
        bottom: calc(50% - 170px);
    }
}

.coin-button.active {
    border: 2px solid red; /* Yellow border as an indicator */
}


/* Modal Background */
.custom-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Dark background */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Modal Content */
.custom-modal-content {
    position: absolute;
    left: 50%;
    top: -100%;
    transform: translate(-50%, -50%);
    width: 400px;
    background: #2c3e50; /* Dark theme */
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    transition: top 0.4s ease-in-out, border 0.3s ease-in-out; /* Smooth open and border change */
}
@media(max-width:768px) {
    .custom-modal-content {
        width:340px;
    }
}

/* Show Modal - Move to Center */
.custom-modal.show {
    opacity: 1;
}

.custom-modal.show .custom-modal-content {
    top: 50%;
}

/* Close Button */
.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    color: white;
    cursor: pointer;
}

/* Modal Title */
.modal-title {
    color: white;
    font-size: 22px;
    margin-bottom: 15px;
}

/* Item Image */
.modal-image-container {
    display: flex;
    justify-content: center;
}

.modal-image-container img {
    width: 50%;
    border-radius: 8px;
    margin:20px 0;
}
@media(max-width:768px){
    .modal-image-container img {
        width: 25%;
    }
    .sell_hero_coin {
        display: none;
    }
    .text-lg {
        font-size:24px;
    }
}
/* Item Info */
.modal-info p {
    color: #ecf0f1;
    font-size: 16px;
    margin: 5px 0;
}

/* Buttons Row */
.modal-buttons {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}

/* Buttons */
.btn {
    padding: 10px 15px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
}

.wear-btn {
    background: #27ae60;
    color: white;
}

.sell-btn {
    background: #e67e22;
    color: white;
}

.drop-btn {
    background: #c0392b;
    color: white;
}

.itemDetails {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top:50px;
}

.modalItemRarity {
    padding: 10px;
    font-size: 18px;
    border: 2px solid #ccc;
    border-radius: 8px;
}
.info-item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.itemNameContainer {
    margin:20px 0;
}


.wheel-table > thead > tr > th {
    font-weight: bold;
    font-size:15px;
}

.wheel-table > tbody > tr:nth-child(even) {
    background: #0f1418;
}


.superClass {
    background: gold;
    padding: 3px 10px;
    border-radius: 8px;
    color: #000;
}

.eliteClass {
    background: red;
    padding: 3px 10px;
    border-radius: 8px;
    color: #fff;
}

.uniqueClass {
    background: blue;
    padding: 3px 10px;
    border-radius: 8px;
    color: #fff;
}

.refineClass {
    background: green;
    padding: 3px 10px;
    border-radius: 8px;
    color: #fff;
}

.commonClass {
    background: white;
    padding: 3px 10px;
    border-radius: 8px;
    color: #000;
}




img.gm_image {
    width: 100%;
    height: 120px;
}

.dungeon-image-wrapper {
    position: relative;
}

.chances-overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: flex;
    gap: 5px;
    background-color: #00000080;
    padding: 5px;
    border-radius: 5px;
}
.timeDuration {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: #00000080;
    padding: 5px;
    border-radius: 5px;
}
.list-none {
    list-style: none;
}



img.prizesBoss {
    position: absolute;
    left: 10px;
    width: 25px;
    height: 25px;
    bottom: 0;
}

.prize_stats_img {
    width:15px;
    height:15px;
}


.resource-card {
    background-color: #1f1f1f; /* Dark background to match your style */
    border: 1px solid #444;   /* Border color */
    border-radius: 6px;       /* Slightly rounded corners */
    text-align: center;
    margin: 5px 0;            /* Spacing between rows on small screens */
    padding: 10px;            /* Spacing inside the box */
}

.resource-icon {
    width: 32px;
    height: auto;
    margin-bottom: 5px;       /* Spacing below the icon */
}

.resource-label {
    font-weight: bold;
    color: #fff;              /* Label color */
    margin-bottom: 3px;
}

.resource-amount {
    color: #ccc;              /* Amount color */
}


/* Container: lower height, so arrow appears within view */
.army-animation {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 200px;
    pointer-events: none;
    overflow: visible;
  }

  /* Now the horizontal travel takes exactly var(--move-duration) */
  .army-icon {
    position: absolute;
    width: 80px;
    animation:
      moveArmy var(--move-duration) linear forwards,
      bob       3s ease-in-out infinite;
    opacity: 0;
  }

  /* movement from left → center → right */
  @keyframes moveArmy {
    0%   { left: 0; opacity: 0; transform: scale(0.8); }
    10%  { opacity: 1; }
    50%  { left: 50%; opacity: 1; transform: scale(1); }
    90%  { opacity: 1; }
    100% { left: 110%; opacity: 0; transform: scale(0.8); }
  }

  /* a little up/down bob to make them float */
  @keyframes bob {
    0%,100% { transform: translateY(0) scale(1); }
    50%     { transform: translateY(-10px) scale(1.02); }
  }

  /* stagger repeats */
  .army-icon.delay-3  { animation-delay: 0s, 3s; }
  .army-icon.delay-6  { animation-delay: 0s, 6s; }




@media(min-width:768px){

    .picker-img-div {
        justify-content: flex-start;
    }
    .picker-img-wrapper > img {
        width:60px;
    }

}

.filter-resource {
    border: none;
    border-radius:var(--radius);
}

.picker-img-div {
    display: flex;
    margin: 20px 0;
    gap: 30px;
}

.picker-img-wrapper > img {
    cursor: pointer !important;
    opacity: .6 !important;
    transition: opacity .2s, transform .2s !important;
}
.picker-img-wrapper {
    border: 1px solid #ffffff75;
    padding: 10px;
    border-radius: 8px;
}
.picker-img-wrapper > img.selected {
    opacity: 1 !important;
    transform: scale(1.1) !important;
}

@media(max-width:768px){

    .picker-img-div {
        justify-content: space-between;
    }
    .picker-img-wrapper > img {
        width:30px;
    }

}






/* hero section */
/* ==== HERO CANVAS (GRID) =============================================== */
.hero-equip{
    --scale: clamp(320px, 34vw, 480px);   /* overall width */
    --slot : clamp(70px, 9vw, 110px);     /* square size of a slot */
    --gap  : clamp(12px, 2.5vw, 18px);    /* spacing between rows/cols */

    position: relative;
    width: var(--scale);
    aspect-ratio: 243 / 484;              /* reserve real height */
    margin: 12px auto 24px;
  }

  /* hero sprite centered behind the grid */
  .hero-core{
    position:absolute; inset:0;
    display:grid; place-items:center;
    pointer-events:none;
    z-index:0;
  }
  .hero-core img{ width:62%; height:auto; filter: drop-shadow(0 2px 8px rgba(0,0,0,.35)); }

  /* the grid that holds the slots */
  .hero-grid{
    position:absolute; inset:0;
    display:grid;
    grid-template-columns: 1fr var(--slot) 1fr;         /* 3 cols; middle = slot width */
    grid-template-rows: repeat(5, var(--slot));         /* 5 rows of slot height */
    grid-template-areas:
        ".     head   ."
        ".     wings  ."
        "left  chest  right"
        ".     legs   ."
        ".     feet   .";
    gap: var(--gap);
    place-items:center;
    z-index:1;                                          /* above the sprite */
  }

  /* slot box */
  .hero-grid .equip-slot{
    width: var(--slot);
    height: var(--slot);
    display:grid; place-items:center;
    border:2px solid #a3832a;
    border-radius:10px;
    background: linear-gradient(180deg,#ffffff12,#00000033);
    box-shadow: 0 0 0 1px #0006 inset, 0 2px 6px #0009;
    cursor: default;
  }
  .hero-grid .equip-slot img{ max-width:85%; max-height:85%; object-fit:contain }

  /* map each slot to a grid area */
  .slot-head  { grid-area: head;  }
  .slot-wings { grid-area: wings; width: calc(var(--slot) * 1.5); } /* wider if you like */
  .slot-left  { grid-area: left;  }
  .slot-chest { grid-area: chest; }
  .slot-right { grid-area: right; }
  .slot-legs  { grid-area: legs;  }
  .slot-feet  { grid-area: feet;  }

  /* quality frames (same palette you used) */
  .q-normal{ box-shadow:0 0 0 2px #fff7 inset, 0 2px 6px #0009 }
  .q-refine{ box-shadow:0 0 0 2px #2e7d32 inset, 0 2px 6px #0009 }
  .q-unique{ box-shadow:0 0 0 2px #0b6bff inset, 0 2px 6px #0009 }
  .q-elite { box-shadow:0 0 0 2px #e53935 inset, 0 2px 6px #0009 }
  .q-super { box-shadow:0 0 0 2px #ffb300 inset, 0 2px 6px #0009 }

  @media (min-width:1200px){
    .hero-equip{ --scale: 520px; --slot: 116px; --gap: 20px; }
  }








  .hud {
    position: relative;
    width: 100%;
    max-width: 520px;          /* any max you like */
    aspect-ratio: 430 / 220;   /* keeps the image's proportions */
    font-family: system-ui, sans-serif;
    background-image: url(../../images/assetsGame/base/parmBG.webp) no-repeat center/contain;;

  }

  /* Big circle: avatar */
  .hud__avatar {
    position: absolute;
    left: 3%;
    top: 10%;
    width: 39%;
    height: 80%;
    border-radius: 50%;
    overflow: hidden;
  }
  .hud__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Name (above the long bar area) */
  .hud__name {
    position: absolute;
    left: 48%;
    top: 6%;
    width: 46%;
    font-weight: 700;
    font-size: clamp(12px, 2.6vw, 18px);
    color: #e6e6e6;
    text-shadow: 0 1px 2px #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }

  /* Small black rectangle (top-right): level */
  .hud__level {
    position: absolute;
    right: 7%;
    top: 19%;
    width: 18%;
    height: 17%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffd76a;
    font-weight: 800;
    font-size: clamp(12px, 2.8vw, 20px);
    text-shadow: 0 1px 2px #000;
    letter-spacing: 0.5px;
  }

  /* Long thin black bar: EXP */
  .hud__xp {
    position: absolute;
    left: 48%;
    top: 41%;
    width: 46%;
    height: 20%;
    display: flex;
    align-items: center;
    padding: 3% 4%;
    box-sizing: border-box;
  }
  .hud__xp-bar {
    position: relative;
    width: 100%;
    height: 45%;
    background: rgba(0,0,0,.6);
    border-radius: 6px;
    overflow: hidden;
    outline: 1px solid rgba(255,255,255,.15);
  }
  .hud__xp-fill {
    height: 100%;
    width: 0%;                 /* set via style attr below */
    background: linear-gradient(90deg,#5eead4,#22c55e);
  }
  .hud__xp-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #eaeaea;
    font-size: clamp(10px, 2.2vw, 14px);
    text-shadow: 0 1px 2px #000;
    pointer-events: none;
  }



  @media(min-width:768px) {
    .base_army {
        height: 350px; width: 100%; object-fit: cover;
      }
  }


  @media(max-width:767px) {
    .base_army {
        height: 250px; width: 100%; object-fit: cover;
      }
  }



  input[type=number].input-number-small {
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
    width: 100%;
    max-width: 80px;
  }


/* events  */
button.cup-btn {
    background: transparent !important;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease;
  }
  .cup-btn:hover { transform: scale(1.05); }
  .cup-btn.disabled { cursor: not-allowed; opacity: .5; }
  .cup-img { width: 100px; height: auto; }
  .cup-label { margin-top: 5px; font-weight: bold; color: #fff; }


  input {
    border-radius: var(--radius);
  }

  input.input.input-small.input-number {
    height:30px;
    border-radius: 0;
  }


  /* new base  */
  /* ===== Base header image ===== */
.base-wrap{
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  display: block;
  margin-bottom: 12px;
}

.base-wrap img.base_army{
  width: 100%;
  height: clamp(160px, 26vw, 260px);
  object-fit: cover;
  display: block;
}

.base-overlay{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  text-align: center;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.55));
}

.base-name{
  font-size: clamp(18px, 2.2vw, 34px);
  font-weight: 800;
  text-shadow: 2px 2px 6px rgba(0,0,0,.8);
  border-bottom: 1px solid rgba(255,255,255,.7);
  padding-bottom: 6px;
}

/* ===== Cards layout ===== */
.grid-cards{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
}

.card{
  grid-column: span 6;
  border-radius: 12px;
  overflow: hidden;
}

.card--full{ grid-column: span 12; }

@media (max-width: 768px){
  .card{ grid-column: span 12; }
}

/* Keep your existing .block/.title-block/.body-block,
   just make internals neat */
.card .title-block{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
}

.card .body-block{
  padding: 12px;
}

/* ===== Stat tiles (icon + number aligned) ===== */
.stat-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.stat-tile{
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 52px;
}

.stat-left{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.stat-title{
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stat-value{
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

/* Reuse your icons but make sure they don't jump */
.stat-left .inline-block{
  flex: 0 0 auto;
}


/* Your original inline resource helper - keep but improve */
.dash-resource-inline{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.dash-resource-inline .parm-bold{
  margin: 0;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}


.parmGold {
    box-shadow:var(--box-shadow-gold);
}


.gwarBtn > a {
    border-radius: var(--radius);
    box-shadow: var(--box-shadow);
}
.gwarBtn .parm {
    border-radius: var(--radius);
    box-shadow: var(--box-shadow-gray);
}

.parmBtn {
    border-radius: var(--radius);
        box-shadow: var(--box-shadow-gray);

}