@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat+Alternates:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);

@font-face {
    font-family: "Tahoma Bold";
    font-weight: bold;
    font-style: normal;
    src: url("tahoma_bold.ttf");
}

@font-face {
    font-family: "Tahoma Regular";
    font-weight: normal;
    font-style: normal;
    src: url("tahoma_regular.ttf");
}

/*! 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: bold
}

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: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    -webkit-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;
    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;
    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: bold
}

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

td,
th {
    padding: 0
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

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

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

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

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

@-webkit-keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

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

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

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

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

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

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

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

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

@-webkit-keyframes shake {

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

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

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

@keyframes shake {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

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

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

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

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

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

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

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.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)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

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

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

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

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

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

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

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

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -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) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

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

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

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -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) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flipOutY {
    -webkit-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
    }

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

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

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -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: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -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: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -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: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -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: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -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: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -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: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -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: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -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: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -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: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -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: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

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

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

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

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

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

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

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

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

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

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    *display: inline
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
    *display: inline
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    *display: inline
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    font-family: "Helvetica Neue", sans-serif;
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.odometer.odometer-auto-theme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    position: absolute;
    top: 8px;
    overflow-y: hidden;
    right: 35px;
    padding: .15em;
    background-color: unset
}

.odometer.mobile.odometer-auto-theme {
    height: 25px;
    top: 0;
    right: 20px
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {
    left: .15em
}

.odometer.mobile.odometer-auto-theme .odometer-digit .odometer-digit-inner {
    left: 40%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -5px
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    line-height: 22px;
    width: 21px;
    height: 30px
}

.odometer.odometer-auto-theme .odometer-digit {
    font-family: "Tahoma Regular", sans-serif;
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 21px;
    min-width: 21px;
    height: 30px;
    padding: 0 .15em;
    background-image: unset;
    background-color: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.odometer.mobile.odometer-auto-theme .odometer-digit {
    font-size: 14px;
    line-height: 17px;
    width: 14px;
    min-width: 14px;
    height: 20px;
    border-radius: 3px;
    margin-right: 1px;
    overflow-y: hidden
}

.odometer-formatting-mark {
    display: inline-block;
    width: 3px
}

.mobile .odometer-formatting-mark {
    width: 1px
}

.odometer.odometer-auto-theme .odometer-digit:last-child {
    color: #fff;
    background-color: unset;
    background-image: unset
}

.odometer.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition-duration: .5s !important;
    transition-duration: .5s !important
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-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.42857;
    color: #333;
    background-color: #fff
}

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

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

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

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

figure {
    margin: 0
}

img {
    vertical-align: middle
}

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

[role=button] {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 14px
}

h6,
.h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

small,
.small {
    font-size: 85%
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.bg-primary {
    color: #fff
}

.bg-primary {
    background-color: #337ab7
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt,
dd {
    line-height: 1.42857
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857
}

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: #fff;
    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: bold;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    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
}

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

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media(min-width: 574px) {
    .container {
        width: 544px
    }
}

@media(min-width: 805px) {
    .container {
        width: 775px
    }
}

@media(min-width: 1028px) {
    .container {
        width: 998px
    }
}

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

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

.container-fluid:after {
    clear: both
}

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

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 574px) {

    .col-sm-1,
    .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-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 805px) {

    .col-md-1,
    .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-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1028px) {

    .col-lg-1,
    .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-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857;
    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>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

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

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

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

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>thead>tr>td.active,
.table>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

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

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

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

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

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=radio],
input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type=date].input-sm,
    input[type=time].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm {
        line-height: 30px
    }

    input[type=date].input-lg,
    input[type=time].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg {
        line-height: 46px
    }
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

input[type=radio][disabled],
input[type=radio].disabled,
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
    cursor: not-allowed
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto
}

.has-success .radio,
.has-success .checkbox,
.has-success.radio label,
.has-success.checkbox label {
    color: #3c763d
}

.has-warning .radio,
.has-warning .checkbox,
.has-warning.radio label,
.has-warning.checkbox label {
    color: #8a6d3b
}

.has-error .radio,
.has-error .checkbox,
.has-error.radio label,
.has-error.checkbox label {
    color: #a94442
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

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

.fade.in {
    opacity: 1
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.open>a {
    outline: 0
}

.btn .caret {
    margin-left: 0
}

[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

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

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

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #777
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #777
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media {
    zoom: 1;
    overflow: hidden
}

.media>.pull-right {
    padding-left: 10px
}

.media>.pull-left {
    padding-right: 10px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

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

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

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

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1180px) {
    .container {
        width: 1140px
    }
}

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

@media(min-width: 1180px) {

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

    .col-xl-1 {
        width: 8.33333%
    }

    .col-xl-2 {
        width: 16.66667%
    }

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

    .col-xl-4 {
        width: 33.33333%
    }

    .col-xl-5 {
        width: 41.66667%
    }

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

    .col-xl-7 {
        width: 58.33333%
    }

    .col-xl-8 {
        width: 66.66667%
    }

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

    .col-xl-10 {
        width: 83.33333%
    }

    .col-xl-11 {
        width: 91.66667%
    }

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

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

    .col-xl-pull-1 {
        right: 8.33333%
    }

    .col-xl-pull-2 {
        right: 16.66667%
    }

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

    .col-xl-pull-4 {
        right: 33.33333%
    }

    .col-xl-pull-5 {
        right: 41.66667%
    }

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

    .col-xl-pull-7 {
        right: 58.33333%
    }

    .col-xl-pull-8 {
        right: 66.66667%
    }

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

    .col-xl-pull-10 {
        right: 83.33333%
    }

    .col-xl-pull-11 {
        right: 91.66667%
    }

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

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

    .col-xl-push-1 {
        left: 8.33333%
    }

    .col-xl-push-2 {
        left: 16.66667%
    }

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

    .col-xl-push-4 {
        left: 33.33333%
    }

    .col-xl-push-5 {
        left: 41.66667%
    }

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

    .col-xl-push-7 {
        left: 58.33333%
    }

    .col-xl-push-8 {
        left: 66.66667%
    }

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

    .col-xl-push-10 {
        left: 83.33333%
    }

    .col-xl-push-11 {
        left: 91.66667%
    }

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

    .col-xl-offset-0 {
        margin-left: 0%
    }

    .col-xl-offset-1 {
        margin-left: 8.33333%
    }

    .col-xl-offset-2 {
        margin-left: 16.66667%
    }

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

    .col-xl-offset-4 {
        margin-left: 33.33333%
    }

    .col-xl-offset-5 {
        margin-left: 41.66667%
    }

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

    .col-xl-offset-7 {
        margin-left: 58.33333%
    }

    .col-xl-offset-8 {
        margin-left: 66.66667%
    }

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

    .col-xl-offset-10 {
        margin-left: 83.33333%
    }

    .col-xl-offset-11 {
        margin-left: 91.66667%
    }

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

.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tooltipster-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade.tooltipster-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4)
}

.tooltipster-fall {
    -webkit-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

@-webkit-keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    -webkit-animation: tooltipster-fading .4s;
    animation: tooltipster-fading .4s
}

@-webkit-keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    -webkit-animation: tooltipster-rotating .6s;
    animation: tooltipster-rotating .6s
}

@-webkit-keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

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

@keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

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

.tooltipster-update-scale {
    -webkit-animation: tooltipster-scaling .6s;
    animation: tooltipster-scaling .6s
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

.tooltipster--balance,
.tooltipster--msp-deposit-details,
.tooltipster--msp-cashout-linked-deposits,
.tooltipster--multistage-tournaments {
    z-index: 270001 !important
}

.tooltipster--withdrawals {
    height: auto !important
}

@media(max-width: 804px) {
    .tooltipster--withdrawals {
        display: none
    }
}

.tooltipster--withdrawals .tooltipster-box {
    background-color: #242424 !important
}

.tooltipster--withdrawals.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #242424 !important
}

.tooltipster--withdrawals .tooltipster-content {
    max-width: 290px
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none !important
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

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

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url("mCSB_buttons.png");
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 16px
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.Zebra_DatePicker {
    background: #666;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 10px #888;
    box-shadow: 0px 0px 10px #888;
    color: #222;
    font: 13px Tahoma, Arial, Helvetica, sans-serif;
    padding: 3px 3px;
    position: absolute;
    display: table;
    *width: 255px;
    z-index: 1200
}

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.Zebra_DatePicker * {
    padding: 0
}

.Zebra_DatePicker table {
    border-collapse: collapse;
    border-radius: 4px;
    border-spacing: 0;
    width: 100%
}

.Zebra_DatePicker th,
.Zebra_DatePicker td {
    padding: 5px;
    cursor: pointer;
    text-align: center;
    min-width: 25px;
    width: 25px
}

.Zebra_DatePicker .dp_body th,
.Zebra_DatePicker .dp_body td {
    border: 1px solid #bfbfbf
}

.Zebra_DatePicker .dp_body th:first-child,
.Zebra_DatePicker .dp_body td:first-child {
    border-left: none
}

.Zebra_DatePicker .dp_body th:last-child,
.Zebra_DatePicker .dp_body td:last-child {
    border-right: none
}

.Zebra_DatePicker .dp_body tr:first-child th,
.Zebra_DatePicker .dp_body tr:first-child td {
    border-top: none
}

.Zebra_DatePicker .dp_body tr:last-child th,
.Zebra_DatePicker .dp_body tr:last-child td {
    border-bottom: none
}

.Zebra_DatePicker .dp_body td {
    background: #e6e5e5
}

.Zebra_DatePicker .dp_body .dp_weekend {
    background: #d6d6d6
}

.Zebra_DatePicker .dp_body .dp_not_in_month {
    background: #e0e6f2;
    color: #98acd4
}

.Zebra_DatePicker .dp_body .dp_current {
    color: #cc236b
}

.Zebra_DatePicker .dp_body .dp_selected {
    background: #b56a6a;
    color: #fff
}

.Zebra_DatePicker .dp_body .dp_disabled {
    background: #f2f2f2;
    color: #ccc;
    cursor: text
}

.Zebra_DatePicker .dp_body .dp_disabled.dp_current {
    color: #b56a6a
}

.Zebra_DatePicker .dp_body .dp_hover {
    color: #fff;
    background: #88a09e
}

.Zebra_DatePicker .dp_body .dp_hover.dp_time_control {
    background-color: #8c8c8c;
    color: #fff
}

.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td,
.Zebra_DatePicker .dp_timepicker td {
    width: 33.3333%
}

.Zebra_DatePicker .dp_timepicker .dp_disabled {
    border: none;
    color: #222;
    font-size: 39px;
    font-weight: bold
}

.Zebra_DatePicker .dp_time_separator div {
    position: relative
}

.Zebra_DatePicker .dp_time_separator div:after {
    content: ":";
    color: 1px solid #bfbfbf;
    font-size: 37px;
    left: 100%;
    position: absolute;
    z-index: 1
}

.Zebra_DatePicker .dp_header {
    margin-bottom: 3px
}

@supports(-ms-ime-align: auto) {
    .Zebra_DatePicker .dp_header {
        font-family: "Segoe UI Symbol", Tahoma, Arial, Helvetica, sans-serif
    }
}

.Zebra_DatePicker .dp_footer {
    margin-top: 3px
}

.Zebra_DatePicker .dp_footer .dp_icon {
    width: 50%
}

.Zebra_DatePicker .dp_actions td {
    border-radius: 4px;
    color: #fff
}

.Zebra_DatePicker .dp_actions .dp_caption {
    font-weight: bold;
    width: 100%
}

.Zebra_DatePicker .dp_actions .dp_previous,
.Zebra_DatePicker .dp_actions .dp_next {
    *padding: 0 10px
}

.Zebra_DatePicker .dp_actions .dp_hover {
    background-color: #8c8c8c;
    color: #fff
}

.Zebra_DatePicker .dp_daypicker th {
    background: #fc3;
    cursor: text;
    font-weight: bold
}

.Zebra_DatePicker.dp_hidden {
    display: none
}

.Zebra_DatePicker .dp_icon {
    height: 16px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    *text-indent: 0
}

.Zebra_DatePicker .dp_icon.dp_confirm {
    background-position: center -123px
}

.Zebra_DatePicker .dp_icon.dp_view_toggler {
    background-position: center -91px
}

.Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar {
    background-position: center -59px
}

button.Zebra_DatePicker_Icon {
    border: none;
    cursor: pointer;
    display: block;
    height: 16px;
    line-height: 0;
    padding: 0;
    position: absolute;
    text-indent: -9000px;
    width: 16px
}

button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled {
    background-position: center -32px;
    cursor: default
}

.Zebra_DatePicker {
    top: 40px !important;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 7px 32px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 7px 32px 0 rgba(0, 0, 0, .3);
    padding: 10px;
    border-radius: 12px;
    background-color: #272828;
    border: 1px solid #f0c788;
    z-index: 21
}

.Zebra_DatePicker * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Zebra_DatePicker_Icon_Wrapper {
    width: 100% !important;
    padding-bottom: 0 !important
}

.Zebra_DatePicker table {
    border-radius: 0;
    font-family: "Tahoma Regular", sans-serif
}

.Zebra_DatePicker .dp_header {
    width: 100%;
    margin: 0;
    border: none;
    border-radius: 0
}

.Zebra_DatePicker .dp_header td {
    border: none
}

.Zebra_DatePicker .dp_actions .dp_caption {
    font-weight: normal;
    font-size: 16px;
    color: #ccc
}

@media screen and (max-width: 1027px) {
    .Zebra_DatePicker .dp_actions .dp_caption {
        font-size: 14px
    }
}

.Zebra_DatePicker .dp_daypicker th {
    background-color: transparent;
    font-weight: 600;
    font-size: 16px;
    color: #ccc
}

.Zebra_DatePicker .dp_actions td {
    color: #000
}

.Zebra_DatePicker .dp_actions .dp_hover {
    background-color: transparent;
    color: #fff
}

.Zebra_DatePicker .dp_body {
    width: 100%;
    height: auto !important;
    margin: 0;
    border: none;
    border-radius: 0
}

.Zebra_DatePicker .dp_body .dp_disabled {
    background-color: transparent;
    color: #626161
}

.Zebra_DatePicker .dp_body th,
.Zebra_DatePicker .dp_body td {
    height: 34px;
    border: none
}

.Zebra_DatePicker .dp_body td {
    border-radius: 10px;
    background-color: transparent;
    font-size: 14px;
    color: #ccc
}

.Zebra_DatePicker .dp_body .dp_selected {
    background-color: #435161;
    color: #ccc
}

.Zebra_DatePicker .dp_body .dp_current {
    font-weight: 700;
    color: #ccc
}

.Zebra_DatePicker .dp_body .dp_weekend {
    background-color: transparent
}

.Zebra_DatePicker .dp_body .dp_current.dp_hover {
    color: #fff
}

.Zebra_DatePicker .dp_body .dp_weekend.dp_hover {
    background: #88a09e
}

.Zebra_DatePicker .dp_footer {
    display: none !important
}

.Zebra_DatePicker_Icon {
    display: none !important
}

.dp_previous,
.dp_next {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px
}

@media screen and (max-width: 1027px) {

    .dp_previous,
    .dp_next {
        padding: 0 !important
    }
}

.dp_previous {
    background-image: url("controls/arrow-left.png")
}

.dp_previous:hover {
    background-image: url("controls/arrow-left-h.png")
}

.dp_next {
    background-image: url("controls/arrow-right.png")
}

.dp_next:hover {
    background-image: url("controls/arrow-right-h.png")
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    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 .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
}

.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;
    -webkit-box-sizing: border-box;
    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;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    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%;
    -webkit-box-sizing: border-box;
    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: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    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: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px
}

.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: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.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__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    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--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    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: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.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--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.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-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.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: bold;
    height: 26px;
    margin-right: 20px
}

.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-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.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: transparent;
    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-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.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-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.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;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}

.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__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.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;
    -webkit-box-shadow: none;
    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--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: gray
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2.select2-container--open {
    pointer-events: none
}

.select2-container {
    display: block;
    min-width: 0
}

.select2-container .select2-results>.select2-results__options {
    max-height: 175px
}

.select2-container .select2-results {
    padding: 0
}

.select2-container .select2-selection--single {
    width: 100%;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 14px;
    color: #b89d75;
    height: 36px;
    border-radius: 18px;
    background-color: #272828;
    border: 2px solid #f0c788;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 20px;
    outline: none
}

@media(max-width: 804px) {
    .select2-container .select2-selection--single {
        -webkit-box-shadow: inset 0 0 0 30px #272828;
        box-shadow: inset 0 0 0 30px #272828
    }
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    display: inline-block;
    border: none;
    left: auto;
    right: 9px;
    top: 16px;
    width: 14px;
    height: 7px;
    background-image: url("arrow-down.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: nowrap;
    overflow: hidden;
    border-radius: 18px;
    font-size: 14px;
    line-height: 16px;
    color: #b89d75;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-overflow: ellipsis;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select2-container .select2-results__option--selected {
    color: #fff;
    padding: 5px;
    background-color: initial
}

.select2-container .select2-results__option--selected .flags-drop__item-code {
    color: #fff
}

.select2-container .select2-results__option--selected .flags-drop__item-country {
    color: #fff
}

.select2-container .select2-dropdown {
    background-color: #272828;
    overflow: hidden;
    z-index: 100
}

.select2-container .select2-dropdown--below {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    border-right: 2px solid #f0c788;
    border-left: 2px solid #f0c788;
    border-bottom: 2px solid #f0c788
}

.select2-container .select2-dropdown--above {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-right: 2px solid #f0c788;
    border-left: 2px solid #f0c788;
    border-top: 2px solid #f0c788
}

.select2-container .select2-results__option--highlighted.select2-results__option--selectable {
    background: none
}

.select2-container .select2-search .select2-search__field {
    border: 1px solid #f0c788;
    border-radius: 18px;
    padding: 4px 16px;
    background: #272828
}

.select2-container .select2-results__options {
    margin-right: 5px
}

.select2-container .select2-results__options::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.select2-container .select2-results__options::-webkit-scrollbar-thumb {
    background: #c5c5c5;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 10px;
    height: 40px
}

.select2-container .select2-results__options::-webkit-scrollbar-track {
    border-radius: 10px
}

.select2-results__option {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding: 5px;
    font-size: 14px;
    line-height: 17px;
    color: #b89d75;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-overflow: ellipsis
}

.select2-results__option.select2-results__message {
    padding: 5px 5px 7px 5px
}

.select-wr {
    display: block
}

.c-modal .select2-container .select2-selection--single {
    font-size: 16px;
    height: 42px;
    border-radius: 21px
}

.c-modal .select2-container .select2-selection--single .select2-selection__arrow b {
    right: 17px;
    top: 20px
}

.c-modal .select2-container .select2-selection--single .select2-selection__rendered {
    border-radius: 21px;
    font-size: 16px
}

.new-input--select .select2-phone-input.main-tabs-input-class {
    position: absolute;
    top: 2px;
    right: 17px;
    background: none;
    width: calc(100% - 130px);
    height: calc(100% - 4px);
    padding: 0 0 0 5px;
    border-radius: 0
}

.new-input--select .select2-selection__arrow {
    display: none
}

.select2.select2-container--disabled {
    cursor: not-allowed
}

.select2.select2-container--disabled .select2-container--default,
.select2.select2-container--disabled .select2-selection__rendered,
.select2.select2-container--disabled .input-flag {
    cursor: not-allowed
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #272828
}

.new-input.new-input--select-open .red-error {
    display: none
}

.c-social__title {
    color: #8f8f8f;
    font-size: 14px;
    margin-right: 14px
}

.c-social__links {
    display: inline-grid;
    grid-auto-flow: column;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.c-social__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #000;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    -webkit-transition: -webkit-filter .15s ease;
    transition: -webkit-filter .15s ease;
    transition: filter .15s ease;
    transition: filter .15s ease, -webkit-filter .15s ease
}

.c-social__link::after {
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    position: relative
}

.c-social__link--telegram::after {
    background-image: url("telegram-gradient.svg");
    left: -1px
}

.c-social__link--instagram::after {
    background-image: url("instagram-gradient.svg")
}

.c-social__link--twitter::after {
    background-image: url("x-transparent.svg")
}

.c-social__link--vkontakte::after {
    background-image: url("vkontakte-gradient.svg")
}

.footer .c-social__link {
    background: -webkit-gradient(linear, left top, left bottom, from(#e4e3e1), to(#e5bf87));
    background: linear-gradient(to bottom, #e4e3e1 0%, #e5bf87 100%);
    width: 34px;
    height: 34px
}

.footer .c-social__link::after {
    width: 18px;
    height: 18px
}

.footer .c-social__link--telegram::after {
    /* background-image: url("telegram_black.svg") */
}

.footer .c-social__link--instagram::after {
    background-image: url("instagram.svg")
}

.footer .c-social__link--vkontakte::after {
    /* background-image: url("vkontakte-black.svg") */
}

.footer .c-social__link--twitter::after {
    /* background-image: url("x-black.svg") */
}

.inner-mobile-menu-block .c-social__title {
    color: #625e5d;
    text-align: center;
    margin-bottom: 8px;
    margin-right: 0;
    width: 100%
}

.inner-mobile-menu-block .c-social__title::first-letter {
    text-transform: capitalize
}

.inner-mobile-menu-block .c-social__links {
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px
}

.inner-mobile-menu-block .c-social__link {
    background: none
}

.inner-mobile-menu-block .c-social__link::after {
    width: 24px;
    height: 24px
}

.c-panel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f0c788;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    width: 100%
}

.c-panel--disabled {
    pointer-events: none;
    opacity: .5
}

.c-panel--disabled * {
    pointer-events: none
}

@media(min-width: 574px) {
    .c-panel {
        font-size: 16px
    }
}

.c-panel__header {
    border-radius: 8px 8px 0 0;
    background-color: #141414;
    width: 100%;
    padding: 16px
}

.c-panel__content {
    border-radius: 0 0 8px 8px;
    background-color: #242424;
    padding: 16px
}

@media(min-width: 574px) {
    .c-panel__content {
        padding: 16px 36px
    }
}

@media(min-width: 1px) {
    .c-link {
        position: relative;
        cursor: pointer;
        white-space: nowrap
    }

    .c-link:hover,
    .c-link:focus {
        outline: none;
        -webkit-filter: brightness(120%);
        filter: brightness(120%)
    }

    .c-link--arrowed::after {
        position: absolute;
        content: "›";
        width: 10px;
        height: 100%;
        top: 0;
        right: -14px;
        font-weight: 700
    }

    .c-link--dashed {
        text-decoration-line: underline;
        text-decoration-style: dashed;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px
    }

    .c-link--dashed:hover,
    .c-link--dashed:focus,
    .c-link--dashed:active {
        text-decoration-line: underline;
        text-decoration-style: dashed;
        text-decoration-thickness: 1px
    }

    .c-link--solid {
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px
    }

    .c-link--solid:hover,
    .c-link--solid:focus,
    .c-link--solid:active {
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 1px
    }

    .c-link--gold {
        color: #e7c28b;
        text-decoration-color: #e7c28b
    }

    .c-link--gold:hover,
    .c-link--gold:focus,
    .c-link--gold:active {
        color: #e7c28b;
        text-decoration-color: #e7c28b
    }

    .c-link--gold::after {
        color: #e7c28b
    }

    .c-link--white {
        color: #fff;
        text-decoration-color: #fff
    }

    .c-link--white:hover,
    .c-link--white:focus,
    .c-link--white:active {
        color: #fff;
        text-decoration-color: #fff
    }

    .c-link--white::after {
        color: #fff
    }
}

.c-progressbar {
    --value: 0%;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
    background-color: #000;
    border-radius: 2px;
    text-align: left;
    width: 100%;
    height: 4px;
    padding: 0 22px;
    position: relative
}

.c-progressbar::before {
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8e4c3), to(#f1cb90));
    background-image: linear-gradient(180deg, #f8e4c3 0%, #f1cb90 100%);
    border-radius: inherit;
    height: inherit;
    width: var(--value);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.c-progressbar--numeral::after {
    content: attr(data-complete-percent) "%";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) padding-box, -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #F0C788), color-stop(25.02%, #E5C18B), color-stop(50.01%, #ACA498), color-stop(75%, #D6CDC3), color-stop(99.99%, #E6E6E6)) border-box;
    background: linear-gradient(#000, #000) padding-box, linear-gradient(0deg, #F0C788 0.03%, #E5C18B 25.02%, #ACA498 50.01%, #D6CDC3 75%, #E6E6E6 99.99%) border-box;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1em;
    height: 20px;
    width: calc(22px * 2);
    margin-left: calc(var(--value) - 22px);
    position: relative;
    z-index: 2
}

.c-progressbar--border {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) padding-box, -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #F0C788), color-stop(25.02%, #E5C18B), color-stop(50.01%, #ACA498), color-stop(75%, #D6CDC3), color-stop(99.99%, #E6E6E6)) border-box;
    background: linear-gradient(#000, #000) padding-box, linear-gradient(0deg, #F0C788 0.03%, #E5C18B 25.02%, #ACA498 50.01%, #D6CDC3 75%, #E6E6E6 99.99%) border-box;
    border: 2px solid transparent;
    border-radius: 10px;
    height: 12px
}

.c-progressbar--border:before {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #F0C788), color-stop(25.02%, #E5C18B), color-stop(50.01%, #ACA498), color-stop(75%, #D6CDC3), color-stop(99.99%, #E6E6E6));
    background: linear-gradient(0deg, #F0C788 0.03%, #E5C18B 25.02%, #ACA498 50.01%, #D6CDC3 75%, #E6E6E6 99.99%);
    height: calc(100% - 2px);
    width: calc(var(--value) - 2px);
    left: 1px;
    top: 1px
}

@media(min-width: 1px) {
    .c-dropzone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        min-height: 90px;
        border: 1px dashed #b1b1b1;
        border-radius: 10px;
        padding: 25px 0;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0);
        -webkit-transition: background-color .1s ease;
        transition: background-color .1s ease;
        cursor: pointer
    }

    .c-dropzone[disabled] {
        pointer-events: none;
        opacity: .5;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .c-dropzone__preview {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0
    }

    .c-dropzone__title {
        font-size: 14px;
        font-weight: 700;
        pointer-events: none;
        z-index: 1
    }

    .c-dropzone__tip {
        font-size: 12px;
        color: #b1b1b1;
        pointer-events: none;
        z-index: 1
    }

    .c-dropzone__upload.btn-5 {
        display: none;
        z-index: 1
    }

    .c-dropzone__remove {
        display: none;
        background: url(trash.svg) no-repeat center;
        width: 22px;
        height: 22px;
        cursor: pointer;
        z-index: 1
    }

    .c-dropzone--dragover {
        background-color: rgba(255, 255, 255, .1)
    }

    .c-dropzone--selected {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 10px;
        border: 1px dashed #f0c788
    }

    .c-dropzone--selected .c-dropzone__preview {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-filter: brightness(0.5);
        filter: brightness(0.5)
    }

    .c-dropzone--selected .c-dropzone__title {
        display: none
    }

    .c-dropzone--selected .c-dropzone__tip {
        display: none
    }

    .c-dropzone--selected .c-dropzone__upload.btn-5 {
        display: block
    }

    .c-dropzone--selected .c-dropzone__remove {
        display: block
    }
}

@media(min-width: 1px) {
    .c-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        outline: none;
        text-decoration: none;
        border-width: 1px;
        border-style: solid;
        border-radius: 100px;
        min-height: 30px;
        -webkit-transition: all .15s;
        transition: all .15s;
        -webkit-transition-property: background, -webkit-filter;
        transition-property: background, -webkit-filter;
        transition-property: background, filter;
        transition-property: background, filter, -webkit-filter;
        -webkit-filter: none !important;
        filter: none !important
    }

    .c-btn:active,
    .c-btn:focus,
    .c-btn:hover {
        text-decoration: none;
        -webkit-filter: brightness(120%) !important;
        filter: brightness(120%) !important
    }

    .c-btn:disabled,
    .c-btn.disabled {
        color: #5f5f5f;
        cursor: default;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: .5
    }

    .c-btn:disabled:active,
    .c-btn:disabled:focus,
    .c-btn:disabled:hover,
    .c-btn.disabled:active,
    .c-btn.disabled:focus,
    .c-btn.disabled:hover {
        color: #5f5f5f;
        -webkit-filter: none !important;
        filter: none !important
    }

    .c-btn--green,
    .c-btn--gold-shadow {
        -webkit-box-shadow: 0 0 0 2px #000 inset;
        box-shadow: 0 0 0 2px #000 inset;
        border-color: #f0c788;
        border-width: 2px;
        color: #fff
    }

    .c-btn--green:active,
    .c-btn--green:focus,
    .c-btn--green:hover,
    .c-btn--gold-shadow:active,
    .c-btn--gold-shadow:focus,
    .c-btn--gold-shadow:hover {
        color: #fff
    }

    .c-btn--green {
        background: -webkit-gradient(linear, left top, left bottom, from(#B6F9AE), color-stop(38.54%, #21A301), color-stop(64.06%, #21A301), to(#73D360)) border-box;
        background: linear-gradient(180deg, #B6F9AE 0%, #21A301 38.54%, #21A301 64.06%, #73D360 100%) border-box
    }

    .c-btn--gold-shadow {
        background: -webkit-gradient(linear, left top, left bottom, from(#F1E4B5), color-stop(39.06%, #D4B044), color-stop(62.5%, #D4B044), to(#ECD879)) border-box;
        background: linear-gradient(180deg, #F1E4B5 0%, #D4B044 39.06%, #D4B044 62.5%, #ECD879 100%) border-box
    }

    .c-btn--gold {
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        border-color: #000;
        color: #000
    }

    .c-btn--gold:active,
    .c-btn--gold:focus,
    .c-btn--gold:hover {
        background: -webkit-gradient(linear, left bottom, left top, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to top, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        border-color: #000;
        color: #000
    }

    .c-btn--gradient {
        border: 2px solid transparent;
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) padding-box, -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #F0C788), color-stop(25.02%, #E5C18B), color-stop(50.01%, #ACA498), color-stop(75%, #D6CDC3), color-stop(99.99%, #E6E6E6)) border-box;
        background: linear-gradient(#000, #000) padding-box, linear-gradient(0deg, #F0C788 0.03%, #E5C18B 25.02%, #ACA498 50.01%, #D6CDC3 75%, #E6E6E6 99.99%) border-box
    }

    .c-btn--transparent {
        background-color: transparent;
        color: #f0c788;
        -o-border-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' fill='none'%3e%3cpath stroke='url(%23a)' stroke-width='1' d='M10 1a9 9 0 0 0-9 9v84a9 9 0 0 0 9 9h84a9 9 0 0 0 9-9V10a9 9 0 0 0-9-9H10Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='155.453' x2='152.236' y1='77.725' y2='-23.315' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23F0C788'/%3e%3cstop offset='.25' stop-color='%23E5C18B'/%3e%3cstop offset='.5' stop-color='%23ACA498'/%3e%3cstop offset='.75' stop-color='%23D6CDC3'/%3e%3cstop offset='.99' stop-color='%23E6E6E6'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 10/50em stretch;
        border-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' fill='none'%3e%3cpath stroke='url(%23a)' stroke-width='1' d='M10 1a9 9 0 0 0-9 9v84a9 9 0 0 0 9 9h84a9 9 0 0 0 9-9V10a9 9 0 0 0-9-9H10Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='155.453' x2='152.236' y1='77.725' y2='-23.315' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23F0C788'/%3e%3cstop offset='.25' stop-color='%23E5C18B'/%3e%3cstop offset='.5' stop-color='%23ACA498'/%3e%3cstop offset='.75' stop-color='%23D6CDC3'/%3e%3cstop offset='.99' stop-color='%23E6E6E6'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 10/50em stretch
    }

    .c-btn--transparent:active,
    .c-btn--transparent:focus,
    .c-btn--transparent:hover {
        -o-border-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' fill='none'%3e%3cpath stroke='url(%23a)' stroke-width='1' d='M10 1a9 9 0 0 0-9 9v84a9 9 0 0 0 9 9h84a9 9 0 0 0 9-9V10a9 9 0 0 0-9-9H10Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='155.453' x2='152.236' y1='77.725' y2='-23.315' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23F0C788'/%3e%3cstop offset='.25' stop-color='%23E5C18B'/%3e%3cstop offset='.5' stop-color='%23ACA498'/%3e%3cstop offset='.75' stop-color='%23D6CDC3'/%3e%3cstop offset='.99' stop-color='%23E6E6E6'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 10/50em stretch;
        border-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' fill='none'%3e%3cpath stroke='url(%23a)' stroke-width='1' d='M10 1a9 9 0 0 0-9 9v84a9 9 0 0 0 9 9h84a9 9 0 0 0 9-9V10a9 9 0 0 0-9-9H10Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='155.453' x2='152.236' y1='77.725' y2='-23.315' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23F0C788'/%3e%3cstop offset='.25' stop-color='%23E5C18B'/%3e%3cstop offset='.5' stop-color='%23ACA498'/%3e%3cstop offset='.75' stop-color='%23D6CDC3'/%3e%3cstop offset='.99' stop-color='%23E6E6E6'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 10/50em stretch;
        color: #f0c788;
        text-decoration: none
    }
}

@media(min-width: 1px) {
    .c-input {
        position: relative
    }

    .c-input--icon-right .c-input__ctrl {
        padding: 8px 30px 8px 15px
    }

    .c-input .red-error {
        position: absolute;
        top: 100%;
        width: 100%;
        color: #fff
    }

    .c-input__relative {
        position: relative
    }

    .c-input__prepend-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 5px
    }

    .c-input__append-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 5px
    }

    .c-input__ctrl {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px 15px;
        border-radius: 100px;
        outline: none;
        font-size: 14px;
        font-weight: 400;
        text-align: left
    }

    .c-input__ctrl--dark {
        color: #fff;
        background: #272828;
        border: 2px solid #f0c788
    }

    .c-input__ctrl--dark::-webkit-input-placeholder {
        color: #b1b1b1
    }

    .c-input__ctrl--dark::-moz-placeholder {
        color: #b1b1b1
    }

    .c-input__ctrl--dark:-ms-input-placeholder {
        color: #b1b1b1
    }

    .c-input__ctrl--dark::-ms-input-placeholder {
        color: #b1b1b1
    }

    .c-input__ctrl--dark::placeholder {
        color: #b1b1b1
    }

    .c-input__ctrl--dark:focus::-webkit-input-placeholder {
        color: #b1b1b1 !important
    }

    .c-input__ctrl--dark:focus::-moz-placeholder {
        color: #b1b1b1 !important
    }

    .c-input__ctrl--dark:focus:-ms-input-placeholder {
        color: #b1b1b1 !important
    }

    .c-input__ctrl--dark:focus::-ms-input-placeholder {
        color: #b1b1b1 !important
    }

    .c-input__ctrl--dark:focus::placeholder {
        color: #b1b1b1 !important
    }

    .c-input__ctrl--font-s {
        font-size: 12px
    }

    .c-input__icon {
        position: absolute;
        right: 10px;
        top: calc(50% - 8px);
        border: none;
        cursor: pointer;
        width: 16px;
        height: 16px;
        outline: none
    }

    .c-input__icon--copy {
        background: url(copy.svg) center center no-repeat;
        background-size: contain
    }

    .c-input__icon--info {
        background: url(i-icon-gold.svg) center center no-repeat;
        background-size: contain
    }

    .c-input__icon--card {
        background: url(i-card.svg) center center no-repeat;
        background-size: contain
    }

    .c-input__icon--card[data-brand=visa] {
        background: url(payments/brands/visa.svg) center center no-repeat;
        background-size: contain;
        top: calc(50% - 15px);
        width: 30px;
        height: 30px
    }

    .c-input__icon--card[data-brand=mastercard] {
        background: url(payments/brands/mastercard.svg) center center no-repeat;
        background-size: contain;
        top: calc(50% - 15px);
        width: 30px;
        height: 30px
    }

    .c-input__icon--card[data-brand=maestro] {
        background: url(payments/brands/maestro.svg) center center no-repeat;
        background-size: contain;
        top: calc(50% - 15px);
        width: 30px;
        height: 30px
    }

    .c-input__icon--card[data-brand=jcb] {
        background: url(payments/brands/jcb.svg) center center no-repeat;
        background-size: contain;
        top: calc(50% - 15px);
        width: 30px;
        height: 30px
    }

    .c-input__icon--card[data-brand=amex] {
        background: url(payments/brands/amex.svg) center center no-repeat;
        background-size: contain;
        top: calc(50% - 15px);
        width: 30px;
        height: 30px
    }

    .c-input__icon--card[data-brand=diners] {
        background: url(payments/brands/diners.svg) center center no-repeat;
        background-size: contain;
        top: calc(50% - 15px);
        width: 30px;
        height: 30px
    }

    .c-input__icon--card[data-brand=rupay] {
        background: url(payments/brands/rupay.svg) center center no-repeat;
        background-size: contain;
        top: calc(50% - 15px);
        width: 30px;
        height: 30px
    }

    .c-input__icon--card[data-brand=unionpay] {
        background: url(payments/brands/unionpay.svg) center center no-repeat;
        background-size: contain;
        top: calc(50% - 15px);
        width: 30px;
        height: 30px
    }

    .c-input__icon--card[data-brand=mir] {
        background: url(payments/brands/mir.svg) center center no-repeat;
        background-size: contain;
        top: calc(50% - 15px);
        width: 30px;
        height: 30px
    }
}

@media(min-width: 1px) {
    .c-select {
        display: grid;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c-select .red-error {
        position: absolute;
        top: 100%;
        width: 100%;
        color: #fff
    }

    .c-select .select2-container .select2-selection--single,
    .c-select .select2-container--default .select2-selection--single {
        background-color: #272828;
        height: initial;
        padding: 10px 35px 10px 0;
        border-radius: 20px
    }

    .c-select .select2-container .select2-results__option--selected,
    .c-select .select2-container--default .select2-results__option--selected {
        padding: 0
    }

    .c-select .select2-container .select2-results>.select2-results__options,
    .c-select .select2-container--default .select2-results>.select2-results__options {
        display: grid;
        row-gap: 10px;
        padding: 10px 0 10px 15px
    }

    .c-select .select2-container .select2-dropdown,
    .c-select .select2-container--default .select2-dropdown {
        background-color: #272828
    }

    .c-select .select2-container .select2-search .select2-search__field,
    .c-select .select2-container--default .select2-search .select2-search__field {
        -webkit-box-shadow: unset;
        box-shadow: unset
    }

    .c-select .select2-container .select2-results__options::-webkit-scrollbar-track,
    .c-select .select2-container--default .select2-results__options::-webkit-scrollbar-track {
        background: #141414
    }

    .c-select .select2-container.select2-container--disabled .select2-selection--single,
    .c-select .select2-container--default.select2-container--disabled .select2-selection--single {
        background-color: #272828
    }

    .c-select .select2-results__option {
        padding: 0
    }
}

@media(min-width: 1px) {
    .c-radio__ctrl {
        display: none
    }

    .c-radio__ctrl:checked~.c-radio__label {
        border: 1px solid #efc688;
        cursor: default;
        color: #fff
    }

    .c-radio__ctrl:checked~.c-radio__label:before {
        border: 1px solid #efc688;
        background-color: #efc688
    }

    .c-radio__label {
        display: inline-grid;
        grid-auto-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
        padding: 5px 8px;
        border: 1px solid #616161;
        border-radius: 4px;
        color: #efc688;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        line-height: 1em;
        text-transform: uppercase;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
        margin: 0
    }

    .c-radio__label:before {
        content: "";
        width: 6px;
        height: 6px;
        border: 1px solid #616161;
        border-radius: 50%;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    .c-radio__label--plus {
        color: #fff;
        border-color: currentColor
    }

    .c-radio__label--plus::before {
        content: "+";
        border: none;
        font-size: 18px;
        margin-top: -5px;
        width: auto;
        height: auto
    }
}

@media(min-width: 1px) {
    .c-tabs {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .c-tabs--fullwidth {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        width: initial
    }

    .c-tabs--fullwidth .c-tab {
        display: block
    }

    .c-tabs--conjoint>:first-child {
        border-right: none;
        border-radius: 100px 0 0 100px
    }

    .c-tabs--conjoint>:last-child {
        border-left: none;
        border-radius: 0 100px 100px 0
    }

    .c-tabs a.c-tab {
        text-decoration: none
    }

    .c-tab {
        display: inline-block;
        padding: 6px 10px;
        border: 1px solid #e7c28b;
        border-radius: 100px;
        font-family: "Arial", sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
        outline: none;
        cursor: pointer
    }

    .c-tab.is-active {
        background: -webkit-gradient(linear, left top, left bottom, from(#e2dedb), color-stop(32%, #ada496), color-stop(66%, #ada496), to(#e8c38a));
        background: linear-gradient(to bottom, #e2dedb 0%, #ada496 32%, #ada496 66%, #e8c38a 100%);
        color: #000
    }

    .c-tab[disabled] {
        opacity: .3;
        pointer-events: none
    }
}

@media(min-width: 805px) {
    .c-tab {
        background: #242424
    }
}

@-webkit-keyframes shineAnimation {
    0% {
        -webkit-transform: translateX(-1000%) rotate(30deg);
        transform: translateX(-1000%) rotate(30deg)
    }

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

@keyframes shineAnimation {
    0% {
        -webkit-transform: translateX(-1000%) rotate(30deg);
        transform: translateX(-1000%) rotate(30deg)
    }

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

@-webkit-keyframes btnPulseOne {
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes btnPulseOne {
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@-webkit-keyframes btnPulseTwo {
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}

@keyframes btnPulseTwo {
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}

.c-widget .instant-tournaments {
    position: relative;
    overflow: hidden;
    margin: 15px 0 24px;
    padding-bottom: 12px;
    text-align: center
}

.c-widget .instant-tournaments .instant-tournaments__btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    bottom: 4px;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    min-width: 113px;
    height: 28px;
    border: none;
    padding: 0 6px;
    font-family: "Tahoma Regular", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-transform: uppercase;
    z-index: 2
}

@media(min-width: 1028px) {
    .c-widget .instant-tournaments .instant-tournaments__btn {
        bottom: 20px
    }
}

.c-widget .instant-tournaments .instant-tournaments__btn::before,
.c-widget .instant-tournaments .instant-tournaments__btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #f0c788;
    opacity: .25;
    z-index: -1
}

.c-widget .instant-tournaments .instant-tournaments__btn::before {
    -webkit-animation: btnPulseOne 1.2s ease-in-out infinite;
    animation: btnPulseOne 1.2s ease-in-out infinite
}

.c-widget .instant-tournaments .instant-tournaments__btn::after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation: btnPulseTwo 1.2s ease-in-out infinite;
    animation: btnPulseTwo 1.2s ease-in-out infinite
}

@media(min-width: 574px) {
    .c-widget .instant-tournaments {
        margin-left: 0;
        margin-right: 0
    }
}

@media(min-width: 1028px) {
    .c-widget .instant-tournaments {
        margin: 0;
        padding: 8px 0 26px 0
    }

    .c-widget .instant-tournaments::before {
        top: 4px;
        height: 84%
    }
}

.c-widget .instant-tournaments__name {
    font-family: "Tahoma Bold", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, left bottom, from(#F1CB90), to(#F8E4C3));
    background: linear-gradient(180deg, #F1CB90 0%, #F8E4C3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media(min-width: 1028px) {
    .c-widget .instant-tournaments__name {
        font-size: 22px;
        line-height: 28px
    }
}

.c-widget .instant-tournaments__top {
    position: relative;
    display: inline-block;
    padding: 4px;
    height: 83px;
    margin-bottom: -50px;
    border-radius: 9px 9px 0 0;
    background: linear-gradient(355deg, #3D2C1A 29.65%, #FBBD7B 54.42%, #FCF2E7 70.42%, #F0C788 88.27%, #E5C18B 105.78%), linear-gradient(180deg, #976C3F 0%, #3D2C1A 100%);
    overflow: hidden
}

.c-widget .instant-tournaments__top-inner {
    padding: 4px;
    border-radius: 5px 5px 0 0;
    border-top: .6px solid #000;
    border-right: .6px solid #000;
    border-left: .6px solid #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#302F2D), color-stop(97.3%, #0D0D0D));
    background: linear-gradient(180deg, #302F2D 0%, #0D0D0D 97.3%);
    -webkit-box-shadow: -1px 0 0 0 rgba(246, 223, 175, .7) inset, 1px 0 0 0 rgba(246, 223, 175, .7) inset, 0 1px 0 0 rgba(246, 223, 175, .7) inset;
    box-shadow: -1px 0 0 0 rgba(246, 223, 175, .7) inset, 1px 0 0 0 rgba(246, 223, 175, .7) inset, 0 1px 0 0 rgba(246, 223, 175, .7) inset
}

@media(min-width: 1028px) {
    .c-widget .instant-tournaments__top-inner {
        padding: 0 4px
    }
}

.c-widget .instant-tournaments__top-inner::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 150px;
    width: 30px;
    height: 150%;
    background-color: #fff;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: .1;
    z-index: 2;
    pointer-events: none;
    will-change: transform;
    -webkit-animation: shineAnimation 3s linear infinite;
    animation: shineAnimation 3s linear infinite
}

.c-widget .instant-tournaments__bottom {
    position: relative;
    margin-top: -4px;
    padding: 4px;
    border-radius: 9px;
    background: linear-gradient(355deg, #3D2C1A 29.65%, #FBBD7B 54.42%, #FCF2E7 70.42%, #F0C788 88.27%, #E5C18B 105.78%), linear-gradient(180deg, #976C3F 0%, #3D2C1A 100%);
    overflow: hidden;
    z-index: 2
}

.c-widget .instant-tournaments__bottom::before {
    content: "";
    position: absolute;
    top: -25px;
    width: 30px;
    height: 150%;
    background-color: #fff;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: .1;
    z-index: 2;
    pointer-events: none;
    will-change: transform;
    -webkit-animation: shineAnimation 3s linear infinite;
    animation: shineAnimation 3s linear infinite
}

@media(min-width: 1028px) {
    .c-widget .instant-tournaments__bottom {
        position: relative
    }
}

.c-widget .instant-tournaments__bottom-inner {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 79px;
    padding: 7px 2px 16px;
    border-radius: 5px;
    border: .6px solid #000;
    -webkit-box-shadow: -1px 0 0 0 rgba(246, 223, 175, .7) inset, 1px 0 0 0 rgba(246, 223, 175, .7) inset, 0 1px 0 0 rgba(246, 223, 175, .7) inset, 0 -1px 0 0 rgba(246, 223, 175, .7) inset;
    box-shadow: -1px 0 0 0 rgba(246, 223, 175, .7) inset, 1px 0 0 0 rgba(246, 223, 175, .7) inset, 0 1px 0 0 rgba(246, 223, 175, .7) inset, 0 -1px 0 0 rgba(246, 223, 175, .7) inset;
    background-image: url("instant-tournaments-bg.png"), -webkit-gradient(linear, left top, left bottom, from(#302F2D), color-stop(97.3%, #0D0D0D));
    background-image: url("instant-tournaments-bg.png"), linear-gradient(180deg, #302F2D 0%, #0D0D0D 97.3%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media(min-width: 375px) {
    .c-widget .instant-tournaments__bottom-inner {
        padding: 7px 16px 16px
    }
}

@media(min-width: 1028px) {
    .c-widget .instant-tournaments__bottom-inner {
        min-height: 95px;
        padding-top: 5px
    }
}

.c-widget .instant-tournaments__prize {
    margin-bottom: 4px;
    font-family: "Tahoma Bold", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff
}

@media(min-width: 1028px) {
    .c-widget .instant-tournaments__prize {
        margin-bottom: 0;
        font-size: 38px;
        line-height: 48px
    }
}

.c-widget .instant-tournaments__subtitle {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #b1b1b1
}

@media(min-width: 1028px) {
    .c-widget .instant-tournaments__subtitle {
        font-size: 18px;
        line-height: 26px
    }
}

.c-widget .instant-tournaments__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-widget .instant-tournaments__rating-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    color: #b1b1b1
}

@media(min-width: 1028px) {
    .c-widget .instant-tournaments__rating-text {
        font-family: "Tahoma Bold", sans-serif;
        font-size: 24px;
        line-height: 30px
    }
}

.c-widget .instant-tournaments__rating-img {
    width: 28px;
    margin: 0 8px 0 12px
}

.c-widget .instant-tournaments__rating-number {
    text-align: center;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff
}

@media(min-width: 1028px) {
    .c-widget .instant-tournaments__rating-number {
        font-size: 30px;
        line-height: 30px
    }
}

.c-widget .multistage-tournaments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 65px;
    padding: 5px 10px;
    background: url(multistage-tournaments/goldbar.png) no-repeat -10px center, radial-gradient(90% 90% at 100% 100%, rgba(169, 145, 92, 0.5) 5%, #141414 100%), radial-gradient(90% 90% at 100% 100%, rgba(169, 145, 92, 0.5) 5%, #141414 100%);
    background-size: 110px, contain, contain
}

.mobile-menu-block .c-widget .multistage-tournaments {
    margin: 0 -10px
}

body:not(.home) #main-container .c-widget .multistage-tournaments {
    display: none
}

.c-widget .multistage-tournaments__content {
    padding-left: 80px
}

.c-widget .multistage-tournaments__budget {
    font-family: "Tahoma", sans-serif;
    font-size: 22px;
    font-weight: 700
}

.mobile-menu-block .c-widget .multistage-tournaments__budget {
    font-size: 16px
}

.c-widget .multistage-tournaments__text {
    font-family: "Tahoma", sans-serif;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: #a1a9b0
}

.c-widget .multistage-tournaments__timer {
    display: inline-grid;
    grid-auto-flow: column;
    gap: 4px;
    font-family: "Tahoma", sans-serif;
    font-size: 12px;
    font-weight: 700
}

.c-widget .multistage-tournaments__timer>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase
}

.c-widget .multistage-tournaments__arrow {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    background: url(controls/arrow-right.png) no-repeat center center;
    background-size: 22px;
    cursor: pointer
}

@media(min-width: 805px) {
    .c-widget .multistage-tournaments {
        position: fixed;
        z-index: 2;
        bottom: 30px;
        right: 50px;
        min-height: 200px;
        min-width: 200px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: url(multistage-tournaments/goldbar.png) no-repeat center center;
        cursor: pointer
    }

    .c-widget .multistage-tournaments__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 5px;
        border: 1px solid #f0c788;
        border-radius: 15px;
        background: #000;
        text-align: center
    }

    .c-widget .multistage-tournaments__text {
        display: none
    }

    .c-widget .multistage-tournaments__arrow {
        display: none
    }
}

.c-accordion .is-collapsed:not([data-accordion]) {
    display: none
}

@media(min-width: 1px) {
    .c-spinner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c-spinner__icon {
        background-image: url(profileLoader.gif);
        background-size: contain;
        width: 100px;
        height: 100px
    }
}

@media(min-width: 1px) {
    .c-notice {
        display: grid;
        grid-template-columns: 30px 1fr;
        row-gap: 10px;
        background: #393939;
        border-radius: 5px;
        padding: 20px;
        overflow: hidden;
        color: #fff;
        line-height: 1.5;
        font-size: 14px;
        letter-spacing: normal
    }

    .c-notice>* {
        grid-column: 2
    }

    .c-notice::before {
        content: "";
        height: 20px;
        width: 20px;
        grid-row: 1/-1;
        grid-column: 1
    }

    .c-notice a {
        text-decoration: none !important
    }

    .c-notice a:hover {
        text-decoration: underline !important
    }

    .c-notice--info::before,
    .c-notice--error::before,
    .c-notice--success::before,
    .c-notice--warning::before {
        background: url("info.svg")
    }

    .c-notice--error .c-link,
    .c-notice--warning .c-link {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        text-decoration: none;
        font-weight: 700;
        white-space: nowrap
    }

    .c-notice ol {
        margin: 0 !important
    }

    .c-notice ol li {
        font-size: inherit !important;
        font-weight: inherit !important;
        margin: inherit !important;
        line-height: inherit !important;
        color: inherit !important;
        letter-spacing: inherit !important
    }
}

@media(min-width: 805px) {
    .c-notice {
        background: #141414
    }
}

.c-header {
    background-color: #272828;
    border-bottom: none;
    color: #fff;
    position: fixed;
    width: 100%;
    height: 48px;
    top: 0;
    z-index: 116
}

.c-header .header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.c-header .header-menu__item {
    border-image-slice: 1;
    border-right: 2px solid transparent;
    border-image-source: linear-gradient(180deg, #B79767 0%, #B89662 100%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.c-header .header-menu__item--sub .header-menu__link::after {
    content: "";
    width: 8px;
    height: 3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 3px solid #d9a75b;
    position: absolute;
    bottom: 4px
}

.c-header .header-menu__item:hover .header-menu__link,
.c-header .header-menu__item:focus .header-menu__link,
.c-header .header-menu__item:active .header-menu__link {
    color: #e7c28b;
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    border-image-source: none;
    text-decoration: none
}

.c-header .header-menu__item:hover .header-menu__submenu,
.c-header .header-menu__item:focus .header-menu__submenu,
.c-header .header-menu__item:active .header-menu__submenu {
    border-width: 1px;
    height: 37px;
    opacity: 1
}

.c-header .header-menu__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    border-image-slice: 0 1 0 0;
    border-image-source: linear-gradient(180deg, #D3CAC1 0%, #D2CBC6 100%);
    color: #000;
    padding: 0 8px;
    height: 100%;
    position: relative
}

.c-header .header-menu__submenu {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1a1a1a;
    border: 0 solid #eec689;
    border-top: none;
    border-radius: 0 0 20px 20px;
    position: absolute;
    top: 100%;
    margin: 0;
    padding: 0 4px;
    list-style: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.c-header .header-menu__submenu--right {
    right: 0
}

.c-header .header-menu__submenu-item {
    height: 100%
}

.c-header .header-menu__submenu-link {
    color: #e7c28b;
    font-size: 13px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px 8px;
    height: 100%;
    -webkit-transition: color .1s linear;
    transition: color .1s linear
}

.c-header .header-menu__submenu-link:hover,
.c-header .header-menu__submenu-link:focus {
    color: #fff
}

.c-header .header-menu__submenu-link:focus-visible {
    text-decoration: underline
}

.c-header .header-user {
    display: inline-grid;
    grid-auto-flow: column;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media(min-width: 805px) {
    .c-header .header-user {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        width: auto
    }
}

.c-header .header-user__progressbar {
    cursor: help
}

.c-header .header-user__box {
    background-color: transparent;
    border-radius: 20px;
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr auto;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding: 2px 0;
    min-height: auto
}

.c-header .header-user__box:first-child {
    display: none
}

@media(min-width: 805px) {
    .c-header .header-user__box {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        background-color: #141414;
        min-height: 40px
    }

    .c-header .header-user__box:first-child {
        display: inline-grid
    }
}

.c-header .header-user__details {
    display: grid;
    gap: 4px;
    grid-template-columns: 32px 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 4px
}

.c-header .header-user__details:active,
.c-header .header-user__details:hover,
.c-header .header-user__details:focus {
    text-decoration: none
}

.c-header .header-user__details::before {
    content: "";
    background: var(--status-icon) left center no-repeat;
    background-size: contain;
    max-width: 32px;
    height: 32px;
    grid-row: span 2
}

.c-header .header-user__nickname {
    color: #e7c28b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px
}

.c-header .header-user__link {
    font-size: 14px;
    line-height: 1.1em;
    width: auto
}

.c-header .header-user__logout {
    background-color: #000;
    width: 36px;
    height: 36px;
    padding: 1px 6px
}

.c-header .header-user__logout-icon {
    width: 17px;
    height: 18px;
    position: relative;
    left: 1px
}

.c-header .header-user__balance {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%
}

@media(min-width: 805px) {
    .c-header .header-user__balance {
        padding-left: 12px
    }
}

.c-header .header-user__balance-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #e7c28b;
    font-size: 14px;
    line-height: 1.15em;
    height: 100%
}

.c-header .header-user__balance-btn:active,
.c-header .header-user__balance-btn:hover,
.c-header .header-user__balance-btn:focus {
    color: #e7c28b;
    text-decoration: none
}

.c-header .header-user__withdrawals {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media(max-width: 804px) {
    .c-header .header-user__withdrawals--desktop {
        display: none
    }
}

@media(min-width: 805px) {
    .c-header .header-user__withdrawals--mobile {
        display: none
    }
}

.c-header .header-user__withdrawals-btn {
    background: -webkit-gradient(linear, left top, left bottom, from(#551051), color-stop(50.52%, #73177F), to(#581056)) padding-box, -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #F0C788), color-stop(25.02%, #E5C18B), color-stop(50.01%, #ACA498), color-stop(75%, #D6CDC3), color-stop(99.99%, #E6E6E6)) border-box;
    background: linear-gradient(180deg, #551051 0%, #73177F 50.52%, #581056 100%) padding-box, linear-gradient(0deg, #F0C788 0.03%, #E5C18B 25.02%, #ACA498 50.01%, #D6CDC3 75%, #E6E6E6 99.99%) border-box;
    -webkit-box-shadow: 0 0 0 2px #000 inset;
    box-shadow: 0 0 0 2px #000 inset;
    width: 32px;
    height: 32px;
    padding: 1px 6px;
    position: relative
}

@media(min-width: 805px) {
    .c-header .header-user__withdrawals-btn {
        width: 36px;
        height: 36px
    }
}

.c-header .header-user__withdrawals-icon {
    width: 17px;
    height: 14px;
    pointer-events: none
}

@media(min-width: 805px) {
    .c-header .header-user__withdrawals-icon {
        width: 36px;
        height: 36px
    }
}

.c-header .header-user__withdrawals-counter {
    background-color: #df2244;
    border-radius: 10px;
    font-size: 9px;
    font-weight: bold;
    line-height: 1em;
    padding: 2.5px 4.5px;
    position: absolute;
    z-index: 1;
    top: -2px;
    right: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-header .header-user__deposit {
    font-size: 11px;
    font-family: "Tahoma Bold", sans-serif;
    text-transform: uppercase;
    min-height: 32px;
    max-height: 32px;
    padding: 6px 10px
}

@media(min-width: 805px) {
    .c-header .header-user__deposit {
        font-size: 14px;
        max-height: none
    }
}

.c-header .header-user__auth {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.c-header .header-user__auth-btn {
    font-size: 13px;
    line-height: 1.4em;
    font-family: "Tahoma Bold", sans-serif;
    text-transform: uppercase;
    min-height: 34px;
    padding: 5px 10px
}

@media(min-width: 805px) {
    .c-header {
        height: 68px
    }
}

@media(min-width: 1028px) {
    .c-header {
        border-bottom: 1px solid #c5af8f
    }
}

.c-header__wrapper {
    display: grid;
    grid-template-rows: auto;
    max-width: 1360px;
    min-width: 350px;
    margin: 0 auto
}

@media(min-width: 805px) {
    .c-header__wrapper {
        grid-template-rows: 48px 36px
    }
}

.c-header__main {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    grid-row: 1/2;
    grid-column: 1/3;
    grid-template-columns: 62px 1fr
}

@media(min-width: 805px) {
    .c-header__main {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.c-header__nav-wrapper {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    grid-template-columns: auto 1fr
}

@media(min-width: 1028px) {
    .c-header__nav-wrapper {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.c-header__main,
.c-header__nav-wrapper {
    max-width: 1190px;
    width: 100%;
    display: grid;
    margin: 0 auto;
    padding: 0 12px
}

@media(min-width: 1028px) {

    .c-header__main,
    .c-header__nav-wrapper {
        grid-template-columns: 128px 1fr auto
    }
}

.c-header__user,
.c-header__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    padding: 4px 0;
    grid-row: 1/2
}

.c-header__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 2/3
}

.c-header__controls {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    grid-column: 3/4
}

@media(min-width: 805px) {
    .c-header__controls {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.c-header__control {
    display: none;
    border: none;
    width: 28px;
    min-height: 100%
}

@media(min-width: 805px) {
    .c-header__control {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.c-header__control--live-chat .c-header__control-icon {
    width: 26px;
    height: 22px
}

.c-header__control--telegram .c-header__control-icon {
    width: 22px;
    height: 19px
}

.c-header__nav {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
    background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
    border-radius: 0;
    width: 100%;
    height: 36px;
    grid-row: 2/3;
    grid-column: 1/3;
    position: relative
}

@media(min-width: 805px) {
    .c-header__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width: 1360px) {
    .c-header__nav {
        border-radius: 35px
    }
}

.c-header__nav::before,
.c-header__nav::after {
    content: none;
    background: url(star_b.svg) no-repeat center;
    width: 10px;
    height: 10px;
    position: absolute
}

@media(min-width: 1028px) {

    .c-header__nav::before,
    .c-header__nav::after {
        content: ""
    }
}

.c-header__nav::before {
    left: 17px
}

.c-header__nav::after {
    right: 17px
}

.c-header__nav-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column: 2/3
}

.c-header__menu {
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    text-transform: uppercase
}

@media(min-width: 1028px) {
    .c-header__menu {
        right: 46px
    }
}

.c-header__msp {
    border-radius: 8px;
    width: 36px;
    height: 36px
}

.c-header__msp-icon {
    width: 20px;
    height: 18px;
    pointer-events: none
}

.c-header__messenger-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 100%;
    max-height: 40px
}

.c-header__messenger-container .micro-app-messenger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.c-header__search {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    color: #6b6a6a;
    width: 28px;
    height: 100%;
    padding: 0;
    overflow: hidden;
    text-indent: -100px
}

@media(min-width: 805px) {
    .c-header__search {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

@media(min-width: 1028px) {
    .c-header__search {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) padding-box, -webkit-gradient(linear, left bottom, left top, color-stop(-0.51%, #E6E6E6), color-stop(25.76%, #D6CDC3), color-stop(51.06%, #ACA498), color-stop(76.28%, #E5C18B), color-stop(100.53%, #F0C788)) border-box;
        background: linear-gradient(#000, #000) padding-box, linear-gradient(0deg, #E6E6E6 -0.51%, #D6CDC3 25.76%, #ACA498 51.06%, #E5C18B 76.28%, #F0C788 100.53%) border-box;
        border-radius: 27px;
        width: 138px;
        height: 32px;
        padding: 5px 10px;
        text-indent: 0
    }
}

.c-header__search-icon {
    width: 18px;
    height: 18px
}

.c-header__logo {
    align-self: center;
    grid-row: 1/2;
    grid-column: 1/2;
    /* background-image: url("logo-m.svg"); */
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
    display: inline-block;
    width: 62px;
    height: 32px;
    text-indent: 200%;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: -webkit-filter .15s ease-in-out;
    transition: -webkit-filter .15s ease-in-out;
    transition: filter .15s ease-in-out;
    transition: filter .15s ease-in-out, -webkit-filter .15s ease-in-out;
    position: relative;
    z-index: 10
}

@media(min-width: 1028px) {
    .c-header__logo {
        background-image: url("logo_middle.svg");
        width: 128px;
        height: 98px
    }
}

.sport-page .c-header__logo {
    background-image: url("logo-sport-m.svg")
}

@media(min-width: 1028px) {
    .sport-page .c-header__logo {
        background-image: url("logo-sport_middle.svg")
    }
}

.c-withdrawals {
    background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#222222)) padding-box, -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #F0C788), color-stop(25.02%, #E5C18B), color-stop(50.01%, #ACA498), color-stop(75%, #D6CDC3), color-stop(99.99%, #E6E6E6)) border-box;
    background: linear-gradient(180deg, #363636 0%, #222222 100%) padding-box, linear-gradient(0deg, #F0C788 0.03%, #E5C18B 25.02%, #ACA498 50.01%, #D6CDC3 75%, #E6E6E6 99.99%) border-box;
    border: 1px solid transparent;
    border-radius: 6px;
    display: grid;
    padding: 6px 8px;
    width: 100%
}

.prezent-block-mobile .c-withdrawals {
    margin-top: 12px
}

@media(min-width: 805px) {
    .c-withdrawals {
        background: transparent;
        border: none;
        border-radius: 0;
        color: #fff;
        text-transform: none;
        padding: 0
    }

    .c-withdrawals::first-letter {
        text-transform: uppercase
    }

    .c-withdrawals::before,
    .c-withdrawals::after {
        content: none
    }
}

.c-withdrawals__title {
    background: url("cashout.svg") no-repeat left center/20px;
    cursor: default;
    padding-left: 28px;
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: auto 1fr;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    color: #e1bf8c;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    -webkit-transition: -webkit-filter .15s ease-in-out;
    transition: -webkit-filter .15s ease-in-out;
    transition: filter .15s ease-in-out;
    transition: filter .15s ease-in-out, -webkit-filter .15s ease-in-out
}

.c-withdrawals__title::first-letter {
    text-transform: uppercase
}

.c-withdrawals__title::after {
    content: "";
    -ms-flex-item-align: start;
    align-self: start;
    background-color: #df2244;
    border-radius: 10px;
    width: 7px;
    height: 7px;
    margin-left: -6px
}

@media(min-width: 805px) {
    .c-withdrawals__title {
        background: none;
        padding: 0;
        display: block;
        color: #fff;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: none;
        pointer-events: none
    }

    .c-withdrawals__title::first-letter {
        text-transform: uppercase
    }

    .c-withdrawals__title::before,
    .c-withdrawals__title::after {
        content: none
    }
}

.c-withdrawals__info {
    margin-top: 12px
}

.c-withdrawals__list {
    padding-bottom: 12px
}

@media(min-width: 805px) {
    .c-withdrawals__list {
        max-height: 340px;
        overflow: auto;
        margin-right: -14px;
        padding-right: 10px;
        margin-left: -4px;
        scrollbar-gutter: stable both-edges
    }
}

@supports not selector(::-webkit-scrollbar) {
    .c-withdrawals__list {
        scrollbar-width: thin;
        scrollbar-color: #f0c788 #242424
    }

    @media(min-width: 805px) {
        .c-withdrawals__list {
            padding-right: 6px;
            margin-left: -8px
        }
    }
}

.c-withdrawals__list::-webkit-scrollbar {
    width: 4px
}

.c-withdrawals__list::-webkit-scrollbar-track {
    background: #242424;
    border-radius: 4px
}

.c-withdrawals__list::-webkit-scrollbar-thumb {
    background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(10%, #aaa399), color-stop(30%, #aaa399), to(#efc384));
    background: linear-gradient(to bottom, #e3deda 0%, #aaa399 10%, #aaa399 30%, #efc384 100%);
    border-radius: 4px
}

.c-withdrawals__list::-webkit-scrollbar-thumb:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(10%, #aaa399), color-stop(30%, #aaa399), to(#efc384));
    background: linear-gradient(to bottom, #e3deda 0%, #aaa399 10%, #aaa399 30%, #efc384 100%);
    cursor: pointer
}

.c-withdrawals__title.is-collapsed+.c-withdrawals__info.is-collapsed {
    display: block
}

.c-withdrawals__list+.c-withdrawals__item {
    border-top: 1px solid #393939;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    row-gap: 12px;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    padding-top: 12px
}

.c-withdrawals__item {
    display: grid;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-template-columns: minmax(auto, 2fr) minmax(108px, 1fr);
    grid-template-rows: 36px auto;
    gap: 6px
}

.c-withdrawals__item+.c-withdrawals__item {
    border-top: 1px solid #393939;
    padding-top: 12px;
    margin-top: 12px
}

.c-withdrawals__amount {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 16px;
    line-height: 1.375em
}

.c-withdrawals__restrictions {
    grid-column: span 2;
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: 16px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    justify-items: start;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 12px;
    line-height: 1.5em
}

.c-withdrawals__restrictions-icon {
    width: 16px;
    height: 18px
}

.c-withdrawals__restrictions-btn {
    cursor: pointer;
    color: #f0c788
}

.c-withdrawals__restrictions-btn:hover,
.c-withdrawals__restrictions-btn:focus {
    text-decoration: underline
}

.c-withdrawals__confirm {
    display: none;
    border-radius: 6px;
    grid-column: span 2;
    background-color: #393939;
    padding: 12px
}

.c-withdrawals__confirm-title {
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0
}

@media(min-width: 805px) {
    .c-withdrawals__confirm-title {
        text-align: left
    }
}

.c-withdrawals__confirm-controls {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin-top: 12px
}

.c-withdrawals__delete-all {
    min-height: 36px
}

.c-withdrawals .c-btn {
    text-transform: uppercase;
    padding: 8px 16px
}

.c-burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    background: transparent;
    width: 28px;
    min-height: 100%;
    padding: 0
}

@media(min-width: 805px) {
    .c-burger {
        display: none
    }
}

.c-burger__icon,
.c-burger__icon::before,
.c-burger__icon::after {
    background-color: #f0c788;
    width: 24px;
    height: 2px
}

.c-burger__icon {
    display: inline-block;
    position: relative
}

.c-burger__icon::before,
.c-burger__icon::after {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.c-burger__icon::before {
    bottom: 8px
}

.c-burger__icon::after {
    top: 8px
}

.c-burger--active .c-burger__icon {
    background-color: transparent
}

.c-burger--active .c-burger__icon::before,
.c-burger--active .c-burger__icon::after {
    border-radius: 2px;
    width: 23px;
    left: 1px;
    top: 0px
}

.c-burger--active .c-burger__icon::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-burger--active .c-burger__icon::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-container-rox {
    z-index: 270000;
    position: relative
}

.c-modal {
    overflow-x: hidden;
    position: fixed;
    overflow-y: scroll;
    display: block;
    left: 0;
    top: 0;
    z-index: 1000;
    height: 100%;
    width: 100%;
    padding: 0
}

.c-modal:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.c-modal .red-error {
    position: absolute;
    left: 0;
    top: auto;
    bottom: -24px;
    width: 100%
}

.c-modal.c-modal--2fa .c-modal__content {
    max-width: 340px
}

@media(min-width: 805px) {
    .c-modal.c-modal--2fa .c-modal__inner {
        background-image: url("modals/auth-bg.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }
}

.c-modal.c-modal--add-currency .c-modal__content {
    max-width: 300px
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert {
    padding: 0 20px
}

@media(min-width: 805px) {
    .c-modal.c-modal--autocashout-alerts .autocashout-alert {
        padding: 0 40px
    }
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert+.autocashout-alert {
    border-top: 1px solid #8b8b8b;
    margin-top: 40px;
    padding-top: 20px
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__item {
    margin-top: 20px;
    text-align: center
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__item--controls {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    row-gap: 15px
}

@media(min-width: 805px) {
    .c-modal.c-modal--autocashout-alerts .autocashout-alert__item--controls {
        grid-auto-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .03em;
    margin: 20px 0 0
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__text {
    color: #fff;
    font-size: 14px;
    line-height: 1.2em;
    margin: 20px 0 0
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__text--help,
.c-modal.c-modal--autocashout-alerts .autocashout-alert__text--gold {
    font-size: 12px;
    line-height: 1.33em
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__text--gold {
    color: #f0c788
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__text--help {
    color: #a1a9b0
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__text a {
    color: #f0c788;
    text-decoration: underline
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__text a:hover,
.c-modal.c-modal--autocashout-alerts .autocashout-alert__text a:focus {
    color: #f0c788;
    text-decoration: none
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__text span {
    color: #f0c788
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-upload {
    color: #f0c788;
    font-size: 12px;
    line-height: 1.2em;
    letter-spacing: .03em;
    width: 100%;
    margin-top: 10px
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style-type: none;
    max-width: none;
    margin: 0 auto;
    padding: 0
}

@media(min-width: 805px) {
    .c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-list {
        max-width: 482px
    }
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-list input[type=file] {
    display: none
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-item+.autocashout-alert__verification-item {
    margin-top: 20px
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-data {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .06em
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-data::before {
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #F0C788), color-stop(25.02%, #E5C18B), color-stop(50.01%, #ACA498), color-stop(75%, #D6CDC3), color-stop(99.99%, #E6E6E6));
    background: linear-gradient(0deg, #F0C788 0.03%, #E5C18B 25.02%, #ACA498 50.01%, #D6CDC3 75%, #E6E6E6 99.99%);
    border-radius: 6px;
    width: 12px;
    height: 12px;
    margin-right: 12px
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-btn {
    cursor: pointer;
    color: #f0c788;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    letter-spacing: .03em;
    text-decoration: underline
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-btn:hover,
.c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-btn:focus {
    color: #f0c788;
    text-decoration: none
}

html:not(.touch) .c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-btn:hover,
html:not(.touch) .c-modal.c-modal--autocashout-alerts .autocashout-alert__verification-btn:focus {
    -webkit-filter: none;
    filter: none
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__wagering-list {
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__wagering-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__wagering-item+.autocashout-alert__wagering-item {
    margin-top: 10px
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__wagering-item::before {
    content: "";
    width: 22px;
    height: 22px;
    background: no-repeat center
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__wagering-item--casino::before {
    background-image: url("casino.svg")
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__wagering-item--sport::before {
    background-image: url("ball_icon_light.svg")
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__wagering-field {
    width: 55px;
    margin: 0 15px 0 5px;
    text-align: right
}

.c-modal.c-modal--autocashout-alerts .autocashout-alert__commission-btn {
    width: 100%;
    height: 34px;
    padding: .375em 1em
}

@media(min-width: 805px) {
    .c-modal.c-modal--autocashout-alerts .autocashout-alert__commission-btn {
        width: 175px
    }
}

.c-modal.c-modal--autocashout-alerts .c-modal__inner {
    max-width: 664px;
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 805px) {
    .c-modal.c-modal--autocashout-alerts .c-modal__inner {
        padding: 40px 0
    }
}

@media(min-width: 805px) {
    .c-modal.c-modal--autocashout-alerts .c-modal__content {
        text-align: center
    }
}

.c-modal.c-modal--autocashout-alerts .c-modal__title {
    border-bottom: 1px solid #595959;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .03em;
    text-align: center;
    text-transform: none;
    padding: 0 20px 20px;
    margin: 0
}

@media(min-width: 805px) {
    .c-modal.c-modal--autocashout-alerts .c-modal__title {
        border-bottom: none;
        font-size: 20px;
        padding: 0 40px
    }
}

.c-modal.c-modal--balance .issued-bonus {
    position: relative;
    overflow-y: hidden
}

.c-modal.c-modal--balance .issued-bonus__header {
    display: grid;
    grid-template-columns: 46px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.c-modal.c-modal--balance .issued-bonus__icon {
    grid-row: span 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #000;
    border: 1px solid #f0c788;
    border-radius: 23px;
    color: #f0c788;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 22px;
    width: 46px;
    height: 46px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-modal.c-modal--balance .issued-bonus__title {
    font-family: "Tahoma Bold", sans-serif;
    font-size: 14px;
    line-height: 1.375em
}

@media(min-width: 480px) {
    .c-modal.c-modal--balance .issued-bonus__title {
        font-size: 16px
    }
}

.c-modal.c-modal--balance .issued-bonus__status {
    grid-column: 2/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.25em;
    margin-top: 2px
}

.c-modal.c-modal--balance .issued-bonus__status::first-letter {
    text-transform: uppercase
}

.c-modal.c-modal--balance .issued-bonus__status--active {
    color: #23a403
}

.c-modal.c-modal--balance .issued-bonus__status--wait {
    color: #ffec40
}

.c-modal.c-modal--balance .issued-bonus__status--hold {
    color: #a1a9b0
}

.c-modal.c-modal--balance .issued-bonus__status-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.c-modal.c-modal--balance .issued-bonus__row {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-modal.c-modal--balance .issued-bonus__row+.issued-bonus__row {
    padding-top: 16px
}

.c-modal.c-modal--balance .issued-bonus__row--amount {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-bottom: 1px solid #393939;
    padding-bottom: 16px
}

.c-modal.c-modal--balance .issued-bonus__row--amount .c-countdown {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-modal.c-modal--balance .issued-bonus__row--amount .c-countdown__timer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-modal.c-modal--balance .issued-bonus__row-field,
.c-modal.c-modal--balance .issued-bonus__row-value {
    font-size: 14px;
    line-height: 1.4em
}

.c-modal.c-modal--balance .issued-bonus__row-field {
    color: #f0c788
}

.c-modal.c-modal--balance .issued-bonus__row-value {
    font-family: "Tahoma Bold", sans-serif;
    text-align: right
}

.c-modal.c-modal--balance .issued-bonus__controls {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px
}

@media(min-width: 480px) {
    .c-modal.c-modal--balance .issued-bonus__controls {
        grid-auto-flow: column;
        grid-template-columns: auto
    }
}

.c-modal.c-modal--balance .issued-bonus__controls .c-btn {
    font-family: "Tahoma", sans-serif;
    padding: 5px 25px;
    line-height: 20px
}

.c-modal.c-modal--balance .issued-bonus__amount-title {
    color: #b1b1b1;
    font-size: 12px;
    line-height: 1.5em
}

.c-modal.c-modal--balance .issued-bonus__amount-title::first-letter {
    text-transform: uppercase
}

.c-modal.c-modal--balance .issued-bonus__amount-value {
    color: #f0c788;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 14px;
    line-height: 1.45em;
    margin-top: 2px
}

@media(min-width: 480px) {
    .c-modal.c-modal--balance .issued-bonus__amount-value {
        font-size: 18px
    }
}

.c-modal.c-modal--balance .issued-bonus__wager {
    display: grid;
    grid-template-columns: 1fr minmax(125px, 0.5fr);
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    row-gap: 16px;
    width: 100%
}

@media(min-width: 480px) {
    .c-modal.c-modal--balance .issued-bonus__wager {
        grid-template-columns: 1fr
    }
}

.c-modal.c-modal--balance .issued-bonus__wager .c-progressbar {
    grid-column: span 2
}

.c-modal.c-modal--balance .issued-bonus__wager-title,
.c-modal.c-modal--balance .issued-bonus__wager-value {
    font-family: "Tahoma Bold", sans-serif;
    font-size: 12px;
    line-height: 1.5em
}

.c-modal.c-modal--balance .issued-bonus__wager-title {
    grid-column: 1/2
}

.c-modal.c-modal--balance .issued-bonus__wager-value {
    grid-column: 2/3;
    text-align: right
}

.c-modal.c-modal--balance .issued-bonus__wager-current {
    color: #f0c788
}

.c-modal.c-modal--balance .issued-bonus__wager-total {
    color: #a1a9b0
}

.c-modal.c-modal--balance .issued-bonus__cancelation {
    display: none;
    background-color: #393939;
    border-radius: 5px;
    padding: 16px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.c-modal.c-modal--balance .issued-bonus__cancelation .issued-bonus__row {
    margin-top: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-modal.c-modal--balance .issued-bonus__cancelation .issued-bonus__row+.issued-bonus__row {
    border-top: 1px solid #565656
}

.c-modal.c-modal--balance .issued-bonus__cancelation .issued-bonus__row-value {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    white-space: nowrap;
    margin-left: 8px
}

.c-modal.c-modal--balance .issued-bonus__cancelation .issued-bonus__controls {
    grid-auto-columns: 1fr;
    margin-top: 16px
}

@media(min-width: 480px) {
    .c-modal.c-modal--balance .issued-bonus__cancelation .issued-bonus__controls {
        grid-template-columns: 1fr
    }
}

.c-modal.c-modal--balance .issued-bonus .issued-bonus__cancelation-title {
    padding-bottom: 16px
}

.c-modal.c-modal--balance .issued-bonus .issued-bonus__cancelation-title {
    font-family: "Tahoma Bold", sans-serif;
    font-size: 16px;
    line-height: 1.375em;
    margin: 0
}

.c-modal.c-modal--balance .issued-bonus .issued-bonus__cancelation-description {
    font-size: 14px;
    line-height: 1.4em
}

.c-modal.c-modal--balance .issued-bonus__games {
    margin-top: 16px
}

.c-modal.c-modal--balance .issued-bonus__game {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px;
    width: 100%;
    padding: 8px;
    -webkit-transition: background-color .15s;
    transition: background-color .15s
}

.c-modal.c-modal--balance .issued-bonus__game:hover,
.c-modal.c-modal--balance .issued-bonus__game:focus {
    background-color: rgba(197, 175, 143, .1);
    text-decoration: none;
    -webkit-filter: none;
    filter: none
}

.c-modal.c-modal--balance .issued-bonus__game-info {
    display: grid;
    grid-template-columns: 53px 1fr;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 4px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding-right: 6px
}

.c-modal.c-modal--balance .issued-bonus__game-img {
    grid-row: span 2;
    border-radius: 4px;
    width: 100%;
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover
}

.c-modal.c-modal--balance .issued-bonus__game-name {
    color: #f0c788;
    font-size: 14px;
    line-height: 1.325em
}

.c-modal.c-modal--balance .issued-bonus__game-provider {
    grid-column: 2/3;
    color: #b1b1b1;
    font-size: 12px;
    line-height: 1em
}

.c-modal.c-modal--balance .issued-bonus__game-play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#EAC994), to(#F6E8CD));
    background: linear-gradient(180deg, #EAC994 0%, #F6E8CD 100%);
    border-radius: 50%;
    width: 100%;
    max-width: 34px;
    height: 34px
}

.c-modal.c-modal--balance .issued-bonus__game-play:before {
    content: url("play-btn.svg");
    width: 13.6px;
    height: 16px;
    position: relative;
    left: 2px
}

.c-modal.c-modal--balance .lottery-tickets {
    position: relative;
    overflow-y: hidden
}

.c-modal.c-modal--balance .lottery-tickets__header {
    display: grid;
    grid-template-columns: 46px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.c-modal.c-modal--balance .lottery-tickets__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #000;
    border: 1px solid #f0c788;
    border-radius: 23px;
    color: #f0c788;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 22px;
    width: 46px;
    height: 46px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-modal.c-modal--balance .lottery-tickets__title {
    font-family: "Tahoma Bold", sans-serif;
    font-size: 14px;
    line-height: 1.375em
}

@media(min-width: 480px) {
    .c-modal.c-modal--balance .lottery-tickets__title {
        font-size: 16px
    }
}

.c-modal.c-modal--balance .lottery-tickets__amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #393939;
    padding-bottom: 16px
}

.c-modal.c-modal--balance .lottery-tickets__timer {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-modal.c-modal--balance .lottery-tickets__timer .c-countdown__timer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-modal.c-modal--balance .lottery-tickets__amount-title {
    color: #b1b1b1;
    font-size: 12px;
    line-height: 1.5em
}

.c-modal.c-modal--balance .lottery-tickets__amount-title::first-letter {
    text-transform: uppercase
}

.c-modal.c-modal--balance .lottery-tickets__amount-value {
    color: #f0c788;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 14px;
    line-height: 1.45em;
    margin-top: 2px
}

@media(min-width: 480px) {
    .c-modal.c-modal--balance .lottery-tickets__amount-value {
        font-size: 18px
    }
}

.c-modal.c-modal--balance .lottery-tickets__fund {
    margin-top: 16px;
    text-align: center
}

.c-modal.c-modal--balance .lottery-tickets__fund-title {
    font-size: 12px;
    line-height: 1.3em
}

.c-modal.c-modal--balance .lottery-tickets__fund-value {
    color: #f0c788;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 24px;
    line-height: 1.25em
}

.c-modal.c-modal--balance .lottery-tickets__get-btn {
    font-family: "Tahoma", sans-serif;
    padding: 5px 25px;
    line-height: 20px;
    margin: 16px auto 0;
    width: 100%
}

@media(min-width: 480px) {
    .c-modal.c-modal--balance .lottery-tickets__get-btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.c-modal.c-modal--balance .c-modal__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    border-bottom: 1px solid #65615b;
    font-weight: 700
}

.c-modal.c-modal--balance .c-modal__tab {
    display: block;
    padding: 0 15px 20px;
    font-size: 16px;
    line-height: 1
}

.c-modal.c-modal--balance .c-modal__tab.is-active {
    font-weight: bold
}

.c-modal.c-modal--balance .c-modal__tab.is-active::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 14px;
    height: 7px;
    background: url("arrow-top.svg") center center no-repeat;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.c-modal.c-modal--balance .c-modal__form-swither {
    margin-bottom: 24px
}

@media all and (min-width: 805px) {
    .c-modal.c-modal--balance .c-modal__inner {
        max-width: initial;
        width: 700px
    }
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__inner {
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), -webkit-gradient(linear, left bottom, left top, from(#242424), to(#242424));
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), linear-gradient(0deg, #242424, #242424)
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__inner {
        width: 420px
    }
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__title {
    text-transform: uppercase;
    font-weight: 700;
    color: #f0c788;
    margin: 10px 0
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__content {
    display: grid;
    row-gap: 25px;
    width: 100%;
    max-width: 420px;
    text-align: center
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__cancel-confirmation .transaction-info {
    display: grid;
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__cancel-confirmation .transaction-info>* {
    display: grid;
    row-gap: 4px
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__cancel-confirmation .transaction-info__label {
    font-size: 12px;
    color: rgba(255, 255, 255, .6)
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__cancel-confirmation .transaction-info__value--amount {
    font-weight: 700
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__cancel-confirmation .transaction-info__value--date {
    font-size: 12px
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__cancel-confirmation .transaction-info__value--status-pending {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffec40
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__cancel-confirmation .transaction-info__status-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__submit {
    display: grid;
    gap: 5px;
    margin-top: 20px
}

.c-modal.c-modal--msp-v1-cashout-cancel-confirmation .c-modal__submit .c-btn {
    width: 100%;
    padding: 12px 0;
    text-transform: uppercase
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__inner {
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), -webkit-gradient(linear, left bottom, left top, from(#242424), to(#242424));
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), linear-gradient(0deg, #242424, #242424)
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__inner {
        width: 700px;
        max-width: 700px
    }
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__title {
    text-transform: uppercase;
    font-weight: 700;
    color: #f0c788;
    margin: 10px 30px 10px 0;
    text-align: center
}

@media(min-width: 480px) {
    .c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__title {
        margin: 10px 0
    }
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__text {
    font-size: 15px;
    text-align: center
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__content {
    margin-top: 20px
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__confirm-receiving {
    display: grid;
    row-gap: 20px
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__confirm-receiving .c-modal__transaction-info {
    background: #141414;
    border: 1px solid #f0c788;
    border-radius: 15px;
    text-align: left
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__confirm-receiving .c-modal__transaction-info>* {
    padding: 20px;
    overflow: hidden
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__confirm-receiving .c-modal__transaction-info>*:not(:last-child) {
    border-bottom: 1px solid #f0c788
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__confirm-receiving .c-modal__transaction-info .transaction-info__label {
    font-size: 12px
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__confirm-receiving .c-modal__transaction-info .transaction-info__value {
    font-weight: 700
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__countdown {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__countdown .c-countdown__timer {
    padding: 4px 8px;
    border-radius: 4px;
    background: #b89d75
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__countdown-label {
    font-weight: 700
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__submit {
    margin-top: 0
}

.c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__submit .c-btn {
    width: 100%;
    margin: 0 auto;
    padding: 12px 0;
    text-transform: uppercase
}

@media(min-width: 680px) {
    .c-modal.c-modal--msp-v1-cashout-confirm-receiving .c-modal__submit .c-btn {
        width: 50%
    }
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__inner {
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), -webkit-gradient(linear, left bottom, left top, from(#242424), to(#242424));
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), linear-gradient(0deg, #242424, #242424)
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__inner {
        min-width: 380px;
        max-width: 725px
    }
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__title {
    text-transform: uppercase;
    font-weight: 700;
    color: #f0c788;
    margin: 10px 0;
    text-align: center
}

@media(min-width: 480px) {
    .c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__title {
        margin: 10px 0
    }
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__content {
    margin-top: 20px
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits {
    display: grid;
    gap: 12px
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits {
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info {
    display: grid;
    min-width: 300px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 40px);
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    row-gap: 15px;
    padding: 12px;
    background: #141414;
    border: 1px solid #f0c788;
    border-radius: 15px;
    text-align: left
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__label {
    font-size: 12px
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__value {
    font-weight: 700
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__amount {
    justify-self: right;
    text-align: right
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__id-code .transaction-info__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__id-code-icon {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    cursor: pointer
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__status {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-size: 14px
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__status--canceled {
    color: #cf3f3f
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__status--pending {
    color: #ffec40
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__status--processing {
    color: #c5af8f
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__status--rejected {
    color: #cf3f3f
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__status--succeeded {
    color: #23a403
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__status--dispute {
    color: #cf3f3f
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__status--await_confirmation {
    color: #ffec40
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__status-icon {
    width: 14px;
    height: 14px
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__bank {
    justify-self: right;
    display: grid;
    justify-items: right;
    row-gap: 2px
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__bank-logo {
    max-height: 16px
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__bank-name {
    max-width: 75px;
    background: #f0c788;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 10px;
    color: #141414;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__autoconfirm-countdown {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-column: 1/3
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__autoconfirm-countdown .c-countdown__timer {
    padding: 4px 8px;
    border-radius: 4px;
    background: #b89d75;
    font-size: 12px
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__autoconfirm-countdown-label {
    font-weight: 700
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__notes-and-btns {
    grid-column: 1/3;
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    row-gap: 5px
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__btn {
    width: 100%;
    padding: 8px 12px;
    text-transform: uppercase
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding-top: 10px;
    margin-top: 10px;
    text-align: center;
    font-size: 12px
}

.c-modal.c-modal--msp-v1-cashout-linked-deposits .c-modal__linked-deposits .c-modal__transaction-info .transaction-info__note-icon {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    cursor: pointer
}

@-webkit-keyframes spinning {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes spinning {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.c-modal.c-modal--msp-v1-deposit-match .c-modal__title {
    text-transform: uppercase;
    font-weight: 700;
    color: #f0c788
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__content {
    max-width: 740px;
    text-align: center
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__await-matching {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 150px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("payments/msp/success-bg.png") center center no-repeat;
    background-size: contain
}

@media(min-width: 480px) {
    .c-modal.c-modal--msp-v1-deposit-match .c-modal__await-matching {
        height: 200px
    }
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__await-matching .c-modal__img {
    height: 60px;
    -webkit-animation: spinning 1.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
    animation: spinning 1.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite
}

@media(min-width: 480px) {
    .c-modal.c-modal--msp-v1-deposit-match .c-modal__await-matching .c-modal__img {
        height: 80px
    }
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions {
    display: grid;
    grid-template-columns: 30px 1fr;
    row-gap: 10px;
    padding: 15px;
    margin-top: 25px;
    border: 1px solid #f0c788;
    border-radius: 5px;
    background: radial-gradient(100% 100% at 100% 100%, #A9915C 0%, #141414 90%);
    text-align: left
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-img {
    height: 20px
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-title {
    font-family: "Tahoma Bold", sans-serif;
    font-weight: 700;
    font-size: 16px;
    grid-column: 2/-1
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-text {
    grid-column: 2/-1
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps {
    grid-column: 1/-1;
    display: grid;
    row-gap: 8px
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps .c-modal__instructions-current-step::after {
    content: attr(data-ui-label);
    position: absolute;
    bottom: 0;
    right: 10px;
    border-radius: 5px 5px 0 0;
    color: #272828;
    padding: 3px 5px 0 5px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #F0C788), color-stop(25.02%, #E5C18B), color-stop(50.01%, #ACA498), color-stop(75%, #D6CDC3), color-stop(99.99%, #E6E6E6));
    background: linear-gradient(0deg, #F0C788 0.03%, #E5C18B 25.02%, #ACA498 50.01%, #D6CDC3 75%, #E6E6E6 99.99%);
    white-space: nowrap;
    font-size: 10px;
    text-transform: uppercase;
    pointer-events: none
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>* {
    display: grid;
    grid-template-columns: 30px 1fr 60px;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 75px;
    padding: 5px 15px;
    background-color: #242424;
    background-position: calc(100% - 10px) center, right center;
    background-repeat: no-repeat, no-repeat;
    border: 1px solid #f0c788;
    border-radius: 5px;
    font-weight: 700
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*::before {
    justify-self: left;
    color: #f0c788;
    font-size: 22px;
    font-weight: 700
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*:nth-child(1) {
    background-image: url("payments/msp/instructions/step-1.png"), url("payments/msp/instructions/step-bg-mob.png")
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*:nth-child(1)::before {
    content: "01"
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*:nth-child(2) {
    background-image: url("payments/msp/instructions/step-2.png"), url("payments/msp/instructions/step-bg-mob.png")
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*:nth-child(2)::before {
    content: "02"
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*:nth-child(3) {
    background-image: url("payments/msp/instructions/step-3.png"), url("payments/msp/instructions/step-bg-mob.png")
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*:nth-child(3)::before {
    content: "03"
}

@media(min-width: 680px) {
    .c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions {
        row-gap: 10px
    }

    .c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps {
        grid-template-columns: repeat(3, 1fr);
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps .c-modal__instructions-current-step::after {
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }

    .c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>* {
        grid-template-columns: 1fr;
        grid-template-rows: 60px 1fr;
        row-gap: 25px;
        height: 150px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        background-position: calc(100% - 10px) 10px, right top;
        background-size: auto, 150px;
        font-size: 12px;
        text-shadow: 1px 1px 0 #272828
    }

    .c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*::before {
        -ms-flex-item-align: center;
        align-self: center;
        text-shadow: 1px 1px 10px #000
    }

    .c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*::after {
        text-shadow: none
    }

    .c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*:nth-child(1) {
        background-image: url("payments/msp/instructions/step-1.png"), url("payments/msp/instructions/step-bg-desk.png")
    }

    .c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*:nth-child(2) {
        background-image: url("payments/msp/instructions/step-2.png"), url("payments/msp/instructions/step-bg-desk.png")
    }

    .c-modal.c-modal--msp-v1-deposit-match .c-modal__instructions-steps>*:nth-child(3) {
        background-image: url("payments/msp/instructions/step-3.png"), url("payments/msp/instructions/step-bg-desk.png")
    }
}

.c-modal.c-modal--msp-v1-deposit-match .c-modal__text {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.c-modal.c-modal--msp-v1-deposit-no-matches .c-modal__inner {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), -webkit-gradient(linear, left bottom, left top, from(#242424), to(#242424));
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), linear-gradient(0deg, #242424, #242424)
}

.c-modal.c-modal--msp-v1-deposit-no-matches .c-modal__title {
    text-transform: uppercase;
    font-weight: 700;
    color: #f0c788;
    margin: 10px 0
}

.c-modal.c-modal--msp-v1-deposit-no-matches .c-modal__content {
    max-width: 460px;
    text-align: center
}

.c-modal.c-modal--msp-v1-deposit-no-matches .c-modal__no-matches {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 180px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("payments/msp/error-bg.png") center center no-repeat;
    background-size: contain
}

.c-modal.c-modal--msp-v1-deposit-no-matches .c-modal__no-matches .c-modal__img {
    height: 80px
}

.c-modal.c-modal--msp-v1-deposit-no-matches .c-modal__submit {
    display: grid;
    gap: 5px;
    padding: 10px 0;
    text-transform: uppercase
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__inner {
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), -webkit-gradient(linear, left bottom, left top, from(#242424), to(#242424));
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), linear-gradient(0deg, #242424, #242424)
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-details .c-modal__inner {
        max-width: 680px
    }
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__content {
    display: grid;
    row-gap: 10px
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__title {
    margin: 0 auto 20px;
    text-align: left
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-details .c-modal__title {
        text-align: center
    }
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__notice {
    padding: 10px;
    border: 1px solid #f0c788;
    background: transparent;
    font-size: 12px
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__form {
    display: grid;
    border: 1px solid #f0c788;
    border-radius: 5px;
    padding: 15px
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-details .c-modal__form {
        padding: 0;
        grid-template-columns: 150px 1fr
    }
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__form--incomplete {
    pointer-events: none;
    opacity: .5
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__form--complete {
    position: relative
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__form--complete::before {
    content: "";
    position: absolute;
    top: -12px;
    right: -12px;
    width: 24px;
    height: 24px;
    background: url("payments/msp/success.svg")
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__form.is-active {
    background-color: #000
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__form>*:nth-child(1) {
    display: none;
    padding: 70px 0 0 15px;
    border-right: 1px solid #b89d75;
    background-position: 15px 10px, left top;
    background-size: auto, 150px;
    background-repeat: no-repeat, no-repeat
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-details .c-modal__form>*:nth-child(1) {
        display: block
    }
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__form>*:nth-child(2) {
    display: grid;
    gap: 10px
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-details .c-modal__form>*:nth-child(2) {
        padding: 20px
    }
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__transfer-details>:nth-child(1) {
    content: "";
    background-image: url("payments/msp/instructions/step-2.png"), url("payments/msp/instructions/details-step-bg.png")
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__receipt-uploading>:nth-child(1) {
    content: "";
    background-image: url("payments/msp/instructions/step-3.png"), url("payments/msp/instructions/details-step-bg.png")
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__form-title {
    text-align: left;
    font-weight: 700;
    margin: 0
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__text {
    font-size: 12px
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__countdown.c-modal__countdown--expired .c-countdown__timer {
    background: #cf3f3f
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__countdown .c-countdown__timer {
    padding: 4px 8px;
    border-radius: 4px;
    background: #b89d75
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__bankname-area {
    grid-column: 1/-1
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__bankname-area--framed {
    display: grid;
    row-gap: 8px;
    padding: 12px;
    border-radius: 8px;
    background: #141414
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__transfer-code-area {
    display: grid;
    row-gap: 8px;
    padding: 12px;
    border-radius: 8px;
    background: #141414
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-details .c-modal__transfer-code-area {
        grid-column: 1/-1
    }
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__fields-group {
    display: grid;
    row-gap: 10px
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-details .c-modal__fields-group {
        grid-template-columns: 1.15fr .85fr;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__tranfer-status-text {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__tranfer-status-text>svg {
    width: 12px;
    height: 12px
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__submit {
    margin: 0;
    text-transform: uppercase
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-details .c-modal__submit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 20px
    }
}

.c-modal.c-modal--msp-v1-deposit-details .c-modal__transfer-cancel {
    margin-top: 10px
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-details .c-modal__transfer-cancel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-modal.c-modal--msp-v1-deposit-cancel-confirmation .c-modal__inner {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), -webkit-gradient(linear, left bottom, left top, from(#242424), to(#242424));
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), linear-gradient(0deg, #242424, #242424)
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-cancel-confirmation .c-modal__inner {
        width: 400px
    }
}

.c-modal.c-modal--msp-v1-deposit-cancel-confirmation .c-modal__title {
    text-transform: uppercase;
    font-weight: 700;
    color: #f0c788;
    margin: 10px 0
}

.c-modal.c-modal--msp-v1-deposit-cancel-confirmation .c-modal__content {
    width: 100%;
    max-width: 460px;
    text-align: center
}

.c-modal.c-modal--msp-v1-deposit-cancel-confirmation .c-modal__cancel-confirmation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 180px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("payments/msp/error-bg.png") center center no-repeat;
    background-size: contain
}

.c-modal.c-modal--msp-v1-deposit-cancel-confirmation .c-modal__cancel-confirmation .c-modal__img {
    height: 80px
}

.c-modal.c-modal--msp-v1-deposit-cancel-confirmation .c-modal__submit {
    display: grid;
    gap: 5px
}

@media(min-width: 480px) {
    .c-modal.c-modal--msp-v1-deposit-cancel-confirmation .c-modal__submit {
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-modal.c-modal--msp-v1-deposit-cancel-confirmation .c-modal__submit .c-btn {
    padding: 10px 0;
    text-transform: uppercase
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__inner {
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), -webkit-gradient(linear, left bottom, left top, from(#242424), to(#242424));
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), linear-gradient(0deg, #242424, #242424)
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__inner {
        min-width: 600px
    }
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__content {
    display: grid;
    row-gap: 20px
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__transaction-info {
    background: #141414;
    border: 1px solid #f0c788;
    border-radius: 15px
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__transaction-info>* {
    padding: 20px;
    overflow: hidden
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__transaction-info>*:not(:last-child) {
    border-bottom: 1px solid #f0c788
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__transaction-info .transaction-info__label {
    font-size: 12px
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__transaction-info .transaction-info__value {
    font-weight: 700
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__transaction-info .transaction-info__buttons {
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__transaction-info .transaction-info__btn {
    padding: 12px 35px;
    text-transform: uppercase
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__notice {
    background: #141414
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__submit {
    display: grid;
    row-gap: 8px;
    margin-top: 0
}

@media all and (min-width: 480px) {
    .c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__submit {
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.c-modal.c-modal--msp-v1-deposit-rejection-info .c-modal__submit .c-btn {
    width: 100%;
    padding: 12px 0;
    text-transform: uppercase
}

.c-modal.c-modal--msp-v1-deposit-receipt-uploading-result .c-modal__inner {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), -webkit-gradient(linear, left bottom, left top, from(#242424), to(#242424));
    background: radial-gradient(58.9% 61.68% at 50% 61.68%, rgba(216, 186, 120, 0.3) 0%, rgba(216, 186, 120, 0) 100%), linear-gradient(0deg, #242424, #242424)
}

@media(min-width: 805px) {
    .c-modal.c-modal--msp-v1-deposit-receipt-uploading-result .c-modal__inner {
        min-width: 400px
    }
}

.c-modal.c-modal--msp-v1-deposit-receipt-uploading-result .c-modal__title {
    text-transform: uppercase;
    font-weight: 700;
    color: #f0c788;
    margin: 10px 0
}

.c-modal.c-modal--msp-v1-deposit-receipt-uploading-result .c-modal__content {
    display: grid;
    width: 100%;
    text-align: center
}

.c-modal.c-modal--msp-v1-deposit-receipt-uploading-result .c-modal__result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 180px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-modal.c-modal--msp-v1-deposit-receipt-uploading-result .c-modal__result--success {
    background: url("payments/msp/success-bg.png") center center no-repeat;
    background-size: contain
}

.c-modal.c-modal--msp-v1-deposit-receipt-uploading-result .c-modal__result--error {
    background: url("payments/msp/error-bg.png") center center no-repeat;
    background-size: contain
}

.c-modal.c-modal--msp-v1-deposit-receipt-uploading-result .c-modal__result .c-modal__img {
    height: 80px
}

.c-modal.c-modal--msp-v1-deposit-receipt-uploading-result .c-modal__submit {
    max-width: 300px;
    padding: 10px 0;
    justify-self: center;
    text-transform: uppercase
}

.c-modal.c-modal--blank-profile .c-modal__content {
    max-width: 340px
}

.c-modal.c-modal--blank-profile .new-input {
    margin: 0 auto
}

.c-modal.c-modal--blank-profile .left-post {
    text-transform: uppercase;
    font-weight: 400
}

.c-modal.c-modal--blank-profile .label-input {
    float: none;
    padding-left: 17px
}

.c-modal.c-modal--blank-profile .select-sex li label {
    margin: 0 auto
}

.c-modal.c-modal--blank-profile .select-sex li .check {
    top: 0
}

.c-modal.c-modal--blank-profile .select-wr--block {
    display: inline-block;
    width: 100%
}

@media(min-width: 805px) {
    .c-modal.c-modal--blank-profile .c-modal__inner {
        width: 400px
    }
}

.c-modal.c-modal--errors .c-modal__content {
    max-width: 500px;
    text-align: center
}

.c-modal.c-modal--errors .c-modal__content .c-modal__img {
    padding: 40px 0
}

.c-modal.c-modal--errors .c-modal__content .c-modal__submit {
    width: 150px
}

@media(min-width: 805px) {
    .c-modal.c-modal--license .c-modal__content {
        max-width: 400px
    }
}

.c-modal.c-modal--login .c-modal__inner {
    padding: 0
}

.c-modal.c-modal--login .c-modal__tabs {
    border-bottom: 1px solid #65615b
}

.c-modal.c-modal--login .c-modal__tab {
    padding: 20px 15px;
    font-size: 16px;
    line-height: 1
}

.c-modal.c-modal--login .c-modal__tab.is-active {
    font-weight: bold
}

.c-modal.c-modal--login .c-modal__tab.is-active::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 14px;
    height: 7px;
    background: url("arrow-top.svg") center center no-repeat;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.c-modal.c-modal--login .c-modal__content {
    max-width: 340px;
    padding: 25px 20px 20px
}

.c-modal.c-modal--login .c-modal__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.c-modal.c-modal--login .c-modal__submit {
    margin-bottom: 20px
}

@media(min-width: 805px) {
    .c-modal.c-modal--login .c-modal__inner {
        padding: 15px 40px 40px;
        background-image: url("modals/auth-bg.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .c-modal.c-modal--login .c-modal__tabs {
        width: 340px
    }

    .c-modal.c-modal--login .c-modal__content {
        padding: 25px 0 0
    }
}

.c-modal.c-modal--logout .c-modal__content {
    max-width: 400px;
    text-align: center
}

.c-modal.c-modal--logout .c-modal__content .c-modal__img {
    width: 100px;
    height: 100px;
    margin: 50px auto 20px
}

.c-modal.c-modal--logout .c-modal__submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 35px 0 20px
}

.c-modal.c-modal--logout .c-modal__submit .c-btn {
    min-width: initial;
    max-width: 180px;
    height: 35px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 130px;
    flex: 1 1 130px;
    text-transform: uppercase
}

@media(min-width: 805px) {
    .c-modal.c-modal--logout .c-modal__inner {
        padding: 15px 40px 40px;
        background-image: url("modals/auth-bg.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .c-modal.c-modal--logout .c-modal__content {
        width: 500px;
        max-width: initial
    }

    .c-modal.c-modal--logout .c-modal__content .c-modal__img {
        margin: 50px 0 40px 0
    }
}

.c-modal.c-modal--patch-profile .c-modal__content {
    width: 300px
}

.c-modal.c-modal--patch-profile .c-modal__links {
    display: block;
    padding-top: 15px
}

.c-modal.c-modal--phone-verification .c-modal__content {
    max-width: 400px;
    display: grid;
    row-gap: 20px
}

.c-modal.c-modal--phone-verification .c-modal__form .c-input__ctrl {
    text-align: center;
    letter-spacing: 6px
}

.c-modal.c-modal--reactivation .c-modal__content {
    max-width: 280px
}

.c-modal.c-modal--reactivation .c-modal__links {
    display: block;
    margin-top: 30px
}

@media(min-width: 805px) {
    .c-modal.c-modal--reactivation .c-modal__content {
        width: 340px;
        max-width: initial
    }
}

.c-modal.c-modal--registration .c-modal__inner {
    padding: 0
}

.c-modal.c-modal--registration .c-modal__tabs {
    border-bottom: 1px solid #65615b
}

.c-modal.c-modal--registration .c-modal__tab {
    padding: 20px 15px;
    font-size: 16px;
    line-height: 1
}

.c-modal.c-modal--registration .c-modal__tab.is-active {
    font-weight: bold
}

.c-modal.c-modal--registration .c-modal__tab.is-active::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 14px;
    height: 7px;
    background: url("arrow-top.svg") center center no-repeat;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.c-modal.c-modal--registration .c-modal__content {
    max-width: 340px;
    padding: 25px 20px 20px
}

.c-modal.c-modal--registration .c-modal__form {
    display: grid;
    padding-bottom: 20px;
    grid-template-areas: "oauth" "bonuses" "form"
}

.c-modal.c-modal--registration .c-modal__fields {
    grid-area: form;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-modal.c-modal--registration .c-modal__fields-group {
    display: grid;
    grid-template-columns: calc(100% - 90px - 5px) 90px;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    position: relative
}

.c-modal.c-modal--registration .c-modal__fields-group:last-child {
    margin-bottom: 0
}

.c-modal.c-modal--registration .c-modal__fields-group .new-input {
    grid-column: 1/3;
    min-width: 0
}

.c-modal.c-modal--registration .c-modal__fields-group .new-input.new-input--field-country {
    grid-column: 1/2;
    margin-bottom: 0
}

.c-modal.c-modal--registration .c-modal__fields-group .new-input.new-input--field-currency {
    grid-column: 2/3
}

.c-modal.c-modal--registration .c-modal__submit {
    margin-bottom: 20px
}

.c-modal.c-modal--registration .c-modal__activation-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px;
    margin-bottom: 25px
}

.c-modal.c-modal--registration .c-modal__activation-code .is-visible {
    width: 100%
}

.c-modal.c-modal--registration .c-modal__activation-code .is-visible .activation-code__link {
    display: none
}

.c-modal.c-modal--registration .c-modal__activation-code .is-visible .activation-code__input {
    display: block
}

.c-modal.c-modal--registration .c-modal__activation-code .activation-code__link {
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #f0c788;
    text-decoration: none;
    border-bottom: 1px dashed;
    white-space: nowrap;
    padding-top: 13px;
    display: block
}

.c-modal.c-modal--registration .c-modal__activation-code .activation-code__link:hover {
    border-bottom: 1px dashed rgba(240, 199, 136, 0)
}

.c-modal.c-modal--registration .c-modal__activation-code .activation-code__input {
    display: none
}

.c-modal.c-modal--registration .c-modal__activation-code .activation-code__tooltip {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px;
    position: absolute;
    top: 50%;
    right: 7px;
    z-index: 100
}

.c-modal.c-modal--registration .c-modal__activation-code .activation-code__tooltip-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #fff;
    color: #272828;
    font-size: 14px;
    font-weight: 800;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fae9ce), to(#f0c788)), -webkit-gradient(linear, left top, left bottom, from(#fae9ce), to(#f0c788));
    background-image: linear-gradient(to bottom, #fae9ce, #f0c788), linear-gradient(to bottom, #fae9ce, #f0c788);
    cursor: pointer;
    z-index: 3
}

.c-modal.c-modal--registration .c-modal__activation-code .activation-code__tooltip-button:hover+.activation-code__tooltip-content {
    pointer-events: visible;
    opacity: 1
}

.c-modal.c-modal--registration .c-modal__activation-code .activation-code__tooltip-content {
    position: absolute;
    bottom: 45px;
    right: -7px;
    width: 340px;
    padding: 15px;
    border-radius: 10px;
    background-color: #272828;
    font-size: 14px;
    line-height: 1.29;
    color: #f0c788;
    pointer-events: none;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

@media(max-width: 804px) {
    .c-modal.c-modal--registration .c-modal__activation-code .activation-code__tooltip-content {
        width: 280px
    }
}

.c-modal.c-modal--registration .c-modal__activation-code .activation-code__tooltip-content:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 17px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #272828
}

.c-modal.c-modal--registration .c-modal__bonuses {
    grid-area: bonuses;
    width: auto;
    margin: 0
}

@media(min-width: 805px) {
    .c-modal.c-modal--registration .c-modal__bonuses {
        width: 150px;
        margin: 10px 0 0 30px
    }
}

.c-modal.c-modal--registration .c-modal__bonuses .bonuses__title {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    color: #f0c788;
    letter-spacing: .1px;
    text-align: center
}

@media(max-width: 804px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonuses__title {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
        text-align: center
    }
}

.c-modal.c-modal--registration .c-modal__bonuses .bonuses__inner {
    display: grid
}

@media(max-width: 804px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonuses__inner {
        grid-auto-flow: column;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding-bottom: 15px
    }
}

@media(min-width: 805px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonuses__inner {
        grid-auto-flow: row;
        row-gap: 60px;
        -ms-flex-line-pack: start;
        align-content: start
    }
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus {
    position: relative;
    cursor: pointer
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus:hover .bonus__image {
    opacity: .3
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus:hover .bonus__button {
    opacity: 1
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus__image {
    position: relative;
    z-index: 10;
    width: 100%
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus__button {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 30;
    height: 36px;
    min-width: auto;
    opacity: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview {
    display: grid
}

@media(max-width: 804px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview {
        grid-template-columns: 100px 1fr;
        width: 100%;
        color: #f0c788;
        background: #272828;
        padding: 15px 0
    }
}

@media(min-width: 805px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview {
        -ms-flex-line-pack: start;
        align-content: start;
        overflow: hidden;
        position: absolute;
        top: 26px;
        right: 0;
        bottom: 0;
        z-index: 100;
        width: 218px;
        border-bottom-right-radius: 20px;
        color: #f0c788
    }

    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview .bonus-preview__description-toggle {
        display: none
    }
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__title {
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    text-align: center
}

@media(max-width: 804px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__title {
        grid-column: 1/3
    }
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__image {
    position: relative;
    -ms-flex-item-align: start;
    align-self: start
}

@media(min-width: 805px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__image {
        max-width: 150px;
        margin: 14px auto 20px
    }
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__image-bg {
    display: block;
    opacity: .2
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__image-text {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    font-size: 19px;
    line-height: 22px;
    color: #f0c788;
    letter-spacing: normal;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, .72);
    text-align: center
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__image-text::before {
    content: "";
    display: block;
    width: 34px;
    height: 31px;
    margin: 0 auto;
    background: url("checkbox-big.png") center center no-repeat
}

@media(max-width: 804px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__image-text {
        font-size: 13px;
        line-height: 16px
    }
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description {
    font-size: 11px;
    padding: 0 15px 0 21px;
    margin-bottom: 0
}

@media(max-width: 804px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description {
        position: relative;
        height: 110px;
        padding: 10px 0 0 21px;
        overflow: hidden
    }

    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description.is-expanded {
        overflow: auto;
        height: auto;
        padding: 10px 0 33px 21px
    }

    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description.is-expanded .bonus-preview__description-toggle:after {
        display: none
    }

    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description.is-expanded .bonus-preview__description-expand {
        display: none
    }

    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description.is-expanded .bonus-preview__description-collapse {
        display: inline
    }

    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description.is-expanded .bonus-preview__description-collapse:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description-property {
    list-style: none;
    position: relative;
    margin-bottom: 10px
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description-property:before {
    content: "";
    display: block;
    background-image: linear-gradient(45deg, #F0C788, #FAE9CE);
    -webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, .5);
    box-shadow: 1px 1px 2px rgba(255, 255, 255, .5);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
    height: 6px;
    position: absolute;
    left: -16px;
    top: 5px
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description-property:last-child {
    margin-bottom: 0
}

@media(max-width: 804px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description-toggle {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-top: 30px;
        cursor: pointer;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 40, 40, 0)), to(#272828));
        background-image: linear-gradient(to bottom, rgba(39, 40, 40, 0), #272828)
    }

    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description-toggle:after {
        content: " ";
        display: block;
        height: 1px;
        width: calc(100% - 84px);
        background-color: #bd9c6f;
        position: absolute;
        right: 0;
        bottom: 6px;
        z-index: 6
    }
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description-collapse {
    display: none
}

@media(max-width: 804px) {

    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description-expand,
    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description-collapse {
        font-size: 11px
    }

    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description-expand:after,
    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__description-collapse:after {
        content: " ";
        display: inline-block;
        background-image: url("arrow-down.svg");
        width: 14px;
        height: 7px;
        margin-left: 6px
    }
}

.c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__btn {
    display: block;
    max-width: 136px;
    height: 36px;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    margin: 15px auto 20px;
    border-radius: 5px
}

@media(max-width: 804px) {
    .c-modal.c-modal--registration .c-modal__bonuses .bonus-preview__btn {
        grid-column: 1/3
    }
}

@media(min-width: 805px) {
    .c-modal.c-modal--registration .c-modal__inner {
        padding: 15px 40px 40px;
        background-image: url("modals/auth-bg.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .c-modal.c-modal--registration .c-modal__tabs {
        width: 340px
    }

    .c-modal.c-modal--registration .c-modal__content {
        max-width: initial;
        padding: 25px 0 0
    }

    .c-modal.c-modal--registration .c-modal__form {
        grid-template-areas: "oauth bonuses" "form  bonuses"
    }

    .c-modal.c-modal--registration .c-modal__fields {
        width: 340px
    }
}

.c-modal.c-modal--reset-password .c-modal__content {
    max-width: 280px
}

.c-modal.c-modal--reset-password .c-modal__links {
    display: block;
    margin-top: 30px
}

@media(min-width: 805px) {
    .c-modal.c-modal--reset-password .c-modal__content {
        width: 340px;
        max-width: initial
    }
}

.c-modal.c-modal--restore-password .c-modal__content {
    max-width: 280px
}

.c-modal.c-modal--restore-password .c-modal__links {
    display: block;
    margin-top: 30px
}

@media(min-width: 805px) {
    .c-modal.c-modal--restore-password .c-modal__content {
        width: 340px;
        max-width: initial
    }
}

.c-modal.c-modal--search {
    padding-top: 0
}

.c-modal.c-modal--search .c-modal__inner {
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0
}

@media all and (max-width: 804px)and (orientation: landscape) {
    .c-modal.c-modal--search .c-modal__inner {
        height: auto
    }
}

@media(min-width: 805px) {
    .c-modal.c-modal--search {
        padding-top: 83px
    }

    .c-modal.c-modal--search .c-modal__inner {
        width: 452px;
        height: 739px;
        border: 1px solid #f0c788;
        border-radius: 10px
    }
}

.c-modal.c-modal--session-changed .c-modal__content {
    max-width: 280px;
    text-align: center
}

.c-modal.c-modal--session-changed .c-modal__text {
    display: grid;
    row-gap: 10px;
    margin-top: 25px
}

.c-modal.c-modal--session-changed .c-modal__submit {
    display: block;
    width: 200px;
    height: 36px;
    margin: 30px auto 0;
    text-transform: uppercase
}

@media(min-width: 805px) {
    .c-modal.c-modal--session-changed .c-modal__content {
        width: 450px;
        max-width: initial
    }
}

.c-modal.c-modal--unlock .c-modal__content {
    max-width: 280px
}

.c-modal.c-modal--unlock .c-modal__links {
    display: block;
    margin-top: 30px
}

@media(min-width: 805px) {
    .c-modal.c-modal--unlock .c-modal__content {
        width: 340px;
        max-width: initial
    }
}

.c-modal.c-modal--upgrade-user-status .c-modal__content {
    display: grid;
    gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.c-modal.c-modal--upgrade-user-status .c-modal__img {
    margin: 0 auto
}

@media(min-width: 805px) {
    .c-modal.c-modal--upgrade-user-status .c-modal__inner {
        width: 400px;
        background: radial-gradient(100% 100% at 100% 100%, #A9915C 0%, #141414 90%)
    }
}

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

    50% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }

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

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

    50% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }

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

@-webkit-keyframes graph {
    0% {
        width: 0
    }

    100% {
        width: 314px
    }
}

@keyframes graph {
    0% {
        width: 0
    }

    100% {
        width: 314px
    }
}

@-webkit-keyframes graph-dot {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes graph-dot {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes graph-line {
    0% {
        height: 0
    }

    100% {
        height: 500px
    }
}

@keyframes graph-line {
    0% {
        height: 0
    }

    100% {
        height: 500px
    }
}

.c-modal.c-modal--multistage-tournaments .c-modal__title {
    font-family: "Tahoma", sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 20px 0
}

.c-modal.c-modal--multistage-tournaments .c-modal__content {
    font-family: "Tahoma", sans-serif;
    overflow: hidden
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__budget {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    padding: 5px 0
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stages-count {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stages-title {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px;
    border-radius: 10px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--future {
    background: radial-gradient(76.92% 86.25% at 100% 100%, #A9915C 0.94%, #141414 100%)
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--finished {
    background: radial-gradient(76.92% 86.25% at 100% 100%, #514C4C 0.94%, #141414 100%)
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--current {
    height: 288px;
    padding: 24px;
    margin-top: 11px;
    border: 1px solid #e7c28b;
    background: url(multistage-tournaments/strongbox.png) no-repeat right -80px bottom -45px, radial-gradient(90% 90% at 100% 100%, rgba(169, 145, 92, 0.5) 5%, #141414 100%), radial-gradient(90% 90% at 100% 100%, rgba(169, 145, 92, 0.5) 5%, #141414 100%);
    background-size: 360px, contain, contain;
    -webkit-animation: pulse 3s linear infinite;
    animation: pulse 3s linear infinite
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    width: 100%
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-kind {
    display: inline-block;
    padding: 0 12px 1px 12px;
    border-radius: 30px;
    font-size: 12px;
    line-height: 20px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-kind--current {
    background: #23a403
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-kind--finished,
.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-kind--future {
    background: #7d6e53
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-strategy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-minbet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-minbet .text--white {
    overflow: hidden;
    text-overflow: ellipsis
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .32px;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-budget {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: .6px;
    text-transform: uppercase;
    margin-bottom: 21px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    justify-self: start;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-timer>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-award-place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
    gap: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-award-place .text--gold {
    font-weight: 700
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-award-place-icon {
    width: 16px;
    height: 16px;
    padding: 1px 3px 2px 2px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-btn {
    text-transform: uppercase;
    outline: none;
    text-decoration: none;
    padding: 0 16px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-dot {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #f0c788
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__info-text {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 2px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__info-link {
    color: #f0c788;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    outline: none
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__info-description {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 14px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 60px;
    padding: 0 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: radial-gradient(50% 100% at 0% 100%, rgba(169, 145, 92, 0.5) 0.94%, #141414 100%), #141414;
    margin-bottom: 6px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__banner:last-child {
    margin-bottom: 0
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__banner-img {
    height: 50px;
    z-index: 1
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__banner-text {
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__banner-info {
    position: absolute;
    top: 6px;
    right: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    z-index: 1
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-left-status {
    background-color: #7d6e53;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 12px 1px 12px;
    margin-bottom: 9px;
    border-radius: 30px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-left-stage {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: .32px;
    text-transform: uppercase;
    margin-bottom: 4px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-left-price {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: .6px;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-right-strategy-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-right-strategy-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 6px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-right-strategy {
    text-align: right;
    padding-bottom: 7px;
    margin-top: -4px;
    border-bottom: 3px solid #f4d483
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-right-strategy-info-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .24px;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-right-bet {
    text-align: right
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-right-bet-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-right-bet-value {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-align: right;
    text-transform: uppercase;
    margin-top: -4px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-bottom-time {
    text-align: right;
    text-transform: uppercase;
    font-weight: 700
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-bottom-time-start {
    color: #a1a9b0;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 4px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-bottom-time-end {
    color: #fff;
    font-size: 14px;
    line-height: 14px
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--finished .multistage-tournaments__stage-left-status {
    background-color: #393939
}

.c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--finished .multistage-tournaments__stage-left-price {
    color: #a1a9b0
}

@media(max-width: 804px) {
    .c-modal.c-modal--multistage-tournaments .c-modal__inner {
        background-color: #000;
        padding: 0 14px 20px
    }

    .c-modal.c-modal--multistage-tournaments .c-modal__close {
        position: fixed;
        z-index: 3
    }

    .c-modal.c-modal--multistage-tournaments .c-modal__close-ic {
        color: #fff
    }

    .c-modal.c-modal--multistage-tournaments .c-modal__header {
        display: grid;
        position: sticky;
        top: 0;
        background-color: #000;
        z-index: 2
    }

    .c-modal.c-modal--multistage-tournaments .c-modal__header .c-btn {
        padding: 12px 0;
        text-transform: uppercase
    }

    .c-modal.c-modal--multistage-tournaments .c-modal__content {
        padding-top: 15px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__logo {
        min-height: 120px;
        border-radius: 10px;
        background: url(multistage-tournaments/strongbox.png) no-repeat center center, url(multistage-tournaments/header_bg.jpg) no-repeat center center;
        background-size: 180px, cover
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stages-area {
        padding: 12px 0
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage {
        margin-bottom: 15px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage:last-child {
        margin-bottom: 0
    }
}

@media(min-width: 805px) {
    .c-modal.c-modal--multistage-tournaments {
        padding: 8vh 0
    }

    .c-modal.c-modal--multistage-tournaments .c-modal__inner {
        max-width: 1600px;
        width: calc(100% - 80px);
        margin: 0 auto 0 10px;
        padding: 0;
        border: none;
        border-radius: 8px
    }

    .c-modal.c-modal--multistage-tournaments .c-modal__header {
        display: none
    }

    .c-modal.c-modal--multistage-tournaments .c-modal__content {
        border-radius: 8px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 190px;
        width: 100%;
        background: url(multistage-tournaments/header_bg.jpg) no-repeat center center;
        background-size: cover;
        overflow: hidden
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stages-area {
        position: relative
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stages-area::before,
    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stages-area::after {
        content: "";
        display: block;
        position: absolute;
        width: 200px;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: -webkit-gradient(linear, left top, right top, color-stop(20%, transparent), to(#272828));
        background: linear-gradient(to right, transparent 20%, #272828 100%);
        pointer-events: none
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__head-img {
        position: relative;
        bottom: -35px;
        width: 312px;
        height: 312px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: -65px 0 0 -65px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__head-content {
        max-width: 600px;
        margin-top: 20px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__head-content-title {
        font-size: 38px;
        font-weight: 700;
        line-height: 48px;
        text-transform: uppercase;
        margin-bottom: 6px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__head-content-subtitle {
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 5px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__head-content-value {
        font-size: 64px;
        font-weight: 700;
        line-height: 64px;
        text-transform: uppercase
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__banners {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        padding: 20px 32px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__banner {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-bottom: 0
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__banner-img {
        height: 60px
    }

    .c-modal.c-modal--multistage-tournaments .owl-stage-outer {
        margin: 12px 0 32px 0
    }

    .c-modal.c-modal--multistage-tournaments .owl-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 32px 0 32px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-kind {
        font-weight: 700
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-kind--future,
    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-kind--finished {
        font-size: 10px;
        line-height: 15px;
        height: 16px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-kind--finished {
        background-color: #393939
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-strategy {
        font-weight: 400;
        line-height: 18px;
        letter-spacing: .24px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-btn {
        min-height: 36px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--current {
        width: 335px;
        height: 361px;
        margin-top: 0;
        background: url(multistage-tournaments/strongbox.png) no-repeat right -85px bottom -40px, radial-gradient(90% 90% at 100% 100%, rgba(169, 145, 92, 0.5) 5%, #141414 100%), radial-gradient(90% 90% at 100% 100%, rgba(169, 145, 92, 0.5) 5%, #141414 100%);
        background-size: 316px, contain, contain
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--future {
        background: url(multistage-tournaments/strongbox.png) no-repeat right -65px bottom -30px, radial-gradient(90% 90% at 100% 100%, rgba(169, 145, 92, 0.5) 5%, #141414 100%), radial-gradient(90% 90% at 100% 100%, rgba(169, 145, 92, 0.5) 5%, #141414 100%);
        background-size: 274px, contain, contain
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--finished {
        position: relative;
        background: none
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--finished:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(multistage-tournaments/strongbox.png) no-repeat right -65px bottom -30px, radial-gradient(90% 90% at 100% 100%, rgba(169, 145, 92, 0.5) 5%, #141414 100%), radial-gradient(90% 90% at 100% 100%, rgba(169, 145, 92, 0.5) 5%, #141414 100%);
        background-size: 274px, contain, contain;
        border-radius: 10px;
        z-index: -1;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--finished .multistage-tournaments__stage-budget {
        color: #a1a9b0
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--future,
    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--finished {
        padding: 16px 16px 24px 16px;
        width: 300px;
        height: 322px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--future .multistage-tournaments__stage-head,
    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--finished .multistage-tournaments__stage-head {
        padding: 3px 0;
        margin-bottom: 16px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--future .multistage-tournaments__stage-budget,
    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage--finished .multistage-tournaments__stage-budget {
        margin-bottom: 16px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-body-time {
        font-weight: 700;
        text-transform: uppercase
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-body-time-start {
        color: #a1a9b0;
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 4px
    }

    .c-modal.c-modal--multistage-tournaments .multistage-tournaments__stage-body-time-end {
        font-size: 14px;
        line-height: 14px
    }
}

@media(min-width: 1740px) {
    .c-modal.c-modal--multistage-tournaments .c-modal__inner {
        margin: 0 auto;
        width: 100%
    }
}

.c-modal .multistage-tournaments__graph {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 172px;
    width: 100%;
    margin-bottom: 12px;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#121215), to(rgba(18, 18, 21, 0)));
    background: linear-gradient(180deg, #121215 0%, rgba(18, 18, 21, 0) 100%)
}

.c-modal .multistage-tournaments__graph-inner {
    width: 100%;
    max-width: 314px;
    position: relative
}

.c-modal .multistage-tournaments__graph-line {
    position: absolute;
    bottom: 2px;
    left: -3px;
    width: 314px;
    height: 140px;
    background-image: url("multistage-tournaments/line.svg");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left bottom
}

.c-modal .multistage-tournaments__graph-gradient {
    position: absolute;
    bottom: 2px;
    left: -3px;
    width: 314px;
    height: 140px;
    background-image: url("multistage-tournaments/gradient.svg");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left bottom
}

.c-modal .multistage-tournaments__graph-dot {
    position: absolute;
    background-color: #f0c788;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    opacity: 0
}

.c-modal .multistage-tournaments__graph-dot:nth-child(1) {
    top: 130px;
    left: 138px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.c-modal .multistage-tournaments__graph-dot:nth-child(2) {
    top: 91px;
    left: 227px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.c-modal .multistage-tournaments__graph-dot:nth-child(3) {
    top: 27px;
    left: 307px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.c-modal .multistage-tournaments__graph-val {
    position: absolute;
    background: #f0c788;
    border-radius: 100px;
    color: #000;
    font-weight: 700;
    opacity: 0
}

.c-modal .multistage-tournaments__graph-val:nth-child(1) {
    top: 115px;
    left: 110px;
    font-size: 10px;
    line-height: 12px;
    padding: 1px 2px 2px 4px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.c-modal .multistage-tournaments__graph-val:nth-child(2) {
    top: 67px;
    left: 186px;
    font-size: 14px;
    line-height: 20px;
    padding: 1px 3px 3px 5px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.c-modal .multistage-tournaments__graph-val:nth-child(3) {
    top: 16px;
    left: 240px;
    font-size: 18px;
    line-height: 28px;
    padding: 0 6px 2px 8px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.c-modal .multistage-tournaments__graph-line-dot {
    position: absolute;
    width: 2px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left bottom
}

.c-modal .multistage-tournaments__graph-line-dot:nth-child(1) {
    bottom: 0;
    left: 140px;
    max-height: 38px;
    background-image: url("multistage-tournaments/line-one.svg");
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.c-modal .multistage-tournaments__graph-line-dot:nth-child(2) {
    bottom: 0;
    left: 229px;
    max-height: 76px;
    background-image: url("multistage-tournaments/line-two.svg");
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.c-modal .multistage-tournaments__graph-line-dot:nth-child(3) {
    bottom: 0;
    left: 309px;
    max-height: 142px;
    background-image: url("multistage-tournaments/line-three.svg");
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.c-modal .multistage-tournaments__graph--start-animation .multistage-tournaments__graph-line-dot {
    -webkit-animation: 3s graph-line ease-in-out forwards;
    animation: 3s graph-line ease-in-out forwards
}

.c-modal .multistage-tournaments__graph--start-animation .multistage-tournaments__graph-val {
    -webkit-animation: 1s graph-val ease-in-out forwards;
    animation: 1s graph-val ease-in-out forwards
}

.c-modal .multistage-tournaments__graph--start-animation .multistage-tournaments__graph-dot {
    -webkit-animation: 1s graph-dot ease-in-out forwards;
    animation: 1s graph-dot ease-in-out forwards
}

.c-modal .multistage-tournaments__graph--start-animation .multistage-tournaments__graph-gradient,
.c-modal .multistage-tournaments__graph--start-animation .multistage-tournaments__graph-line {
    -webkit-animation: 3s graph ease-in-out forwards;
    animation: 3s graph ease-in-out forwards
}

@media(min-width: 805px) {
    .c-modal.c-modal--cashout-bonuses-cancellation .c-modal__inner {
        width: 700px;
        max-width: 700px
    }
}

.c-modal.c-modal--cashout-bonuses-cancellation .cashout-bonuses-cancellation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.c-modal.c-modal--cashout-bonuses-cancellation .cashout-bonuses-cancellation__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.c-modal.c-modal--cashout-bonuses-cancellation .cashout-bonuses-cancellation__amount {
    color: #f0c788;
    font-family: "Tahoma Bold", sans-serif
}

.c-modal.c-modal--cashout-bonuses-cancellation .cashout-bonuses-cancellation__button {
    width: 100%
}

@media(min-width: 805px) {
    .c-modal {
        padding: 30px 0
    }
}

.c-modal__inner {
    position: relative;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: 20px;
    background-color: #272828;
    border: none;
    border-radius: 0
}

@media(min-width: 805px) {
    .c-modal__inner {
        min-height: initial;
        min-width: 300px;
        max-width: 612px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -webkit-box-shadow: 0 30px 40px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 30px 40px 0 rgba(0, 0, 0, .5);
        padding: 35px 40px;
        border: 2px solid #f0c788;
        border-radius: 20px
    }
}

.c-modal__title {
    text-align: center;
    color: #e7c28b;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Tahoma Bold", sans-serif;
    margin: 25px 0
}

@media(min-width: 805px) {
    .c-modal__title {
        font-size: 17px;
        margin: 0 0 15px
    }
}

.c-modal__content {
    margin: 0 auto
}

.c-modal__text {
    color: #fff;
    font-size: 17px
}

.c-modal__close {
    position: absolute;
    right: 17px;
    top: 17px;
    cursor: pointer
}

@media(min-width: 805px) {
    .c-modal__close {
        right: -60px
    }

    .c-modal__close:hover {
        text-decoration: none
    }

    .c-modal__close:hover .c-modal__close-ic-wr {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#f0c788), to(#fae9ce));
        background-image: linear-gradient(to top, #f0c788, #fae9ce)
    }
}

.c-modal__close-ic-wr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-bottom: 0;
    text-align: center
}

@media(min-width: 805px) {
    .c-modal__close-ic-wr {
        width: 35px;
        height: 35px;
        margin: 0 auto 10px;
        border-radius: 50%;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#fae9ce), to(#f0c788));
        background-image: linear-gradient(to top, #fae9ce, #f0c788);
        -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .38);
        box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .38)
    }
}

.c-modal__close-ic {
    width: 14px;
    height: 14px;
    color: #f0c788
}

@media(min-width: 805px) {
    .c-modal__close-ic {
        width: 18px;
        height: 18px;
        color: #626161
    }
}

.c-modal__close-text {
    display: none
}

@media(min-width: 805px) {
    .c-modal__close-text {
        display: block;
        font-size: 12px;
        line-height: 1;
        color: #9f988b;
        text-align: center
    }
}

.c-modal__form-title {
    font-size: 16px;
    margin: 0 20px 20px 0;
    color: #fff;
    text-align: center;
    line-height: 24px
}

@media(min-width: 805px) {
    .c-modal__form-title {
        max-width: 336px;
        margin: 0 0 20px 0
    }
}

.c-modal__form-swither {
    margin-bottom: 30px
}

.c-modal__form-swither .c-tab {
    font-family: "Tahoma Bold", sans-serif;
    height: 36px;
    border: 2px solid #f0c788;
    font-weight: 700;
    color: #f0c788;
    background: transparent
}

.c-modal__form-swither .c-tab.is-active {
    color: #6f5f46;
    border: unset;
    background: -webkit-gradient(linear, left bottom, left top, from(#fae9ce), to(#f0c788));
    background: linear-gradient(to top, #fae9ce 0%, #f0c788 100%)
}

.c-modal__form-swither .c-tab:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.c-modal__submit {
    width: 100%;
    margin-top: 30px
}

.c-modal__links {
    text-align: center
}

.c-modal__divider {
    font-weight: 700;
    font-size: 16px;
    color: #e7c28b
}

.c-modal__agreement {
    padding-top: 30px;
    color: #f0c788;
    text-align: center;
    line-height: 1.5
}

.c-modal__auth-denied {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px
}

.c-modal__auth-denied-img {
    width: 50px;
    height: 50px
}

.c-modal__auth-denied-title {
    font-size: 18px;
    font-weight: 700;
    color: #f0c788;
    text-align: center
}

.c-modal__auth-denied-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    color: #fff;
    text-align: center
}

.c-modal__tabs {
    width: 100%
}

.c-modal__tabs-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    max-width: 340px;
    font-weight: 700
}

@media(min-width: 805px) {
    .c-modal__tabs-inner {
        max-width: 365px
    }
}

.c-modal__tab {
    position: relative;
    font-family: "Tahoma", sans-serif;
    color: #b89d75;
    text-decoration: none !important;
    cursor: pointer
}

.c-modal__tab:hover,
.c-modal__tab:focus {
    color: #f0c788
}

.c-modal__tab.is-active {
    pointer-events: none;
    color: #f0c788
}

.c-modal__oauth {
    grid-area: oauth;
    width: 100%
}

@media(min-width: 805px) {
    .c-modal__oauth {
        width: 340px
    }
}

.c-game-thumbnail {
    --btn-play-color-0: #e6e6e6;
    --btn-play-color-1: #aca498;
    --btn-play-color-2: #f0c788;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-game-thumbnail--restricted .c-game-thumbnail__content {
    z-index: 3
}

.c-game-thumbnail--restricted .c-game-thumbnail__restrictions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .86
}

.c-game-thumbnail__content {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 105px;
    border: 2px solid #c5af8f;
    border-radius: 5px;
    -webkit-transition: border-color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: border-color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: transform .3s, border-color .3s, box-shadow .3s;
    transition: transform .3s, border-color .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-game-thumbnail__content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    -webkit-box-shadow: inset 0 0 15px 0px rgba(238, 198, 135, .6);
    box-shadow: inset 0 0 15px 0px rgba(238, 198, 135, .6);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-game-thumbnail__badge--new,
.c-game-thumbnail__badge--real-money,
.c-game-thumbnail__badge--top-desktop,
.c-game-thumbnail__badge--top-mobile,
.c-game-thumbnail__badge--tournament-desktop,
.c-game-thumbnail__badge--tournament-mobile,
.c-game-thumbnail__badge--dropsandwins,
.c-game-thumbnail__badge--jackpot {
    position: absolute;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.c-game-thumbnail__badge--new {
    position: absolute;
    right: 2px;
    top: -2px;
    width: 34px;
    height: 30px;
    background: none
}

.c-game-thumbnail__badge--new::after {
    content: "New";
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 9px;
    color: #fff
}

.c-game-thumbnail__badge--real-money {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-game-thumbnail__badge--real-money::before {
    content: "Real money";
    display: block;
    padding-top: 1px;
    width: 75px;
    height: 14px;
    background: -webkit-gradient(linear, left top, left bottom, from(#c0a688), color-stop(26%, #d6cbc6), to(#d0aa8e));
    background: linear-gradient(to bottom, #c0a688 0%, #d6cbc6 26%, #d0aa8e 100%);
    border: 1px solid #5b564d;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #0a0303
}

.c-game-thumbnail__badge--top-desktop {
    display: none;
    top: -2px;
    right: 6px;
    width: 26px;
    height: 35px;
    /* background-image: url(top_popular.png); */
    background-repeat: no-repeat
}

.c-game-thumbnail__badge--top-mobile {
    right: 2px;
    top: -2px;
    width: 28px;
    height: 42px
}

.c-game-thumbnail__badge--top-mobile::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 20px;
    height: 24px;
    /* background: url(white-hand.svg) no-repeat */
}

.c-game-thumbnail__badge--tournament-desktop {
    display: none;
    top: -4px;
    left: -4px;
    width: 75px;
    height: 75px;
    /* background-image: url(game-labels.png); */
    background-repeat: no-repeat
}

.c-game-thumbnail__badge--tournament-mobile {
    left: 2px;
    top: -2px;
    width: 28px;
    height: 42px
}

.c-game-thumbnail__badge--tournament-mobile::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 20px;
    height: 24px;
    /* background: url(white-cup.svg) no-repeat */
}

.c-game-thumbnail__badge--dropsandwins {
    left: 0;
    bottom: 0;
    width: 48px;
    height: 44px;
    /* background-image: url(badges/dropsandwins.svg); */
    background-position: left bottom;
    background-size: cover
}

.c-game-thumbnail__badge--jackpot {
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 2px solid rgba(0, 0, 0, .5)
}

.c-game-thumbnail__badge--jackpot::before {
    content: "Jackpot";
    margin: 0 auto -2px;
    display: block;
    width: 100px;
    height: 16px;
    border: 2px solid rgba(0, 0, 0, .5);
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #c5af8f), color-stop(26%, #c5af8f), color-stop(48%, #e3bb83), color-stop(85%, #bab2a9), to(#e2e0de));
    background-image: linear-gradient(0deg, #c5af8f 10%, #c5af8f 26%, #e3bb83 48%, #bab2a9 85%, #e2e0de 100%);
    font-family: "Tahoma Bold", sans-serif;
    font-size: 10px;
    line-height: 14px;
    color: #000;
    text-align: center;
    text-transform: uppercase
}

.c-game-thumbnail__image {
    width: 100%;
    height: 100%
}

.c-game-thumbnail__restrictions {
    position: absolute;
    top: -2px;
    left: -2px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    font-size: 12px;
    opacity: 0;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d1aa64), to(#ebca79));
    background-image: linear-gradient(0deg, #d1aa64 50%, #ebca79 100%);
    text-align: center;
    text-transform: uppercase;
    color: #0a0303;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 3
}

.c-game-thumbnail__like {
    min-width: 12px;
    width: 12px;
    height: 12px;
    background-image: url(heart.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer
}

.c-game-thumbnail--liked .c-game-thumbnail__like {
    background-image: url(heart-hover.svg)
}

.c-game-thumbnail__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 105px;
    -webkit-transition: top .3s, left .3s, width .3s, height .3s, opacity .3s;
    transition: top .3s, left .3s, width .3s, height .3s, opacity .3s;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none
}

.c-game-thumbnail__overlay .c-game-thumbnail__provider-title {
    margin: auto;
    padding: 0 10px;
    width: 15em;
    font-size: 9px;
    font-family: "Tahoma Bold", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    color: #fff
}

.c-game-thumbnail__overlay .c-game-thumbnail__title {
    margin: auto;
    width: 15em;
    padding: 0 10px;
    font-size: 9px;
    font-family: "Tahoma Bold", sans-serif;
    text-transform: uppercase;
    color: #efc688;
    text-align: center;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .72)
}

.c-game-thumbnail__overlay .c-game-thumbnail__like {
    position: absolute;
    right: 8px;
    bottom: 8px;
    min-width: 16px;
    width: 16px;
    height: 16px
}

.c-game-thumbnail__btn-play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    padding: 2px 26px 2px 26px;
    width: auto;
    height: unset;
    border-radius: 33px;
    background: #e8e1b8;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--btn-play-color-0)), color-stop(45%, var(--btn-play-color-1)), to(var(--btn-play-color-2)));
    background: linear-gradient(to bottom, var(--btn-play-color-0) 0%, var(--btn-play-color-1) 45%, var(--btn-play-color-2) 100%);
    font-family: "Tahoma Bold", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #111;
    border: 2px solid #fff;
    transition: --btn-play-color-0 .3s, --btn-play-color-1 .3s, --btn-play-color-2 .3s, box-shadow .3s;
    cursor: pointer
}

.c-game-thumbnail__btn-play:hover {
    text-decoration: none;
    color: #111;
    --btn-play-color-0: #fff4cf;
    --btn-play-color-1: #fdcf62;
    --btn-play-color-2: #ffdda8;
    -webkit-box-shadow: 0 0 13px 2px #fff;
    box-shadow: 0 0 13px 2px #fff
}

.c-game-thumbnail__btn-demo {
    position: relative;
    margin: auto;
    display: block;
    font-size: 11px;
    font-family: "Tahoma Bold", sans-serif;
    text-transform: capitalize;
    text-decoration: none;
    color: #e7c28b;
    border-bottom: 1px solid #e7c28b;
    -webkit-transition: color .3s, border-bottom-color .3s;
    transition: color .3s, border-bottom-color .3s;
    z-index: 1
}

.c-game-thumbnail__btn-demo::before,
.c-game-thumbnail__btn-demo::after {
    content: "";
    position: absolute;
    top: 4px;
    height: 10px;
    width: 10px;
    color: #e7c28b;
    /* background: url(min-star.svg) no-repeat center */
}

.c-game-thumbnail__btn-demo::before {
    left: -12px
}

.c-game-thumbnail__btn-demo::after {
    right: -12px
}

.c-game-thumbnail__btn-demo:hover {
    text-decoration: none;
    color: #fff;
    border-bottom-color: #fff
}

.c-game-thumbnail__footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    padding-top: 4px
}

.c-game-thumbnail__footer .c-game-thumbnail__like {
    margin-top: 1px;
    margin-left: 8px
}

.c-game-thumbnail__title {
    font-family: "Tahoma Bold", sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    color: #e7c28b;
    white-space: normal
}

html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__content,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__content {
    -webkit-transform: scale(1.12385, 1.2069);
    -ms-transform: scale(1.12385, 1.2069);
    transform: scale(1.12385, 1.2069);
    border-color: #eec687;
    -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, .8);
    box-shadow: -10px 10px 10px rgba(0, 0, 0, .8);
    z-index: 2
}

html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__content::after,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__content::after {
    opacity: 1
}

html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--new,
html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--real-money,
html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--top-desktop,
html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--top-mobile,
html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--tournament-desktop,
html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--tournament-mobile,
html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--dropsandwins,
html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--jackpot,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--new,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--real-money,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--top-desktop,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--top-mobile,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--tournament-desktop,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--tournament-mobile,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--dropsandwins,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--jackpot {
    opacity: 0
}

html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__overlay,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__overlay {
    width: calc(100% * 1.12385);
    height: calc(105px * 1.2069);
    top: -11px;
    left: -10px;
    opacity: 1;
    pointer-events: auto
}

html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__footer .c-game-thumbnail__like,
html.touch .c-game-thumbnail--tapped .c-game-thumbnail__footer .c-game-thumbnail__like {
    pointer-events: none
}

html:not(.touch) .c-game-thumbnail--restricted:hover .c-game-thumbnail__content::after,
html:not(.touch) .c-game-thumbnail--restricted:hover .c-game-thumbnail__overlay,
html.touch .c-game-thumbnail--tapped.c-game-thumbnail--restricted .c-game-thumbnail__content::after,
html.touch .c-game-thumbnail--tapped.c-game-thumbnail--restricted .c-game-thumbnail__overlay {
    opacity: 0
}

@media all and (min-width: 350px) {
    .c-game-thumbnail {
        width: 164px
    }
}

@media all and (min-width: 805px) {
    .c-game-thumbnail {
        width: 140px
    }

    .c-game-thumbnail__badge--new {
        width: 28px;
        height: 24px
    }

    .c-game-thumbnail__badge--new::after {
        top: 4px;
        font-size: 10px;
        line-height: 10px
    }
}

@media all and (min-width: 1028px) {
    .c-game-thumbnail {
        width: 218px
    }

    .c-game-thumbnail__content {
        height: 145px
    }

    .c-game-thumbnail__badge--new {
        right: 6px;
        width: 34px;
        height: 30px
    }

    .c-game-thumbnail__badge--new::after {
        top: 6px;
        font-size: 12px;
        line-height: 9px
    }

    .c-game-thumbnail__badge--top-desktop,
    .c-game-thumbnail__badge--tournament-desktop {
        display: block
    }

    .c-game-thumbnail__badge--top-mobile,
    .c-game-thumbnail__badge--tournament-mobile {
        display: none
    }

    .c-game-thumbnail__badge--dropsandwins {
        left: 0;
        bottom: 0;
        width: 66px;
        height: 62px
    }

    .c-game-thumbnail__like {
        min-width: 14px;
        width: 14px;
        height: 14px
    }

    .c-game-thumbnail__restrictions {
        font-size: 14px
    }

    .c-game-thumbnail__overlay {
        height: 145px
    }

    .c-game-thumbnail__overlay .c-game-thumbnail__provider-title,
    .c-game-thumbnail__overlay .c-game-thumbnail__title {
        font-size: 14px
    }

    .c-game-thumbnail__overlay .c-game-thumbnail__like {
        right: 12px;
        bottom: 12px;
        min-width: 18px;
        width: 18px;
        height: 18px
    }

    .c-game-thumbnail__btn-play {
        font-size: 14px
    }

    .c-game-thumbnail__btn-demo {
        font-size: 14px
    }

    .c-game-thumbnail__btn-demo::before,
    .c-game-thumbnail__btn-demo::after {
        top: 6px
    }

    .c-game-thumbnail__title {
        font-size: 14px
    }

    html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__content,
    html.touch .c-game-thumbnail--tapped .c-game-thumbnail__content {
        -webkit-transform: scale(1.12385, 1.2069);
        -ms-transform: scale(1.12385, 1.2069);
        transform: scale(1.12385, 1.2069);
        -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, .8);
        box-shadow: -10px 10px 10px rgba(0, 0, 0, .8);
        z-index: 2
    }

    html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--new,
    html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--real-money,
    html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--top-desktop,
    html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--top-mobile,
    html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--tournament-desktop,
    html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--tournament-mobile,
    html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--dropsandwins,
    html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__badge--jackpot,
    html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--new,
    html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--real-money,
    html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--top-desktop,
    html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--top-mobile,
    html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--tournament-desktop,
    html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--tournament-mobile,
    html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--dropsandwins,
    html.touch .c-game-thumbnail--tapped .c-game-thumbnail__badge--jackpot {
        opacity: 0
    }

    html:not(.touch) .c-game-thumbnail:hover .c-game-thumbnail__overlay,
    html.touch .c-game-thumbnail--tapped .c-game-thumbnail__overlay {
        height: calc(145px * 1.2069);
        top: -15px;
        left: -13px
    }
}

@media(min-width: 1px) {
    .c-cashbox {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 20px;
        padding: 0 0 60px
    }

    .c-cashbox--balance {
        grid-template-areas: "currencies" "balances"
    }

    .c-cashbox--deposit {
        grid-template-areas: "currencies" "list" "bonuses"
    }

    .c-cashbox--deposit.c-cashbox--has-errors {
        grid-template-areas: "currencies" "errors" "bonuses"
    }

    .c-cashbox--cashout {
        grid-template-areas: "available" "list"
    }

    .c-cashbox--cashout.c-cashbox--has-errors {
        grid-template-areas: "available" "errors" "list"
    }

    .c-cashbox.is-active.c-cashbox--deposit {
        grid-template-areas: "form"
    }

    .c-cashbox.is-active.c-cashbox--cashout {
        grid-template-areas: "available" "form"
    }

    .c-cashbox.is-active.c-cashbox--cashout.c-cashbox--has-errors {
        grid-template-areas: "available" "errors" "form"
    }

    .c-cashbox.is-active .c-cashbox__currencies {
        display: none
    }

    .c-cashbox.is-active .c-cashbox__aggregations-list {
        display: none
    }

    .c-cashbox.is-active .c-cashbox__area--bonuses {
        display: none
    }

    .c-cashbox.is-active .c-cashbox__form {
        display: grid;
        row-gap: 15px;
        grid-template-columns: 1fr
    }

    .c-cashbox.is-active .c-cashbox__specials {
        display: none
    }

    .c-cashbox.is-active .c-cashbox__available-sum {
        display: none
    }

    .c-cashbox .btn-3 {
        height: initial
    }

    .c-cashbox__preloader {
        padding: 20px
    }

    .c-cashbox__preloader.is-hidden {
        display: none
    }

    .c-cashbox__currencies {
        grid-area: currencies;
        display: grid;
        row-gap: 12px;
        color: #efc688
    }

    .c-cashbox__currencies-title,
    .c-cashbox__balances-title {
        color: #fff;
        font-size: 16px;
        line-height: 1.375em;
        font-family: "Tahoma Bold", sans-serif
    }

    .c-cashbox__currencies-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 6px
    }

    .c-cashbox__lottery-tickets {
        margin-top: -8px
    }

    .c-cashbox__balances {
        grid-area: balances;
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }

    .c-cashbox__balances-title {
        grid-column: span 2
    }

    .c-cashbox__balances-bonuses {
        grid-column: span 2;
        display: grid;
        row-gap: 12px
    }

    .c-cashbox__balances-item {
        display: grid;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        grid-template-columns: minmax(200px, 2fr) minmax(111px, 0.8fr);
        grid-template-rows: auto 36px;
        row-gap: 12px;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }

    .c-cashbox__balances-item .c-input__ctrl {
        text-align: center;
        pointer-events: none
    }

    .c-cashbox__balances-item .c-btn {
        font-size: 14px;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase
    }

    .c-cashbox__available-sum {
        grid-area: available;
        color: #fff;
        display: grid;
        grid-template-columns: 1fr;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        overflow: hidden
    }

    .c-cashbox__available-sum .c-input__ctrl {
        text-align: center
    }

    .c-cashbox__available-sum-label {
        font-size: 14px;
        font-weight: 700
    }

    .c-cashbox__aggregations-list {
        grid-area: list;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content;
        grid-gap: 8px
    }

    .c-cashbox__payment-methods-list {
        grid-area: list;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .c-cashbox__payment-methods-list.is-hidden {
        display: none
    }

    .c-cashbox__area--errors {
        grid-area: errors;
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }

    .c-cashbox__area--bonuses {
        display: grid;
        grid-area: bonuses;
        row-gap: 40px;
        padding-top: 30px
    }

    .c-cashbox__bonus-code {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 10px
    }

    .c-cashbox__form {
        grid-area: form;
        display: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        align-self: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: "Arial", sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #e7c28b;
        border-radius: 10px
    }

    .c-cashbox__bonuses-cancelation.c-notice {
        row-gap: 20px
    }

    .c-cashbox__bonuses-cancelation-amount {
        display: grid;
        gap: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #e7c28b;
        font-weight: 700
    }

    .c-cashbox__bonuses-cancelation-amount .c-input__ctrl {
        text-align: center
    }

    .c-cashbox__bonuses-cancelation-buttons {
        display: grid;
        gap: 10px
    }

    .c-cashbox__bonuses-cancelation-buttons .btn {
        margin-bottom: 0;
        min-width: initial
    }
}

@media(min-width: 480px) {
    .c-cashbox__aggregations-list {
        grid-template-columns: repeat(3, 1fr)
    }

    .c-cashbox__bonuses-cancelation-amount {
        grid-template-columns: 1fr 130px;
        gap: 30px
    }

    .c-cashbox__bonuses-cancelation-buttons {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px
    }

    .c-cashbox__available-sum {
        grid-template-columns: 1fr 200px
    }

    .c-cashbox__bonus-code {
        grid-template-columns: 1.25fr .75fr;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: initial
    }
}

@media(min-width: 680px) {
    .c-cashbox__aggregations-list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width: 780px) {
    .c-cashbox__aggregations-list {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(min-width: 805px) {
    .c-cashbox__available-sum-label {
        font-size: 16px
    }

    .c-cashbox__aggregations-list {
        grid-template-columns: repeat(3, 1fr)
    }
}

.c-cashbox__bonuses {
    max-width: 280px;
    margin: 0 auto;
    text-align: center
}

@media(min-width: 480px) {
    .c-cashbox__bonuses {
        max-width: 420px
    }
}

.c-cashbox__bonuses .c-cashbox__bonus-table {
    background-color: transparent;
    border: none;
    border-collapse: collapse;
    border-radius: 0;
    width: 100%;
    margin: 0
}

@media(min-width: 480px) {
    .c-cashbox__bonuses .c-cashbox__bonus-table {
        border: 1px solid #e7c28b;
        border-collapse: separate;
        border-radius: 10px
    }
}

@media(min-width: 480px) {
    .c-cashbox__bonuses .c-cashbox__bonus-row:last-child td {
        border-bottom: none
    }
}

.c-cashbox__bonuses .c-cashbox__bonus-row td {
    width: 50%;
    padding: 10px 0;
    border-bottom: 1px solid #e7c28b;
    font-size: 12px;
    line-height: 1.5em;
    text-align: left
}

.c-cashbox__bonuses .c-cashbox__bonus-row td:first-of-type {
    max-width: 130px;
    color: #f0c788
}

.c-cashbox__bonuses .c-cashbox__bonus-row td:last-of-type {
    font-family: "Tahoma Bold", sans-serif;
    min-width: 150px;
    color: #fff;
    font-weight: 700;
    text-align: right
}

@media(min-width: 480px) {
    .c-cashbox__bonuses .c-cashbox__bonus-row td {
        padding: 10px 20px;
        border-right: 1px solid #e7c28b;
        font-size: 14px
    }

    .c-cashbox__bonuses .c-cashbox__bonus-row td:first-of-type {
        max-width: initial
    }

    .c-cashbox__bonuses .c-cashbox__bonus-row td:last-of-type {
        text-align: left;
        min-width: 170px;
        border-right: none
    }
}

.c-cashbox__bonuses-toogle {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 14px;
    line-height: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-cashbox__bonuses-toogle:before {
    content: "Посмотреть доступные бонусы"
}

.c-cashbox__bonuses-toogle:after {
    content: url("arrow-down.svg");
    display: inline-block;
    width: 14px;
    height: 7px;
    line-height: 0;
    margin-left: 5px
}

.c-cashbox__bonuses.is-visible .c-cashbox__bonuses-toogle:before {
    content: "Скрыть доступные бонусы"
}

.c-cashbox__bonuses.is-visible .c-cashbox__bonuses-toogle:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-cashbox__bonuses-carousel {
    position: relative;
    display: none;
    margin-top: 18px
}

.c-cashbox__bonuses-carousel .owl-item {
    width: 100%
}

.c-cashbox__bonus {
    cursor: -webkit-grab;
    cursor: grab
}

.c-cashbox__bonus-image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 170px;
    height: 170px
}

.c-cashbox__bonus-image {
    max-width: 170px;
    height: auto;
    max-height: 170px
}

.c-cashbox__bonus-title {
    color: #fff;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 22px;
    line-height: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 18px
}

.c-cashbox__bonus-description {
    color: #f0c788;
    font-size: 18px;
    line-height: 1.45em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 2px
}

.c-cashbox__bonus-info {
    margin-top: 18px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
}

.c-cashbox__btn-info-toogle {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    width: 30px;
    height: 30px
}

.c-cashbox__btn-info-toogle circle {
    -webkit-transition: fill .15s ease;
    transition: fill .15s ease
}

.c-cashbox__btn-info-toogle:hover circle,
.c-cashbox__btn-info-toogle:focus circle {
    fill: #fff
}

.c-cashbox__btn-info-ctrl {
    display: none
}

.c-cashbox__btn-info-ctrl:checked~.c-cashbox__bonus-info {
    max-height: 1000px
}

.c-cashbox__bonus-btn-activate {
    text-transform: uppercase;
    margin-top: 18px
}

.c-cashbox__bonus-btn-activate[disabled] {
    pointer-events: none
}

.c-cashbox__bonuses-carousel .owl-nav {
    position: absolute;
    top: 70px;
    width: 100%;
    max-width: 254px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

.c-cashbox__bonuses-carousel .owl-nav .owl-prev.disabled,
.c-cashbox__bonuses-carousel .owl-nav .owl-next.disabled {
    pointer-events: none;
    opacity: .5
}

.c-cashbox__bonus-next,
.c-cashbox__bonus-prev {
    background: none;
    border: none;
    border-radius: 15px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    outline: none
}

.c-cashbox__bonus-next:hover:before,
.c-cashbox__bonus-next:focus:before,
.c-cashbox__bonus-prev:hover:before,
.c-cashbox__bonus-prev:focus:before {
    background-color: #fff
}

.c-cashbox__bonus-next:before,
.c-cashbox__bonus-prev:before {
    content: "";
    display: inline-block;
    background-color: #f0c788;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear
}

.c-cashbox__bonus-next:after,
.c-cashbox__bonus-prev:after {
    content: "";
    display: inline-block;
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: #000;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 50%
}

.c-cashbox__bonus-next {
    right: 0
}

.c-cashbox__bonus-next:after {
    -webkit-transform: translate(-55%, -50%) rotate(45deg);
    -ms-transform: translate(-55%, -50%) rotate(45deg);
    transform: translate(-55%, -50%) rotate(45deg);
    left: 50%
}

.c-cashbox__bonus-prev {
    left: 0
}

.c-cashbox__bonus-prev:after {
    -webkit-transform: translate(80%, -50%) rotate(-135deg);
    -ms-transform: translate(80%, -50%) rotate(-135deg);
    transform: translate(80%, -50%) rotate(-135deg);
    right: 50%
}

.c-cashbox__bonus-activated {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #242424;
    border: 1px solid #f0c788;
    border-radius: 5px;
    padding: 18px
}

@media(max-width: 804px) {
    .c-cashbox__bonus-activated {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        background-color: #141414;
        padding: 12px 15px
    }
}

.c-cashbox__bonus-activated-description {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    padding-right: 10px;
    grid-column: span 2
}

@media(max-width: 804px) {
    .c-cashbox__bonus-activated-description {
        grid-auto-flow: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

.c-cashbox__bonus-activated-info {
    display: grid
}

.c-cashbox__bonus-activated-image {
    max-width: 86px;
    height: auto;
    padding-right: 10px
}

@media(max-width: 804px) {
    .c-cashbox__bonus-activated-image {
        max-width: 68px
    }
}

.c-cashbox__bonus-activated-value {
    color: #fff;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 16px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
    white-space: nowrap
}

.c-cashbox__bonus-activated-type {
    color: #f0c788;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 14px;
    line-height: 1em;
    display: block;
    margin-top: 8px
}

.c-cashbox__bonus-activated-status {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: #f0c788;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 16px;
    line-height: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-cashbox__bonus-activated-status:before {
    content: "";
    -ms-flex-item-align: baseline;
    align-self: baseline;
    border-top: 3px solid;
    border-right: 3px solid;
    border-color: #e1c392;
    border-radius: 1px;
    width: 24px;
    height: 10px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.c-cashbox__bonus-activated-cancel {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    left: 4px
}

@media(max-width: 804px) {
    .c-cashbox__bonus-activated-cancel {
        height: 24px;
        top: -2px
    }
}

.c-cashbox__bonus-activated-cancel:before,
.c-cashbox__bonus-activated-cancel:after {
    content: "";
    background-color: #fff;
    position: absolute;
    height: 24px;
    width: 2px;
    -webkit-transition: background-color .15s ease-in;
    transition: background-color .15s ease-in
}

@media(max-width: 804px) {

    .c-cashbox__bonus-activated-cancel:before,
    .c-cashbox__bonus-activated-cancel:after {
        height: 20px
    }
}

.c-cashbox__bonus-activated-cancel:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-cashbox__bonus-activated-cancel:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-cashbox__bonus-activated-cancel:hover:after,
.c-cashbox__bonus-activated-cancel:hover:before,
.c-cashbox__bonus-activated-cancel:focus:after,
.c-cashbox__bonus-activated-cancel:focus:before {
    background-color: #f0c788
}

@media(min-width: 1px) {
    .c-payment-form {
        padding: 0
    }

    .c-payment-form__prev-step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 20px;
        border: 1px solid #65615b;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 13px 4px rgba(231, 194, 139, .2) inset;
        box-shadow: 0 0 13px 4px rgba(231, 194, 139, .2) inset
    }

    .c-payment-form__prev-step .c-payment-form__img {
        height: 40px;
        max-width: 120px
    }

    .c-payment-form__prev-step .c-btn {
        padding: 0 10px
    }

    .c-payment-form__title {
        color: #fff;
        font-weight: 700;
        font-size: 16px
    }

    .c-payment-form__hr {
        border: none;
        border-bottom: 1px solid #565656;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .c-payment-form__methods-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 8px;
        margin-top: 20px
    }

    .c-payment-form__amount-presets-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
        padding: 15px 0 0
    }

    .c-payment-form__amount-presets-item {
        cursor: pointer;
        background: #272828;
        border: 1px solid #f0c788;
        border-radius: 5px;
        padding: 7px;
        font-family: "Arial", sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        -webkit-transition: border-color .2s;
        transition: border-color .2s;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .c-payment-form__amount-presets-item.is-active {
        border: 2px solid #ffc;
        padding: 6px
    }

    .c-payment-form__inputs-list {
        display: grid;
        row-gap: 10px;
        padding: 15px 0 5px
    }

    .c-payment-form__notice {
        margin: 20px 0
    }

    .c-payment-form__area {
        display: grid
    }

    .c-payment-form__area--instructions {
        row-gap: 10px;
        padding: 15px;
        margin-top: 25px;
        border: 1px solid #f0c788;
        border-radius: 5px;
        background: radial-gradient(100% 100% at 100% 100%, #A9915C 0%, #141414 90%)
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-img {
        display: block;
        justify-self: center;
        max-height: 90px;
        border: 1px solid #f0c788;
        border-radius: 5px
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-title {
        font-family: "Tahoma Bold", sans-serif;
        font-weight: 700;
        font-size: 16px
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps {
        display: grid;
        row-gap: 8px
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps .c-payment-form__instructions-current-step::after {
        content: attr(data-ui-label);
        position: absolute;
        bottom: 0;
        right: 10px;
        border-radius: 5px 5px 0 0;
        color: #272828;
        padding: 3px 5px 0 5px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #F0C788), color-stop(25.02%, #E5C18B), color-stop(50.01%, #ACA498), color-stop(75%, #D6CDC3), color-stop(99.99%, #E6E6E6));
        background: linear-gradient(0deg, #F0C788 0.03%, #E5C18B 25.02%, #ACA498 50.01%, #D6CDC3 75%, #E6E6E6 99.99%);
        white-space: nowrap;
        font-size: 10px;
        text-transform: uppercase;
        pointer-events: none
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>* {
        display: grid;
        grid-template-columns: 30px 1fr 60px;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        height: 75px;
        padding: 5px 15px;
        background-color: #242424;
        background-position: calc(100% - 10px) center, right center;
        background-repeat: no-repeat, no-repeat;
        border: 1px solid #f0c788;
        border-radius: 5px;
        font-weight: 700
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*::before {
        justify-self: left;
        color: #f0c788;
        font-size: 22px;
        font-weight: 700
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*:nth-child(1) {
        background-image: url("payments/msp/instructions/step-1.png"), url("payments/msp/instructions/step-bg-mob.png")
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*:nth-child(1)::before {
        content: "01"
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*:nth-child(2) {
        background-image: url("payments/msp/instructions/step-2.png"), url("payments/msp/instructions/step-bg-mob.png")
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*:nth-child(2)::before {
        content: "02"
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*:nth-child(3) {
        background-image: url("payments/msp/instructions/step-3.png"), url("payments/msp/instructions/step-bg-mob.png")
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*:nth-child(3)::before {
        content: "03"
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-toggler {
        padding: 0 10px;
        margin: 0 auto
    }

    .c-payment-form__area--lottery-tickets {
        display: block;
        margin-top: 5px
    }

    .c-payment-form__area--crypto {
        grid-gap: 10px
    }

    .c-payment-form__area--bankcard {
        grid-template-columns: repeat(3, 1fr);
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        margin-top: 30px;
        row-gap: 15px
    }

    .c-payment-form__area--bankcard .c-payment-form__title {
        grid-column: 1/3
    }

    .c-payment-form__area--bankcard .c-payment-form__area--card-security {
        grid-column: 1/4;
        grid-row: 3/4;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c-payment-form__area--bankcard .c-card-details {
        grid-column: 1/4
    }

    .c-payment-form__area--preceding-card-number {
        grid-template-columns: 1fr;
        grid-gap: 10px;
        padding: 10px 0
    }

    .c-payment-form__area--preceding-card-number .c-payment-form__button {
        height: auto;
        text-transform: uppercase
    }

    .c-payment-form__area--card-security {
        grid-auto-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-gap: 10px
    }

    .c-payment-form__area--recurrent {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-top: 20px
    }

    .c-payment-form__area--telegram-wallet {
        padding: 20px;
        background: #393939;
        border: 1px solid #f0c788;
        border-radius: 5px;
        color: #f0c788
    }

    .c-payment-form__qrcode {
        display: none;
        width: 125px;
        height: 125px;
        padding: 5px;
        border-radius: 5px;
        background-color: #fff
    }

    .c-payment-form__qrcode+.c-payment-form__cryptoconverter {
        grid-column: 1/3
    }

    .c-payment-form__submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px
    }

    .c-payment-form__submit button {
        text-transform: uppercase
    }
}

@media(min-width: 480px) {
    .c-payment-form__methods-list {
        grid-template-columns: repeat(3, 1fr)
    }

    .c-payment-form__amount-presets-list {
        grid-template-columns: repeat(4, 1fr)
    }

    .c-payment-form__area--bankcard .c-payment-form__area--card-security {
        grid-column: 3/4;
        grid-row: 1/2;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right
    }

    .c-payment-form__area--preceding-card-number {
        grid-template-columns: repeat(3, 1fr)
    }

    .c-payment-form__area--preceding-card-number>* {
        grid-column: 1/4
    }

    .c-payment-form__area--preceding-card-number .c-payment-form__input {
        grid-row: 2/3;
        grid-column: 1/3
    }

    .c-payment-form__area--preceding-card-number .c-payment-form__button {
        grid-column: 3/4;
        min-width: 135px
    }
}

@media(min-width: 680px) {
    .c-payment-form__methods-list {
        grid-template-columns: repeat(4, 1fr)
    }

    .c-payment-form__amount-presets-list {
        grid-template-columns: repeat(5, 1fr)
    }

    .c-payment-form__area--instructions {
        grid-template-columns: repeat(3, 1fr);
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 10px
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-img {
        grid-row: 1/3;
        max-height: initial;
        width: 100%
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-title {
        grid-column: 2/4
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-text {
        grid-column: 2/4
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps {
        grid-column: 1/4;
        grid-template-columns: repeat(3, 1fr);
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps .c-payment-form__instructions-current-step::after {
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>* {
        grid-template-columns: 1fr;
        grid-template-rows: 60px 1fr;
        row-gap: 25px;
        height: 150px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        background-position: calc(100% - 10px) 10px, right top;
        background-size: auto, 150px;
        font-size: 12px;
        text-shadow: 1px 1px 0 #272828
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*::before {
        -ms-flex-item-align: center;
        align-self: center;
        text-shadow: 1px 1px 10px #000
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*::after {
        text-shadow: none
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*:nth-child(1) {
        background-image: url("payments/msp/instructions/step-1.png"), url("payments/msp/instructions/step-bg-desk.png")
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*:nth-child(2) {
        background-image: url("payments/msp/instructions/step-2.png"), url("payments/msp/instructions/step-bg-desk.png")
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-steps>*:nth-child(3) {
        background-image: url("payments/msp/instructions/step-3.png"), url("payments/msp/instructions/step-bg-desk.png")
    }

    .c-payment-form__area--instructions .c-payment-form__instructions-toggler {
        grid-column: 1/4
    }

    .c-payment-form__area--recurrent {
        grid-template-columns: 1.25fr .75fr
    }
}

@media(min-width: 780px) {
    .c-payment-form__methods-list {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(min-width: 805px) {
    .c-payment-form__hr {
        border-bottom: 1px solid #f0c788
    }

    .c-payment-form__methods-list {
        grid-template-columns: repeat(3, 1fr)
    }

    .c-payment-form__area--telegram-wallet {
        background: #141414
    }

    .c-payment-form__qrcode {
        display: block
    }

    .c-payment-form__qrcode+.c-payment-form__cryptoconverter {
        grid-column: 2/3
    }
}

@media(min-width: 992px) {
    .c-payment-form__area--bankcard .c-payment-form__area--card-security {
        grid-column: 3/4
    }

    .c-payment-form__area--bankcard .c-card-details {
        grid-column: 1/4
    }

    .c-payment-form__area--preceding-card-number {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
        padding: 10px 0
    }

    .c-payment-form__area--preceding-card-number>* {
        grid-column: 1/4
    }

    .c-payment-form__area--preceding-card-number .c-payment-form__button {
        grid-column: 3/4;
        height: auto
    }

    .c-payment-form__area--card-security {
        grid-auto-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-gap: 10px
    }
}

@media(min-width: 1180px) {
    .c-payment-form__methods-list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width: 1px) {
    .c-payment-tile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0;
        background: #242424;
        border: 1px solid #f0c788;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: border .5s;
        transition: border .5s
    }

    .c-payment-tile:hover {
        cursor: pointer
    }

    .c-payment-tile.is-active {
        border: 2px solid #ffc
    }

    .c-payment-tile--imageless {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding: 10px
    }

    .c-payment-tile--imageless .c-payment-tile__text {
        line-height: 1.4;
        color: #f0c788
    }

    .c-payment-tile--imageless a.c-payment-tile__text {
        color: #fff;
        text-decoration: none
    }

    .c-payment-tile--new::before {
        content: "new";
        display: block;
        position: absolute;
        top: -10px;
        left: 10px;
        border-radius: 2px;
        background-color: #efc688;
        color: #272828;
        padding: 0 5px;
        text-transform: capitalize
    }

    .c-payment-tile--special {
        display: grid;
        position: relative;
        padding: 15px;
        margin-bottom: 10px;
        row-gap: 15px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        justify-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: radial-gradient(100% 100% at 100% 100%, #A9915C 0%, #141414 90%)
    }

    .c-payment-tile--special:hover {
        cursor: default
    }

    .c-payment-tile--special .c-payment-tile__info {
        display: grid;
        row-gap: 10px
    }

    .c-payment-tile--special .c-payment-tile__title {
        font-family: "Tahoma Bold", sans-serif;
        font-size: 16px
    }

    .c-payment-tile--special .c-payment-tile__image {
        display: block;
        border-radius: 5px;
        max-height: 140px
    }

    .c-payment-tile--fullwidth {
        grid-column: 1/-1
    }

    .c-payment-tile--normal {
        height: 100px
    }

    .c-payment-tile--normal .c-payment-tile__image {
        width: 65%;
        height: 65%
    }

    .c-payment-tile--normal .c-payment-tile__text {
        font-size: 14px
    }

    .c-payment-tile--small {
        height: 70px
    }

    .c-payment-tile--small .c-payment-tile__image {
        max-width: 90%;
        max-height: 70%
    }

    .c-payment-tile--small .c-payment-tile__text {
        font-size: 10px
    }

    .c-payment-tile__image {
        -o-object-fit: contain;
        object-fit: contain;
        -webkit-transition: .2s;
        transition: .2s
    }

    .c-payment-tile__text {
        font-weight: 400;
        color: #f0c788;
        text-decoration: none
    }
}

@media(min-width: 680px) {
    .c-payment-tile {
        background: #272828
    }

    .c-payment-tile--special {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 0;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px
    }

    .c-payment-tile--special .c-payment-tile__image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-height: 160px
    }
}

@media(min-width: 1px) {
    .c-card-details {
        display: grid;
        grid-template-columns: 1fr 60px 60px;
        gap: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 35px 10px;
        border-radius: 5px;
        background: #242424;
        border: 1px solid #f0c788
    }

    .c-card-details [area-disabled=true] .c-input__ctrl {
        -webkit-filter: opacity(0.5);
        filter: opacity(0.5)
    }

    .c-card-details [area-disabled=true] .c-input__icon {
        -webkit-filter: opacity(0.5);
        filter: opacity(0.5);
        cursor: initial
    }

    .c-card-details .red-error {
        color: #fff;
        top: 100%;
        bottom: auto
    }

    .c-card-details__number {
        grid-column: 1/4
    }

    .c-card-details__exp-date-label {
        grid-column: 1/2;
        text-align: right;
        font-size: 12px
    }

    .c-card-details__exp-date {
        grid-column: 2/4;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .c-card-details__exp-date .c-input__ctrl {
        text-align: center
    }

    .c-card-details__holder {
        grid-column: 1/4
    }

    .c-card-details__cvv-label {
        grid-column: 1/3;
        text-align: right;
        line-height: 1.15;
        font-size: 12px
    }

    .c-card-details__cvv {
        grid-column: 3/4
    }
}

@media(min-width: 480px) {
    .c-card-details {
        padding: 40px 25px
    }

    .c-card-details__exp-date-label {
        font-size: 14px
    }

    .c-card-details__cvv-label {
        font-size: 14px;
        line-height: normal
    }
}

@media(min-width: 805px) {
    .c-card-details {
        background: #141414
    }
}

table.sportbet-history {
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important
}

table.sportbet-history thead tr th {
    border: none !important;
    font-size: 14px !important;
    background-color: #393939;
    text-align: left !important;
    padding-left: 0 !important
}

table.sportbet-history td {
    border: none !important;
    line-height: 20px !important;
    padding: 2.5px !important;
    text-align: left !important
}

table.sportbet-history .sportbet-history__item td {
    border-bottom: 1px solid #f0c788 !important
}

table.sportbet-history .sportbet-history__item td--grey .sportbet-history__cell-type,
table.sportbet-history .sportbet-history__item td--grey .sportbet-history__cell-id,
table.sportbet-history .sportbet-history__item td--grey .sportbet-history__cell-date,
table.sportbet-history .sportbet-history__item td--grey .sportbet-history__cell-summ,
table.sportbet-history .sportbet-history__item td--grey .sportbet-history__cell-odds,
table.sportbet-history .sportbet-history__item td--grey .sportbet-history__cell-status,
table.sportbet-history .sportbet-history__item td--grey .sportbet-history__icon {
    color: #797979
}

table.sportbet-history .sportbet-history__th-cell {
    padding-left: 12px !important
}

table.sportbet-history .sportbet-history__cell-icon {
    width: 86px;
    padding-left: 52px !important
}

table.sportbet-history .sportbet-history__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    height: 25px;
    color: #f0c788
}

table.sportbet-history .sportbet-history__cell-type {
    width: 102px;
    padding-left: 12px !important;
    font-weight: 400;
    font-size: 14px;
    color: #fff
}

table.sportbet-history .sportbet-history__cell-type::first-letter {
    text-transform: uppercase
}

table.sportbet-history .sportbet-history__cell-id {
    width: 230px;
    padding-left: 12px !important
}

table.sportbet-history .sportbet-history__cell-date {
    width: 164px;
    padding-left: 12px !important
}

table.sportbet-history .sportbet-history__cell-summ,
table.sportbet-history .sportbet-history__cell-odds,
table.sportbet-history .sportbet-history__cell-status {
    width: 138px;
    padding-left: 12px !important
}

table.sportbet-history .sportbet-history__cell-rate {
    width: 108px;
    padding-left: 4px !important;
    padding-right: 75px !important
}

table.sportbet-history .sportbet-history__details-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

table.sportbet-history .sportbet-history__details-btn.is-collapsed .sportbet-history__details-icon {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

table.sportbet-history .sportbet-history__details-icon {
    width: 8px;
    height: 5px;
    color: #f0c788;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

table.sportbet-history .sportbet-history__sub-content {
    counter-reset: itemCounter
}

table.sportbet-history .sportbet-history__sub-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #141414;
    padding: 6px 52px;
    counter-increment: itemCounter
}

table.sportbet-history .sportbet-history__sub-row:not(:last-child) {
    border-bottom: 1px solid #797979
}

table.sportbet-history .sportbet-history__sub-row::before {
    content: counter(itemCounter);
    position: absolute;
    top: 50%;
    left: 52px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

table.sportbet-history .sportbet-history__name {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

table.sportbet-history .sportbet-history__sport {
    max-width: 146px;
    width: 100%;
    margin-left: 46px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

table.sportbet-history .sportbet-history__category {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #f0c788
}

table.sportbet-history .sportbet-history__tour {
    max-width: 408px;
    width: 100%;
    margin-left: 12px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #f0c788
}

table.sportbet-history .sportbet-history__competitor {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #f0c788
}

table.sportbet-history .sportbet-history__market {
    max-width: 464px;
    width: 100%;
    margin-left: 12px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

table.sportbet-history .sportbet-history__layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #000;
    margin-top: 4px;
    padding: 8px;
    border-radius: 5px
}

table.sportbet-history .sportbet-history__outcome {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #b1b1b1
}

table.sportbet-history .sportbet-history__odds {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #f0c788
}

.c-card-history {
    border: 1px solid #f0c788;
    border-radius: 10px;
    overflow: hidden
}

.c-card-history+.c-card-history {
    margin-top: 16px
}

.c-card-history__row-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #242424;
    padding: 8px 16px
}

.c-card-history__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2px 16px;
    min-height: 36px
}

.c-card-history__row:not(:last-child) {
    border-bottom: 1px solid #f0c788
}

.c-card-history__row--grey .c-card-history__text-block,
.c-card-history__row--grey .c-card-history__type,
.c-card-history__row--grey .c-card-history__left,
.c-card-history__row--grey .c-card-history__right,
.c-card-history__row--grey .c-card-history__icon {
    color: #797979 !important
}

.c-card-history__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    color: #f0c788
}

.c-card-history__right {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-align: right
}

.c-card-history__status {
    color: #f0c788
}

.c-card-history__status-red {
    color: #cf3f3f
}

.c-card-history__status-grey {
    color: #797979
}

.c-card-history__icon {
    width: 25px;
    height: 25px
}

.c-card-history__text-block {
    display: inline-block
}

.c-card-history__type {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.c-card-history__type::first-letter {
    text-transform: uppercase
}

.c-card-history__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 63px;
    height: 32px;
    padding: 10px 16.5px 10px 16.5px;
    border-radius: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#e2dedb), color-stop(32%, #ada496), color-stop(66%, #ada496), to(#e8c38a));
    background: linear-gradient(to bottom, #e2dedb 0%, #ada496 32%, #ada496 66%, #e8c38a 100%)
}

.c-card-history__button.is-collapsed .c-card-history__button-icon {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.c-card-history__count {
    margin-right: 9.5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 12px;
    color: #141414
}

.c-card-history__button-icon {
    width: 8px;
    height: 5px;
    color: #242424;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.c-card-history__bottom {
    background: #242424;
    counter-reset: itemCounter
}

.c-card-history__bottom-row {
    position: relative;
    padding: 10px 16px 9px 36px;
    counter-increment: itemCounter
}

.c-card-history__bottom-row:not(:last-child) {
    border-bottom: 1px solid #565656
}

.c-card-history__bottom-row::before {
    content: counter(itemCounter);
    position: absolute;
    top: 10px;
    left: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.c-card-history__bottom-row::after {
    content: "";
    position: absolute;
    right: 16px;
    bottom: 1px;
    background: url("sportbets/line.png");
    width: 290px;
    height: 3px;
    display: block
}

.c-card-history__name {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.c-card-history__tour,
.c-card-history__sport-cat {
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    color: #f0c788
}

.c-card-history__market {
    margin-top: 5px;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    color: #fff
}

.c-card-history__layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #000;
    margin-top: 4px;
    padding: 8px;
    border-radius: 5px
}

.c-card-history__outcome {
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    color: #b1b1b1
}

.c-card-history__odds {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #f0c788
}

.c-sportbet-history {
    margin-bottom: 40px
}

@media(min-width: 1px) {
    .c-currency-converter {
        display: grid;
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content;
        row-gap: 10px;
        padding: 10px 15px;
        border: 1px solid #f0c788;
        border-radius: 5px;
        background: #242424
    }

    .c-currency-converter__rates-date {
        color: #fff
    }

    .c-currency-converter__exchange-icon::after {
        content: "⇅"
    }

    .c-currency-converter__exchange {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 5px;
        justify-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 805px) {
    .c-currency-converter {
        background: #141414
    }

    .c-currency-converter__exchange {
        display: grid;
        grid-template-columns: .8fr 10px 1.2fr
    }

    .c-currency-converter__exchange-to {
        justify-self: left
    }

    .c-currency-converter__exchange-icon::after {
        content: "≈"
    }
}

@media(min-width: 1px) {
    .c-payment-widget {
        display: grid;
        gap: 10px;
        background: #272828;
        border: 1px solid #f0c788;
        border-radius: 10px;
        padding: 10px;
        color: #e7c28b
    }

    .c-payment-widget__inputs-list {
        display: grid;
        gap: 10px
    }

    .c-payment-widget__submit {
        display: grid
    }

    .c-payment-widget__submit .btn-3 {
        height: initial;
        padding: 10px
    }
}

@media(min-width: 805px) {
    .c-payment-widget {
        padding: 20px
    }
}

.c-toggler {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    line-height: normal;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-toggler--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-toggler--center .c-toggler__label {
    padding-top: 0
}

.c-toggler__ctrl {
    display: none
}

.c-toggler__ctrl:checked~.c-toggler__checkbox::before {
    left: 29px;
    background-color: #f4d7a8
}

.c-toggler__ctrl:checked~.c-toggler__checkbox::after {
    left: 8px;
    color: #f0c788
}

.c-toggler__ctrl:not(:disabled)~.c-toggler__checkbox {
    cursor: pointer
}

.c-toggler__ctrl:not(:disabled)~.c-toggler__label {
    cursor: pointer
}

.c-toggler__ctrl:disabled~.c-toggler__checkbox {
    border-color: #797979
}

.c-toggler__ctrl:disabled~.c-toggler__checkbox::before {
    background-color: #797979
}

.c-toggler__ctrl:disabled~.c-toggler__checkbox::after {
    color: #797979
}

.c-toggler__ctrl:disabled~.c-toggler__label {
    opacity: .5
}

.c-toggler__checkbox {
    position: relative;
    display: block;
    min-width: 50px;
    width: 50px;
    height: 24px;
    background: transparent;
    border: 2px solid #f0c788;
    border-radius: 12px;
    -webkit-transition: background-color .4s ease, border-color .4s ease;
    transition: background-color .4s ease, border-color .4s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.c-toggler__checkbox::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #797979;
    -webkit-transition: left .4s ease, background-color .4s ease;
    transition: left .4s ease, background-color .4s ease
}

.c-toggler__checkbox::after {
    position: absolute;
    top: 2px;
    left: -18px;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    word-spacing: 22px;
    white-space: nowrap;
    color: #797979;
    -webkit-transition: left .4s ease, color .4s ease;
    transition: left .4s ease, color .4s ease
}

.c-toggler__label {
    padding-top: 2px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    color: #f0c788;
    white-space: normal
}

.c-toggler .red-error {
    font-weight: normal;
    letter-spacing: normal;
    text-align: center
}

.c-toggler .red-error::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -8px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #cf3f3f
}

.language--ru .c-toggler__checkbox::after {
    content: "Да Нет"
}

.language--en .c-toggler__checkbox::after {
    content: "On Off"
}

.error-box .c-toggler__checkbox {
    border-color: #cf3f3f
}

.error-box .c-toggler__checkbox::before {
    background-color: #cf3f3f
}

.error-box .c-toggler__checkbox::after {
    color: #cf3f3f
}

.c-language-picker {
    cursor: pointer;
    display: inline-grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    background: transparent;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-language-picker--desktop {
    height: 100%;
    width: 26px
}

@media(max-width: 804px) {
    .c-language-picker--desktop {
        display: none
    }
}

.c-language-picker--mobile {
    text-transform: uppercase;
    height: auto;
    margin-top: 15px
}

@media(min-width: 805px) {
    .c-language-picker--mobile {
        display: none
    }
}

.c-language-picker__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding: 8px
}

.c-language-picker__btn {
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color .1s linear;
    transition: color .1s linear
}

.c-language-picker__btn:hover,
.c-language-picker__btn:focus {
    color: #f0c788
}

.c-language-picker__img {
    border-radius: 11px;
    width: 24px;
    height: 24px;
    pointer-events: none
}

.c-language-picker--ru [data-language=ru] {
    pointer-events: none;
    color: #f0c788
}

.c-language-picker--en [data-language=en] {
    pointer-events: none;
    color: #f0c788
}

.tooltipster--language-picker.tooltipster-sidetip .tooltipster-box {
    background-color: #242424
}

@media(max-width: 804px) {
    .tooltipster--language-picker.tooltipster-sidetip .tooltipster-box {
        background-color: #000
    }
}

.tooltipster--language-picker.tooltipster-sidetip .tooltipster-content {
    text-transform: uppercase;
    padding: 0
}

.tooltipster--language-picker.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #242424
}

@media(max-width: 804px) {
    .tooltipster--language-picker.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
        border-top-color: #000
    }
}

@media(min-width: 805px) {
    .tooltipster--language-picker-mobile {
        display: none
    }
}

@media(max-width: 804px) {
    .tooltipster--language-picker-header {
        display: none
    }
}

.c-countdown {
    font-family: "Tahoma Bold", sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-countdown__label {
    color: rgba(255, 255, 255, .6);
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: .05em
}

.c-countdown__label:first-letter {
    text-transform: uppercase
}

.c-countdown__timer {
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-size: 16px;
    line-height: 1.375em
}

@media(max-width: 573px) {
    .c-countdown__timer {
        font-size: 14px;
        -webkit-column-gap: 2px;
        -moz-column-gap: 2px;
        column-gap: 2px
    }
}

.c-countdown__value {
    color: #f0c788
}

.c-countdown__symbol {
    color: #fff
}

.c-countdown__days,
.c-countdown__hours,
.c-countdown__minutes,
.c-countdown__seconds {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    letter-spacing: .0625em
}

.c-countdown__hours::after,
.c-countdown__minutes::after {
    content: ":";
    color: #fff;
    margin-left: 5px
}

@media(max-width: 573px) {

    .c-countdown__hours::after,
    .c-countdown__minutes::after {
        margin-left: 1px
    }
}

.c-countdown--disabled .c-countdown__value,
.c-countdown--disabled .c-countdown__symbol {
    color: #b1b1b1
}

.timer-bonuses .c-countdown {
    font-family: "Tahoma Regular", sans-serif;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65)
}

@media(min-width: 805px) {
    .timer-bonuses .c-countdown {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75)
    }
}

.gameBox .c-countdown,
.main-content-wrap .c-countdown {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gameBox .c-countdown__label,
.main-content-wrap .c-countdown__label {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase
}

.gameBox .c-countdown__timer,
.main-content-wrap .c-countdown__timer {
    font-size: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px
}

@media(min-width: 430px) {

    .gameBox .c-countdown__timer,
    .main-content-wrap .c-countdown__timer {
        font-size: 19px
    }
}

@media(min-width: 805px) {

    .gameBox .c-countdown__timer,
    .main-content-wrap .c-countdown__timer {
        font-size: 24px
    }
}

.gameBox .c-countdown__days,
.main-content-wrap .c-countdown__days {
    margin-right: 3px
}

.gameBox .c-countdown__hours::after,
.gameBox .c-countdown__minutes::after,
.main-content-wrap .c-countdown__hours::after,
.main-content-wrap .c-countdown__minutes::after {
    font-size: .75em;
    margin-left: 3px
}

.sticky-scroll {
    position: sticky !important;
    margin-bottom: 30px;
    will-change: top
}

.scrollup {
    position: fixed;
    display: block;
    right: 35px;
    top: 50%;
    z-index: 100;
    padding: 15px 0;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.popup .scrollup,
.game-page .scrollup {
    display: none !important
}

.scrollup::after,
.scrollup::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.scrollup--down::after {
    content: "";
    bottom: 0;
    border-top: 7px solid #e7c28b;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.scrollup--up::before {
    content: "";
    top: 0;
    border-bottom: 7px solid #e7c28b;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.scrollup:hover {
    color: #ffe9a7
}

.scrollup:hover::after,
.scrollup:hover::before {
    border-bottom-color: #ffe9a7
}

@media all and (max-width: 1269px) {
    .scrollup {
        display: none !important
    }
}

.input-flag {
    width: 20px;
    height: 15px;
    -ms-flex-item-align: center;
    align-self: center;
    background-image: url("flags.png");
    background-repeat: no-repeat;
    background-size: 5630px 15px
}

.input-flag[data-flag] {
    cursor: pointer
}

.input-wrap--phone .input-flag {
    position: absolute;
    top: 12px;
    left: 12px
}

.input-flag--be,
.flags-drop__item-flag.flags-drop__item-flag--be {
    width: 18px
}

.input-flag--ch,
.flags-drop__item-flag.flags-drop__item-flag--ch {
    width: 15px
}

.input-flag--mc,
.flags-drop__item-flag.flags-drop__item-flag--mc {
    width: 19px
}

.input-flag--ne,
.flags-drop__item-flag.flags-drop__item-flag--ne {
    width: 18px
}

.input-flag--np,
.flags-drop__item-flag.flags-drop__item-flag--np {
    width: 13px
}

.input-flag--va,
.flags-drop__item-flag.flags-drop__item-flag--va {
    width: 15px
}

.input-flag--ac,
.flags-drop__item-flag.flags-drop__item-flag--ac {
    height: 10px;
    background-position: 0 0
}

.input-flag--ad,
.flags-drop__item-flag.flags-drop__item-flag--ad {
    height: 14px;
    background-position: -22px 0
}

.input-flag--ae,
.flags-drop__item-flag.flags-drop__item-flag--ae {
    height: 10px;
    background-position: -44px 0
}

.input-flag--af,
.flags-drop__item-flag.flags-drop__item-flag--af {
    height: 14px;
    background-position: -66px 0
}

.input-flag--ag,
.flags-drop__item-flag.flags-drop__item-flag--ag {
    height: 14px;
    background-position: -88px 0
}

.input-flag--ai,
.flags-drop__item-flag.flags-drop__item-flag--ai {
    height: 10px;
    background-position: -110px 0
}

.input-flag--al,
.flags-drop__item-flag.flags-drop__item-flag--al {
    height: 15px;
    background-position: -132px 0
}

.input-flag--am,
.flags-drop__item-flag.flags-drop__item-flag--am {
    height: 10px;
    background-position: -154px 0
}

.input-flag--ao,
.flags-drop__item-flag.flags-drop__item-flag--ao {
    height: 14px;
    background-position: -176px 0
}

.input-flag--aq,
.flags-drop__item-flag.flags-drop__item-flag--aq {
    height: 14px;
    background-position: -198px 0
}

.input-flag--ar,
.flags-drop__item-flag.flags-drop__item-flag--ar {
    height: 13px;
    background-position: -220px 0
}

.input-flag--as,
.flags-drop__item-flag.flags-drop__item-flag--as {
    height: 10px;
    background-position: -242px 0
}

.input-flag--at,
.flags-drop__item-flag.flags-drop__item-flag--at {
    height: 14px;
    background-position: -264px 0
}

.input-flag--au,
.flags-drop__item-flag.flags-drop__item-flag--au {
    height: 10px;
    background-position: -286px 0
}

.input-flag--aw,
.flags-drop__item-flag.flags-drop__item-flag--aw {
    height: 14px;
    background-position: -308px 0
}

.input-flag--ax,
.flags-drop__item-flag.flags-drop__item-flag--ax {
    height: 13px;
    background-position: -330px 0
}

.input-flag--az,
.flags-drop__item-flag.flags-drop__item-flag--az {
    height: 10px;
    background-position: -352px 0
}

.input-flag--ba,
.flags-drop__item-flag.flags-drop__item-flag--ba {
    height: 10px;
    background-position: -374px 0
}

.input-flag--bb,
.flags-drop__item-flag.flags-drop__item-flag--bb {
    height: 14px;
    background-position: -396px 0
}

.input-flag--bd,
.flags-drop__item-flag.flags-drop__item-flag--bd {
    height: 12px;
    background-position: -418px 0
}

.input-flag--be,
.flags-drop__item-flag.flags-drop__item-flag--be {
    height: 15px;
    background-position: -440px 0
}

.input-flag--bf,
.flags-drop__item-flag.flags-drop__item-flag--bf {
    height: 14px;
    background-position: -460px 0
}

.input-flag--bg,
.flags-drop__item-flag.flags-drop__item-flag--bg {
    height: 12px;
    background-position: -482px 0
}

.input-flag--bh,
.flags-drop__item-flag.flags-drop__item-flag--bh {
    height: 12px;
    background-position: -504px 0
}

.input-flag--bi,
.flags-drop__item-flag.flags-drop__item-flag--bi {
    height: 12px;
    background-position: -526px 0
}

.input-flag--bj,
.flags-drop__item-flag.flags-drop__item-flag--bj {
    height: 14px;
    background-position: -548px 0
}

.input-flag--bl,
.flags-drop__item-flag.flags-drop__item-flag--bl {
    height: 14px;
    background-position: -570px 0
}

.input-flag--bm,
.flags-drop__item-flag.flags-drop__item-flag--bm {
    height: 10px;
    background-position: -592px 0
}

.input-flag--bn,
.flags-drop__item-flag.flags-drop__item-flag--bn {
    height: 10px;
    background-position: -614px 0
}

.input-flag--bo,
.flags-drop__item-flag.flags-drop__item-flag--bo {
    height: 14px;
    background-position: -636px 0
}

.input-flag--bq,
.flags-drop__item-flag.flags-drop__item-flag--bq {
    height: 14px;
    background-position: -658px 0
}

.input-flag--br,
.flags-drop__item-flag.flags-drop__item-flag--br {
    height: 14px;
    background-position: -680px 0
}

.input-flag--bs,
.flags-drop__item-flag.flags-drop__item-flag--bs {
    height: 10px;
    background-position: -702px 0
}

.input-flag--bt,
.flags-drop__item-flag.flags-drop__item-flag--bt {
    height: 14px;
    background-position: -724px 0
}

.input-flag--bv,
.flags-drop__item-flag.flags-drop__item-flag--bv {
    height: 15px;
    background-position: -746px 0
}

.input-flag--bw,
.flags-drop__item-flag.flags-drop__item-flag--bw {
    height: 14px;
    background-position: -768px 0
}

.input-flag--by,
.flags-drop__item-flag.flags-drop__item-flag--by {
    height: 10px;
    background-position: -790px 0
}

.input-flag--bz,
.flags-drop__item-flag.flags-drop__item-flag--bz {
    height: 14px;
    background-position: -812px 0
}

.input-flag--ca,
.flags-drop__item-flag.flags-drop__item-flag--ca {
    height: 10px;
    background-position: -834px 0
}

.input-flag--cc,
.flags-drop__item-flag.flags-drop__item-flag--cc {
    height: 10px;
    background-position: -856px 0
}

.input-flag--cd,
.flags-drop__item-flag.flags-drop__item-flag--cd {
    height: 15px;
    background-position: -878px 0
}

.input-flag--cf,
.flags-drop__item-flag.flags-drop__item-flag--cf {
    height: 14px;
    background-position: -900px 0
}

.input-flag--cg,
.flags-drop__item-flag.flags-drop__item-flag--cg {
    height: 14px;
    background-position: -922px 0
}

.input-flag--ch,
.flags-drop__item-flag.flags-drop__item-flag--ch {
    height: 15px;
    background-position: -944px 0
}

.input-flag--ci,
.flags-drop__item-flag.flags-drop__item-flag--ci {
    height: 14px;
    background-position: -961px 0
}

.input-flag--ck,
.flags-drop__item-flag.flags-drop__item-flag--ck {
    height: 10px;
    background-position: -983px 0
}

.input-flag--cl,
.flags-drop__item-flag.flags-drop__item-flag--cl {
    height: 14px;
    background-position: -1005px 0
}

.input-flag--cm,
.flags-drop__item-flag.flags-drop__item-flag--cm {
    height: 14px;
    background-position: -1027px 0
}

.input-flag--cn,
.flags-drop__item-flag.flags-drop__item-flag--cn {
    height: 14px;
    background-position: -1049px 0
}

.input-flag--co,
.flags-drop__item-flag.flags-drop__item-flag--co {
    height: 14px;
    background-position: -1071px 0
}

.input-flag--cp,
.flags-drop__item-flag.flags-drop__item-flag--cp {
    height: 14px;
    background-position: -1093px 0
}

.input-flag--cr,
.flags-drop__item-flag.flags-drop__item-flag--cr {
    height: 12px;
    background-position: -1115px 0
}

.input-flag--cu,
.flags-drop__item-flag.flags-drop__item-flag--cu {
    height: 10px;
    background-position: -1137px 0
}

.input-flag--cv,
.flags-drop__item-flag.flags-drop__item-flag--cv {
    height: 12px;
    background-position: -1159px 0
}

.input-flag--cw,
.flags-drop__item-flag.flags-drop__item-flag--cw {
    height: 14px;
    background-position: -1181px 0
}

.input-flag--cx,
.flags-drop__item-flag.flags-drop__item-flag--cx {
    height: 10px;
    background-position: -1203px 0
}

.input-flag--cy,
.flags-drop__item-flag.flags-drop__item-flag--cy {
    height: 14px;
    background-position: -1225px 0
}

.input-flag--cz,
.flags-drop__item-flag.flags-drop__item-flag--cz {
    height: 14px;
    background-position: -1247px 0
}

.input-flag--de,
.flags-drop__item-flag.flags-drop__item-flag--de {
    height: 12px;
    background-position: -1269px 0
}

.input-flag--dg,
.flags-drop__item-flag.flags-drop__item-flag--dg {
    height: 10px;
    background-position: -1291px 0
}

.input-flag--dj,
.flags-drop__item-flag.flags-drop__item-flag--dj {
    height: 14px;
    background-position: -1313px 0
}

.input-flag--dk,
.flags-drop__item-flag.flags-drop__item-flag--dk {
    height: 15px;
    background-position: -1335px 0
}

.input-flag--dm,
.flags-drop__item-flag.flags-drop__item-flag--dm {
    height: 10px;
    background-position: -1357px 0
}

.input-flag--do,
.flags-drop__item-flag.flags-drop__item-flag--do {
    height: 13px;
    background-position: -1379px 0
}

.input-flag--dz,
.flags-drop__item-flag.flags-drop__item-flag--dz {
    height: 14px;
    background-position: -1401px 0
}

.input-flag--ea,
.flags-drop__item-flag.flags-drop__item-flag--ea {
    height: 14px;
    background-position: -1423px 0
}

.input-flag--ec,
.flags-drop__item-flag.flags-drop__item-flag--ec {
    height: 14px;
    background-position: -1445px 0
}

.input-flag--ee,
.flags-drop__item-flag.flags-drop__item-flag--ee {
    height: 13px;
    background-position: -1467px 0
}

.input-flag--eg,
.flags-drop__item-flag.flags-drop__item-flag--eg {
    height: 14px;
    background-position: -1489px 0
}

.input-flag--eh,
.flags-drop__item-flag.flags-drop__item-flag--eh {
    height: 10px;
    background-position: -1511px 0
}

.input-flag--er,
.flags-drop__item-flag.flags-drop__item-flag--er {
    height: 10px;
    background-position: -1533px 0
}

.input-flag--es,
.flags-drop__item-flag.flags-drop__item-flag--es {
    height: 14px;
    background-position: -1555px 0
}

.input-flag--et,
.flags-drop__item-flag.flags-drop__item-flag--et {
    height: 10px;
    background-position: -1577px 0
}

.input-flag--eu,
.flags-drop__item-flag.flags-drop__item-flag--eu {
    height: 14px;
    background-position: -1599px 0
}

.input-flag--fi,
.flags-drop__item-flag.flags-drop__item-flag--fi {
    height: 12px;
    background-position: -1621px 0
}

.input-flag--fj,
.flags-drop__item-flag.flags-drop__item-flag--fj {
    height: 10px;
    background-position: -1643px 0
}

.input-flag--fk,
.flags-drop__item-flag.flags-drop__item-flag--fk {
    height: 10px;
    background-position: -1665px 0
}

.input-flag--fm,
.flags-drop__item-flag.flags-drop__item-flag--fm {
    height: 11px;
    background-position: -1687px 0
}

.input-flag--fo,
.flags-drop__item-flag.flags-drop__item-flag--fo {
    height: 15px;
    background-position: -1709px 0
}

.input-flag--fr,
.flags-drop__item-flag.flags-drop__item-flag--fr {
    height: 14px;
    background-position: -1731px 0
}

.input-flag--ga,
.flags-drop__item-flag.flags-drop__item-flag--ga {
    height: 15px;
    background-position: -1753px 0
}

.input-flag--gb,
.flags-drop__item-flag.flags-drop__item-flag--gb {
    height: 10px;
    background-position: -1775px 0
}

.input-flag--gd,
.flags-drop__item-flag.flags-drop__item-flag--gd {
    height: 12px;
    background-position: -1797px 0
}

.input-flag--ge,
.flags-drop__item-flag.flags-drop__item-flag--ge {
    height: 14px;
    background-position: -1819px 0
}

.input-flag--gf,
.flags-drop__item-flag.flags-drop__item-flag--gf {
    height: 14px;
    background-position: -1841px 0
}

.input-flag--gg,
.flags-drop__item-flag.flags-drop__item-flag--gg {
    height: 14px;
    background-position: -1863px 0
}

.input-flag--gh,
.flags-drop__item-flag.flags-drop__item-flag--gh {
    height: 14px;
    background-position: -1885px 0
}

.input-flag--gi,
.flags-drop__item-flag.flags-drop__item-flag--gi {
    height: 10px;
    background-position: -1907px 0
}

.input-flag--gl,
.flags-drop__item-flag.flags-drop__item-flag--gl {
    height: 14px;
    background-position: -1929px 0
}

.input-flag--gm,
.flags-drop__item-flag.flags-drop__item-flag--gm {
    height: 14px;
    background-position: -1951px 0
}

.input-flag--gn,
.flags-drop__item-flag.flags-drop__item-flag--gn {
    height: 14px;
    background-position: -1973px 0
}

.input-flag--gp,
.flags-drop__item-flag.flags-drop__item-flag--gp {
    height: 14px;
    background-position: -1995px 0
}

.input-flag--gq,
.flags-drop__item-flag.flags-drop__item-flag--gq {
    height: 14px;
    background-position: -2017px 0
}

.input-flag--gr,
.flags-drop__item-flag.flags-drop__item-flag--gr {
    height: 14px;
    background-position: -2039px 0
}

.input-flag--gs,
.flags-drop__item-flag.flags-drop__item-flag--gs {
    height: 10px;
    background-position: -2061px 0
}

.input-flag--gt,
.flags-drop__item-flag.flags-drop__item-flag--gt {
    height: 13px;
    background-position: -2083px 0
}

.input-flag--gu,
.flags-drop__item-flag.flags-drop__item-flag--gu {
    height: 11px;
    background-position: -2105px 0
}

.input-flag--gw,
.flags-drop__item-flag.flags-drop__item-flag--gw {
    height: 10px;
    background-position: -2127px 0
}

.input-flag--gy,
.flags-drop__item-flag.flags-drop__item-flag--gy {
    height: 12px;
    background-position: -2149px 0
}

.input-flag--hk,
.flags-drop__item-flag.flags-drop__item-flag--hk {
    height: 14px;
    background-position: -2171px 0
}

.input-flag--hm,
.flags-drop__item-flag.flags-drop__item-flag--hm {
    height: 10px;
    background-position: -2193px 0
}

.input-flag--hn,
.flags-drop__item-flag.flags-drop__item-flag--hn {
    height: 10px;
    background-position: -2215px 0
}

.input-flag--hr,
.flags-drop__item-flag.flags-drop__item-flag--hr {
    height: 10px;
    background-position: -2237px 0
}

.input-flag--ht,
.flags-drop__item-flag.flags-drop__item-flag--ht {
    height: 12px;
    background-position: -2259px 0
}

.input-flag--hu,
.flags-drop__item-flag.flags-drop__item-flag--hu {
    height: 10px;
    background-position: -2281px 0
}

.input-flag--ic,
.flags-drop__item-flag.flags-drop__item-flag--ic {
    height: 14px;
    background-position: -2303px 0
}

.input-flag--id,
.flags-drop__item-flag.flags-drop__item-flag--id {
    height: 14px;
    background-position: -2325px 0
}

.input-flag--ie,
.flags-drop__item-flag.flags-drop__item-flag--ie {
    height: 10px;
    background-position: -2347px 0
}

.input-flag--il,
.flags-drop__item-flag.flags-drop__item-flag--il {
    height: 15px;
    background-position: -2369px 0
}

.input-flag--im,
.flags-drop__item-flag.flags-drop__item-flag--im {
    height: 10px;
    background-position: -2391px 0
}

.input-flag--in,
.flags-drop__item-flag.flags-drop__item-flag--in {
    height: 14px;
    background-position: -2413px 0
}

.input-flag--io,
.flags-drop__item-flag.flags-drop__item-flag--io {
    height: 10px;
    background-position: -2435px 0
}

.input-flag--iq,
.flags-drop__item-flag.flags-drop__item-flag--iq {
    height: 14px;
    background-position: -2457px 0
}

.input-flag--ir,
.flags-drop__item-flag.flags-drop__item-flag--ir {
    height: 12px;
    background-position: -2479px 0
}

.input-flag--is,
.flags-drop__item-flag.flags-drop__item-flag--is {
    height: 15px;
    background-position: -2501px 0
}

.input-flag--it,
.flags-drop__item-flag.flags-drop__item-flag--it {
    height: 14px;
    background-position: -2523px 0
}

.input-flag--je,
.flags-drop__item-flag.flags-drop__item-flag--je {
    height: 12px;
    background-position: -2545px 0
}

.input-flag--jm,
.flags-drop__item-flag.flags-drop__item-flag--jm {
    height: 10px;
    background-position: -2567px 0
}

.input-flag--jo,
.flags-drop__item-flag.flags-drop__item-flag--jo {
    height: 10px;
    background-position: -2589px 0
}

.input-flag--jp,
.flags-drop__item-flag.flags-drop__item-flag--jp {
    height: 14px;
    background-position: -2611px 0
}

.input-flag--ke,
.flags-drop__item-flag.flags-drop__item-flag--ke {
    height: 14px;
    background-position: -2633px 0
}

.input-flag--kg,
.flags-drop__item-flag.flags-drop__item-flag--kg {
    height: 12px;
    background-position: -2655px 0
}

.input-flag--kh,
.flags-drop__item-flag.flags-drop__item-flag--kh {
    height: 13px;
    background-position: -2677px 0
}

.input-flag--ki,
.flags-drop__item-flag.flags-drop__item-flag--ki {
    height: 10px;
    background-position: -2699px 0
}

.input-flag--km,
.flags-drop__item-flag.flags-drop__item-flag--km {
    height: 12px;
    background-position: -2721px 0
}

.input-flag--kn,
.flags-drop__item-flag.flags-drop__item-flag--kn {
    height: 14px;
    background-position: -2743px 0
}

.input-flag--kp,
.flags-drop__item-flag.flags-drop__item-flag--kp {
    height: 10px;
    background-position: -2765px 0
}

.input-flag--kr,
.flags-drop__item-flag.flags-drop__item-flag--kr {
    height: 14px;
    background-position: -2787px 0
}

.input-flag--kw,
.flags-drop__item-flag.flags-drop__item-flag--kw {
    height: 10px;
    background-position: -2809px 0
}

.input-flag--ky,
.flags-drop__item-flag.flags-drop__item-flag--ky {
    height: 10px;
    background-position: -2831px 0
}

.input-flag--kz,
.flags-drop__item-flag.flags-drop__item-flag--kz {
    height: 10px;
    background-position: -2853px 0
}

.input-flag--la,
.flags-drop__item-flag.flags-drop__item-flag--la {
    height: 14px;
    background-position: -2875px 0
}

.input-flag--lb,
.flags-drop__item-flag.flags-drop__item-flag--lb {
    height: 14px;
    background-position: -2897px 0
}

.input-flag--lc,
.flags-drop__item-flag.flags-drop__item-flag--lc {
    height: 10px;
    background-position: -2919px 0
}

.input-flag--li,
.flags-drop__item-flag.flags-drop__item-flag--li {
    height: 12px;
    background-position: -2941px 0
}

.input-flag--lk,
.flags-drop__item-flag.flags-drop__item-flag--lk {
    height: 10px;
    background-position: -2963px 0
}

.input-flag--lr,
.flags-drop__item-flag.flags-drop__item-flag--lr {
    height: 11px;
    background-position: -2985px 0
}

.input-flag--ls,
.flags-drop__item-flag.flags-drop__item-flag--ls {
    height: 14px;
    background-position: -3007px 0
}

.input-flag--lt,
.flags-drop__item-flag.flags-drop__item-flag--lt {
    height: 12px;
    background-position: -3029px 0
}

.input-flag--lu,
.flags-drop__item-flag.flags-drop__item-flag--lu {
    height: 12px;
    background-position: -3051px 0
}

.input-flag--lv,
.flags-drop__item-flag.flags-drop__item-flag--lv {
    height: 10px;
    background-position: -3073px 0
}

.input-flag--ly,
.flags-drop__item-flag.flags-drop__item-flag--ly {
    height: 10px;
    background-position: -3095px 0
}

.input-flag--ma,
.flags-drop__item-flag.flags-drop__item-flag--ma {
    height: 14px;
    background-position: -3117px 0
}

.input-flag--mc,
.flags-drop__item-flag.flags-drop__item-flag--mc {
    height: 15px;
    background-position: -3139px 0
}

.input-flag--md,
.flags-drop__item-flag.flags-drop__item-flag--md {
    height: 10px;
    background-position: -3160px 0
}

.input-flag--me,
.flags-drop__item-flag.flags-drop__item-flag--me {
    height: 10px;
    background-position: -3182px 0
}

.input-flag--mf,
.flags-drop__item-flag.flags-drop__item-flag--mf {
    height: 14px;
    background-position: -3204px 0
}

.input-flag--mg,
.flags-drop__item-flag.flags-drop__item-flag--mg {
    height: 14px;
    background-position: -3226px 0
}

.input-flag--mh,
.flags-drop__item-flag.flags-drop__item-flag--mh {
    height: 11px;
    background-position: -3248px 0
}

.input-flag--mk,
.flags-drop__item-flag.flags-drop__item-flag--mk {
    height: 10px;
    background-position: -3270px 0
}

.input-flag--ml,
.flags-drop__item-flag.flags-drop__item-flag--ml {
    height: 14px;
    background-position: -3292px 0
}

.input-flag--mm,
.flags-drop__item-flag.flags-drop__item-flag--mm {
    height: 14px;
    background-position: -3314px 0
}

.input-flag--mn,
.flags-drop__item-flag.flags-drop__item-flag--mn {
    height: 10px;
    background-position: -3336px 0
}

.input-flag--mo,
.flags-drop__item-flag.flags-drop__item-flag--mo {
    height: 14px;
    background-position: -3358px 0
}

.input-flag--mp,
.flags-drop__item-flag.flags-drop__item-flag--mp {
    height: 10px;
    background-position: -3380px 0
}

.input-flag--mq,
.flags-drop__item-flag.flags-drop__item-flag--mq {
    height: 14px;
    background-position: -3402px 0
}

.input-flag--mr,
.flags-drop__item-flag.flags-drop__item-flag--mr {
    height: 14px;
    background-position: -3424px 0
}

.input-flag--ms,
.flags-drop__item-flag.flags-drop__item-flag--ms {
    height: 10px;
    background-position: -3446px 0
}

.input-flag--mt,
.flags-drop__item-flag.flags-drop__item-flag--mt {
    height: 14px;
    background-position: -3468px 0
}

.input-flag--mu,
.flags-drop__item-flag.flags-drop__item-flag--mu {
    height: 14px;
    background-position: -3490px 0
}

.input-flag--mv,
.flags-drop__item-flag.flags-drop__item-flag--mv {
    height: 14px;
    background-position: -3512px 0
}

.input-flag--mw,
.flags-drop__item-flag.flags-drop__item-flag--mw {
    height: 14px;
    background-position: -3534px 0
}

.input-flag--mx,
.flags-drop__item-flag.flags-drop__item-flag--mx {
    height: 12px;
    background-position: -3556px 0
}

.input-flag--my,
.flags-drop__item-flag.flags-drop__item-flag--my {
    height: 10px;
    background-position: -3578px 0
}

.input-flag--mz,
.flags-drop__item-flag.flags-drop__item-flag--mz {
    height: 14px;
    background-position: -3600px 0
}

.input-flag--na,
.flags-drop__item-flag.flags-drop__item-flag--na {
    height: 14px;
    background-position: -3622px 0
}

.input-flag--nc,
.flags-drop__item-flag.flags-drop__item-flag--nc {
    height: 10px;
    background-position: -3644px 0
}

.input-flag--ne,
.flags-drop__item-flag.flags-drop__item-flag--ne {
    height: 15px;
    background-position: -3666px 0
}

.input-flag--nf,
.flags-drop__item-flag.flags-drop__item-flag--nf {
    height: 10px;
    background-position: -3686px 0
}

.input-flag--ng,
.flags-drop__item-flag.flags-drop__item-flag--ng {
    height: 10px;
    background-position: -3708px 0
}

.input-flag--ni,
.flags-drop__item-flag.flags-drop__item-flag--ni {
    height: 12px;
    background-position: -3730px 0
}

.input-flag--nl,
.flags-drop__item-flag.flags-drop__item-flag--nl {
    height: 14px;
    background-position: -3752px 0
}

.input-flag--no,
.flags-drop__item-flag.flags-drop__item-flag--no {
    height: 15px;
    background-position: -3774px 0
}

.input-flag--np,
.flags-drop__item-flag.flags-drop__item-flag--np {
    height: 15px;
    background-position: -3796px 0
}

.input-flag--nr,
.flags-drop__item-flag.flags-drop__item-flag--nr {
    height: 10px;
    background-position: -3811px 0
}

.input-flag--nu,
.flags-drop__item-flag.flags-drop__item-flag--nu {
    height: 10px;
    background-position: -3833px 0
}

.input-flag--nz,
.flags-drop__item-flag.flags-drop__item-flag--nz {
    height: 10px;
    background-position: -3855px 0
}

.input-flag--om,
.flags-drop__item-flag.flags-drop__item-flag--om {
    height: 10px;
    background-position: -3877px 0
}

.input-flag--pa,
.flags-drop__item-flag.flags-drop__item-flag--pa {
    height: 14px;
    background-position: -3899px 0
}

.input-flag--pe,
.flags-drop__item-flag.flags-drop__item-flag--pe {
    height: 14px;
    background-position: -3921px 0
}

.input-flag--pf,
.flags-drop__item-flag.flags-drop__item-flag--pf {
    height: 14px;
    background-position: -3943px 0
}

.input-flag--pg,
.flags-drop__item-flag.flags-drop__item-flag--pg {
    height: 15px;
    background-position: -3965px 0
}

.input-flag--ph,
.flags-drop__item-flag.flags-drop__item-flag--ph {
    height: 10px;
    background-position: -3987px 0
}

.input-flag--pk,
.flags-drop__item-flag.flags-drop__item-flag--pk {
    height: 14px;
    background-position: -4009px 0
}

.input-flag--pl,
.flags-drop__item-flag.flags-drop__item-flag--pl {
    height: 13px;
    background-position: -4031px 0
}

.input-flag--pm,
.flags-drop__item-flag.flags-drop__item-flag--pm {
    height: 14px;
    background-position: -4053px 0
}

.input-flag--pn,
.flags-drop__item-flag.flags-drop__item-flag--pn {
    height: 10px;
    background-position: -4075px 0
}

.input-flag--pr,
.flags-drop__item-flag.flags-drop__item-flag--pr {
    height: 14px;
    background-position: -4097px 0
}

.input-flag--ps,
.flags-drop__item-flag.flags-drop__item-flag--ps {
    height: 10px;
    background-position: -4119px 0
}

.input-flag--pt,
.flags-drop__item-flag.flags-drop__item-flag--pt {
    height: 14px;
    background-position: -4141px 0
}

.input-flag--pw,
.flags-drop__item-flag.flags-drop__item-flag--pw {
    height: 13px;
    background-position: -4163px 0
}

.input-flag--py,
.flags-drop__item-flag.flags-drop__item-flag--py {
    height: 11px;
    background-position: -4185px 0
}

.input-flag--qa,
.flags-drop__item-flag.flags-drop__item-flag--qa {
    height: 8px;
    background-position: -4207px 0
}

.input-flag--re,
.flags-drop__item-flag.flags-drop__item-flag--re {
    height: 14px;
    background-position: -4229px 0
}

.input-flag--ro,
.flags-drop__item-flag.flags-drop__item-flag--ro {
    height: 14px;
    background-position: -4251px 0
}

.input-flag--rs,
.flags-drop__item-flag.flags-drop__item-flag--rs {
    height: 14px;
    background-position: -4273px 0
}

.input-flag--ru,
.flags-drop__item-flag.flags-drop__item-flag--ru {
    height: 14px;
    background-position: -4295px 0
}

.input-flag--rw,
.flags-drop__item-flag.flags-drop__item-flag--rw {
    height: 14px;
    background-position: -4317px 0
}

.input-flag--sa,
.flags-drop__item-flag.flags-drop__item-flag--sa {
    height: 14px;
    background-position: -4339px 0
}

.input-flag--sb,
.flags-drop__item-flag.flags-drop__item-flag--sb {
    height: 10px;
    background-position: -4361px 0
}

.input-flag--sc,
.flags-drop__item-flag.flags-drop__item-flag--sc {
    height: 10px;
    background-position: -4383px 0
}

.input-flag--sd,
.flags-drop__item-flag.flags-drop__item-flag--sd {
    height: 10px;
    background-position: -4405px 0
}

.input-flag--se,
.flags-drop__item-flag.flags-drop__item-flag--se {
    height: 13px;
    background-position: -4427px 0
}

.input-flag--sg,
.flags-drop__item-flag.flags-drop__item-flag--sg {
    height: 14px;
    background-position: -4449px 0
}

.input-flag--sh,
.flags-drop__item-flag.flags-drop__item-flag--sh {
    height: 10px;
    background-position: -4471px 0
}

.input-flag--si,
.flags-drop__item-flag.flags-drop__item-flag--si {
    height: 10px;
    background-position: -4493px 0
}

.input-flag--sj,
.flags-drop__item-flag.flags-drop__item-flag--sj {
    height: 15px;
    background-position: -4515px 0
}

.input-flag--sk,
.flags-drop__item-flag.flags-drop__item-flag--sk {
    height: 14px;
    background-position: -4537px 0
}

.input-flag--sl,
.flags-drop__item-flag.flags-drop__item-flag--sl {
    height: 14px;
    background-position: -4559px 0
}

.input-flag--sm,
.flags-drop__item-flag.flags-drop__item-flag--sm {
    height: 15px;
    background-position: -4581px 0
}

.input-flag--sn,
.flags-drop__item-flag.flags-drop__item-flag--sn {
    height: 14px;
    background-position: -4603px 0
}

.input-flag--so,
.flags-drop__item-flag.flags-drop__item-flag--so {
    height: 14px;
    background-position: -4625px 0
}

.input-flag--sr,
.flags-drop__item-flag.flags-drop__item-flag--sr {
    height: 14px;
    background-position: -4647px 0
}

.input-flag--ss,
.flags-drop__item-flag.flags-drop__item-flag--ss {
    height: 10px;
    background-position: -4669px 0
}

.input-flag--st,
.flags-drop__item-flag.flags-drop__item-flag--st {
    height: 10px;
    background-position: -4691px 0
}

.input-flag--sv,
.flags-drop__item-flag.flags-drop__item-flag--sv {
    height: 12px;
    background-position: -4713px 0
}

.input-flag--sx,
.flags-drop__item-flag.flags-drop__item-flag--sx {
    height: 14px;
    background-position: -4735px 0
}

.input-flag--sy,
.flags-drop__item-flag.flags-drop__item-flag--sy {
    height: 14px;
    background-position: -4757px 0
}

.input-flag--sz,
.flags-drop__item-flag.flags-drop__item-flag--sz {
    height: 14px;
    background-position: -4779px 0
}

.input-flag--ta,
.flags-drop__item-flag.flags-drop__item-flag--ta {
    height: 10px;
    background-position: -4801px 0
}

.input-flag--tc,
.flags-drop__item-flag.flags-drop__item-flag--tc {
    height: 10px;
    background-position: -4823px 0
}

.input-flag--td,
.flags-drop__item-flag.flags-drop__item-flag--td {
    height: 14px;
    background-position: -4845px 0
}

.input-flag--tf,
.flags-drop__item-flag.flags-drop__item-flag--tf {
    height: 14px;
    background-position: -4867px 0
}

.input-flag--tg,
.flags-drop__item-flag.flags-drop__item-flag--tg {
    height: 13px;
    background-position: -4889px 0
}

.input-flag--th,
.flags-drop__item-flag.flags-drop__item-flag--th {
    height: 14px;
    background-position: -4911px 0
}

.input-flag--tj,
.flags-drop__item-flag.flags-drop__item-flag--tj {
    height: 10px;
    background-position: -4933px 0
}

.input-flag--tk,
.flags-drop__item-flag.flags-drop__item-flag--tk {
    height: 10px;
    background-position: -4955px 0
}

.input-flag--tl,
.flags-drop__item-flag.flags-drop__item-flag--tl {
    height: 10px;
    background-position: -4977px 0
}

.input-flag--tm,
.flags-drop__item-flag.flags-drop__item-flag--tm {
    height: 14px;
    background-position: -4999px 0
}

.input-flag--tn,
.flags-drop__item-flag.flags-drop__item-flag--tn {
    height: 14px;
    background-position: -5021px 0
}

.input-flag--to,
.flags-drop__item-flag.flags-drop__item-flag--to {
    height: 10px;
    background-position: -5043px 0
}

.input-flag--tr,
.flags-drop__item-flag.flags-drop__item-flag--tr {
    height: 14px;
    background-position: -5065px 0
}

.input-flag--tt,
.flags-drop__item-flag.flags-drop__item-flag--tt {
    height: 12px;
    background-position: -5087px 0
}

.input-flag--tv,
.flags-drop__item-flag.flags-drop__item-flag--tv {
    height: 10px;
    background-position: -5109px 0
}

.input-flag--tw,
.flags-drop__item-flag.flags-drop__item-flag--tw {
    height: 14px;
    background-position: -5131px 0
}

.input-flag--tz,
.flags-drop__item-flag.flags-drop__item-flag--tz {
    height: 14px;
    background-position: -5153px 0
}

.input-flag--ua,
.flags-drop__item-flag.flags-drop__item-flag--ua {
    height: 14px;
    background-position: -5175px 0
}

.input-flag--ug,
.flags-drop__item-flag.flags-drop__item-flag--ug {
    height: 14px;
    background-position: -5197px 0
}

.input-flag--um,
.flags-drop__item-flag.flags-drop__item-flag--um {
    height: 11px;
    background-position: -5219px 0
}

.input-flag--us,
.flags-drop__item-flag.flags-drop__item-flag--us {
    height: 11px;
    background-position: -5241px 0
}

.input-flag--uy,
.flags-drop__item-flag.flags-drop__item-flag--uy {
    height: 14px;
    background-position: -5263px 0
}

.input-flag--uz,
.flags-drop__item-flag.flags-drop__item-flag--uz {
    height: 10px;
    background-position: -5285px 0
}

.input-flag--va,
.flags-drop__item-flag.flags-drop__item-flag--va {
    height: 15px;
    background-position: -5307px 0
}

.input-flag--vc,
.flags-drop__item-flag.flags-drop__item-flag--vc {
    height: 14px;
    background-position: -5324px 0
}

.input-flag--ve,
.flags-drop__item-flag.flags-drop__item-flag--ve {
    height: 14px;
    background-position: -5346px 0
}

.input-flag--vg,
.flags-drop__item-flag.flags-drop__item-flag--vg {
    height: 10px;
    background-position: -5368px 0
}

.input-flag--vi,
.flags-drop__item-flag.flags-drop__item-flag--vi {
    height: 14px;
    background-position: -5390px 0
}

.input-flag--vn,
.flags-drop__item-flag.flags-drop__item-flag--vn {
    height: 14px;
    background-position: -5412px 0
}

.input-flag--vu,
.flags-drop__item-flag.flags-drop__item-flag--vu {
    height: 12px;
    background-position: -5434px 0
}

.input-flag--wf,
.flags-drop__item-flag.flags-drop__item-flag--wf {
    height: 14px;
    background-position: -5456px 0
}

.input-flag--ws,
.flags-drop__item-flag.flags-drop__item-flag--ws {
    height: 10px;
    background-position: -5478px 0
}

.input-flag--xk,
.flags-drop__item-flag.flags-drop__item-flag--xk {
    height: 15px;
    background-position: -5500px 0
}

.input-flag--ye,
.flags-drop__item-flag.flags-drop__item-flag--ye {
    height: 14px;
    background-position: -5522px 0
}

.input-flag--yt,
.flags-drop__item-flag.flags-drop__item-flag--yt {
    height: 14px;
    background-position: -5544px 0
}

.input-flag--za,
.flags-drop__item-flag.flags-drop__item-flag--za {
    height: 14px;
    background-position: -5566px 0
}

.input-flag--zm,
.flags-drop__item-flag.flags-drop__item-flag--zm {
    height: 14px;
    background-position: -5588px 0
}

.input-flag--zw,
.flags-drop__item-flag.flags-drop__item-flag--zw {
    height: 10px;
    background-position: -5610px 0
}

.flags-drop {
    display: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 21;
    width: 100%;
    max-height: 150px;
    padding: 10px 0;
    border-radius: 18px;
    border: 2px solid #eac58b;
    background-color: #171717
}

.flags-drop__item {
    display: grid;
    grid-template-rows: none;
    grid-template-columns: .2fr .22fr 1fr;
    gap: .5em;
    position: relative;
    padding: 5px;
    text-align: left;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flags-drop__item.active {
    cursor: default
}

.flags-drop__item.active.flags-drop__item-code,
.flags-drop__item.active.flags-drop__item-country {
    color: #fff
}

.flags-drop__item-flag {
    width: 20px;
    height: 15px;
    margin: 0 10px 0 5px;
    background-image: url("flags.png");
    background-repeat: no-repeat;
    background-size: 5630px 15px
}

.flags-drop__item-code {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46px;
    flex: 0 0 46px;
    font-size: 13px;
    line-height: 1;
    color: #e7c28b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flags-drop__item-country {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 13px;
    line-height: 1;
    color: #e7c28b;
    white-space: pre-wrap
}

.input-flag__country-code {
    font-size: 14px;
    font-weight: 700;
    color: #b89d75;
    min-width: 46px;
    text-align: center;
    padding: 0 5px;
    font-family: "Tahoma Bold", sans-serif
}

.input-flag__arrow {
    display: block;
    width: 15px;
    height: 15px;
    background: url("arrow-down.svg") no-repeat center center;
    background-size: contain
}

@media all and (min-width: 1px) {
    .my_profile .label-input {
        margin-bottom: 0
    }

    .page__title,
    .page__section-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #222;
        background: -webkit-gradient(linear, left top, left bottom, from(#e2dedb), color-stop(32%, #ada496), color-stop(66%, #ada496), to(#e8c38a));
        background: linear-gradient(to bottom, #e2dedb 0%, #ada496 32%, #ada496 66%, #e8c38a 100%);
        font-size: 17px;
        font-family: "Tahoma Bold", sans-serif;
        text-align: center;
        text-transform: uppercase
    }

    .page__title span {
        display: block;
        width: 100%
    }

    .page__title:before {
        cursor: pointer;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 10px;
        background: url(arrow-left.svg?v2) no-repeat 0 0;
        font-size: 8px;
        line-height: 1
    }

    .language--ru .page__title:before {
        content: "Назад"
    }

    .language--en .page__title:before {
        content: "Back"
    }

    .page__content--empty {
        padding: 20px 15px;
        text-align: center;
        font-size: 17px
    }

    .main-context p {
        margin-bottom: 15px
    }

    .main-context .note {
        margin-top: 30px;
        padding: 0 15px;
        margin-bottom: 0
    }

    .main-popup-block .gold {
        color: #d6b68e !important
    }

    .main-popup-block .white {
        color: #fff !important
    }

    .inner-class {
        padding: 20px 0
    }

    .main-popup-block a {
        color: #e7c28b;
        text-decoration: underline;
        font-size: 14px
    }

    .main-popup-block .link--white {
        text-decoration: none
    }

    .main-popup-block h2 {
        margin: 0 -5px 12px;
        padding: 3px 0;
        -webkit-box-shadow: inset 0 0 14px -3px rgba(255, 255, 255, .3);
        box-shadow: inset 0 0 14px -3px rgba(255, 255, 255, .3);
        color: #fff;
        background: #000;
        border-top: 1px solid #e7c28b;
        border-bottom: 1px solid #e7c28b;
        line-height: initial;
        text-transform: uppercase;
        font-family: "Tahoma Regular", sans-serif;
        font-size: 17px;
        text-align: center
    }

    .main-popup-block__h2--mb15 {
        margin-bottom: 15px !important
    }

    .main-popup-block h3 {
        margin: 0;
        padding: 11px 0;
        color: #fff;
        border: none;
        line-height: initial;
        text-transform: uppercase;
        font-size: 16px;
        text-align: center
    }

    .main-popup-block h1 {
        padding: 5px 0;
        background: #000;
        border: 1px solid #525a60;
        color: #fff;
        font-size: 23px;
        text-align: center;
        margin-left: -15px;
        margin-right: -15px
    }

    .gold-color {
        color: #d6b68e;
        font-family: "Tahoma Bold", sans-serif
    }

    .main-popup-block ol,
    .main-popup-block ul {
        color: #fff
    }

    .main-popup-block table {
        border: 1px solid #e7c28b;
        color: #f7f8fa;
        font-family: "Tahoma Regular", sans-serif;
        font-size: 15px;
        margin: 30px auto;
        width: calc(100% - 68px);
        border-radius: 12px;
        overflow: hidden;
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        font-weight: normal
    }

    .main-popup-block table thead {
        border-radius: 12px;
        overflow: hidden
    }

    .main-popup-block table thead tr th {
        text-align: center;
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 15px;
        font-family: "Tahoma Regular", sans-serif;
        padding: 14px 10px;
        border-bottom: 1px solid #b9ac92;
        border-right: 1px solid #b9ac92;
        font-weight: normal
    }

    .main-popup-block table thead tr th:last-child {
        border-right: none
    }

    .main-popup-block table thead tr th:first-child {
        border-top-left-radius: 12px
    }

    .main-popup-block table thead tr th:last-child {
        border-top-right-radius: 12px
    }

    .main-popup-block table tbody tr td:last-child {
        border-right: none
    }

    .main-popup-block table tbody tr td {
        text-align: center;
        color: #f7f8fa;
        font-size: 10px;
        line-height: 22px;
        font-family: "Tahoma Regular", sans-serif;
        padding: 10px 5px;
        border-bottom: 1px solid #b9ac92;
        border-right: 1px solid #b9ac92
    }

    .main-popup-block table.novertical tbody tr td,
    .main-popup-block table.novertical thead tr th {
        border-right: none
    }

    .main-popup-block table.novertical thead tr th {
        font-family: "Tahoma Regular", sans-serif
    }

    .main-popup-block table.noborder {
        border: none
    }

    .main-popup-block table.noborder thead tr th {
        background: transparent;
        color: #fff !important;
        font-family: "Tahoma Bold", sans-serif
    }

    .main-popup-block table tbody tr:last-child td:last-child {
        border-bottom: none
    }
}

@media all and (min-width: 400px) {
    .main-popup-block table tbody tr td {
        font-size: 13px
    }
}

@media all and (min-width: 500px) {
    .main-popup-block table tbody tr td {
        padding: 10px
    }
}

@media all and (min-width: 574px) {
    .main-popup-block h2 {
        margin: 0 -15px 12px
    }
}

@media all and (min-width: 805px) {
    .page__title {
        display: none
    }

    .page__title.page__section-title {
        display: block
    }

    .page__title.page__section-title::before {
        display: none
    }

    .page__title.page__title--fixed {
        position: sticky;
        z-index: 200;
        top: 81px;
        background: #272828
    }

    .page__section-title {
        color: #e7c28b;
        background: none;
        -webkit-box-shadow: 0 -1px 15px 2px rgba(255, 255, 255, .5) inset;
        box-shadow: 0 -1px 15px 2px rgba(255, 255, 255, .5) inset;
        font-family: "Tahoma Regular", sans-serif;
        font-size: 19px
    }

    .page__section-title::before {
        display: none
    }

    .main-popup-block h2 {
        padding: 11px 0;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 18px;
        background: #272828;
        border: none
    }

    .table-wrap-block table thead tr th {
        background: #1e1f20
    }

    .main-popup-block h3 {
        margin: 30px -15px 15px;
        padding: 11px 0;
        color: #e7c28b;
        background: none;
        -webkit-box-shadow: inset 0 2px 28px 0 rgba(83, 146, 196, .8);
        box-shadow: inset 0 2px 28px 0 rgba(83, 146, 196, .8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b5767", endColorstr="#2b5767", GradientType=0);
        border: none;
        line-height: initial;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 16px;
        text-align: center
    }
}

@media all and (min-width: 1181px) {
    .main-popup-block table tbody tr:last-child td {
        border-bottom: none
    }
}

@media all and (max-width: 804px) {
    #main-container {
        overflow-x: hidden
    }

    .main-popup-block table {
        background-color: initial
    }
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

html {
    height: 100%;
    text-rendering: optimizeLegibility;
    min-height: 100vh
}

body {
    display: block !important;
    font-family: "Tahoma Regular", sans-serif;
    height: 100%;
    min-height: 100vh;
    overflow-x: hidden
}

p {
    margin: 0;
    line-height: normal
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 15px 0;
    color: #e7c28b
}

.text {
    color: #e7c28b
}

.text--green {
    color: #21a300
}

.text--red {
    color: #cf3f3f
}

.text--gold {
    color: #f0c788
}

.text--white {
    color: #fff
}

.text--upper {
    text-transform: uppercase
}

.link {
    cursor: pointer;
    text-decoration: underline;
    color: #e7c28b !important;
    border: none;
    outline: none;
    background: transparent
}

.link:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
    text-decoration: none
}

.link--white {
    color: #fff !important
}

.centred-block {
    display: block;
    margin: 0 auto
}

#chat-widget-container {
    display: none !important
}

#chat-widget-container {
    display: block !important
}

#chat-widget-container {
    z-index: 1000 !important;
    right: 0 !important
}

.spt-bet-slip>div {
    overflow: hidden !important
}

.spt-bet-slip {
    bottom: 4px !important
}

body.game-page #chat-widget-container.live-chat-show-index,
body.landing-page #chat-widget-container.live-chat-show-index {
    z-index: 1100 !important
}

.game-page #chat-widget-container,
.game-page .icon-block-in-slider {
    z-index: 0 !important
}

.popup {
    -webkit-overflow-scrolling: touch !important
}

.opera .popup {
    -webkit-overflow-scrolling: auto !important
}

.contentBox {
    display: none;
    background-color: #171717;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media all and (max-width: 804px) {
    .contentBox {
        min-height: 100%
    }
}

#contentBox ul,
.body-notice {
    list-style: none !important;
    padding: 4px 0 0;
    font-family: "Tahoma Regular", sans-serif
}

#contentBox ul li,
.body-notice li {
    position: relative;
    padding-left: 18px;
    line-height: 21px
}

#contentBox ul li:before,
.body-notice li:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    width: 8px;
    height: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdd), to(#dab987)) !important;
    background: linear-gradient(to bottom, #dcdcdd, #dab987) !important;
    border-radius: 50%
}

#contentBox ul li>ul li:before {
    top: 9px;
    left: 4px;
    content: "";
    width: 5px;
    height: 5px
}

#contentBox .wrap-priz-number ul li,
#contentBox .wrap-priz-number ul li:before,
#contentBox .table-wrap ul li,
#contentBox .table-wrap ul li:before {
    position: static;
    padding-left: 0;
    line-height: 20px
}

table {
    border-collapse: separate
}

input,
textarea,
button,
select {
    outline: none;
    font-family: "Tahoma Regular", sans-serif
}

::-webkit-input-placeholder {
    color: #626161
}

:-moz-placeholder {
    vertical-align: middle;
    color: #626161
}

::-moz-placeholder {
    vertical-align: top;
    color: #626161
}

:-ms-input-placeholder {
    color: #626161
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent
}

img {
    max-width: 100%
}

.disable-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nowrap {
    white-space: nowrap
}

.grecaptcha-badge {
    visibility: hidden
}

.touch .no_touch {
    display: none
}

@media all and (min-width: 1px) {
    .timer-for-lottery {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center
    }

    .games-filter__collections-link {
        position: relative;
        height: 30px;
        padding-top: 0 !important;
        margin-left: 3px !important;
        margin-right: 3px !important;
        margin-bottom: 6px !important;
        border: 2px solid #e7c28b;
        border-radius: 15px !important;
        font-size: 11px !important;
        line-height: 26px !important;
        text-align: center
    }

    .games-filter__collections-link::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        border-bottom: 4px solid #e7c28b;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .games-filter__collections-link.active::after,
    .games-filter__collections-link:active::after,
    html:not(.touch) .games-filter__collections-link:hover::after {
        -webkit-transform: translate3d(-50%, 5px, 0);
        transform: translate3d(-50%, 5px, 0);
        border-top: 4px solid #e7c28b;
        border-bottom: none
    }

    .games-filter__collections-link--vsport,
    .games-filter__collections-link--esport,
    .games-filter__collections-link--sport {
        width: 140px;
        padding: 0 0 0 26px !important
    }

    .games-filter__collections-link--vsport::before,
    .games-filter__collections-link--esport::before,
    .games-filter__collections-link--sport::before {
        position: absolute;
        -webkit-transform: translate(-26px, 3px);
        -ms-transform: translate(-26px, 3px);
        transform: translate(-26px, 3px);
        display: inline-block;
        content: "";
        width: 20px;
        height: 20px;
        background-size: contain
    }

    .games-filter__collections-link--vsport::before,
    .games-filter__collections-link--esport::before {
        -webkit-transform: translate(-26px, 2px);
        -ms-transform: translate(-26px, 2px);
        transform: translate(-26px, 2px);
        width: 22px;
        height: 22px
    }

    .games-filter__collections-link--vsport::before {
        -webkit-transform: translate(-26px, 1px);
        -ms-transform: translate(-26px, 1px);
        transform: translate(-26px, 1px)
    }

    .games-filter__collections-link--vsport::before {
        background: url(vsport.svg) no-repeat center;
        background-size: contain
    }

    .games-filter__collections-link--vsport.active::before,
    .games-filter__collections-link--vsport:active::before,
    html:not(.touch) .games-filter__collections-link--vsport:hover::before {
        background: url(vsport-black.svg) no-repeat center;
        background-size: contain
    }

    .games-filter__collections-link--esport::before {
        background: url(cyber-sport.svg) no-repeat center
    }

    .games-filter__collections-link--esport.active::before,
    .games-filter__collections-link--esport:active::before,
    html:not(.touch) .games-filter__collections-link--esport:hover::before {
        background: url(cyber-sport-dark.svg) no-repeat center
    }

    .games-filter__collections-link--sport::before {
        background: url(sport.svg) no-repeat center
    }

    .games-filter__collections-link--sport.active::before,
    .games-filter__collections-link--sport:active::before,
    html:not(.touch) .games-filter__collections-link--sport:hover::before {
        background: url(sport-black.svg) no-repeat center
    }

    .games-filter__collections-link--vip {
        background: #e3deda;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3deda", endColorstr="#efc384", GradientType=0);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#efc688));
        background-image: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%), linear-gradient(#e6e6e6, #efc688);
        -webkit-box-shadow: inset 0px 1px 0px 1px rgba(238, 198, 137, .75), inset 0px -1px 0px 1px rgba(230, 230, 230, .75);
        box-shadow: inset 0px 1px 0px 1px rgba(238, 198, 137, .75), inset 0px -1px 0px 1px rgba(230, 230, 230, .75);
        color: #000 !important;
        width: unset !important;
        border: 2px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-clip: padding-box, border-box;
        background-origin: padding-box, border-box
    }

    html:not(.touch) .games-filter__collections-link--vip:hover {
        background: #fff !important;
        color: #000 !important;
        -webkit-filter: none !important;
        filter: none !important;
        border: 2px solid transparent !important;
        background-clip: padding-box, border-box !important;
        background-origin: padding-box, border-box !important;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fffefd), to(#ffc976)) !important;
        background-image: linear-gradient(#fff, #fff), linear-gradient(#fffefd, #ffc976) !important
    }

    html:not(.touch) .games-filter__collections-link--vip:hover:after {
        -webkit-transform: translate3d(-50%, 6px, 0);
        transform: translate3d(-50%, 6px, 0);
        border-top: unset;
        border-bottom: none
    }

    .games-filter__collections-link--vip:before {
        content: "";
        position: unset !important;
        display: inline-block;
        border: none;
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
        -webkit-transform: translate3d(-7px, 0, 0) !important;
        transform: translate3d(-7px, 0, 0) !important;
        margin-left: 5px;
        width: 12px;
        height: 9px;
        background: url(crown-vip.png) no-repeat center;
        background-size: contain
    }

    .games-filter__collections-link--vip:hover:before {
        border-top: none !important;
        border: none;
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
        opacity: 1 !important
    }

    .games-filter__collections-link--vip:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        border-bottom: 4px solid #000;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0
    }

    .games-filter__collections-link--vip.active {
        background: #fff !important;
        color: #000 !important;
        -webkit-filter: none !important;
        filter: none !important;
        border: 2px solid transparent !important;
        background-clip: padding-box, border-box !important;
        background-origin: padding-box, border-box !important;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fffefd), to(#ffc976)) !important;
        background-image: linear-gradient(#fff, #fff), linear-gradient(#fffefd, #ffc976) !important
    }

    .games-filter__collections-link--vip.active:before {
        border-top: 0 !important
    }

    .games-filter__collections-link--vip.active:after {
        -webkit-transform: translate3d(-50%, 6px, 0) !important;
        transform: translate3d(-50%, 6px, 0) !important;
        border-top: 4px solid #e7c28b !important;
        border-bottom: none !important;
        opacity: 1
    }

    .games-filter__providers-link {
        width: 150px;
        font-size: 14px !important;
        line-height: 14px !important;
        padding: 3px 0px 3px 24px !important;
        margin: 2px 0 0 26px !important;
        border-radius: 10px !important;
        text-align: left;
        white-space: normal !important
    }

    .hintOpenCloser {
        display: block;
        position: relative
    }

    .hintOpenCloser:hover .provider-filter__hint {
        display: inline-block
    }

    .provider-filter__hint {
        position: absolute;
        top: 26px;
        bottom: auto;
        margin: 0 auto;
        left: 0;
        right: 0;
        line-height: 14px;
        text-align: center;
        font-style: initial;
        color: #151515;
        font-size: 12px;
        background-color: #aaa399;
        display: none;
        padding: 5px 10px;
        border-radius: 5px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        z-index: 10;
        max-width: 100%;
        text-transform: initial
    }

    .provider-filter__hint:before {
        content: "";
        position: absolute;
        left: 50%;
        top: -4px;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        border-bottom: 4px solid #aaa399;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .provider-filter {
        text-align: left;
        position: relative
    }

    .collection-filter {
        padding-bottom: 4px
    }

    .provider-filter__controls {
        font-size: 12px;
        line-height: normal;
        padding: 9px 5px 13px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-transform: none;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0
    }

    .provider-filter__controls.active .provider-filter__controls-expand {
        display: inline-block
    }

    .provider-filter__controls-expand {
        position: relative;
        display: none;
        cursor: pointer;
        padding: 2px 0 2px 7px;
        border: 1px solid #e7c28b;
        width: 150px;
        height: 20px;
        line-height: 12px;
        margin: 0 3px;
        border-radius: 10px !important
    }

    .provider-filter__controls-expand::first-letter {
        text-transform: capitalize
    }

    .provider-filter__controls-expand:before {
        display: block;
        position: absolute;
        content: "";
        width: 14px;
        height: 14px;
        top: 2px;
        left: 2px;
        background: url("expand.svg") no-repeat;
        background-size: contain
    }

    html:not(.touch) .games-filter__providers-link:hover,
    html:not(.touch) .games-filter__providers-link.active:hover {
        background: #6e6e6e !important;
        color: #e7c28b !important
    }

    .games-filter__providers-link.active {
        background: #3d3d3d !important;
        color: #e7c28b !important
    }

    .games-filter__providers-link:before {
        position: absolute;
        display: block;
        content: "";
        top: 3px;
        left: 3px;
        width: 14px;
        height: 14px;
        background: transparent;
        border: 1px solid #fdf4f0;
        border-radius: 30px
    }

    .games-filter__providers-link:after {
        position: absolute;
        display: block;
        content: "";
        top: 6px;
        left: 6px;
        width: 8px;
        height: 8px;
        background: transparent;
        border-radius: 30px
    }

    .games-filter__providers-link.active:after {
        background: -webkit-linear-gradient(-90deg, #e6e6e6 0%, #d6cdc3 18%, #aca498 45%, #e5c18b 87%, #f0c788 100%)
    }

    .my_profile .error-box input:not(:focus),
    .my_profile .error-box select:not(:focus) {
        margin-bottom: 0 !important
    }

    .my_profile .error-box .select2-phone-input.main-tabs-input-class {
        height: 32px
    }

    .my_profile .select2-phone-input.main-tabs-input-class {
        height: 32px
    }

    .purses__list {
        display: grid;
        margin: 0 0 20px
    }
}

@media all and (min-width: 1px)and (min-width: 680px) {
    .purses__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media all and (min-width: 1px)and (min-width: 805px) {
    .purses__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media all and (min-width: 1px) {
    .purses__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 20px;
        margin: 5px;
        border: 1px solid #e7c28b;
        border-radius: 8px;
        text-align: center;
        min-width: 0
    }
}

@media all and (min-width: 1px) {
    .purses__item-title {
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media all and (min-width: 1px) {
    .purses__item-btn {
        width: 120px;
        margin-top: 8px;
        -ms-flex-item-align: center;
        align-self: center
    }
}

@media all and (min-width: 1px) {
    .lottery-table>div {
        margin-bottom: 10px
    }
}

@media all and (min-width: 1px) {
    .name-lottery-block {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .name-lottery-block:before {
        content: "";
        position: absolute;
        left: -5px;
        right: -5px;
        bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
}

@media all and (min-width: 1px) {
    .bonus-page__center {
        max-width: 725px;
        margin: 0 auto;
        text-align: left
    }
}

@media all and (min-width: 1px) {
    .bonus-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 0 -10px 40px
    }
}

@media all and (min-width: 1px) {
    .bonus-list__item {
        position: relative;
        display: block;
        padding: 6px;
        margin: 0 18px 8px;
        border: 1px solid #e1c392;
        border-radius: 18px;
        background: #272828;
        vertical-align: top
    }
}

@media all and (min-width: 1px) {
    .sport-bonus .bonus-list__item {
        background-color: rgba(0, 0, 0, .45)
    }
}

@media all and (min-width: 1px) {
    .bonus-list__item-img {
        position: absolute;
        left: 50%;
        top: -73px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-height: 155px;
        width: auto;
        max-width: none
    }
}

@media all and (min-width: 1px) {
    .bonus-list__item-title {
        margin-bottom: 17px;
        font-size: 16px;
        line-height: 1.3;
        color: #e7c28b;
        text-transform: uppercase;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .bonus-list__item-btn {
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%)
    }
}

@media all and (min-width: 1px) {
    .bonus-list__item-btn p {
        margin: 0;
        line-height: 26px
    }
}

@media all and (min-width: 1px) {
    .bonus-list__item-statuses {
        font-size: 0;
        line-height: 0;
        letter-spacing: -4px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .bonus-list__item-status {
        position: relative;
        display: inline-block;
        padding-left: 22px;
        margin: 0 15px 15px;
        font-size: 14px;
        line-height: 1;
        color: #fff;
        letter-spacing: normal;
        vertical-align: top
    }
}

@media all and (min-width: 1px) {
    .bonus-list__item-status:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        background-image: url("star-gold.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center
    }
}

@media all and (min-width: 1px) {
    .bonus-list__item-mobile {
        display: none
    }
}

@media all and (min-width: 1px) {
    .bonus-list__item-img-block {
        position: absolute;
        left: 50%;
        top: -73px;
        width: 152px;
        height: 146px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media all and (min-width: 1px) {
    .sport-promo {
        margin: 0 -16px 40px
    }

    .sport-promo .bonus-list__item {
        width: 100%;
        padding: 60px 0 20px 0;
        margin: 0 0 20px 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media all and (min-width: 1px) {
    .promo-box_btn-box {
        width: 100%;
        text-align: center
    }

    .promo-box_btn-box a {
        color: #141414;
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .btn-1-wr--center {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .btn-1-wr--mb {
        margin-bottom: 20px
    }
}

@media all and (min-width: 1px) {
    .btn-1 {
        display: inline-block;
        min-width: 187px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        background-image: url("getDeposit.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 12px;
        line-height: 24px;
        color: #000;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer
    }

    .btn-1[disabled] {
        pointer-events: none;
        -webkit-filter: brightness(0.5);
        filter: brightness(0.5)
    }

    .btn-1.btn-1-link {
        font-size: 12px;
        color: #000;
        text-decoration: none
    }

    .btn-1.btn-1-link:hover {
        color: #000;
        background: url("star-block-hover.png") no-repeat center;
        border-radius: 0;
        padding: 0;
        min-width: 179px;
        background-size: contain
    }
}

@media all and (min-width: 1px) {
    html body .btn-1:disabled {
        color: #000 !important
    }
}

@media all and (min-width: 1px) {
    .select-wr {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .select-wr .main-tabs-input-class {
        max-width: none;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .select-wr.disabled:after {
        display: none
    }
}

@media all and (min-width: 1px) {
    .select-wr--block {
        display: block
    }
}

@media all and (min-width: 1px) {
    .select-wr--arr-mod:after {
        right: 8px
    }
}

@media all and (min-width: 1px) {
    .lottery-info {
        margin-bottom: 40px
    }
}

@media all and (min-width: 1px) {
    .standart-mobile-styles {
        padding: 0 13px
    }
}

@media all and (min-width: 1px) {

    .home,
    .home-page,
    .collection-page,
    .provider-page,
    .sportlobby-page,
    .favorite-collection-page,
    .sport-page {
        padding-top: 48px !important
    }
}

@media all and (min-width: 1px) {
    .landing-page #main-container {
        display: none
    }
}

@media all and (min-width: 1px) {
    .sport-not-load-text {
        max-width: 900px;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 50px;
        color: #8f8f8f;
        font-size: 20px
    }
}

@media all and (min-width: 1px) {
    .sport-not-load {
        padding: 50px 0 20px 0;
        margin: 0 auto;
        display: block
    }
}

@media all and (min-width: 1px) {

    .wrap-for-myProfile input:disabled,
    .wrap-for-myProfile input[readonly] {
        color: #d3b68c !important
    }
}

@media all and (min-width: 1px) {
    .wrap-for-myProfile select:disabled {
        color: #d3b68c !important
    }
}

@media all and (min-width: 1px) {
    .input-wrap {
        position: relative;
        max-width: 230px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .main-mobile-bottom-menu-wrap {
        position: fixed;
        bottom: -1px;
        width: 100%;
        z-index: 98;
        background-color: rgba(39, 40, 40, .8);
        padding: 7px 0 !important
    }
}

@media all and (min-width: 1px) {
    .mobile-soc-buttons {
        position: absolute;
        bottom: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        opacity: 0;
        right: -80px;
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

@media all and (min-width: 1px) {
    .mobile-soc-buttons.open {
        opacity: 1;
        right: 10px
    }
}

@media all and (min-width: 1px) {
    .mobile-soc-buttons a {
        position: relative;
        display: block;
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border: 2px solid #efc688;
        background-color: rgba(39, 40, 40, .8)
    }
}

@media all and (min-width: 1px) {
    .mobile-soc-buttons a::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 22px;
        height: 22px
    }
}

@media all and (min-width: 1px) {
    .mobile-soc-buttons .telega::after {
        /* background: url("telega.svg") no-repeat center center; */
        left: calc(50% - 2px)
    }
}

@media all and (min-width: 1px) {
    .mobile-soc-buttons .whatsapp::after {
        background: url("whatsapp.svg") no-repeat center center
    }
}

@media all and (min-width: 1px) {
    .mobile-soc-buttons .help-chat::after {
        background: url("live-chat.svg") no-repeat center center;
        width: 26px;
        height: 26px
    }
}

@media all and (min-width: 1px) {
    .red-line {
        text-indent: 25px
    }
}

@media all and (min-width: 1px) {
    .input-wrap .main-tabs-input-class {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .input-wrap--phone {
        max-width: 230px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .prise-currency {
        text-transform: uppercase;
        color: #e7c28b;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .c-burger {
        overflow: visible !important
    }
}

@media all and (min-width: 1px) {
    br {
        color: transparent
    }
}

@media all and (min-width: 1px) {
    .prize-number {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .lottery-name-img a {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .black-background p {
        margin: 0 !important
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block {
        margin-bottom: 40px
    }
}

@media all and (min-width: 1px) {
    .last-tournament {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media all and (min-width: 1px) {
    .hidden-mobile {
        display: none !important
    }
}

@media all and (min-width: 1px) {
    .status-description-list-title {
        margin: 0 !important;
        padding: 23px 0 0 !important
    }
}

@media all and (min-width: 1px) {
    .main-spining-slider .star-list-top2 {
        cursor: pointer !important
    }
}

@media all and (min-width: 1px) {
    .main-text-inner2--move-r {
        margin-left: 20px
    }
}

@media all and (min-width: 1px) {
    .deposit-lottery .tickets-table td {
        width: 33.333%
    }
}

@media all and (min-width: 1px) {
    .silver-gradient {
        background: #e3deda;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%)
    }
}

@media all and (min-width: 1px) {
    .label-in-block-tournir {
        margin-bottom: 15px
    }
}

@media all and (min-width: 1px) {
    .inner-filter-block {
        width: 100%;
        margin: 0 auto;
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 15px;
        position: relative;
        padding-top: 4px
    }
}

@media all and (min-width: 1px) {
    .filter-block {
        display: none;
        background: url(bottom-line.png) repeat-x top;
        margin: 0 0 0
    }
}

@media all and (min-width: 1px) {

    body.collection-page .filter-block,
    body.provider-page .filter-block,
    body.sportlobby-page .filter-block,
    body.favorite-collection-page .filter-block {
        display: block
    }
}

@media all and (min-width: 1px) {
    .img-block {
        background: url(filter-line.png) no-repeat center;
        height: 100%;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .inner-filter-block a {
        display: inline-block;
        vertical-align: top;
        margin: 2px 0 0 6px;
        position: relative;
        border-radius: 15px;
        cursor: pointer;
        padding: 3px 7px;
        text-decoration: none;
        color: inherit;
        white-space: nowrap
    }
}

@media all and (min-width: 1px) {

    html:not(.touch) .inner-filter-block a:hover,
    .inner-filter-block a.active,
    .inner-filter-block a:active {
        background: #e3deda;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3deda", endColorstr="#efc384", GradientType=0);
        color: #000
    }
}

@media all and (min-width: 1px) {
    .game-frame {
        width: 100%;
        height: 100%;
        border: none;
        overflow: hidden
    }

    .game-frame__error {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .timer-tournir {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media all and (min-width: 1px) {
    .mini-left-block {
        width: 45%;
        padding: 6px 0 0 0
    }
}

@media all and (min-width: 1px) {
    .mini-right-block {
        width: 55%;
        padding: 2px 0 0 0
    }
}

@media all and (min-width: 1px) {
    ul.tournament-prize-number li:before {
        width: 0 !important;
        height: 0 !important
    }
}

@media all and (min-width: 1px) {
    ul.tournament-prize-number {
        text-align: center !important;
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    ul.tournament-prize-number li {
        margin: 0 1px;
        text-align: center;
        padding-left: 0 !important;
        display: inline-block;
        vertical-align: top;
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        border: 1px solid transparent;
        outline: 0;
        -webkit-box-shadow: inset 0 0 100px 100px #000;
        box-shadow: inset 0 0 100px 100px #000;
        background: #e3c798;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3c798), to(#e3e3e3));
        background: linear-gradient(to bottom, #e3c798 0%, #e3e3e3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e5799", endColorstr="#7db9e8", GradientType=0);
        border-radius: 3px
    }
}

@media all and (min-width: 1px) {
    ul.tournament-prize-number li p {
        margin: 0;
        line-height: normal;
        display: inline-block;
        text-align: center;
        padding: 1px 3px;
        color: #e1ba84;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .inner-double-block {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .mini-p {
        color: #e7c28b;
        font-size: 13px;
        background: url(clock.png) no-repeat left center;
        padding: 15px 0 1px 43px;
        width: 289px;
        margin: 0 auto 10px
    }
}

@media all and (min-width: 1px) {
    .right-block-with-col .clock-block {
        width: 175px;
        margin: 0 auto;
        float: none;
        font-size: 11px
    }
}

@media all and (min-width: 1px) {
    .table-tournir p {
        text-align: center;
        color: #fff;
        font-size: 20px
    }
}

@media all and (min-width: 1px) {
    .right-block-with-col {
        float: left;
        display: none
    }
}

@media all and (min-width: 1px) {
    .wrap-for-double-block {
        width: 98%;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .wrap-of-img img {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .first-deposit {
        padding-top: 30px
    }
}

@media all and (min-width: 1px) {
    .clearfix::after {
        content: "";
        display: table;
        clear: both
    }
}

@media all and (min-width: 1px) {
    .money-inner .money-item div:first-child {
        width: 44%;
        display: inline-block;
        margin-right: 2%
    }
}

@media all and (min-width: 1px) {
    .money-inner .money-item div:last-child {
        width: 52%;
        display: inline-block;
        text-align: left
    }
}

@media all and (min-width: 1px) {

    .money-inner .money-item-2 img,
    .money-inner .money-item-3 img {
        width: 96px
    }
}

@media all and (min-width: 1px) {
    .money-inner .money-item-1 img {
        width: 130px
    }
}

@media all and (min-width: 1px) {
    .money-inner .money-item div {
        vertical-align: bottom
    }
}

@media all and (min-width: 1px) {
    .mobile-menu-popup-block {
        width: 100%;
        background: #1a1a1a;
        position: fixed;
        top: 48px;
        z-index: -1
    }
}

@media all and (min-width: 1px) {
    .inner-popup-block {
        width: 100%;
        padding-top: 0;
        height: 100%
    }
}

@media all and (min-width: 1px) {
    body {
        background: #272828
    }
}

@media all and (min-width: 1px) {
    .mobile-menu-block {
        position: fixed;
        z-index: 115;
        height: 100vh;
        width: 100%;
        right: -100%;
        top: 48px
    }

    .mobile-menu-block:before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgba(0, 0, 0, .6);
        opacity: 0
    }

    .mobile-menu--opened .mobile-menu-block:before {
        left: -100%;
        right: 100%;
        opacity: 1
    }
}

@media all and (min-width: 1px) {
    .m_app_link {
        width: 130px;
        display: block;
        margin: 20px auto
    }
}

@media all and (min-width: 1px) {
    .inner-mobile-menu-block {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        position: relative;
        height: calc(100vh - 48px);
        width: 85%;
        margin-left: 22%;
        padding: 10px 10px 75px;
        background-color: #272828;
        overflow-y: auto
    }

    .mobile-menu--opened .inner-mobile-menu-block {
        -webkit-animation: slideIn .25s ease-in-out forwards;
        animation: slideIn .25s ease-in-out forwards
    }

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

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

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

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

@media all and (min-width: 1px) {
    .inner-mobile-menu-block .inner-mobile-menu-block__link {
        color: transparent
    }
}

@media all and (min-width: 1px) {
    .inner-mobile-menu-block .jackpot-block-counter-mobile {
        position: relative;
        top: auto;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        left: auto;
        right: auto;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
        border-radius: 5px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .inner-mobile-menu-block .jackpot-block-counter-mobile-jackpot {
        text-transform: uppercase;
        text-align: center;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffedda), color-stop(45%, #a48e6e), to(#ffd491));
        background: linear-gradient(to bottom, #ffedda 0%, #a48e6e 45%, #ffd491 100%);
        font-size: 12px;
        padding: 0 40px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin: 1px auto 15px auto;
        color: #000
    }
}

@media all and (min-width: 1px) {
    .inner-mobile-menu-block__clock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 17px
    }
}

@media all and (min-width: 1px) {
    .menu-tabs-submenu {
        width: 88%;
        margin: 0 auto;
        max-width: 367px
    }
}

@media all and (min-width: 1px) {
    .mobile-menu-promo-bonus {
        overflow: visible !important
    }
}

@media all and (min-width: 1px) {
    .mobile-menu-promo-bonus .input-for-promo-kod {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .block-with-col {
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .main-cl32 {
        display: none
    }
}

@media all and (min-width: 1px) {
    .container-fluid {
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (min-width: 1px) {
    .clear {
        clear: both
    }
}

@media all and (min-width: 1px) {
    html.mobile-menu--opened:not(.touch) body {
        overflow-y: hidden !important
    }

    html.mobile-menu--opened.touch body {
        position: fixed !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: hidden !important;
        min-width: 100vw
    }

    html.mobile-menu--opened.touch.ios.safari,
    html.mobile-menu--opened.touch.ios.safari body {
        height: calc(var(--window-inner-height) - 1px);
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media all and (min-width: 1px) {

    .cashwait-cancel-in-progress .delete-cashwait,
    .cashwait-cancel-in-progress .delete-cashwait:hover {
        opacity: .65
    }
}

@media all and (min-width: 1px) {
    .win-text-block {
        float: left;
        width: 52%
    }
}

@media all and (min-width: 1px) {
    .main-priz>p {
        margin-bottom: 4px
    }
}

@media all and (min-width: 1px) {
    .main-cl1 {
        overflow: hidden;
        font-family: "Tahoma Bold", sans-serif;
        color: #fff;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

@media all and (min-width: 1px) {
    .main-cl2 {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 13px
    }
}

@media all and (min-width: 1px) {
    .main-cl3 {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .main-cl32 {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .main-cl3 span {
        font-size: 19px
    }
}

@media all and (min-width: 1px) {
    .win-text-block p {
        margin-bottom: 2px
    }
}

@media all and (min-width: 1px) {
    .main-now-win {
        margin-bottom: 15px;
        height: 70px
    }
}

@media all and (min-width: 1px) {
    .main-item-win {
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .black {
        color: #000 !important
    }
}

@media all and (min-width: 1px) {
    .grey {
        color: #7d7d7d !important
    }
}

@media all and (min-width: 1px) {
    #registr-email {
        margin: 0
    }
}

@media all and (min-width: 1px) {
    form#signup br {
        display: none
    }
}

@media all and (min-width: 1px) {

    form#signup input[type=text],
    form#signup input[type=email],
    form#signup input[type=password] {
        margin-bottom: 14px
    }
}

@media all and (min-width: 1px) {
    form#signup .new-input__field {
        margin-bottom: 0 !important
    }
}

@media all and (min-width: 1px) {
    .red-error {
        display: none;
        background: #cf3f3f;
        padding: 8px 27px;
        border-radius: 20px;
        position: relative;
        top: -5px
    }

    .red-error a {
        color: #fff;
        text-decoration: underline
    }
}

@media all and (min-width: 1px) {
    .error-box .red-error {
        display: block
    }
}

@media all and (min-width: 1px) {

    .error-box input:focus+.red-error,
    .error-box .select2-container--open~.red-error,
    .error-box.calendar--open .red-error {
        display: none !important
    }
}

@media all and (min-width: 1px) {
    .registration-button-profile {
        color: #000;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 15px;
        border-radius: 15px;
        border: 2px solid #000;
        margin: 0 auto;
        display: inline-block;
        padding: 5px 37px
    }
}

@media all and (min-width: 1px) {
    @-moz-document url-prefix() {
        .registration-button-profile {
            padding: 4px 37px 5px;
            line-height: 20px
        }
    }
}

@media all and (min-width: 1px) {
    .registration-button-profile:hover {
        background: #ece9e7;
        background: -webkit-gradient(linear, left top, left bottom, from(#ece9e7), color-stop(40%, #bcb5aa), color-stop(60%, #bcb5aa), to(#f5d19c));
        background: linear-gradient(to bottom, #ece9e7 0%, #bcb5aa 40%, #bcb5aa 60%, #f5d19c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DCFBB3", endColorstr="#8BAE22", GradientType=0)
    }
}

@media all and (min-width: 1px) {
    .four-col {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        padding-top: 8px;
        height: 62px
    }
}

@media all and (min-width: 1px) {
    html:not(.touch) .inner-heart-right:hover .heart-hover {
        display: inline-block;
        cursor: pointer;
        opacity: .5
    }
}

@media all and (min-width: 1px) {
    .favorite .inner-heart-right:hover .heart-hover {
        opacity: 1 !important
    }
}

@media all and (min-width: 1px) {
    html:not(.touch) .inner-heart-right:hover .heart-disp-b {
        display: none;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .priz-number {
        margin-top: 1px
    }
}

@media all and (min-width: 1px) {
    .priz-number div {
        display: inline-block;
        vertical-align: top;
        margin: 0 3px;
        line-height: 1
    }
}

@media all and (min-width: 1px) {
    .priz-number div span {
        display: block;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .prezent-block-mobile {
        padding: 8px;
        background: #1a2228;
        border-left: 2px solid #0f1317;
        border-top: 2px solid #0f1317;
        border-radius: 8px;
        margin: 0 0 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        outline: none
    }

    .prezent-block-mobile--balance {
        display: grid;
        grid-auto-columns: 1fr;
        padding: 12px
    }
}

@media all and (min-width: 1px) {

    .block-mobile-menu ul.accordion>li a,
    .block-mobile-menu ul.accordion>li span {
        background: #363636;
        background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#222222));
        background: linear-gradient(to bottom, #363636 0%, #222222 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363636", endColorstr="#222222", GradientType=0);
        color: #e1bf8c;
        text-transform: uppercase;
        font-size: 15px;
        padding: 6px 0 6px 40px;
        border-radius: 5px;
        position: relative;
        cursor: pointer;
        margin: 0;
        display: block;
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .block-mobile-menu ul.accordion>li a {
        margin: 2px 0
    }
}

@media all and (min-width: 1px) {
    .block-mobile-menu ul.accordion>li a:focus {
        color: #e1bf8c !important
    }
}

@media all and (min-width: 1px) {

    .block-mobile-menu ul.accordion>li a,
    .block-mobile-menu ul.accordion>li span {
        color: #e1bf8c;
        position: relative;
        margin: 2px 0
    }
}

@media all and (min-width: 1px) {
    .block-mobile-menu ul.accordion>li:hover a {
        color: #fff;
        text-decoration: none
    }
}

@media all and (min-width: 1px) {

    .block-mobile-menu ul.accordion>li a::before,
    .block-mobile-menu ul.accordion>li span::before {
        content: "";
        width: 23px;
        height: 23px;
        position: absolute;
        top: 4px;
        left: 7px
    }
}

@media all and (min-width: 1px) {
    .red-dot::after {
        background-color: red;
        width: 7px;
        min-width: 7px;
        height: 7px;
        min-height: 7px;
        display: inline-block;
        content: "";
        position: relative;
        top: -10px;
        right: -4px;
        border-radius: 50%
    }
}

@media all and (min-width: 1px) {
    .bonuses::before {
        background: url(bonuses.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .history::before {
        background: url(history.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .kassa::before {
        background: url(kassa.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .man::before {
        background: url(man.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .promo::before {
        background: url(promo.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .strawberry::before {
        background: url(strawberry.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .instant::before {
        background: url(instant-icon.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .drops-win::before {
        background: url(drops-and-win.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .cherry::before {
        background: url(cherry.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .blackman::before {
        background: url(blackman.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .favorites::before {
        background: url(favorites.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .galka::before {
        background: url(galka-bonus.svg) no-repeat center;
        background-size: 85% 85%
    }
}

@media all and (min-width: 1px) {
    .sport-item-mobile::before {
        background: url(ball_icon_light.svg) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .v_sport-item-mobile::before {
        background: url(vsport.svg) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .e_sport-item-mobile::before {
        background: url(cyber-sport.svg) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .sport-promo-item-mobile::before {
        background: url(present_icon_light.svg) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .telegram::before {
        background: url(telegram.svg) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .whatsapp::before {
        background: url(whatsapp_B.svg) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .support-live-chat::before {
        background: url(chat_B.svg) no-repeat center;
        background-size: 100%
    }
}

@media all and (min-width: 1px) {

    .double-ul-menu li a.whatsapp:before,
    .double-ul-menu li a.telegram:before,
    .double-ul-menu li a.support-live-chat:before {
        width: 23px !important;
        height: 23px !important
    }
}

@media all and (min-width: 1px) {
    .double-ul-menu li {
        background: #212121;
        background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#191919));
        background: linear-gradient(to bottom, #212121 0%, #191919 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#212121", endColorstr="#191919", GradientType=0);
        border-radius: 5px
    }
}

@media all and (min-width: 1px) {
    .double-ul-menu li a {
        background: none !important;
        color: #e1bf8c !important;
        font-size: 13px
    }
}

@media all and (min-width: 1px) {
    .double-ul-menu li a.active {
        color: #fff !important
    }
}

@media all and (min-width: 1px) {
    .double-ul-menu li a::after {
        width: 0 !important;
        height: 0 !important
    }
}

@media all and (min-width: 1px) {
    .bottom-mobile-button-block {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .enter-a a {
        color: #5e5e5e;
        cursor: pointer;
        text-decoration: underline;
        font-size: 16px;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .enter-a a:hover {
        text-decoration: none;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .enter-a {
        background: transparent;
        font-family: "Tahoma Regular", sans-serif;
        color: #625e5d;
        padding: 0;
        border: none;
        border-bottom: 1px solid #625e5d;
        font-size: 15px;
        line-height: 17px;
        text-transform: uppercase;
        margin: 0 0 10px
    }
}

@media all and (min-width: 1px) {
    .enter-a:hover {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .multipl-list:after {
        content: "";
        position: absolute;
        right: 8px;
        top: 14px;
        width: 8px;
        height: 3px;
        background: url(arr-bottom.png) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .multipl-list--info:before {
        background: url(info.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .multipl-list--support:before {
        background: url(support_B.svg) no-repeat center;
        background-size: 100% 100%
    }
}

@media all and (min-width: 1px) {
    .checked-li .multipl-list:after {
        content: "";
        position: absolute;
        right: 8px;
        top: 14px;
        width: 8px;
        height: 3px;
        background: url(arr-top.png) no-repeat center !important
    }
}

@media all and (min-width: 1px) {
    .double-ul-menu .multipl-list:after {
        background: url(arr-bottom.png) no-repeat center !important
    }
}

@media all and (min-width: 1px) {
    .checked-li .checked-li .multipl-list:after {
        background: url(arr-top.png) no-repeat center !important
    }
}

@media all and (min-width: 1px) {
    .double-ul-menu li:hover a {
        color: #fff !important
    }
}

@media all and (min-width: 1px) {
    .double-ul-menu {
        width: 96%;
        margin: 0 auto;
        display: none;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    ul.accordion {
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .accordion-item-separator {
        border-top: 1px solid rgba(225, 191, 140, .2);
        margin: 10px 20px
    }
}

@media all and (min-width: 1px) {
    .prezent-block-mobile .kubok-label {
        float: left;
        width: 36px;
        position: relative;
        left: 4px
    }
}

@media all and (min-width: 1px) {
    .double-ul-menu li a:before {
        width: 0 !important;
        height: 0 !important
    }
}

@media all and (min-width: 1px) {
    .bottom-label-with {
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 0 !important
    }
}

@media all and (min-width: 1px) {
    .progress-line {
        float: right;
        width: 80%;
        width: calc(100% - 51px)
    }
}

@media all and (min-width: 1px) {
    .progress-line__bar {
        margin: 5px 0
    }
}

@media all and (min-width: 1px) {
    .kubok-label img {
        margin: 0 auto;
        display: block
    }
}

@media all and (min-width: 1px) {
    .color-label-progres {
        color: #e1bf8c;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 0 !important;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media all and (min-width: 1px) {
    .main-video-block {
        position: absolute;
        overflow: hidden;
        height: 189px;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .main-silver-gradient {
        background: #e3deda;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3deda", endColorstr="#efc384", GradientType=0)
    }
}

@media all and (min-width: 1px) {

    body.popup,
    body.is-modal-opened {
        overflow: hidden;
        padding-top: 46px !important;
        height: 100vh
    }
}

@media all and (min-width: 1px) {
    .main-popup-black {
        display: none;
        background: #363636;
        background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#212121));
        background: linear-gradient(to bottom, #363636 0%, #212121 100%);
        height: 100%;
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        padding-top: 0;
        position: fixed;
        top: 0;
        z-index: 113
    }
}

@media all and (min-width: 1px) {
    .img-left-icon {
        border: 2px solid #e7c28b;
        border-radius: 8px;
        float: left;
        width: 102px;
        margin-right: 15px
    }
}

@media all and (min-width: 1px) {
    .img-left-icon img {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .main-popup-block {
        color: #fff;
        position: absolute;
        top: 0;
        padding-top: 0;
        left: 0 !important;
        margin: auto;
        width: 100%;
        z-index: 115
    }
}

@media all and (min-width: 1px)and (max-width: 804px) {
    .main-popup-block {
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .gradient-icon-line input {
        border: none;
        background: url(email-enter.png) no-repeat 0 1px;
        width: 224px;
        height: 32px;
        padding: 0 0 0 24px
    }
}

@media all and (min-width: 1px) {
    .deposit-lottery {
        color: #fff;
        padding-top: 0
    }
}

@media all and (min-width: 1px) {
    .main-context .black-block {
        display: none
    }
}

@media all and (min-width: 1px) {
    .table-wrap-block {
        margin-bottom: 15px
    }
}

@media all and (min-width: 1px) {
    .table-wrap-block table {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 12px;
        -webkit-border-top-left-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        border-bottom-left-radius: 12px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        border: 1px solid #e7c28b;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .second-bottom-label span {
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .second-bottom-label {
        padding: 20px 0
    }
}

@media all and (min-width: 1px) {

    .table-wrap-block table thead tr th,
    .table-wrap-block table thead tr td {
        font-family: "Tahoma Bold", sans-serif;
        color: #e7c28b;
        text-align: center;
        text-transform: uppercase;
        padding: 7px 0;
        border-bottom: 1px solid #e7c28b
    }
}

@media all and (min-width: 1px) {
    .table-wrap-block table thead tr th {
        font-size: 18px
    }
}

@media all and (min-width: 1px) {
    .table-wrap-block table thead tr td {
        font-size: 12px
    }
}

@media all and (min-width: 1px) {
    .table-wrap-block table tbody tr td {
        border-bottom: 1px solid #e7c28b;
        text-align: center;
        padding: 4px 0;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .priz-fond-wrap {
        width: 100%;
        text-align: center;
        margin: 0 auto 20px
    }
}

@media all and (min-width: 1px) {
    .tickets-table table tbody tr td {
        padding-right: 0 !important
    }
}

@media all and (min-width: 1px) {
    .top-label {
        font-family: "Tahoma Regular", sans-serif;
        color: #e7c28b;
        text-align: center;
        font-size: 16px;
        padding-top: 8px
    }
}

@media all and (min-width: 1px) {
    .top-label span {
        color: #fff;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 18px;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .gorrizontal-line-behind-slider-and-content {
        display: none
    }
}

@media all and (min-width: 1px) {
    .bottom-name-lottery {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .colback-a a {
        color: #e7c28b;
        text-decoration: underline;
        cursor: pointer;
        font-size: 14px;
        width: 90%;
        padding: 20px 0 20px 5px
    }
}

@media all and (min-width: 1px) {
    .colback-a a:hover {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .colback-a {
        width: 90%;
        padding: 20px 0;
        margin: 0 auto 60px
    }
}

@media all and (min-width: 1px) {
    .inner-center-game-col {
        width: 100%;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .inner-center-game-col:before {
        content: "";
        display: block;
        padding-top: 75%
    }
}

@media all and (min-width: 1px) {
    .ratio16-9 .inner-center-game-col:before {
        padding-top: 56.25%
    }
}

@media all and (min-width: 1px) {
    .close-block {
        display: none
    }
}

@media all and (min-width: 1px) {
    .wrap-frame {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media all and (min-width: 1px) {
    .rox-chart-tables .over-wrap {
        width: 49%;
        display: inline-block;
        margin-right: 0;
        vertical-align: top
    }
}

@media all and (min-width: 1px) {
    .rox-chart-tables .over-wrap:nth-child(3) {
        margin-right: 0
    }
}

@media all and (min-width: 1px) {
    .rox-chart-tables .over-wrap:last-child {
        margin-right: 0;
        margin-top: 20px
    }
}

@media all and (min-width: 1px) {
    .icon-block-in-slider {
        display: none
    }
}

@media all and (min-width: 1px) {
    .instant-tournaments-mobile {
        display: none;
        padding: 0 9px
    }
}

@media(min-width: 1px)and (max-width: 804px) {

    body.home .instant-tournaments-mobile,
    body.home-page .instant-tournaments-mobile {
        display: block
    }
}

@media all and (min-width: 1px) {

    body.home .main-mobile-bottom-menu-wrap,
    body.home-page .main-mobile-bottom-menu-wrap,
    body.collection-page .main-mobile-bottom-menu-wrap,
    body.provider-page .main-mobile-bottom-menu-wrap,
    body.sportlobby-page .main-mobile-bottom-menu-wrap,
    body.favorite-collection-page .main-mobile-bottom-menu-wrap {
        display: block
    }
}

@media all and (min-width: 1px) {

    .main-mobile-bottom-menu-wrap,
    body.popup .main-mobile-bottom-menu-wrap,
    .sport-page.popup .main-mobile-bottom-menu-wrap {
        display: none
    }
}

@media all and (min-width: 1px) {
    .mobile-bottom-menu {
        margin: 0 auto 11px auto;
        width: 98%
    }
}

@media all and (min-width: 1px) {
    .bottom-mobile-menu-ul {
        text-align: center;
        padding: 0;
        margin: 0
    }

    .bottom-mobile-menu-ul li {
        display: inline-block;
        width: 32%;
        position: relative;
        text-align: center;
        height: 30px;
        vertical-align: top;
        /* background: #3c3c3c url(back-li.png) repeat-x center; */
        border-radius: 7px;
        border: 2px solid #efc688;
        color: #efc688;
        list-style-type: none
    }

    .bottom-mobile-menu-ul li a,
    .bottom-mobile-menu-ul li span {
        display: block;
        cursor: pointer;
        color: #f2c684;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 11px;
        text-transform: uppercase;
        text-decoration: none;
        height: 100%;
        padding: 5px
    }
}

@media all and (min-width: 1px) {
    .slider-item-block .btn-1 {
        margin: 16px 0
    }
}

@media all and (min-width: 1px) {
    .wrapper-text-block-bonus .btn-1 {
        display: block;
        padding: 0;
        min-width: 100px;
        width: 80%;
        margin: 10px auto
    }
}

@media all and (min-width: 1px) {
    .more-info {
        width: 100%;
        position: relative;
        background: #2b2b2b;
        background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#1e1e1e));
        background: linear-gradient(to bottom, #2b2b2b 0%, #1e1e1e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b2b2b", endColorstr="#1e1e1e", GradientType=0);
        border-top: 2px solid #e6e6e6;
        border-bottom: 2px solid #e6e6e6;
        text-align: center;
        padding: 27px 0 13px;
        margin-top: 27px
    }
}

@media all and (min-width: 1px) {
    .close-block {
        display: none
    }
}

@media all and (min-width: 1px) {
    .gradient-icon-line {
        background: url(line-gradient.png) repeat-x center 0;
        background-size: contain
    }
}

@media all and (min-width: 1px) {
    .bottom-mobile-button-block .enter-a {
        margin: 20px 0 0 0
    }
}

@media all and (min-width: 1px) {
    .main-label-line {
        text-transform: uppercase;
        color: #e7c28b !important;
        font-size: 21px;
        text-align: center;
        padding: 7px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #494239
    }
}

@media all and (min-width: 1px) {
    .main-label-line p {
        color: #e7c28b !important;
        width: 95%;
        -webkit-box-shadow: 0 1px 8px 1px rgba(255, 255, 255, .2) inset;
        box-shadow: 0 1px 8px 1px rgba(255, 255, 255, .2) inset;
        background: #292929;
        background: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#181818));
        background: linear-gradient(to bottom, #292929 0%, #181818 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#292929", endColorstr="#181818", GradientType=0);
        border-top: 3px solid #000;
        border-bottom: 2px solid #838383;
        padding: 3px 10px;
        border-radius: 35px;
        margin: 0 auto;
        font-size: 23px
    }
}

@media all and (min-width: 1px) {
    .inner-icon-block-in-slider {
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .inner-icon-block-in-slider a {
        display: block;
        height: 100%;
        width: 100%;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .icon-block-in-slider-label {
        position: absolute;
        left: -180px;
        top: 42px;
        width: 180px;
        text-transform: uppercase;
        color: #000;
        padding: 1px 5px;
        background: url("random-game-text-2.png") no-repeat 0 center;
        font-weight: 600;
        font-family: "Tahoma Bold";
        font-size: 13px;
        display: none
    }
}

@media all and (min-width: 1px) {
    .safari .icon-block-in-slider-label {
        font-family: "Tahoma Regular"
    }
}

@media all and (min-width: 1px) {
    html.safari .icon-block-in-slider-label {
        white-space: nowrap;
        background-size: cover;
        width: 200px;
        left: -190px
    }
}

@media all and (min-width: 1px) {
    .inner-icon-block-in-slider a:hover .icon-block-in-slider-label {
        display: block
    }
}

@media all and (min-width: 1px) {
    .black-background {
        background: #000;
        color: #fff;
        font-size: 17px;
        text-align: center;
        border-top: 1px solid #806a49;
        border-bottom: 1px solid #806a49;
        padding: 3px 0;
        margin-bottom: 15px
    }
}

@media all and (min-width: 1px) {
    .black-background--full {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media all and (min-width: 1px) {
    .label-text-silver {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
        color: #fff !important;
        cursor: pointer;
        margin: 0 0 10px !important;
        width: 100% !important;
        -webkit-transition: margin .3s linear;
        transition: margin .3s linear
    }

    .label-text-silver.is-collapsed {
        color: #e7c28b !important
    }
}

@media all and (min-width: 1px) {
    .bottom-arrow {
        font-size: 15px;
        background: url(down.png) no-repeat right center;
        padding: 0 25px 0 0;
        display: inline-block
    }
}

@media all and (min-width: 1px) {
    .main-context {
        padding: 15px;
        margin: 0 auto;
        width: 100%
    }
}

@media all and (min-width: 1px)and (max-width: 804px) {
    .main-context {
        overflow-x: hidden;
        overflow-y: auto
    }
}

@media all and (min-width: 1px) {
    .main-context--terms .label-text-silver {
        text-align: left
    }
}

@media all and (min-width: 1px) {
    .main-context--terms .wrapper-main-context {
        margin-bottom: 10px
    }
}

@media all and (min-width: 1px) {
    .main-context--terms table {
        width: 100%;
        word-break: break-word
    }
}

@media all and (min-width: 1px) {
    .main-context--terms .bottom-arrow {
        background: url(up.png) no-repeat right 6px !important
    }
}

@media all and (min-width: 1px) {
    .main-context--terms .bottom-arrow.is-collapsed {
        background: url(down.png) no-repeat right 6px !important
    }
}

@media all and (min-width: 1px) {
    .wrapper-main-context {
        padding: 5px 0
    }
}

@media all and (min-width: 1px) {
    .black-block {
        background: #000;
        border: 1px solid #e7c28b;
        padding: 3px 0;
        min-height: 35px;
        margin-right: -15px;
        margin-left: -15px
    }
}

@media all and (min-width: 1px) {
    .deposit-lottery .black-block {
        display: none
    }
}

@media all and (min-width: 1px) {
    .lottery-name-img {
        max-width: 600px;
        margin: 0 auto 0;
        border: 2px solid #e4c18b;
        border-radius: 12px;
        overflow: hidden;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .lottery-img-wrap img {
        width: 100%;
        background-color: #000
    }
}

@media all and (min-width: 1px) {
    .wrap-left-ball {
        width: 100%;
        background: url(name-left.png) no-repeat left 0;
        height: 52px
    }
}

@media all and (min-width: 1px) {
    .wrap-right-ball {
        width: 100%;
        background: url(name-right.png) no-repeat right 0;
        height: 52px
    }
}

@media all and (min-width: 1px) {
    .wrap-center-ball {
        height: 37px;
        width: 100%;
        background: url(name-center.png) repeat-x center 0
    }
}

@media all and (min-width: 1px) {
    .lottery-img-wrap {
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .label-ball {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 17px;
        text-align: center;
        font-family: "Tahoma Bold", sans-serif;
        padding: 7px 0
    }
}

@media all and (min-width: 1px) {
    .lottery-time-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: #e7c28b;
        border: 1px solid #e7c28b;
        border-top: none;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        max-width: 577px;
        min-height: auto;
        margin: 0 auto;
        width: 94%;
        background-color: #000
    }
}

@media all and (min-width: 1px) {
    .lottery-time-block>.clear {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media all and (min-width: 1px) {
    .prize {
        float: none;
        width: 100%;
        background: none;
        padding: 0;
        margin: 12px auto
    }
}

@media all and (min-width: 1px) {
    .lottery-time-block .prize--lottery {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        float: none;
        width: auto;
        height: auto;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .prize ul {
        white-space: nowrap
    }
}

@media all and (min-width: 1px) {
    .prize ul li {
        display: inline-block;
        background: #000;
        border: 1px solid #e7c28b;
        border-radius: 2px;
        color: #e7c28b !important
    }
}

@media all and (min-width: 1px) {
    .my_profile .child-row {
        margin: 0
    }
}

@media all and (min-width: 1px) {
    .prize p {
        margin-bottom: 0;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 9px;
        color: #fff;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .prize ul li p {
        display: block;
        padding: 0 2px;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 15px;
        line-height: 21px;
        color: #e7c28b;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .prize ul {
        text-align: center;
        padding: 0;
        margin-bottom: 2px
    }
}

@media all and (min-width: 1px) {
    #contentBox .lottery-time-block .prize__num--with-cur li:last-child {
        margin-left: 5px
    }
}

@media all and (min-width: 1px) {

    #contentBox .lottery-time-block .prize__num--with-cur li:nth-last-child(4),
    #contentBox .lottery-time-block .prize__num--with-cur li:nth-last-child(7) {
        margin-left: 5px
    }
}

@media all and (min-width: 1px) {
    .time-left-block {
        padding: 10px 10px 0 54px;
        width: 100%;
        background: url(clock.png) no-repeat 11px 10px;
        font-size: 12px;
        margin: 0 0 10px;
        min-height: 44px
    }
}

@media all and (min-width: 1px) {
    .time-left-block--desktop {
        display: none
    }
}

@media all and (min-width: 1px) {
    .time-left-block-wr--mobile {
        display: block;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .time-left-block--mobile {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        float: none !important;
        width: auto !important;
        min-height: 55px !important;
        padding-top: 0 !important;
        margin-bottom: 0;
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .time-left-block.large {
        font-size: 16px
    }
}

@media all and (min-width: 1px) {
    .understand-more {
        background: url(back-more.png) no-repeat center;
        width: 188px;
        margin: 0 auto 0;
        padding: 20px 0
    }
}

@media all and (min-width: 1px) {
    .understand-more a {
        color: #000;
        text-align: center;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        display: block;
        padding: 5px 0;
        cursor: pointer;
        font-size: 14px;
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .understand-more a:hover {
        text-decoration: none;
        background: url(star-block-hover.png) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .pad {
        display: none
    }
}

@media all and (min-width: 1px) {
    .iphone .lottery-table {
        min-height: 500px
    }
}

@media all and (min-width: 1px) {
    .bottom-text {
        font-size: 13px
    }
}

@media all and (min-width: 1px) {
    .color-w {
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .money-item .label-money {
        border-bottom: 1px solid #e7c28b;
        margin: 0 auto 10px;
        font-size: 18px;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        padding: 0 0 8px 0
    }
}

@media all and (min-width: 1px) {
    .money-inner {
        text-align: center;
        color: #fff;
        padding: 0;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .money-item {
        display: block;
        width: 100%;
        margin-bottom: 10px
    }
}

@media all and (min-width: 1px) {
    .money-item-2 {
        float: left
    }
}

@media all and (min-width: 1px) {
    .money-item-3 {
        float: right
    }
}

@media all and (min-width: 1px) {
    .note+.colback-a a {
        display: block;
        width: 200px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .color-col {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 15px !important
    }
}

@media all and (min-width: 1px) {
    .money-block {
        max-width: 700px;
        margin: 25px auto;
        width: 100%;
        min-height: 350px
    }
}

@media all and (min-width: 1px) {
    .name-of-tournament-center {
        background: url(name-center.png) repeat-x center;
        height: 38px
    }
}

@media all and (min-width: 1px) {
    .img-tour-wrap {
        width: 100%;
        float: none;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .img-tour-wrap-inner {
        min-width: 0;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .clear-if {
        clear: both
    }
}

@media all and (min-width: 1px) {
    .wrap-priz-number p {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 18px;
        font-family: "Tahoma Bold", sans-serif;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .wrap-priz-number ul li {
        background: #000;
        border: 1px solid #e7c28b;
        border-radius: 5px;
        width: 30px;
        text-align: center;
        display: inline-block
    }
}

@media all and (min-width: 1px) {
    .wrap-priz-number .prise-currency {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media all and (min-width: 1px) {
    .wrap-priz-number ul li:nth-last-child(3n+4 of :not(.prize-currency)) {
        margin-right: 5px
    }
}

@media all and (min-width: 1px) {
    .list-place {
        width: 100%;
        border: 1px solid #e7c28b;
        border-radius: 15px;
        color: #e7c28b;
        text-align: center;
        border-collapse: separate;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .list-place thead tr {
        background: #1b2128;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .list-place thead tr th {
        text-align: center;
        font-size: 18px;
        padding: 6px 0
    }
}

@media all and (min-width: 1px) {
    .list-place tbody tr td {
        padding: 6px 0;
        border-bottom: 1px solid #e7c28b
    }
}

@media all and (min-width: 1px) {

    .list-place tbody tr:nth-child(1),
    .list-place tbody tr:nth-child(2),
    .list-place tbody tr:nth-child(3) {
        background: rgba(231, 194, 139, .25)
    }
}

@media all and (min-width: 1px) {
    .table-game-list {
        float: none;
        display: inline-block;
        width: 98%;
        position: relative;
        margin: 0 1% 30px
    }
}

@media all and (min-width: 1px) {
    .table-game-inner {
        height: 177px;
        margin-bottom: 30px
    }
}

@media all and (min-width: 1px) {
    .table-game-inner .game-thumbnail {
        padding-left: 0;
        width: 95px;
        line-height: 20px;
        display: inline-block;
        border-radius: 9px;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .table-game-inner p {
        text-transform: uppercase;
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 18px;
        margin-bottom: 7px
    }
}

@media all and (min-width: 1px) {
    .table-wrap ul li img {
        border: 1px solid #e7c28b;
        border-radius: 4px
    }
}

@media all and (min-width: 1px) {
    .table-wrap ul {
        text-align: center;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .table-wrap ul li {
        display: inline-block;
        margin: 11px 7px
    }
}

@media all and (min-width: 1px) {
    .wrap-priz-number {
        margin-bottom: 25px
    }
}

@media all and (min-width: 1px) {
    .priz-left-inner {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .text-rules {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        color: #fff;
        padding: 0 13px 25px
    }
}

@media all and (min-width: 1px) {
    .text-rules h4:first-child {
        margin-top: 0
    }
}

@media all and (min-width: 1px) {
    .text-rules__section {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid-column
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .table-wrapper table {
        margin-top: 0
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .table-wrapper {
        display: none
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .mobile-tournament-prize-table {
        display: block
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .table-wrapper .novertical th {
        border: 1px solid #d6b68e;
        border-top: 2px solid #d6b68e
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .table-wrapper .novertical th:first-child {
        border-right: none
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .table-wrapper .novertical th:last-child {
        border-left: none
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .wrap-priz-number {
        border: 1px solid #e7c28b;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        -webkit-border-top-left-radius: 12px;
        -webkit-border-top-right-radius: 12px;
        width: 250px;
        border-bottom: none;
        margin: 0 auto;
        padding: 0;
        background: #272828
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .wrap-priz-number>p {
        margin-bottom: 0;
        padding-top: 8px;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .tournament-prize-number {
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    #contentBox .wrap-priz-number ul li {
        width: 31px;
        line-height: 1;
        padding-right: 2px;
        margin-top: 3px
    }
}

@media all and (min-width: 1px) {
    .wrap-priz-number ul li p {
        width: 29px;
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 31px;
        margin-bottom: 1px
    }
}

@media all and (min-width: 1px) {
    #contentBox .wrap-priz-number ul li.prize-currency.prize-currency__fs {
        width: 48px
    }

    #contentBox .wrap-priz-number ul li.prize-currency.prize-currency__fs p {
        width: 46px
    }
}

@media all and (min-width: 1px) {
    #contentBox .wrap-priz-number ul {
        padding: 4px 0 6px
    }
}

@media all and (min-width: 1px) {
    .name-left {
        background: url(name-left.png) no-repeat left center;
        height: 38px
    }
}

@media all and (min-width: 1px) {
    .name-right {
        background: url(name-right.png) no-repeat right center;
        height: 38px
    }
}

@media all and (min-width: 1px) {
    .name-right p {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 18px;
        font-family: "Tahoma Bold", sans-serif;
        text-align: center;
        padding: 8px 0 0 0
    }
}

@media all and (min-width: 1px) {
    @-moz-document url-prefix() {
        .name-right p {
            padding: 7px 0 0 0
        }
    }
}

@media all and (min-width: 1px) {
    .prize-fond {
        width: 100%;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .wrap-of-img {
        border: 2px solid #e7c28b;
        border-radius: 7px;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .timer-tournir {
        text-align: center;
        background: #000;
        border-bottom: 1px solid #e7c28b;
        border-right: 1px solid #e7c28b;
        border-left: 1px solid #e7c28b;
        width: 97%;
        margin: 0 auto;
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
        padding-bottom: 6px
    }
}

@media all and (min-width: 1px) {
    .list-of-play ul li {
        border: 2px solid #e7c28b;
        display: inline-block;
        border-radius: 9px;
        margin: 3px 6px 3px 0
    }
}

@media all and (min-width: 1px) {
    .list-of-play ul li:last-child {
        margin-right: 0
    }
}

@media all and (min-width: 1px) {
    .nonDispMin544 {
        display: none
    }
}

@media all and (min-width: 1px) {
    .tournament-item-block {
        border-radius: 12px;
        width: 100%;
        margin: 0 auto;
        padding: 0 0 50px
    }

    .tournament-item-block .content-games-scroll {
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .tournament-item-block a {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {

    .list-of-play,
    .list-of-play-title {
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .list-of-play-inner {
        height: 165px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    #contentBox .game-thumbnail {
        padding-left: 0;
        width: 97px;
        line-height: 20px;
        display: inline-block;
        border-radius: 9px;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .game-thumbnail a {
        display: block;
        padding-top: 66%;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .game-thumbnail a div {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: 50%
    }
}

@media all and (min-width: 1px) {
    #contentBox .game-thumbnail:before {
        position: static
    }
}

@media all and (min-width: 1px) {
    #contentBox .prize-fond-number-inner ul li {
        position: static;
        padding-left: 0;
        line-height: 20px;
        margin: 3px 1px 0 1px;
        width: 20px
    }
}

@media all and (min-width: 1px) {
    #contentBox .prize-fond-number-inner ul li:nth-last-child(3n+4 of :not(.prize-currency)) {
        margin-right: 5px
    }
}

@media all and (min-width: 1px) {
    #contentBox .prize-fond-number-inner ul li.prize-currency__fs {
        width: 30px
    }
}

@media all and (min-width: 1px) {
    #contentBox .prize-fond-number-inner ul li:before {
        position: static;
        padding-left: 0;
        line-height: 20px
    }
}

@media all and (min-width: 1px) {
    #contentBox .lottery-time-block ul li {
        position: static;
        padding-left: 0;
        line-height: 20px;
        margin-left: 3px
    }
}

@media all and (min-width: 1px) {
    #contentBox .lottery-time-block ul li:first-child {
        margin-left: 0
    }
}

@media all and (min-width: 1px) {
    #contentBox .lottery-time-block ul li:before {
        position: static;
        padding-left: 0;
        line-height: 20px
    }
}

@media all and (min-width: 1px) {
    .list-of-play-title {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 14px;
        font-family: "Tahoma Bold", sans-serif;
        margin-bottom: 2px;
        margin-top: 15px
    }
}

@media all and (min-width: 1px) {
    .left-arrow {
        background: url(left-arrow.png) no-repeat center;
        height: 5px;
        width: 9px;
        float: left;
        display: none
    }
}

@media all and (min-width: 1px) {
    .right-arrow {
        background: url(right-arrow.png) no-repeat center;
        height: 5px;
        width: 9px;
        float: right;
        display: none
    }
}

@media all and (min-width: 1px) {
    .gorizont-line {
        width: 100%;
        height: 0;
        clear: both
    }
}

@media all and (min-width: 1px) {
    .black-rulls {
        background: #000;
        border: 1px solid #e7c28b;
        margin-right: -15px;
        margin-left: -15px
    }
}

@media all and (min-width: 1px) {
    .white-text-block {
        color: #fff;
        padding: 15px 20px
    }
}

@media all and (min-width: 1px) {
    .black-rulls p {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 20px;
        text-align: center;
        padding: 12px 0;
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .table-first-deposit {
        border: 1px solid #e7c28b;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        overflow: hidden;
        border-collapse: separate
    }
}

@media all and (min-width: 1px) {
    table.table-first-deposit thead tr th {
        border-bottom: 1px solid #e7c28b;
        border-right: 1px solid #e7c28b;
        text-align: center;
        text-transform: uppercase;
        color: #e7c28b;
        font-size: 12px;
        font-weight: normal;
        background: #1e1f20;
        padding: 6px
    }
}

@media all and (min-width: 1px) {
    .table-first-deposit thead tr th:last-child {
        border-right: none
    }
}

@media all and (min-width: 1px) {
    .table-first-deposit tbody tr td:last-child {
        border-right: none
    }
}

@media all and (min-width: 1px) {
    .table-first-deposit tbody tr td {
        height: 43px;
        border-bottom: 1px solid #e7c28b;
        border-right: 1px solid #e7c28b;
        text-align: center;
        padding: 0 5px !important;
        font-size: 13px;
        line-height: 17px !important;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .clock-block {
        color: #e7c28b;
        padding: 13px 0 0 30px;
        background: url(mini-clock.png) no-repeat 0 20px
    }
}

@media all and (min-width: 1px) {
    .clock-block p {
        margin: 0 0 2px 0
    }
}

@media all and (min-width: 1px) {
    .clock-block {
        width: 33%;
        float: left
    }
}

@media all and (min-width: 1px) {
    .main-context .prize-label {
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        font-family: "Tahoma Bold", sans-serif;
        margin-bottom: 2px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .prize-type {
        margin: 2px 0;
        font-family: "Tahoma", sans-serif;
        font-size: 10px;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        color: #f0c788
    }
}

@media all and (min-width: 1px) {
    .prize-number {
        margin-bottom: 5px
    }
}

@media all and (min-width: 1px) {
    .prize-number li {
        background: #000;
        border: 1px solid #e7c28b;
        width: 20px;
        display: inline-block;
        border-radius: 3px;
        margin: 0 -1px
    }
}

@media all and (min-width: 1px) {
    .prize-number li {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .prize-number li p {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 20px;
        margin: 2px 0 4px;
        line-height: 1;
        width: 100%;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .prize-fond-number {
        float: left;
        width: 35%
    }
}

@media all and (min-width: 1px) {
    .prize-more {
        display: grid;
        row-gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 190px;
        margin: 25px auto;
        text-align: center
    }

    .prize-more .btn-1 {
        color: #000;
        cursor: pointer;
        text-transform: uppercase
    }

    .prize-more .c-link {
        text-decoration: underline;
        font-weight: 700
    }
}

@media all and (min-width: 1px) {
    .prize-fond-number-inner {
        margin: 12px auto;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .list-of-play-inner p {
        font-family: "Tahoma Bold", sans-serif;
        color: #e7c28b;
        text-transform: uppercase;
        padding: 0 0 0 8px
    }
}

@media all and (min-width: 1px) {
    .no-margin {
        margin: 0 !important
    }
}

@media all and (min-width: 1px) {
    .menu-tabs-submenu ul {
        width: 100%;
        list-style: none;
        text-align: center;
        margin: 0
    }
}

@media all and (min-width: 1px) {
    .menu-tabs-submenu ul li {
        display: inline-block
    }
}

@media all and (min-width: 1px) {
    .menu-tabs-submenu .active {
        display: block
    }
}

@media all and (min-width: 1px) {
    input:disabled {
        color: #dfdfdf !important;
        cursor: not-allowed !important
    }
}

@media all and (min-width: 1px) {
    .my_profile .red-error {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .my_profile .main-tabs-input-class {
        width: 100%;
        max-width: none
    }
}

@media all and (min-width: 1px) {
    .my_profile .status {
        display: inline-block;
        margin: 10px 30px 0 0;
        float: left;
        width: 115px
    }
}

@media all and (min-width: 1px) {
    .my_profile .cubok {
        float: left;
        width: 43px;
        height: 43px;
        position: relative;
        top: -5px;
        right: -6px
    }
}

@media all and (min-width: 1px) {
    .my_profile .cubok img {
        max-height: 100%
    }
}

@media all and (min-width: 1px) {
    .my_profile .statuseName {
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .statuseName {
        color: #cba976
    }
}

@media all and (min-width: 1px) {
    .my_profile .main-popup-block p {
        width: auto;
        float: none;
        padding-left: 15px
    }
}

@media all and (min-width: 1px) {

    .main-popup-block ul.anti-lock-list,
    .main-popup-block ul.bonus-page-list {
        list-style: disc;
        padding-left: 40px
    }
}

@media all and (min-width: 1px) {

    .my_profile input[type=text],
    .my_profile input[type=password] {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .my_profile input[type=password] {
        margin-bottom: 31px
    }
}

@media all and (min-width: 1px) {
    .my_profile .presonalInfo .birthday {
        text-align: justify;
        font-size: 0
    }
}

@media all and (min-width: 1px) {
    .my_profile .presonalInfo .birthday:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0;
        visibility: hidden
    }
}

@media all and (min-width: 1px) {
    .my_profile .keep-data {
        float: none;
        width: 170px;
        margin: 0 auto;
        display: block
    }
}

@media all and (min-width: 1px) {
    .my_profile .keep-data.verification-phone-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-width: 170px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin: 30px auto;
        padding: 0 15px;
        font-size: 14px
    }
}

@media all and (min-width: 1px)and (min-width: 720px) {
    .my_profile .keep-data.verification-phone-btn {
        margin: 30px auto 0
    }
}

@media all and (min-width: 1px) {
    .my_profile .bottom-button-block {
        margin-top: -40px
    }
}

@media all and (min-width: 1px) {
    .my_profile select option {
        background: #1a1a1a
    }
}

@media all and (min-width: 1px) {
    .select-sex {
        padding: 0;
        margin: 0;
        width: 100%;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .select-sex li {
        color: #aaa;
        display: inline-block;
        position: relative;
        float: left;
        width: 50%
    }
}

@media all and (min-width: 1px) {
    .select-sex li input[type=radio] {
        position: absolute;
        visibility: hidden
    }
}

@media all and (min-width: 1px) {
    .select-sex li label {
        display: block;
        position: relative;
        font-weight: 300;
        font-size: 16px;
        padding-left: 30px;
        margin: 10px auto;
        height: 30px;
        z-index: 9;
        cursor: pointer;
        -webkit-transition: all .25s linear
    }
}

@media all and (min-width: 1px) {
    .select-sex li:hover label {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .select-sex li .check {
        display: block;
        position: absolute;
        background: url(checkbox.png) no-repeat left top;
        background-size: 46px auto;
        border-radius: 100%;
        height: 23px;
        width: 23px;
        top: 8px;
        left: 0;
        z-index: 5
    }
}

@media all and (min-width: 1px) {
    .select-sex input[type=radio]:checked~.check {
        background-position: left bottom
    }
}

@media all and (min-width: 1px) {
    .my_profile .error-box li .check {
        background-position: right top
    }
}

@media all and (min-width: 1px) {
    .select-sex input[type=radio]:checked~label {
        color: #d3b68c
    }
}

@media all and (min-width: 1px) {
    .select-sex .disabled label {
        cursor: not-allowed !important
    }
}

@media all and (min-width: 1px) {
    .my_profile .success {
        display: none;
        margin-top: 50px;
        width: 100%;
        background: #1f700b;
        padding: 8px 27px;
        border-radius: 20px;
        position: relative;
        top: -5px
    }
}

@media all and (min-width: 1px) {

    body.game-page,
    body.load {
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .gameBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: none;
        background: #1a1a1a;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1001
    }
}

@media all and (min-width: 1px) {
    .img-left-icon {
        width: 102px;
        height: 62px;
        background-size: cover
    }
}

@media all and (min-width: 1px) {
    .wrap-now-winner {
        position: relative;
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .wrap-now-winner a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .tournir-img {
        width: 100%;
        height: 140px;
        border: 1px solid #e7c28b;
        border-radius: 5px;
        margin: 0 auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: center !important
    }
}

@media all and (min-width: 1px) {
    .red-error {
        margin: 0 !important
    }
}

@media all and (min-width: 1px) {
    #restore .red-error {
        text-align: left;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .menu-tabs-submenu ul {
        list-style-type: none;
        text-align: center;
        margin: 0
    }
}

@media all and (min-width: 1px) {
    .menu-tabs-submenu ul li {
        display: block
    }
}

@media all and (min-width: 1px) {
    .menu-tabs-submenu .active {
        display: block
    }
}

@media all and (min-width: 1px) {

    input:disabled,
    select:disabled,
    input[readonly],
    select[readonly] {
        color: #d3b68c !important;
        cursor: not-allowed !important;
        opacity: 1 !important
    }
}

@media all and (min-width: 1px) {
    input[readonly].calendar__input {
        cursor: pointer !important;
        color: #fff !important
    }
}

@media all and (min-width: 1px) {
    .main-context {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .img-left-icon {
        width: 102px;
        height: 62px;
        background-size: cover
    }
}

@media all and (min-width: 1px) {
    .wrap-now-winner {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .wrap-now-winner a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .red-error {
        margin: 0 !important
    }
}

@media all and (min-width: 1px) {
    #restore .red-error {
        text-align: left;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .accordion li {
        list-style-type: none
    }
}

@media all and (min-width: 1px) {
    .content-games-scroll {
        width: 100% !important;
        height: 100%;
        overflow: hidden !important;
        margin-bottom: 25px
    }
}

@media all and (min-width: 1px) {
    .tournament-item-block .list-of-play-inner .content-games-scroll .mCSB_container {
        height: 100%;
        margin: 0
    }
}

@media all and (min-width: 1px) {
    #contentBox .table-game-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        height: 340px;
        width: auto;
        padding: 0;
        margin: 0
    }
}

@media all and (min-width: 1px) {
    #contentBox .table-game-list ul li {
        width: 150px;
        border-radius: 3px;
        margin: 12px 12px 0 0;
        border: 2px solid #e7c28b
    }
}

@media all and (min-width: 1px) {
    #contentBox .content-games-scroll ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        height: 100%;
        width: auto
    }
}

@media all and (min-width: 1px) {
    .tournament-item-block .mCSB_draggerRail {
        height: 6px !important;
        background: #284358 !important;
        border: 1px solid #bda074;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important
    }
}

@media all and (min-width: 1px) {
    .mCSB_scrollTools_horizontal .mCSB_draggerContainer {
        margin-left: 0;
        margin-right: 0
    }
}

@media all and (min-width: 1px) {
    .mCSB_scrollTools_vertical .mCSB_draggerContainer {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

@media all and (min-width: 1px) {
    .tournament-item-block .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 12px;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        margin: 4px 0 !important
    }
}

@media all and (min-width: 1px) {

    .tournament-item-block .mCSB_buttonLeft,
    .tournament-item-block .mCSB_buttonRight {
        display: none !important
    }
}

@media all and (min-width: 1px) {

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        margin-top: 7px !important
    }
}

@media all and (min-width: 1px) {
    .tournament-item-block .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        margin-top: 4px
    }
}

@media all and (min-width: 1px) {
    .table-body-wrapper .mCSB_scrollTools {
        border: 1px solid #e7c28b;
        height: 100% !important
    }
}

@media all and (min-width: 1px) {
    .table-body-wrapper .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger {
        width: 0 !important;
        margin-left: 2px !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%)
    }
}

@media all and (min-width: 1px) {
    .table-body-wrapper .mCSB_dragger {
        width: 0 !important;
        height: auto !important
    }
}

@media all and (min-width: 1px) {
    .table-body-wrapper .mCSB_dragger_bar {
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        height: 40px !important
    }
}

@media all and (min-width: 1px) {
    .table-body-wrapper .mCSB_draggerRail {
        width: 0 !important
    }
}

@media all and (min-width: 1px) {
    .table-body-wrapper .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
        margin-left: 0
    }
}

@media all and (min-width: 1px) {

    .table-body-wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .table-body-wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        width: 4px !important;
        height: 100%
    }
}

@media all and (min-width: 1px) {

    .mCSB_buttonUp,
    .mCSB_buttonDown {
        right: 1px !important;
        width: 6px !important;
        height: 5px !important;
        opacity: 1 !important;
        background-size: 100% !important
    }
}

@media all and (min-width: 1px) {
    .mCSB_buttonUp {
        top: 6px !important;
        background: url(up.png) no-repeat center !important
    }
}

@media all and (min-width: 1px) {
    .mCSB_buttonDown {
        bottom: 6px !important;
        background: url(down.png) no-repeat center !important
    }
}

@media all and (min-width: 1px) {
    .table-body-wrapper .mCSB_scrollTools {
        width: 10px !important
    }
}

@media all and (min-width: 1px) {
    .prize {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .help-button:after {
        content: "";
        display: block;
        clear: both
    }
}

@media all and (min-width: 1px) {
    .main-popup-block .promotion-table tbody tr td {
        padding: 15px 20px;
        font-size: 15px;
        text-align: left;
        vertical-align: top
    }
}

@media all and (min-width: 1px) {
    .main-popup-block .promotion-table tbody tr td:first-child {
        width: 190px
    }
}

@media all and (min-width: 1px) {
    .wrapper-block .promotion-table .date-list {
        width: auto
    }
}

@media all and (min-width: 1px) {
    .wrapper-block .promotion-table .date-list li {
        margin-left: 0
    }
}

@media all and (min-width: 1px) {
    .filter-block__sort-button {
        height: 30px;
        width: 60px;
        padding: 0;
        margin-right: 10px;
        position: relative;
        cursor: pointer;
        background-color: transparent;
        border: none;
        margin-left: auto
    }

    .filter-block__sort-button .filter-block__sort-button-img--active {
        opacity: 0
    }
}

@media all and (min-width: 1px) {
    .filter-block__sort-button-img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
}

@media all and (min-width: 1px) {
    .filter-block__sort-button.active .filter-block__sort-button-img {
        opacity: 0
    }

    .filter-block__sort-button.active .filter-block__sort-button-img--active {
        opacity: 1
    }
}

@media all and (min-width: 1px) {
    .filter-block__swithers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 15px
    }

    .filter-block__swithers .subscribes__item {
        width: auto;
        padding: 5px 10px 0px 5px
    }

    .filter-block__swithers .label-input {
        margin-right: 10px
    }

    .filter-block__swithers .left-post {
        text-transform: initial
    }
}

@media all and (min-width: 1px) {
    .tooltipster-theme-sort {
        z-index: 100 !important
    }

    .tooltipster-theme-sort.tooltipster-sidetip .tooltipster-box {
        background-color: #aaa399
    }

    .tooltipster-theme-sort.tooltipster-sidetip .tooltipster-content {
        color: #151515;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 14px
    }

    .tooltipster-theme-sort.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
        border-bottom-color: #aaa399
    }
}

@media all and (min-width: 375px) {
    .games-filter__collections-link {
        font-size: 12px !important
    }

    .main-label-line p {
        color: #e7c28b !important;
        width: 88%;
        -webkit-box-shadow: 0 1px 8px 1px rgba(255, 255, 255, .2) inset;
        box-shadow: 0 1px 8px 1px rgba(255, 255, 255, .2) inset;
        background: #292929;
        background: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#181818));
        background: linear-gradient(to bottom, #292929 0%, #181818 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#292929", endColorstr="#181818", GradientType=0);
        border-top: 3px solid #000;
        border-bottom: 2px solid #838383;
        padding: 0 20px;
        border-radius: 35px;
        margin: 0 auto;
        font-size: 21px
    }

    .list-of-play-title {
        width: 306px
    }

    .prize {
        margin: 10px auto
    }

    .prize-number li {
        background: #000;
        border: 1px solid #e7c28b;
        width: 22px;
        display: inline-block;
        border-radius: 3px;
        margin: 0 1px
    }

    .list-of-play {
        width: 100%;
        margin: 0 auto
    }

    .tournament-item-block {
        border-radius: 12px;
        width: 100%;
        margin: 0 auto;
        padding: 0 0 60px
    }

    .wrap-for-double-block {
        margin: 0 auto
    }

    .img-tour-wrap {
        float: none;
        margin: 0 auto
    }

    .img-tour-wrap-inner {
        margin: 0 auto
    }
}

@media all and (max-width: 429px) {
    .main-popup-block .promotion-table tbody tr td:first-child {
        width: 40%
    }

    .bonus-list__item-header {
        font-size: 18px !important
    }

    .bonus-list__item-mobile-title {
        font-size: 14px !important
    }
}

@media all and (min-width: 430px) {
    #contentBox .lottery-time-block .prize__num--with-cur li:last-child {
        margin-left: 8px
    }

    #contentBox .lottery-time-block .prize__num--with-cur li:nth-last-child(4),
    #contentBox .lottery-time-block .prize__num--with-cur li:nth-last-child(7) {
        margin-left: 6px
    }
}

@media all and (min-width: 454px) {
    .lottery-time-block {
        width: 88%
    }
}

@media all and (min-width: 480px) {
    .time-left-block {
        float: left;
        padding: 23px 0 0 54px;
        height: 100%;
        width: 49%;
        background: url(clock.png) no-repeat 11px 30px
    }

    .lottery-time-block {
        width: 87%
    }

    .prize {
        float: right;
        height: 100%;
        width: 49%;
        background: url(gradient-line.png) no-repeat left center;
        text-align: center
    }

    .prize ul {
        margin-bottom: 10px
    }

    #contentBox .lottery-time-block .prize__num--with-cur li:last-child {
        margin-left: 12px
    }

    #contentBox .lottery-time-block .prize__num--with-cur li:nth-last-child(4),
    #contentBox .lottery-time-block .prize__num--with-cur li:nth-last-child(7) {
        margin-left: 8px
    }

    .label-ball {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 24px;
        text-align: center;
        font-family: "Tahoma Bold", sans-serif;
        padding: 11px 0
    }

    .wrap-center-ball {
        height: 52px;
        width: 100%;
        background: url(name-center.png) repeat-x center 0
    }

    .wrap-center-ball {
        height: 52px;
        width: 100%;
        background: url(ball-center.png) repeat-x center
    }

    .wrap-left-ball {
        width: 100%;
        background: url(ball-left.png) no-repeat left 0;
        height: 52px
    }

    .wrap-right-ball {
        width: 100%;
        background: url(ball-right.png) no-repeat right 0;
        height: 52px
    }

    .presonalInfo--gender {
        margin-bottom: -5px;
        margin-top: 20px
    }
}

@media all and (min-width: 518px) {
    .table-wrap-block table {
        width: 90%
    }

    .rox-chart-tables .over-wrap {
        width: 28%;
        display: inline-block;
        margin-right: 7%
    }

    .rox-chart-tables .over-wrap:last-child {
        margin-right: 0;
        margin-top: 0
    }

    .rox-chart-tables .over-wrap:nth-child(3) {
        margin-right: 7%
    }

    .priz-fond-wrap {
        width: 90%
    }

    .time-left-block {
        float: left;
        padding: 23px 0 0 64px;
        min-height: 65px;
        width: 49%;
        background: url(clock.png) no-repeat 17px 30px
    }
}

@media all and (min-width: 574px) {
    .timer-for-lottery {
        display: block;
        background-color: #000;
        border: 1px solid #e4c18b;
        border-radius: 6px;
        text-align: center;
        width: 100%;
        max-width: 200px;
        padding: 10px 5px
    }

    .lottery-table>div {
        margin-bottom: 0
    }

    .name-lottery-block:before {
        display: none
    }

    .container {
        width: 768px
    }

    .prize ul li {
        border-radius: 6px
    }

    .prize ul li p {
        padding: 0 2px;
        font-size: 18px;
        line-height: 28px
    }

    .bonus-page-banner-wr {
        margin: 0 -15px
    }

    .mobile-bottom-menu {
        width: 522px
    }

    .money-block {
        min-height: initial
    }

    .table-game-inner {
        margin-bottom: auto
    }

    .prizovoy-block .wrap-priz-number {
        width: 98%
    }

    body.popup {
        padding-top: 48px !important
    }

    .money-inner .money-item div:first-child {
        width: auto;
        display: inline-block;
        margin-right: 0
    }

    .money-inner .money-item div:nth-child(2) {
        width: auto;
        display: inline;
        margin-right: 0
    }

    .money-inner .money-item div:last-child {
        width: auto;
        display: inline;
        text-align: center
    }

    .money-inner .money-item-2 img,
    .money-inner .money-item-3 img {
        width: 96px
    }

    .money-inner .money-item-1 img {
        width: 130px
    }

    .money-inner .money-item div {
        vertical-align: top
    }

    .inner-filter-block {
        width: 100%;
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 15px;
        position: relative
    }

    .container {
        width: 514px
    }

    .prize-fond-number-inner {
        margin: 12px 0
    }

    .main-context .prize-label {
        margin-bottom: 0
    }

    .clock-block {
        padding: 2px 0 0 30px;
        background: url(mini-clock.png) no-repeat 0 8px
    }

    .my_profile .status {
        margin: 8px 20px 0 0
    }

    .list-of-play-title {
        width: 515px
    }

    .my_profile .cubok {
        float: left;
        width: 36px;
        height: 36px;
        position: relative;
        top: -5px;
        right: -6px
    }

    .wrap-for-double-block {
        width: 515px;
        margin: 0 auto
    }

    .container-fluid {
        margin-right: auto;
        margin-left: auto;
        min-width: 200px;
        padding: 0 !important
    }

    .prize {
        float: right;
        height: 100%;
        width: 48%;
        background: url(gradient-line.png) no-repeat left center;
        padding: 15px 10px 0;
        text-align: center
    }

    .list-of-play {
        width: 515px;
        margin: 0 auto
    }

    .img-tour-wrap {
        width: 300px;
        float: left;
        margin-right: 8px
    }

    .right-block-with-col {
        float: left;
        display: block
    }

    .mini-left-block {
        display: none
    }

    .mini-p {
        display: none
    }

    .timer-tournir {
        display: none
    }

    .lottery-name-img {
        float: left;
        max-width: 60%;
        max-width: calc(100% - 230px)
    }

    .lottery-time-block {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 230px;
        margin-top: 9px;
        border: 0;
        padding-top: 0;
        background-color: transparent
    }

    .prize {
        float: none;
        width: 100%;
        height: initial;
        background: transparent;
        padding: 0 10px;
        text-align: center;
        margin: 0 0 10px
    }

    .prize--lottery {
        padding-top: 10px
    }

    .prize ul {
        margin-bottom: 2px
    }

    .time-left-block {
        background: transparent;
        background-size: 12%;
        padding: 0;
        width: 100%;
        float: none;
        min-height: initial;
        height: initial;
        margin: 10px 0
    }

    .time-left-block--desktop {
        display: block
    }

    .time-left-block-wr--mobile {
        display: none
    }

    .pad {
        display: block;
        clear: both
    }

    .wrap-two-block {
        width: 93%;
        margin: 0 auto
    }

    .list-of-play ul li {
        margin-right: 7px
    }

    table.table-first-deposit thead tr th {
        font-size: 15px
    }
}

@media all and (min-width: 574px)and (max-width: 1027px) {
    .lottery-time-block .time-left-block {
        background: transparent;
        text-align: center
    }

    .lottery-time-block .time-left-block.large {
        background: transparent;
        padding: 0 0 0 54px
    }
}

@media all and (min-width: 680px) {
    .prize ul li p {
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        display: block
    }

    .my_profile .status {
        margin: 8px 25px 0 0
    }

    .icon-block-in-slider {
        position: absolute;
        z-index: 80;
        right: 0;
        top: 155px;
        width: 47px;
        height: 80px;
        /* background: url(bonus-slider-icon-sprite.png) no-repeat 0 0; */
        cursor: pointer
    }

    .icon-block-in-slider:hover {
        background-position: -94px 0;
        width: 80px;
        height: 108px;
        top: 140px
    }
}

@media all and (min-width: 730px) {
    .table-game-list {
        float: none;
        width: 94%;
        position: relative;
        height: initial;
        padding: 0;
        margin: 0 3% 40px
    }
}

@media all and (max-width: 804px) {
    .d-display-none {
        display: none !important
    }

    .main-video-block {
        color: #e7c28b;
        background: transparent;
        text-decoration: underline
    }

    .main-popup-block {
        padding-top: 48px
    }

    .bonus-page-banner-wr {
        display: none
    }

    .bonus-list {
        display: block;
        margin-bottom: 15px
    }

    .bonus-list__item:last-child {
        margin-bottom: 0
    }

    .bonus-list__item-desktop {
        display: none
    }

    .bonus-list__item-mobile {
        display: block
    }

    .bonus-list__item-mobile.is-collapsed .bonus-list__item-mobile-title:before {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .bonus-list__item-header {
        overflow: hidden;
        position: relative;
        height: 66px;
        padding: 0;
        margin-bottom: 10px;
        border-radius: 18px;
        background: url("bonus-page-center.png") repeat left center;
        background-size: auto 100%;
        font-family: "Tahoma Bold";
        font-size: 25px;
        line-height: 66px;
        color: #fec886;
        text-align: center;
        text-transform: uppercase
    }

    .bonus-list__item-header:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: url("bonus-page-left.png") no-repeat left center;
        background-size: auto 100%
    }

    .bonus-list__item-header:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 100%;
        background: url("bonus-page-right.png") no-repeat right center;
        background-size: auto 100%
    }

    .bonus-list__item-mobile-title {
        position: relative;
        padding: 0 32px;
        font-size: 16px;
        line-height: 1;
        color: #deb281;
        text-align: center;
        cursor: pointer
    }

    .bonus-list__item-mobile-title:before {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        width: 19px;
        height: 8px;
        margin-top: -4px;
        background-image: url("arr-down-gold.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .bonus-list__item-text {
        position: relative;
        display: block !important;
        padding: 5px 15px 0px;
        max-height: 1000px;
        overflow: hidden;
        -webkit-transition: max-height .5s ease;
        transition: max-height .5s ease
    }

    .bonus-list__item-text.is-collapsed {
        max-height: 0px
    }

    .bonus-list__item-text>:first-child {
        margin-top: 10px
    }

    .bonus-list__item-btn {
        position: static;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        display: block;
        margin: 0 auto
    }

    .btn-1-wr--bonus-page {
        display: none
    }

    .table-wrap-block {
        margin-bottom: 15px
    }

    .rox-chart-tables .top-label {
        padding-bottom: 0
    }

    .wrap-popup-block {
        padding-right: 0 !important;
        padding-left: 0 !important;
        height: 100%
    }

    .sport-page .main-mobile-bottom-menu-wrap {
        display: block
    }

    .soc-box_web {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media all and (min-width: 805px) {
    .games-filter__collections-link {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
        font-size: 12px !important;
        padding: 0 25px !important
    }

    .games-filter__collections-link:hover::after {
        opacity: 0
    }

    .games-filter__collections-link.active::after,
    .games-filter__collections-link:active::after,
    html:not(.touch) .games-filter__collections-link:hover::after,
    html:not(.touch) .games-filter__collections-link.active:hover::after {
        -webkit-transform: translate3d(-50%, 6px, 0);
        transform: translate3d(-50%, 6px, 0);
        border-top: 4px solid #e7c28b;
        border-bottom: none;
        opacity: 1
    }

    .games-filter__collections-link--vsport,
    .games-filter__collections-link--esport,
    .games-filter__collections-link--sport {
        padding: 0 0 0 26px !important
    }

    .sport-not-load-text {
        font-size: 36px;
        padding-bottom: 100px
    }

    .sport-not-load {
        padding: 100px 0 20px 0
    }

    .filter-block {
        margin: 9px 0 0
    }

    .provider-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 32px;
        padding-bottom: 10px
    }

    .provider-filter__controls {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0 5px 0 0
    }

    .provider-filter__controls-expand {
        width: 150px;
        margin: 0 5px 0 0 !important
    }

    #chat-widget-container {
        display: none
    }

    .d-mobile-none {
        display: none !important
    }

    .home .main-content,
    .cms-page .main-content,
    .profile-page .main-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .bonus-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bonus-list__item {
        display: inline-block;
        padding: 95px 20px 20px;
        margin: 75px 0 0;
        border: 1px solid #e1c392;
        border-radius: 11px;
        -webkit-box-shadow: inset 0 50px 100px 0 rgba(0, 0, 0, .3);
        box-shadow: inset 0 50px 100px 0 rgba(0, 0, 0, .3)
    }

    .bonus-list--2-items .bonus-list__item,
    .bonus-list--3-items .bonus-list__item,
    .bonus-list--4-items .bonus-list__item {
        width: 48.5%;
        margin-bottom: 20px
    }

    .bonus-list__item-text {
        display: block !important
    }

    .sport-promo {
        padding: 30px 30px 0 30px
    }

    .sport-promo .bonus-list__item {
        padding: 50px;
        margin: 0 0 30px 0;
        background-color: #0b2839;
        -webkit-box-shadow: inset 0 0 55px 0 rgba(255, 255, 255, .3);
        box-shadow: inset 0 0 55px 0 rgba(255, 255, 255, .3);
        border: 1px solid #dad8d7
    }

    .promo-box_btn-box {
        width: 100%;
        text-align: center
    }

    .promo-box_btn-box a {
        color: #141414;
        text-decoration: none
    }

    .lottery-info {
        margin-bottom: 0
    }

    .standart-mobile-styles {
        padding: 0
    }

    .standart-mobile-styles p {
        font-size: 15px;
        line-height: 21px;
        text-align: center
    }

    .main-context .horizon-indents-90 {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .home,
    .home-page,
    .collection-page,
    .provider-page,
    .sportlobby-page,
    .favorite-collection-page,
    .instructionapp-page {
        padding-top: 68px !important
    }

    .sport-page {
        padding-top: 128px !important
    }

    .flags-drop {
        background-color: #202f3e
    }

    .c-burger:before {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        z-index: 80;
        top: -4px;
        right: -10px;
        background: url(present.png) no-repeat center;
        background-size: contain
    }

    .prize ul {
        margin-bottom: 10px
    }

    .prizovoy-block .mobile-tournament-prize-table {
        display: none
    }

    .prizovoy-block .table-wrapper {
        display: block
    }

    .first-block-in-promo-bonus {
        margin: 0 0 20px 0
    }

    .home .gorrizontal-line-behind-slider-and-content,
    .home-page .gorrizontal-line-behind-slider-and-content {
        display: block;
        border-radius: 5px;
        /* background: url(back-ul.png) repeat-x center; */
        padding: 2px 0;
        width: 738px;
        margin: 10px auto 26px
    }

    .icon-block-in-slider {
        display: block
    }

    body.popup {
        padding-top: 99px !important
    }

    .name-lottery-block {
        padding-bottom: 20px
    }

    .time-left-block p {
        font-size: 16px
    }

    .hidden-mobile {
        display: block !important
    }

    .double-ul-menu li a {
        color: #525252 !important
    }

    .main-context .black-block {
        display: none
    }

    .menu-tabs-submenu {
        width: 100%;
        max-width: 100%
    }

    .menu-tabs-submenu ul li {
        display: inline-block
    }

    .main-label-line {
        margin-bottom: 30px;
        border-bottom: none
    }

    .money-inner .money-item-2 img,
    .money-inner .money-item-3 img {
        position: relative;
        width: 149px;
        margin-top: 47px
    }

    .money-inner .money-item-1 img {
        width: 196px
    }

    .deposit-lottery {
        color: #fff;
        padding-top: 20px
    }

    .bottom-text {
        font-size: 15px !important
    }

    .deposit-lottery .black-block {
        display: block
    }

    #contentBox .content-games-scroll ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        height: 227px;
        width: auto
    }

    .content-games-scroll {
        width: 305px !important;
        overflow: hidden !important
    }

    .tournament-item-block .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
        margin: 0 12px !important
    }

    .tournament-item-block .mCSB_scrollTools {
        border: 1px solid #e7c28b;
        height: 10px !important
    }

    .tournament-item-block .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
        height: 3px;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%)
    }

    .tournament-item-block .mCSB_dragger {
        height: 0 !important
    }

    .tournament-item-block .mCSB_dragger_bar {
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        height: 4px !important
    }

    .tournament-item-block .mCSB_buttonLeft,
    .tournament-item-block .mCSB_buttonRight {
        display: block !important
    }

    .tournament-item-block .mCSB_draggerRail {
        height: 0 !important;
        border: none !important
    }

    .tournament-item-block .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        margin-top: 2px !important
    }

    .tournament-item-block .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .tournament-item-block .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        height: 4px !important
    }

    .tournament-item-block .mCSB_buttonLeft {
        left: 4px !important;
        top: 1px !important;
        width: 5px !important;
        height: 5px !important;
        background: url(left-arrow.png) no-repeat center !important;
        opacity: 1 !important
    }

    .tournament-item-block .mCSB_buttonRight {
        right: 4px !important;
        top: 1px !important;
        width: 5px !important;
        height: 5px !important;
        background: url(right-arrow.png) no-repeat center !important;
        opacity: 1 !important
    }

    .table-body-wrapper .mCSB_scrollTools {
        border: 1px solid #e7c28b;
        height: 100% !important
    }

    .table-body-wrapper .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger {
        width: 0 !important;
        margin-left: 0 !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%)
    }

    .table-body-wrapper .mCSB_dragger {
        width: 0 !important;
        height: auto !important
    }

    .table-body-wrapper .mCSB_dragger_bar {
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        height: 40px !important
    }

    .table-body-wrapper .mCSB_draggerRail {
        width: 0 !important
    }

    .table-body-wrapper .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
        margin-left: 2px !important
    }

    .table-body-wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .table-body-wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        width: 4px !important;
        height: 100%
    }

    .mCSB_buttonUp {
        top: 6px !important;
        right: 1px !important;
        width: 6px !important;
        height: 5px !important;
        background: url(up.png) no-repeat center !important;
        opacity: 1 !important;
        background-size: 100% !important
    }

    .mCSB_buttonDown {
        bottom: 6px !important;
        right: 1px !important;
        width: 6px !important;
        height: 5px !important;
        background: url(down.png) no-repeat center !important;
        opacity: 1 !important;
        background-size: 100% !important
    }

    .table-body-wrapper .mCSB_scrollTools {
        width: 10px !important
    }

    .table-game-list .mCSB_scrollTools {
        border: 1px solid #e7c28b;
        height: 10px !important
    }

    .table-game-list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
        height: 3px;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%)
    }

    .table-game-list .mCSB_dragger {
        height: 0 !important
    }

    .table-game-list .mCSB_dragger_bar {
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        height: 4px
    }

    .table-game-list .mCSB_draggerRail {
        height: 0 !important
    }

    .table-game-list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        margin-top: 2px !important
    }

    .table-game-list .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .table-game-list .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        height: 4px !important
    }

    .table-game-list .mCSB_buttonLeft {
        left: 6px !important;
        top: 1px !important;
        width: 5px !important;
        height: 5px !important;
        background: url(left-arrow.png) no-repeat center !important;
        opacity: 1 !important
    }

    .table-game-list .mCSB_buttonRight {
        right: 6px !important;
        top: 1px !important;
        width: 5px !important;
        height: 5px !important;
        background: url(right-arrow.png) no-repeat center !important;
        opacity: 1 !important
    }

    body.home .main-mobile-bottom-menu-wrap,
    body.home-page .main-mobile-bottom-menu-wrap {
        display: none
    }

    .label-in-block-tournir {
        border: none;
        display: none;
        margin-bottom: 15px
    }

    .mini-right-block {
        width: 100%
    }

    .main-label-line p {
        color: #e7c28b !important;
        width: 96%;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none;
        border-top: none;
        border-bottom: none;
        padding: 3px 10px;
        border-radius: 35px;
        margin: 0 auto
    }

    .my_profile select option {
        background: #112b37
    }

    .my_profile .status {
        float: left;
        margin: 5px 10px 0 0;
        color: #e1ba84
    }

    .my_profile .cubok {
        width: 43px;
        height: 43px;
        position: relative;
        top: -27px
    }

    .container {
        width: 738px
    }

    .more-info {
        background: url(background-else.png)
    }

    .gorizont-line {
        width: 100%;
        height: 22px;
        clear: both
    }

    .clock-block p {
        margin: 0 0 8px 10px
    }

    .disp514 {
        display: none
    }

    .prize-more {
        width: 27%
    }

    .nonDispMin544 {
        display: block
    }

    .prize-fond {
        width: 100%;
        margin: 0 auto;
        border-top: 1px solid #e7c28b;
        padding: 16px 0 0 0
    }

    .timer-tournir {
        display: block
    }

    .tournament-item-block {
        border: 1px solid #e7c28b;
        border-radius: 12px;
        width: 96%;
        margin: 0 auto;
        padding: 12px
    }

    .wrap-for-double-block {
        width: 100%;
        margin: 0 auto
    }

    .right-block-with-col {
        display: none
    }

    .list-of-play {
        width: 46%
    }

    .clock-block {
        color: #e7c28b;
        padding: 13px 0 10px 42px;
        background: url(clock.png) no-repeat 0 16px
    }

    .prize-fond-number-inner {
        width: 244px;
        margin: 0 auto;
        text-align: left
    }

    .text-rules {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        padding: 0 21px 25px
    }

    #contentBox .prize-fond-number-inner ul li {
        width: 22px
    }

    #contentBox .prize-fond-number-inner ul li.prize-currency__fs {
        width: 44px
    }

    .prize-number li p {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 28px
    }

    .main-context .prize-label {
        font-size: 18px;
        margin-bottom: 0;
        text-align: center
    }

    .prize-type {
        margin: 2px 0 6px;
        font-size: 14px
    }

    .img-tour-wrap {
        width: 52.5%;
        float: left;
        margin-right: 10px
    }

    .left-arrow {
        background: url(left-arrow.png) no-repeat center;
        height: 5px;
        width: 9px;
        float: left;
        display: block
    }

    .right-arrow {
        background: url(right-arrow.png) no-repeat center;
        height: 5px;
        width: 9px;
        float: right;
        display: block
    }

    .list-of-play ul {
        text-align: center;
        margin: 0
    }

    .list-of-play-inner {
        height: auto;
        margin: 0 auto
    }

    .clear-if {
        display: none
    }

    .table-.tournir p {
        display: none
    }

    .list-of-play {
        float: left;
        width: 44%
    }

    .list-of-play-title {
        margin-top: 0;
        line-height: 1
    }

    .img-tour-wrap-inner {
        max-width: 364px;
        margin: 0 auto
    }

    .deposit-lottery {
        padding-top: 0
    }

    .lottery-table {
        padding-top: 0
    }

    .prize p {
        font-size: 18px
    }

    .first-deposit {
        padding-top: 0
    }

    .four-col {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding-top: 8px;
        height: 167px
    }

    .mobile-visible {
        display: none
    }

    .sticky-absolute {
        position: absolute;
        top: 5px;
        bottom: 0;
        left: calc(100% - 45px);
        visibility: hidden
    }

    .sticky-absolute .close-block {
        position: sticky;
        visibility: visible;
        top: 87px;
        z-index: 201
    }

    .main-label-line.gradient-icon-line,
    .block-for-top-menu-tabs {
        position: sticky;
        top: 83px;
        z-index: 200
    }

    .close-block {
        cursor: pointer;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#fae9ce), to(#f0c788));
        background-image: linear-gradient(to top, #fae9ce, #f0c788);
        -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .38);
        box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .38);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 35px;
        height: 35px;
        position: absolute;
        top: 7px;
        right: 5px
    }

    .close-block:hover {
        -webkit-filter: brightness(120%);
        filter: brightness(120%)
    }

    .close-block__ic {
        width: 18px;
        height: 18px;
        color: #626161
    }

    body.home .main-mobile-bottom-menu-wrap,
    body.home-page .main-mobile-bottom-menu-wrap,
    body.collection-page .main-mobile-bottom-menu-wrap,
    body.provider-page .main-mobile-bottom-menu-wrap,
    body.sportlobby-page .main-mobile-bottom-menu-wrap,
    body.favorite-collection-page .main-mobile-bottom-menu-wrap {
        display: none
    }

    .inner-popup-block {
        width: 800px;
        margin: 0 auto;
        background-color: transparent;
        padding: 0;
        border-radius: 20px
    }

    .new-input--select .select2-phone-input.main-tabs-input-class {
        font-size: 14px;
        padding: 0 0 0 10px
    }

    .ios .new-input--select .select2-phone-input.main-tabs-input-class {
        padding: 0 0 0 5px;
        line-height: normal
    }

    .border-popup {
        border-right: 2px solid #e7c28b;
        border-left: 2px solid #e7c28b;
        border-bottom: 2px solid #e7c28b;
        border-top: none;
        background: #272828;
        border-top-right-radius: 0;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        position: relative
    }

    .main-popup-block {
        top: 81px;
        padding-bottom: 40px;
        background: none;
        min-height: calc(100% - 83px)
    }

    .main-popup-block::before {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px)
    }

    .prize {
        padding: 10px 10px 0
    }

    .mCSB_scrollTools_horizontal .mCSB_draggerContainer {
        margin-left: 15px;
        margin-right: 15px
    }

    .main-popup-black {
        background: none
    }

    .inner-mobile-menu-block__clock {
        display: none
    }
}

@media all and (max-width: 885px) {
    .presonalInfo-mobile-margin {
        margin-bottom: 10px
    }

    .presonalInfo-mobile-margin:after {
        content: " ";
        clear: left;
        display: block
    }

    .presonalInfo--gender {
        margin-top: 0;
        margin-bottom: 0
    }

    .my_profile .select-sex li label {
        margin-bottom: 0;
        margin-top: 0
    }

    .my_profile .select-sex li .check {
        top: 0
    }

    .my_profile .bottom-button-block {
        margin: 30px auto
    }

    .status-short-desc {
        margin-bottom: 30px !important;
        margin-top: 15px
    }

    .status-description-list-title {
        padding-top: 0 !important
    }

    .tournament-item-block {
        padding-bottom: 10px
    }

    .status-page h2 {
        margin-bottom: 20px
    }

    .news-list__item-img-wr {
        margin-bottom: 10px !important
    }

    .news-list__item-short-desk {
        margin-bottom: 10px !important
    }

    .news-list__item {
        margin-bottom: 10px !important
    }

    .status-short-desc.mobile-margin {
        margin-bottom: 20px !important
    }
}

@media all and (min-width: 805px)and (max-width: 1027px) {
    .games-filter__collections-link {
        font-size: 11px !important
    }
}

@media all and (min-width: 1028px) {
    .timer-for-lottery {
        max-width: 254px
    }

    #contentBox .lottery-time-block .prize__num--with-cur li:last-child {
        margin-left: 14px
    }

    #contentBox .lottery-time-block .prize__num--with-cur li:nth-last-child(4),
    #contentBox .lottery-time-block .prize__num--with-cur li:nth-last-child(7) {
        margin-left: 10px
    }

    .bonus-list--2-items .bonus-list__item {
        width: 48.5%
    }

    .bonus-list--3-items .bonus-list__item {
        width: 32%
    }

    .bonus-list--4-items .bonus-list__item {
        width: 23%
    }

    .prize ul li p {
        padding: 0 4px;
        font-size: 24px;
        line-height: 33px
    }

    .home .gorrizontal-line-behind-slider-and-content,
    .home-page .gorrizontal-line-behind-slider-and-content {
        width: 962px
    }

    .text-rules__section {
        display: inline-block
    }

    .main-context--terms .bottom-arrow {
        background: url(up.png) no-repeat right 8px !important
    }

    .main-context--terms .wrapper-main-context {
        margin-left: 75px !important;
        margin-right: 75px !important
    }

    .list-of-play ul {
        text-align: center;
        margin: 4px 0 4px 0
    }

    .content-games-scroll {
        width: 305px !important;
        overflow: hidden !important
    }

    .my_profile input[type=text].margin-bottom {
        margin-bottom: 64px
    }

    .container {
        width: 962px
    }

    .inner-popup-block {
        width: 962px;
        margin: 0 auto
    }

    .table-wrap ul li {
        display: inline-block;
        margin: 12px 5px
    }

    .prize-fond {
        width: 95%
    }

    .table-game-list {
        float: right;
        width: 55%;
        padding: 20px 0 0;
        margin-top: 79px;
        margin-right: 5%
    }

    .prizovoy-block {
        width: 36%;
        margin: 0 auto;
        padding: 20px 0 0;
        display: inline-block
    }

    .tournament-item-block {
        padding: 20px 50px;
        width: 85%
    }

    .lottery-name-img {
        float: left;
        max-width: 70%;
        max-width: calc(100% - 290px)
    }

    .lottery-time-block {
        width: 284px;
        margin-top: 11px;
        border: 0
    }

    .lottery-time-block .time-left-block {
        background-position: 11px 3px;
        min-height: 40px
    }

    .lottery-time-block .time-left-block.large {
        padding: 8px 0 0 74px
    }

    .prize {
        float: none;
        width: 100%;
        height: initial;
        background: transparent;
        padding: 0 10px;
        text-align: center;
        position: relative;
        margin: 15px 0
    }

    .time-left-block {
        background: url(clock.png) no-repeat 22px 3px;
        background-size: 12%;
        padding: 0 10px 0 74px;
        width: 100%;
        font-size: 14px;
        margin: 20px 0 10px
    }

    .pad {
        display: block;
        clear: both
    }

    .wrap-two-block {
        width: 93%;
        margin: 0 auto
    }

    .bottom-arrow {
        font-size: 14px
    }

    .main-item-win {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .main-cl3 {
        display: none
    }

    .main-cl32 span {
        font-size: 23px;
        font-family: "Tahoma Bold", sans-serif
    }

    .main-cl32 {
        color: #e7c28b;
        font-family: "Tahoma Regular", sans-serif;
        font-size: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap
    }

    .main-right-price {
        display: block;
        float: right;
        padding: 8px 0 8px 19px;
        border-left: 2px solid #2d2d2d;
        margin-top: 8px;
        min-width: 137px
    }

    .main-right-price span {
        padding-right: 4px
    }

    .wrap-now-winner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 228px;
        float: left
    }

    .win-text-block {
        width: 46%
    }

    .main-cl2 {
        font-size: 13px;
        text-transform: uppercase;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ul.tournament-prize-number {
        text-align: left
    }

    .wrap-priz-number p {
        text-align: center
    }

    .main-video-block {
        /* background: url(/video/LasVegas/lasvegas_video.jpg) no-repeat center !important; */
        background-size: cover !important;
        width: 100%
    }
}

@media all and (min-width: 1180px) {
    .games-filter__collections-link {
        font-size: 13px !important
    }

    .main-popup-block {
        top: 83px
    }

    .home .gorrizontal-line-behind-slider-and-content,
    .home-page .gorrizontal-line-behind-slider-and-content {
        width: 1110px
    }

    .prize {
        margin: 20px 0
    }

    .filter-block-in {
        padding-bottom: 0
    }

    .container {
        width: 1110px
    }

    .wrap-two-block {
        width: 90%
    }

    .inner-popup-block {
        width: 1110px;
        margin: -2px auto 0
    }

    .table-wrap ul li {
        display: inline-block;
        margin: 11px 4px
    }

    .tournament-item-block {
        padding: 25px 10px;
        width: 97%
    }

    .prize-fond {
        width: 28%;
        float: left;
        border-top: none;
        padding: 0;
        margin-top: -18px
    }

    .clock-block {
        width: 100%;
        float: none
    }

    .prize-fond-number {
        float: none;
        width: 100%;
        margin: 35px 0 10px 0
    }

    .prize-fond-number-inner {
        margin: 0
    }

    .prize-label {
        margin-bottom: 13px
    }

    .gorizont-line {
        display: none
    }

    .list-of-play {
        width: 31%
    }

    .img-tour-wrap {
        width: 40%
    }

    .prize-fond-inner {
        width: 241px;
        margin: 0 auto
    }

    .prize-more {
        width: 100%
    }

    .clock-block {
        color: #e7c28b;
        padding: 0 0 0 42px;
        background: url(clock.png) no-repeat 0 2px
    }

    .bottom-arrow {
        font-size: 16px
    }

    .table-first-deposit tbody tr:last-child td {
        border-bottom: none !important
    }
}

@media all and (min-width: 1270px) {
    .inner-popup-block {
        width: 1190px
    }
}

@media(min-width: 1px)and (max-width: 804px) {
    .games-filter__collections-link {
        width: calc(50% - 6px);
        border-width: 1px;
        line-height: 28px !important
    }

    .games-filter__collections-link:first-child,
    .games-filter__collections-link:nth-child(2) {
        margin-top: 8px !important
    }

    .games-filter__collections-link:last-child:nth-child(2n+1) {
        width: calc(100% - 6px)
    }

    .games-filter__collections-link--vip {
        width: calc(50% - 6px) !important
    }

    .games-filter__collections-link--vsport::before,
    .games-filter__collections-link--sport::before {
        -webkit-transform: translate(-26px, 4px);
        -ms-transform: translate(-26px, 4px);
        transform: translate(-26px, 4px)
    }

    .games-filter__providers-link {
        width: calc(100% - 6px);
        margin: 9px 0 0 6px !important
    }

    .provider-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 39px;
        padding-bottom: 10px
    }

    .hintOpenCloser {
        width: 50%
    }

    .desktop-visible {
        display: none
    }

    .wrap-frame {
        width: 100%;
        height: 100%;
        position: relative
    }
}

.inner-mobile-balance__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 6px;
    font-size: 12px;
    line-height: 1.5em
}

.inner-mobile-balance__item+.inner-mobile-balance__item {
    border-top: 1px solid rgba(29, 51, 69, .8);
    padding-top: 6px
}

.inner-mobile-balance__item:last-child {
    padding-bottom: 0
}

.inner-mobile-balance__field {
    color: #fff
}

.inner-mobile-balance__value {
    color: #f0c788;
    font-family: "Tahoma Bold", sans-serif;
    margin-left: 6px
}

.ksnyf {
    padding-bottom: 80px;
    color: #FFF;
}

.ksnyf h1 {
    font-size: 30px
}

.ksnyf h2 {
    font-size: 25px
}

.ksnyf p {
    font-size: 15px;
    line-height: 15px
}

.ksnyf table td {
    padding: 0 10px 8px 0;
    vertical-align: top
}

.language--en .ksnyf {
    display: none
}

.jackpot-block {
    padding: 0;
    display: block
}

.jackpot-block-counter {
    position: relative;
    display: block;
    float: right;
    background: url("frame.png") no-repeat;
    width: 314px;
    height: 39px;
    margin-top: 7px;
    padding-top: 2px;
    cursor: pointer
}

.jackpot-block-currency {
    position: absolute;
    right: 14px;
    top: 8px;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
    width: 20px;
    height: 30px;
    text-align: center
}

@media(max-width: 1027px) {
    .jackpot-block-counter-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        bottom: -8px;
        left: 50%;
        min-height: 28px;
        min-width: 212px;
        -webkit-transform: translate3d(-50%, 0px, 0px);
        transform: translate3d(-50%, 0px, 0px)
    }

    .odometer__mob-img {
        position: absolute;
        bottom: 1px;
        left: 49.7%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        min-height: 28px;
        min-width: 225px
    }

    .jackpot-block-currency-mobile {
        position: absolute;
        bottom: 3px;
        right: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 17px;
        color: #fff;
        text-align: center;
        width: 15px;
        height: 26px;
        border-radius: 3px
    }
}

@media(max-width: 804px) {
    .jackpot-block-counter-mobile {
        top: -5px;
        bottom: unset
    }
}

.tfa-block-enable,
.tfa-block-backup-code,
.tfa-block-disable {
    padding: 15px
}

.qr-2fa {
    background: #fff;
    padding: 5px;
    margin: 10px 0;
    text-align: center
}

.form-2fa {
    width: 230px
}

.form-2fa input {
    width: 100%
}

.form-2fa button {
    width: 100%;
    margin-top: 10px
}

.i-have-a-tooltip {
    text-align: left;
    float: left;
    padding-left: 10px
}

.i-have-a-tooltip__img-box {
    background-color: #f0c788;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.i-have-a-tooltip__text {
    text-transform: uppercase;
    text-decoration: underline;
    cursor: default
}

.tooltipster-sidetip .tooltipster-box {
    background-color: #393939;
    border: none;
    margin-left: 6px;
    margin-right: 6px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #393939;
    top: 2px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #393939;
    top: -2px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border: none
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    font-size: 14px;
    line-height: 1.438;
    font-weight: 200;
    padding: 14px
}

.i-tooltip {
    margin: 0 auto;
    float: none;
    display: inline-block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    padding: 0 0 20px 0
}

.i-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("i_icon.svg") no-repeat center center;
    background-size: 100%;
    margin-top: -3px
}

@media all and (max-width: 541px) {
    #deposit {
        text-align: center
    }
}

@media all and (min-width: 805px)and (max-width: 1179px) {
    #deposit {
        text-align: center
    }
}

@media all and (min-width: 1px)and (max-width: 804px) {
    .slider-item-list--content .owl-stage-outer {
        min-height: 410px
    }

    .slider-item-list--content .owl-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 410px
    }
}

@media all and (min-width: 1px) {
    .presonalInfo--gender+.error-box .red-error {
        top: 0
    }

    .promo-small-text {
        color: #fff !important
    }

    .center-block-subscriptions {
        margin: 0 auto;
        text-align: center
    }

    .main-tabs-input-class option {
        background: #272828;
        color: #fff
    }

    .main-tabs-input-class.empty {
        color: #626161 !important
    }

    .gorizontal-line-bottom-verig-block {
        position: relative;
        border-bottom: 1px solid #f0c788;
        display: none;
        max-width: 100%
    }

    .wrap-for-status-block {
        margin: 2px auto 0
    }

    .second-tabs-ul li {
        display: inline-block
    }

    .second-tabs-ul {
        text-align: center
    }

    .exchange {
        cursor: pointer
    }

    .profileLoading {
        position: fixed;
        content: "";
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 290000;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px
    }

    .profileLoading p {
        position: absolute;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        font-size: 17px;
        text-align: center;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: block;
        background-color: #141414;
        border-radius: 14px;
        -webkit-box-shadow: 0px 0px 14px #000;
        box-shadow: 0px 0px 14px #000;
        border: solid 2px #bcb79299;
        padding: 10px
    }

    .profileLoading img {
        width: 50px
    }

    .profileLoading p span {
        display: block;
        color: #958f67;
        font-size: 15px;
        font-family: "Tahoma Regular", sans-serif
    }

    .second-tabs-ul {
        padding: 0;
        list-style-type: none
    }

    .list-pay-history-max-805 table {
        margin-bottom: 0
    }

    .list-pay-history-max-805 {
        padding: 25px
    }

    .help-popup-block {
        border-radius: 15px;
        border: 2px solid #e7c28b;
        width: 520px;
        height: 415px;
        padding: 14px;
        color: #fff;
        position: absolute;
        top: 111px;
        right: -161px;
        background-color: rgba(39, 40, 40, .95);
        display: none;
        z-index: 80
    }

    .slider-item-block .help-popup-block {
        height: auto;
        width: 300px;
        left: -50px
    }

    .slider-item-block:nth-child(4n) .help-popup-block {
        left: auto;
        right: -50px
    }

    .wrap-for-img-and-text {
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        border: 2px solid transparent;
        outline: 0;
        -webkit-box-shadow: inset 0 0 0 50px #1a1a1a;
        box-shadow: inset 0 0 0 50px #1a1a1a;
        background: #e2dedb;
        background: -webkit-gradient(linear, left top, left bottom, from(#e2dedb), color-stop(40%, #ada496), color-stop(60%, #ada496), to(#edc589));
        background: linear-gradient(to bottom, #e2dedb 0%, #ada496 40%, #ada496 60%, #edc589 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DCFBB3", endColorstr="#8BAE22", GradientType=0);
        width: 230px;
        height: 96px;
        margin: 0 auto;
        border-radius: 5px;
        overflow: hidden;
        padding: 2px;
        position: relative
    }

    .selected-bonus {
        position: relative
    }

    .selected-bonus::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .selected-bonus .selected-bonus__img {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        left: 50%;
        margin-left: -40px;
        width: initial !important;
        background: transparent;
        border: none
    }

    .img-for-bonus {
        max-height: 100%
    }

    .slider-item-block {
        position: relative;
        width: 58%;
        margin: 0 auto;
        min-width: 300px;
        max-width: 331px
    }

    .four-block-in-promo-bonus .input-for-promo-kod {
        margin: 20px auto
    }

    .input-for-promo-kod {
        width: 300px;
        margin: 0 auto;
        position: relative
    }

    .input-for-promo-kod input[type=text] {
        width: 100%;
        text-align: left;
        height: 42px;
        color: #fff;
        background: #141414;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        font-family: "Verdana", sans-serif;
        border-radius: 22px;
        padding: 5px 50px 5px 15px;
        border: 1px solid #897658;
        text-decoration: none;
        outline: 0
    }

    .input-for-promo-kod input[type=text]::-webkit-input-placeholder {
        color: #fefefe
    }

    .input-for-promo-kod input[type=text]::-moz-placeholder {
        color: #fefefe
    }

    .input-for-promo-kod input[type=text]:-ms-input-placeholder {
        color: #fefefe
    }

    .input-for-promo-kod input[type=text]::-ms-input-placeholder {
        color: #fefefe
    }

    .input-for-promo-kod input[type=text]::placeholder {
        color: #fefefe
    }

    .input-for-promo-kod input[type=submit],
    .promo-kod-btn {
        background: -webkit-gradient(linear, left bottom, left top, from(#fae9ce), to(#f0c788));
        background: linear-gradient(to top, #fae9ce, #f0c788);
        border: none;
        border-radius: 35px;
        height: 36px;
        width: 120px;
        position: absolute;
        right: 3px;
        top: 3px;
        color: #141414;
        font-size: 11px;
        font-weight: 700;
        font-family: "Verdana", sans-serif;
        text-transform: uppercase
    }

    .input-for-promo-kod input[type=submit]:hover {
        filter: brightness(110%);
        -webkit-filter: brightness(110%)
    }

    .input-for-promo-kod input[type=submit]:active {
        border-style: hidden !important;
        filter: brightness(80%);
        -webkit-filter: brightness(80%)
    }

    .subscribes hr {
        width: 100%;
        height: 3px;
        border: none;
        border-radius: 1px;
        background: #f1c086;
        background: -webkit-gradient(linear, left top, left bottom, from(#f1c086), to(#c5bcb1));
        background: linear-gradient(to bottom, #f1c086 0%, #c5bcb1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1c086", endColorstr="#c5bcb1", GradientType=0)
    }

    .verification-block {
        position: relative;
        display: none
    }

    .first-inner-tab {
        min-height: 156px;
        height: 100%;
        padding: 15px 0;
        border-radius: 0 0 20px 20px
    }

    .wrap-for-myProfile {
        display: none;
        padding-bottom: 1px
    }

    .main-tabs-input-class {
        -moz-appearance: textfield;
        border-radius: 21px;
        max-width: 230px;
        font-size: 14px;
        padding: 0 15px;
        color: #fff;
        text-decoration: none;
        height: 36px;
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        border: 2px solid #f0c788;
        outline: 0;
        background-color: #272828
    }

    .main-tabs-input-class:focus::-webkit-input-placeholder {
        color: transparent
    }

    .main-tabs-input-class:focus::-moz-placeholder {
        color: transparent
    }

    .main-tabs-input-class:focus:-ms-input-placeholder {
        color: transparent
    }

    .main-tabs-input-class:focus:-moz-placeholder {
        color: transparent
    }

    select.main-tabs-input-class {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .my_profile .label-input {
        float: none
    }

    .item {
        height: 20px;
        overflow: hidden
    }

    div.option {
        cursor: pointer;
        color: #a4a4a4;
        text-align: left
    }

    div.option:hover {
        color: #fff
    }

    .width-for-input {
        width: 222px
    }

    .silver-background {
        background: #e2dedb;
        background: -webkit-gradient(linear, left top, left bottom, from(#e2dedb), color-stop(40%, #ada496), color-stop(60%, #ada496), to(#edc589));
        background: linear-gradient(to bottom, #e2dedb 0%, #ada496 40%, #ada496 60%, #edc589 100%)
    }

    .silver-background:hover {
        background: #ece9e6;
        background: -webkit-gradient(linear, left top, left bottom, from(#ece9e6), color-stop(40%, #bcb4a8), color-stop(60%, #bcb4a8), to(#f7d29a));
        background: linear-gradient(to bottom, #ece9e6 0%, #bcb4a8 40%, #bcb4a8 60%, #f7d29a 100%)
    }

    .left-post {
        font-size: 15px;
        text-transform: uppercase;
        color: #f0c788
    }

    .left-post__label {
        margin-left: 5px;
        font-size: 11px
    }

    .label-input {
        padding: 7px 0;
        float: left;
        font-size: 14px;
        text-align: center
    }

    .subscribes {
        width: 100%
    }

    .subscribes__item {
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .subscribes__item br {
        display: block
    }

    label.man input {
        display: none
    }

    label.man {
        cursor: pointer;
        width: 41%;
        font-weight: normal;
        background: url("checkbox.png") no-repeat left top;
        background-size: 46px auto;
        padding: 5px 0 5px 27px;
        color: #fff
    }

    label.cheked {
        background: url("checkbox-ic.png") no-repeat left center !important
    }

    .keep-data:hover {
        color: #fff
    }

    .keep-data {
        border-radius: 25px;
        width: 130px;
        font-size: 16px;
        color: #f0c788;
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        border: 1px solid transparent;
        text-decoration: none;
        outline: 0;
        -webkit-box-shadow: inset 0 0 0 30px #000;
        box-shadow: inset 0 0 0 30px #000;
        height: 38px;
        background: #000;
        background: -webkit-gradient(linear, left top, left bottom, from(#e5e4e2), to(#f0c788));
        background: linear-gradient(to bottom, #e5e4e2 0%, #f0c788 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e5799", endColorstr="#7db9e8", GradientType=0);
        text-overflow: ellipsis
    }

    .bottom-button-block {
        width: 265px;
        margin: 0 auto 35px;
        text-align: center
    }

    .second-tabs-ul li a {
        color: #e7c28b;
        font-size: 15px;
        text-align: center;
        display: block;
        padding: 5px 0;
        cursor: pointer;
        text-decoration: none;
        background: #222;
        background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#191919));
        background: linear-gradient(to bottom, #222222 0%, #191919 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222", endColorstr="#191919", GradientType=0)
    }

    .second-tabs-ul li a:hover {
        text-decoration: none;
        color: #fff
    }

    .my_history table tbody tr td {
        line-height: 29px
    }

    .show-cashout-restrictions {
        cursor: pointer;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        vertical-align: middle;
        -webkit-transition: opacity .15s ease;
        transition: opacity .15s ease;
        width: 36px;
        height: 24px
    }

    .show-cashout-restrictions::before {
        content: "";
        background: url("bx_error.png") no-repeat center center;
        display: inline-block;
        width: 100%;
        height: 100%
    }

    .show-cashout-restrictions:hover,
    .show-cashout-restrictions:focus {
        opacity: .75
    }

    .inner-pay-history-cell-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }
}

@media(min-width: 1px)and (max-width: 804px) {
    .inner-pay-history-cell-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width: 1px)and (max-width: 804px) {
    .inner-history {
        margin: 16px 14px 0
    }
}

@media all and (min-width: 1px) {
    .slider-item-block {
        position: relative;
        width: 240px;
        margin: 0 auto;
        min-width: 240px;
        max-width: 331px;
        display: inline-block;
        vertical-align: top;
        padding-top: 15px
    }
}

@media all and (min-width: 1px) {
    .slider-item-list {
        text-align: center;
        height: auto;
        overflow: visible;
        margin: 0 auto;
        position: relative;
        padding: 0 32px
    }
}

@media all and (min-width: 1px) {
    .slider-item-list a {
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .slider-item-list--promo {
        display: block
    }
}

@media all and (min-width: 1px) {
    .slider-item-list.slider-item-list--content {
        display: none
    }
}

@media all and (max-width: 420px) {
    .input-for-promo-kod input[type=text] {
        font-size: 12px;
        line-height: 12px
    }
}

@media all and (max-width: 370px) {
    .input-for-promo-kod input[type=text] {
        font-size: 10px;
        line-height: 10px;
        padding: 5px 50px 5px 10px
    }

    .promo-kod-btn {
        width: 102px;
        font-size: 10px
    }
}

@media all and (min-width: 574px) {
    .my_profile .select-sex li {
        width: 100%;
        margin-bottom: 10px
    }

    .my_profile .col-sm-4 {
        padding-left: 5px;
        padding-right: 5px
    }

    .left-post {
        font-size: 11px
    }
}

@media all and (max-width: 804px) {
    .my_profile .registration-button-profile {
        border-radius: 12px;
        padding-left: 30px;
        padding-right: 30px
    }

    .my_verification input[type=text],
    .my_verification input[type=tel],
    .my_verification input[type=password] {
        background: transparent !important
    }

    .slider-item-block .help-popup-block {
        display: none !important
    }

    .slider-item-list.slider-item-list--promo.owl-carousel {
        margin-bottom: 18px !important
    }

    .slider-item-list--promo.owl-carousel .owl-item {
        opacity: .5
    }

    .slider-item-list--promo.owl-carousel .owl-item.center {
        opacity: 1
    }

    .slider-item-list.slider-item-list--content.owl-carousel {
        display: block;
        position: relative
    }

    .slider-item-list.slider-item-list--content.owl-carousel .owl-nav {
        position: absolute;
        display: block;
        width: 100%;
        top: 50%;
        margin-left: auto;
        margin-right: auto;
        display: block !important;
        z-index: 1
    }

    .slider-item-list.slider-item-list--content.owl-carousel .owl-stage-outer.is-hidden+.owl-nav {
        top: -140px
    }

    .slider-item-list.slider-item-list--content.owl-carousel .owl-nav.disabled {
        display: none !important
    }

    .slider-item-list.slider-item-list--content.owl-carousel .owl-nav .owl-prev,
    .slider-item-list.slider-item-list--content.owl-carousel .owl-nav .owl-next {
        background-size: 100%;
        height: 28px !important;
        width: 28px !important
    }

    .slider-item-list.slider-item-list--content.owl-carousel .owl-nav .owl-prev {
        background: url("mob-slider-left.png") no-repeat center center !important;
        left: 5px;
        -webkit-transform: translate3d(0, -50%, 0px);
        transform: translate3d(0, -50%, 0px)
    }

    .slider-item-list.slider-item-list--content.owl-carousel .owl-nav .owl-next {
        background: url("mob-slider-right.png") no-repeat center center !important;
        right: 5px;
        -webkit-transform: translate3d(0, -50%, 0px);
        transform: translate3d(0, -50%, 0px)
    }

    .slider-item-list.slider-item-list--content .owl-dots {
        width: 50%
    }

    .slider-item-list {
        padding-left: 0;
        padding-right: 0
    }

    .slider-item-list--content .owl-stage-outer {
        border-top: 2px solid #e7c28b
    }

    .slider-item-list--content .owl-stage-outer.is-hidden {
        display: none
    }

    .slider-item-list--content .promo-table-slider-item {
        width: inherit;
        padding: 20px 38px
    }

    .slider-item-list--content .promo-table-slider-item table {
        width: 100%;
        margin: 0
    }

    .slider-item-list--content .promo-table-slider-item table td {
        text-align: left
    }

    .slider__description-toggler {
        cursor: pointer;
        color: #fff;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        margin: 10px 0 0 27px;
        padding: 5px 10px
    }

    .slider__description-toggler:before {
        content: "скрыть";
        text-decoration: underline;
        text-transform: uppercase
    }

    .slider__description-toggler:after {
        content: "";
        border: 6px solid transparent;
        border-bottom: 8px solid #fff
    }

    .slider__description-toggler.active:before {
        content: "подробнее"
    }

    .slider__description-toggler.active:after {
        content: "";
        border-top: 8px solid #fff;
        border-bottom: none
    }

    .first-inner-tab {
        border-radius: 0
    }

    .subscribes {
        width: 90%;
        margin: 0 auto;
        text-align: center
    }

    .subscribes__item {
        width: 100%;
        float: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .subscribes__item {
        min-height: auto
    }

    .subscribes__item br {
        display: none
    }

    .i-have-a-tooltip {
        text-align: center;
        float: none;
        padding-left: 0
    }

    .my_profile .col-sm-4 {
        width: 48%;
        padding: 0 1%
    }

    .select2-container .select2-dropdown {
        background-color: #272828
    }

    .select2-container .select2-search .select2-search__field {
        -webkit-box-shadow: inset 0 0 0 50px #272828;
        box-shadow: inset 0 0 0 50px #272828
    }

    .select2-container .select2-results__options::-webkit-scrollbar-track {
        background-color: #353636
    }

    .status-progress-block .label-input {
        margin-left: 12px;
        text-align: left
    }
}

@media all and (min-width: 574px)and (max-width: 804px) {
    .status-progress-block .label-input {
        margin-top: 18px;
        margin-bottom: -18px
    }

    .status-progress-block .status {
        margin-top: 18px;
        margin-left: 12px
    }
}

@media all and (max-width: 573px) {
    .status-progress-block .label-input {
        margin-top: 24px;
        margin-bottom: -24px
    }

    .status-progress-block .status {
        margin-top: 25px;
        margin-left: 12px
    }
}

@media all and (min-width: 720px) {
    .left-post {
        font-size: 14px
    }
}

@media all and (max-width: 719px) {
    .my_profile .col-sm-4 {
        width: 100%
    }
}

@media all and (min-width: 805px) {
    .slider-show-more {
        display: none
    }

    .presonalInfo--gender+.error-box .red-error {
        top: -15px
    }

    .gorizontal-line-bottom-verig-block {
        display: block
    }

    .padding-text-class p {
        margin: 0 auto;
        width: 94%
    }

    .second-tabs-ul .activeProfileMenu {
        text-decoration: underline !important;
        color: #fff
    }

    .padding-class-tournir {
        padding: 0 0 25px !important
    }

    .statuseName {
        display: block;
        text-transform: capitalize
    }

    .list-pay-history-max-805 table {
        border: 1px solid #e7c28b;
        overflow: hidden;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        width: 100%
    }

    .list-pay-history-max-805 table thead tr th {
        font-weight: normal;
        color: #e7c28b;
        text-transform: uppercase;
        text-align: center;
        padding: 14px 5px;
        border-right: 1px solid #e7c28b;
        border-bottom: 1px solid #e7c28b
    }

    .list-pay-history-max-805 table thead tr th:last-child {
        border-right: none
    }

    .list-pay-history-max-805 table thead tr {
        background: #0b1218
    }

    .list-pay-history-max-805 table tbody tr td {
        border-right: 1px solid #e7c28b;
        border-bottom: 1px solid #e7c28b;
        text-align: center;
        padding: 10px;
        color: #fff
    }

    .list-pay-history-max-805 table tbody tr td:last-child {
        border-right: none
    }

    .slider-item-list.owl-carousel.owl-drag .owl-item {
        width: 240px !important
    }

    .slider-item-list .owl-item {
        width: 280px
    }

    .slider-item-list {
        padding: 0
    }

    .slider-item-list {
        text-align: center;
        height: auto;
        overflow: visible;
        width: 100%
    }

    .slider-item-block {
        position: relative;
        width: 240px;
        margin: 0 auto;
        min-width: 240px;
        max-width: 331px;
        display: inline-block;
        vertical-align: top
    }

    .help-popup-block {
        height: 470px
    }

    .slider-item-block .help-popup-block {
        width: 350px
    }

    .bold-class {
        font-family: "Tahoma Bold", sans-serif
    }

    .first-inner-tab {
        background: transparent;
        min-height: 124px
    }

    .my_security .first-inner-tab {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px
    }

    .label-input {
        position: relative
    }

    .second-tabs-ul li:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .second-tabs-ul li a {
        background: none;
        display: inline-block;
        white-space: nowrap
    }

    .second-tabs-ul li a:hover {
        text-decoration: underline
    }

    .second-tabs-ul {
        top: 34px;
        left: -1px;
        display: none;
        background: #000;
        width: 770px;
        border-top: 1px solid #e7c28b;
        border-bottom: 1px solid #e7c28b;
        margin: 0
    }

    .second-tabs-ul li {
        width: initial;
        padding: 0 15px
    }

    .promo-small-text {
        color: #fff !important
    }

    .help-popup-block table {
        width: 100%
    }

    .label-input {
        text-align: left;
        padding: 7px 4px
    }

    .tooltipster-sidetip .tooltipster-box {
        background-color: #141414
    }

    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
        border-bottom-color: #141414
    }

    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
        border-top-color: #141414
    }
}

@media all and (min-width: 1028px) {
    .my_profile .select-sex li {
        width: 50%;
        margin-bottom: 0
    }

    .my_profile .col-sm-4 {
        padding-left: 15px;
        padding-right: 15px
    }

    .second-tabs-ul {
        width: 993px
    }
}

@media all and (min-width: 1180px) {
    .list-pay-history-max-805 table tbody tr:last-child td {
        border-bottom: none
    }

    .slider-item-block {
        width: 21%;
        margin: 0 20px
    }

    .second-tabs-ul {
        width: 1134px
    }
}

@media all and (min-width: 1271px) {
    .help-popup-block {
        width: 520px;
        height: 435px
    }

    .subscribes__item br {
        display: none
    }
}

.piastrix-iframe iframe {
    background: url("profileLoading.svg") center center no-repeat;
    width: 100%;
    border: 0
}

.my_profile .new-input--select {
    max-width: 100%
}

.my_profile .input-wrap--phone {
    width: 100%;
    margin: 0;
    max-width: none
}

.my_profile .input-wrap--phone input {
    padding-left: 35px
}

.input-wrapper {
    position: relative
}

.clipboard--icon {
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url("copy.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    right: 10px;
    bottom: 2px
}

.profileblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.profileblock .main-context {
    padding: 0
}

@media(max-width: 804px) {
    .profileblock.my_promo .promo-table-slider-item {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .profileblock.my_promo .slider-item-list--content .owl-stage,
    .profileblock.my_promo .slider-item-list--content .owl-stage-outer {
        min-height: auto
    }
}

.profileblock.my_bonuses p.timer-end,
.profileblock.my_sportbonuses p.timer-end {
    font-family: "Tahoma Bold";
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 10px
}

@media(max-width: 804px) {

    .profileblock.my_bonuses p.timer-end,
    .profileblock.my_sportbonuses p.timer-end {
        font-family: "Tahoma Regular";
        text-transform: none
    }
}

.profileblock.my_bonuses p.timer-end-date,
.profileblock.my_sportbonuses p.timer-end-date {
    line-height: 1
}

.profileblock.my_bonuses p.timer-end,
.profileblock.my_bonuses p.timer-end-date,
.profileblock.my_sportbonuses p.timer-end,
.profileblock.my_sportbonuses p.timer-end-date {
    margin-bottom: 0
}

@media(max-width: 479px) {

    .profileblock.my_bonuses p.timer-end,
    .profileblock.my_bonuses p.timer-end-date,
    .profileblock.my_sportbonuses p.timer-end,
    .profileblock.my_sportbonuses p.timer-end-date {
        font-size: 11px
    }
}

@media(min-width: 805px) {
    .profileblock {
        padding-bottom: 0;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px
    }

    .profileblock .desktop {
        display: block !important
    }

    .profileblock .mobile {
        display: none !important
    }
}

@media(max-width: 804px) {
    .profileblock {
        height: 100%
    }

    .profileblock.my_profile .main-context {
        padding: 0 15px
    }

    .profileblock .main-context {
        padding: 0
    }

    .profileblock .desktop {
        display: none !important
    }

    .profileblock .mobile {
        display: block !important
    }
}

.profile-verification {
    margin-top: 60px;
    margin-bottom: 60px
}

@media(max-width: 804px) {
    .profile-verification {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media(max-width: 1180px) {
    .responsive-table thead {
        display: none
    }

    .responsive-table tbody tr td {
        border-right: none;
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 53% 1fr;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .responsive-table tbody tr td:before {
        content: attr(data-th);
        -ms-flex-item-align: start;
        align-self: start;
        color: #e7c28b;
        display: inline-block;
        text-align: left;
        text-transform: uppercase
    }
}

.responsive-table--row-odd tbody tr:nth-child(2n+1) {
    background: #424242
}

.responsive-table--row-odd tbody tr:nth-child(2n+1) td {
    font-weight: 700
}

.responsive-table--row-odd tbody tr:nth-child(2n+1) td::before {
    font-weight: normal
}

.four-col-table__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 805px) {
    .four-col-table__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.four-col-table__inner .four-col-table__item {
    width: 50%
}

@media(max-width: 804px) {
    .four-col-table__inner .four-col-table__item {
        width: 100%
    }
}

@media(min-width: 805px) {
    .four-col-table__inner .four-col-table__item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .four-col-table__inner .four-col-table__item:first-child table,
    .four-col-table__inner .four-col-table__item:last-child table {
        margin: 0
    }

    .four-col-table__inner .four-col-table__item:first-child table {
        border-right: 1px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .four-col-table__inner .four-col-table__item:first-child table thead tr th:last-child {
        border-top-right-radius: 0
    }

    .four-col-table__inner .four-col-table__item:last-child table {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .four-col-table__inner .four-col-table__item:last-child table thead tr th:first-child {
        border-top-left-radius: 0
    }
}

.four-col-table__inner .four-col-table__item table tbody tr:last-child td:first-child {
    border-bottom: none
}

@media all and (min-width: 1px) {
    .main-money-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        height: 92px;
        padding: 10px 20px;
        text-align: center
    }

    .main-money-list__item {
        display: inline-block !important;
        margin: 6px 9px;
        z-index: 5
    }

    .main-money-list__item img {
        height: 18px;
        width: auto
    }

    .main-money-wrap {
        position: relative;
        z-index: 1;
        padding-left: 7px;
        padding-right: 7px;
        margin: 0 0 15px
    }

    .main-background-line {
        width: 100%;
        height: 106px;
        position: absolute;
        z-index: -1;
        left: 0
    }

    .inner-main-background-line {
        background: #e3deda;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3deda", endColorstr="#efc384", GradientType=0);
        height: 100%;
        width: 100%;
        max-width: 1360px;
        margin: 0 auto
    }

    .main-money {
        /* background: url("round-footer.png"); */
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-radius: 49px;
        padding: 0
    }

    .main-wrap-money {
        position: relative;
        top: 7px;
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (min-width: 430px) {
    .main-money-list__item {
        margin: 6px 20px
    }

    .main-money-list__item img {
        height: 20px
    }
}

@media all and (min-width: 454px) {
    .main-money-list__item {
        margin: 6px 26px
    }

    .main-money {
        background: url("round-footer-long.png");
        background-repeat: no-repeat;
        background-size: 100% 100%
    }
}

@media all and (min-width: 574px) {
    .main-money-list__item {
        margin: 6px 10px
    }

    .main-money-list__item img {
        height: 24px
    }

    .main-wrap-money {
        position: relative;
        top: 6px
    }
}

@media all and (min-width: 805px) {
    .main-money-list {
        height: 54px;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .main-money-list__item {
        margin: 2px 6px
    }

    .main-money-list__item img {
        height: 22px
    }

    .main-background-line {
        height: 75px
    }

    .main-wrap-money {
        padding-left: 0;
        padding-right: 0;
        top: 7px
    }

    .for-right-back {
        background: url("round-right.png") no-repeat right center;
        position: absolute;
        right: -1px;
        top: 0;
        width: 44px;
        height: 54px
    }

    .main-money {
        background: url("round-center.png") repeat-x center #1a1a1a;
        border-radius: 29px;
        padding: 0
    }
}

@media all and (min-width: 1028px) {
    .main-money-list__item {
        margin: 2px 8px
    }

    .main-money-list__item img {
        height: 26px
    }
}

@media all and (min-width: 1180px) {
    .main-money-list__item {
        margin: 2px 12px
    }

    .main-money-wrap {
        margin: 0 0 21px 0
    }

    .main-background-line {
        /* background: url("back-for-line.png") repeat-x 0 37px #151515 */
    }

    .main-wrap-money {
        padding-left: 0;
        padding-right: 0;
        top: 11px
    }
}

@media all and (min-width: 1360px) {

    .inner-main-background-line,
    .inner-main-color-horizontal-line {
        border-radius: 35px;
        max-width: 1360px
    }
}

@media all and (min-width: 1px) {
    .footer {
        display: grid;
        row-gap: 25px;
        margin: 20px auto
    }

    .footer__menu {
        display: none
    }

    .footer__clock {
        display: none
    }

    .footer__clock .clock {
        float: left
    }

    .footer__license {
        display: grid;
        row-gap: 10px
    }

    .footer__license-seals {
        display: grid;
        grid-auto-flow: column;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__license-seals>* {
        display: block
    }

    .footer__license-seal--gcb {
        min-width: 150px
    }

    .footer__license-text {
        color: #7e7e7e;
        font-size: 10px
    }

    .footer__license-text a {
        color: inherit;
        text-decoration: underline;
        opacity: .9
    }

    .footer__gamblers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__gamblers a,
    .footer__gamblers img {
        width: auto;
        height: 34px;
        margin-right: 20px
    }

    .footer__gamblers a,
    .footer__gamblers img {
        width: auto;
        height: 34px;
        margin-right: 20px
    }

    .footer__gamblers-item:last-child {
        margin-right: 0
    }

    .main-footer-wrap,
    .main-producer-wrap {
        background: #151515
    }

    .main-producer-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
        text-align: center
    }

    .main-producer-list-item {
        max-height: 30px;
        max-width: 100px;
        min-width: 60px;
        cursor: pointer;
        margin: 5px 10px
    }

    .main-producer-block {
        margin: 20px auto 40px auto
    }

    .footer__logo {
        display: block;
        width: 75px;
        /* background: url("footer-star.png") no-repeat top center; */
        background-size: 22px;
        margin: 0 auto;
        padding-top: 25px;
        font-size: 10px;
        text-align: center;
        color: #ababab;
        cursor: pointer
    }

    .footer__logo:hover,
    .footer__logo:active,
    .footer__logo:focus {
        color: #ababab
    }

    .footer-menu__ul {
        text-align: center;
        float: left;
        padding-left: 0;
        border-left: 2px solid #ababab
    }

    .footer-menu__ul:not(:first-child) {
        padding-left: 20px
    }

    .footer-menu__ul:first-child {
        width: 27%;
        border: 0
    }

    .footer-menu__ul:nth-child(2) {
        width: 47%
    }

    .footer-menu__ul:last-child {
        border-right: 2px solid #ababab;
        width: 21%
    }

    .footer-menu__li {
        width: 100%;
        text-align: left;
        list-style-type: none;
        padding: 0
    }

    .footer-menu__li::first-letter {
        text-transform: capitalize
    }

    .footer-menu__link {
        color: #8f8f8f;
        font-size: 14px
    }

    .footer-menu__link:hover,
    .footer-menu__link:focus {
        text-decoration: underline;
        color: #8f8f8f
    }

    .touch .no_touch,
    .soc-box {
        display: none
    }

    .container-fluid.main-producer-wrap {
        padding-bottom: 55px !important
    }

    .under_footer {
        overflow: hidden;
        height: 0
    }
}

@media all and (min-width: 805px) {
    .footer {
        grid-auto-columns: 1fr 150px;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        row-gap: 20px
    }

    .footer__menu {
        display: block
    }

    .footer__clock {
        display: block;
        -ms-flex-item-align: center;
        align-self: center
    }

    .footer__license-seals {
        grid-auto-flow: row;
        row-gap: 10px;
        grid-column: 2/3;
        grid-row: 2/4
    }

    .footer__license-text {
        grid-column: 1/2;
        grid-row: 2/3
    }

    .footer__logo {
        width: 83px;
        /* background: url("logo-bottom.svg") no-repeat center top; */
        padding-top: 50px;
        grid-column: 1/2;
        grid-row: 3/5;
        align-self: center
    }

    .main-producer-list-item {
        max-height: 50px;
        max-width: 140px;
        min-width: 100px;
        margin: 10px
    }

    .container-fluid.main-producer-wrap {
        background: #272828;
        padding-bottom: 0 !important
    }

    .soc-box {
        overflow: hidden;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        grid-column: 1/3
    }

    .soc-box_app,
    .soc-box_web {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px
    }

    .soc-box_app {
        width: 60%;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .soc-box_web {
        width: 40%;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right
    }

    .app_link {
        width: 130px;
        display: inline-block;
        margin-right: 14px
    }

    .app_link img {
        max-width: 100%;
        display: block
    }
}

@media all and (min-width: 1028px) {
    .footer {
        grid-auto-columns: 1.4fr .6fr 150px;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    .footer__menu {
        grid-row: 1/3
    }

    .footer__clock {
        grid-column: 1/2;
        grid-row: 3/4;
        align-self: start
    }

    .footer__license-seals {
        grid-column: 3/4;
        grid-row: 3/5
    }

    .footer__license-text {
        grid-column: 2/3;
        grid-row: 1/4
    }

    .footer__gamblers {
        grid-column: 3/4;
        grid-row: 2/3;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right
    }

    .footer__logo {
        grid-column: 3/4;
        grid-row: 1/2
    }

    .soc-box {
        grid-column: 1/3
    }

    .soc-box_app {
        width: 500px;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .soc-box_web {
        width: 450px;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

@media all and (min-width: 1180px) {
    .soc-box_web {
        width: 536px
    }

    .soc-box_app {
        width: 560px
    }
}

@media all and (min-width: 1px) {
    .main-content-wrap {
        padding-top: 15px !important;
        /* background: url(back-for-main2.png) repeat-y center #141414 */
    }

    .main-star-back video {
        display: none;
        z-index: 1
    }

    .star-line {
        display: none
    }

    .main-color-horizontal-line {
        width: 100%;
        height: 64px;
        position: absolute;
        top: 46px;
        display: none;
        /* background: url("back-for-line.png") repeat-x center */
    }

    .inner-main-color-horizontal-line {
        background: #e3deda;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3deda", endColorstr="#efc384", GradientType=0);
        height: 100%;
        width: 100%;
        margin: 0 auto
    }

    .main-klip-in {
        padding-left: 0;
        padding-right: 0;
        margin-top: 7px;
        margin-bottom: 15px
    }

    .main-klip-wrap {
        padding-top: 7px;
        /* background: url("back-ul.png") repeat-x center 58px */
    }

    .main-klip-wrap>div {
        text-align: center;
        padding: 0;
        /* background: url("back-ul.png") repeat-x center 14px; */
        margin: 0
    }

    .main-klip-wrap>div>a {
        overflow: visible;
        display: inline-block;
        width: 44%;
        position: relative;
        z-index: 1;
        margin: 0 0 8px 0;
        text-align: center;
        height: 30px;
        vertical-align: top;
        /* background: #3c3c3c url("back-li.png") repeat-x center; */
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border: 2px solid #efc688;
        color: #efc688;
        border-radius: 0 0 0 0
    }

    .main-klip-wrap>div>a:after {
        position: absolute;
        top: 3%;
        right: 0;
        bottom: 0;
        left: 2%;
        width: 96%;
        height: 100%;
        z-index: 0;
        border-radius: 50%;
        border-radius: 0 0 0 0
    }

    .main-klip-block {
        padding: 0;
        position: relative;
        background-color: #141414
    }

    .main-klip-wrap>div>a:nth-child(1)::before {
        content: "";
        position: absolute;
        top: -3px;
        left: -15px;
        width: 32px;
        height: 32px;
        /* background: url("li1.png") no-repeat center; */
        background-size: 100% 100%
    }

    .main-klip-wrap>div>a:nth-child(2)::before {
        content: "";
        position: absolute;
        top: -3px;
        right: -15px;
        width: 32px;
        height: 32px;
        /* background: url("li3.png") no-repeat center; */
        background-size: 100% 100%
    }

    .main-klip-wrap>div>a:nth-child(3)::before {
        content: "";
        position: absolute;
        top: -3px;
        left: -15px;
        width: 32px;
        height: 32px;
        /* background: url("li2.png") no-repeat center; */
        background-size: 100% 100%
    }

    .main-klip-wrap>div>a:nth-child(4)::before {
        content: "";
        position: absolute;
        top: -3px;
        right: -15px;
        width: 32px;
        height: 32px;
        /* background: url("sport_icon_mobile.png") no-repeat center; */
        background-size: cover
    }

    .main-klip-wrap>div>a p {
        font-family: "Tahoma Bold", sans-serif;
        font-size: 9px;
        text-transform: uppercase;
        margin-top: -25px;
        position: absolute;
        bottom: 7px;
        z-index: 1;
        width: 100%
    }

    .main-klip-wrap>div>a img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 2px;
        display: none;
        z-index: 1
    }

    .main-klip-wrap>div>a .main-disp-b {
        opacity: 1;
        -webkit-transition: opacity ease-out 1s;
        transition: opacity ease-out 1s
    }

    .main-klip-wrap>div>a.main-disp-over {
        margin: 0 auto;
        opacity: 0;
        -webkit-transition: opacity ease-out 1s;
        transition: opacity ease-out 1s
    }

    .main-klip-wrap>div>a:visited img.main-round {
        opacity: 1
    }

    html:not(.touch) .main-klip-wrap>div>a:hover .main-disp-b {
        opacity: 0
    }

    .main-klip-wrap>div>a:hover .main-disp-over {
        opacity: 0
    }

    .main-round {
        position: relative;
        border-radius: 300px;
        top: 4px;
        left: 0;
        visibility: hidden
    }

    .main-klip-wrap>div>a img.main-round {
        top: 4px;
        left: 7px
    }

    .main-star-back.active:hover .main-disp-over {
        display: block;
        -webkit-transition: .4s;
        transition: .4s
    }

    .main-star-back.active .main-disp-over {
        opacity: 1
    }

    .main-star-back.active .main-disp-b {
        opacity: 0
    }

    .main-star-back.active img.main-round {
        opacity: 1
    }

    .main-star-back.active:hover .main-disp-over {
        display: block;
        -webkit-transition: .4s;
        transition: .4s
    }

    .main-star-back.active .main-disp-over {
        opacity: 1
    }

    .container738 {
        display: none
    }

    .conteiner962 {
        display: none
    }

    .container1110 {
        display: none
    }

    .main-star-back:after {
        content: "";
        /* background: url("star.png") no-repeat center; */
        width: 10px;
        height: 10px;
        display: none;
        position: absolute;
        top: 66px;
        right: -10px
    }

    .main-klip-wrap>div>a img.hover-pic {
        position: absolute;
        z-index: 0;
        width: 95% !important;
        top: 4px !important;
        left: 7px !important;
        border-radius: 300px !important
    }
}

@media all and (min-width: 350px) {
    .main-klip-wrap>div>a {
        width: 45%
    }
}

@media all and (min-width: 375px) {
    .main-klip-wrap>div>a p {
        font-size: 11px
    }
}

@media all and (min-width: 430px) {
    .main-klip-wrap>div>a p {
        font-size: 11px
    }
}

@media all and (min-width: 574px) {
    .main-klip-wrap>div>a p {
        left: 11px
    }

    .main-klip-block {
        /* background: url("back-ul.png") repeat-x center 28px #141414 */
    }

    .main-klip-wrap>div {
        text-align: center;
        background: none;
        margin-bottom: 8px
    }

    .main-klip-wrap {
        padding-left: 3px;
        background: none
    }

    .main-klip-wrap>div>a:nth-child(1)::before {
        top: -3px;
        left: -7px
    }

    .main-klip-wrap>div>a:nth-child(2)::before {
        top: -3px;
        left: -7px
    }

    .main-klip-wrap>div>a:nth-child(3)::before {
        top: -3px;
        left: -7px
    }

    .main-klip-wrap>div>a:nth-child(4)::before {
        top: -3px;
        left: -7px
    }

    .main-klip-wrap>div>a {
        display: inline-block;
        width: 23%;
        position: relative;
        margin: 0 3px;
        text-align: center;
        height: 30px;
        vertical-align: top;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px
    }
}

@media all and (max-width: 804px) {
    .main-klip-in {
        margin-bottom: 0
    }

    .main-klip-wrap>div>a.active p {
        color: #fff
    }
}

@media all and (min-width: 805px) {
    .container738 {
        display: block
    }

    .main-star-back video {
        display: inline-block
    }

    .main-klip-wrap>div {
        margin-bottom: 6px
    }

    .main-content-wrap {
        /* background: url(back-for-main2.png) repeat-y center #141414 */
    }

    .main-klip-in {
        margin-top: 0;
        position: relative
    }

    .main-klip-in__sensor {
        top: 129px
    }

    .main-round {
        visibility: visible
    }

    .main-klip-wrap>div>a {
        overflow: hidden;
        border-radius: 150px 150px 0 0
    }

    .main-klip-wrap>div>a img {
        display: block
    }

    .main-klip-wrap>div>a p {
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
        margin-top: -25px;
        position: absolute;
        bottom: 11px;
        width: 100%
    }

    .main-klip-block {
        /* background: url("back-for-main.png") repeat-y center 0 #141414; */
        margin-top: -33px
    }

    .main-color-horizontal-line {
        display: block;
        top: 39px;
        height: 63px
    }

    .main-klip-wrap {
        padding-left: initial;
        padding-top: 0;
        margin-left: -5px;
        margin-right: -5px;
        position: relative
    }

    .main-klip-wrap>div>a {
        display: inline-block;
        width: 174px;
        position: relative;
        margin: -2px 6px 0;
        text-align: center;
        height: 161px;
        vertical-align: top;
        background: none
    }

    .main-klip-wrap>div>a .main-round {
        width: 164px
    }

    .main-klip-wrap>div>a img.main-round {
        top: 4px;
        left: 5px
    }

    .main-klip-wrap>div>a:first-child {
        margin-left: 0
    }

    .star-line {
        display: block;
        position: absolute;
        top: 60px;
        width: 100%
    }

    .star-line ul {
        text-align: center;
        padding: 0
    }

    .star-line ul li {
        /* background: url("star.png") no-repeat center top; */
        width: 10px;
        height: 10px;
        display: inline-block;
        margin: 0 88px
    }

    .main-klip-wrap>div>a:hover .main-disp-over {
        opacity: 1
    }

    .main-klip-wrap>div>a:last-child {
        margin-right: 0
    }

    .main-klip-wrap>div>a {
        border: none
    }

    .main-klip-wrap>div>a:nth-child(1)::before {
        width: 0;
        height: 0
    }

    .main-klip-wrap>div>a:nth-child(2)::before {
        width: 0;
        height: 0
    }

    .main-klip-wrap>div>a:nth-child(3)::before {
        width: 0;
        height: 0
    }

    .main-klip-wrap>div>a:nth-child(4)::before {
        width: 0;
        height: 0
    }

    .main-klip-wrap>div>a p {
        font-family: "Tahoma Bold", sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        margin-top: -25px;
        position: absolute;
        bottom: 8px;
        width: 100%;
        left: initial
    }

    .main-star-back:after {
        content: "";
        /* background: url("star.png") no-repeat center; */
        width: 10px;
        height: 10px;
        display: block;
        position: absolute;
        top: 66px;
        right: -15px
    }

    .main-klip-wrap>div>a:hover p {
        color: #000
    }
}

@media all and (min-width: 1028px) {
    .main-klip-block {
        margin-top: -35px
    }

    .main-klip-in {
        padding: 0 2px
    }

    .star-line {
        position: absolute;
        top: 69px;
        width: 100%;
        left: 1px
    }

    .star-line ul li {
        margin: 0 116px
    }

    .main-color-horizontal-line {
        height: 62px;
        top: 48px
    }

    .main-klip-wrap>div>a p {
        bottom: 6px;
        font-size: 15px
    }

    .main-klip-wrap>div>a {
        display: inline-block;
        width: 224px;
        position: relative;
        margin: 0 9px;
        text-align: center;
        height: 198px;
        vertical-align: top;
        border-radius: 120px 100px 0 0
    }

    .container738 {
        display: none
    }

    .conteiner962 {
        display: block;
        z-index: 1
    }

    .container1110 {
        display: none
    }

    .main-star-back:after {
        top: 73px;
        right: -20px
    }

    .main-klip-wrap>div>a .main-round {
        width: 210px
    }

    .main-klip-wrap>div>a img.main-round {
        top: 4px;
        left: 7px
    }
}

@media all and (min-width: 1180px) {
    .main-klip-wrap>div>a {
        border-radius: 10em 10em 0 0
    }

    .main-content-wrap {
        /* background: url("back-for-main2.png") repeat-y center #141414 */
    }

    .conteiner962 {
        display: none
    }

    .container1110 {
        display: block
    }

    .star-line {
        position: absolute;
        top: 79px;
        width: 100%;
        left: 1px
    }

    .star-line ul li {
        margin: 0 135px
    }

    .main-klip-block {
        margin-top: 80px;
        /* background: url("back-for-main.png") repeat-y center 0 #141414 */
    }

    .main-color-horizontal-line {
        top: -30px;
        height: 62px
    }

    .inner-main-color-horizontal-line {
        margin: 0 auto
    }

    .main-klip-in {
        margin-top: -89px
    }

    .main-klip-wrap>div>a {
        height: 225px;
        width: 260px;
        margin: 0 10px
    }

    .main-klip-wrap>div>a:first-child {
        margin-left: 0
    }

    .main-klip-wrap>div>a p {
        bottom: 6px
    }

    .main-star-back:after {
        top: 84px;
        right: -21px
    }

    .main-klip-wrap>div>a .main-round {
        width: 246px
    }
}

@media all and (width: 1024px)and (orientation: landscape) {
    .main-klip-wrap>div>a:hover .main-disp-b {
        opacity: 1
    }
}

@media all and (min-width: 1px) {
    .main-slider {
        height: 162px;
        margin-top: 0;
        padding: 0;
        position: relative
    }

    .main-slider-in {
        height: 193px;
        color: #e7c28b;
        position: relative;
        padding: 0
    }

    .main-right-slid {
        position: absolute;
        right: 20px;
        top: 31px;
        width: 56%
    }

    .main-slide-but a {
        font-family: "Tahoma Bold", sans-serif;
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
        height: 100%;
        padding: 2px 21px;
        white-space: nowrap
    }

    .menu a {
        display: table-cell;
        text-align: center;
        vertical-align: middle
    }

    .main-stars-slide {
        position: relative;
        top: calc(100% - 64px);
        min-width: 130px;
        margin: 0 auto;
        display: block;
        z-index: 10
    }

    .main-stars-slide ul {
        display: block;
        position: relative;
        min-width: 100%;
        text-align: center;
        list-style-type: none;
        padding: 0
    }

    .main-stars-slide ul li {
        position: relative;
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 4px;
        vertical-align: middle
    }

    .main-stars-slide ul li:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #e7c28b
    }

    .main-stars-slide ul li.painted:before {
        width: 8px;
        height: 8px;
        border: 2px solid #e7c28b;
        background-color: transparent
    }

    .main-grey-line {
        padding: 0 0 10px 0;
        background: url("grey-line.jpg") repeat-x center 88px;
        z-index: 20;
        position: relative;
        height: 59px;
        overflow: hidden;
        display: none
    }

    .int3,
    .int6,
    .int11,
    .int14,
    .int19,
    .int22 {
        position: relative;
        left: -2px
    }

    .int31 {
        position: relative;
        left: 1px
    }

    .int8,
    .int16,
    .int24 {
        position: relative;
        left: -1px
    }

    .clear514 {
        clear: both;
        padding: 10px 0 0 0
    }

    .arrow-block {
        position: relative;
        top: -30px;
        left: 0;
        max-width: 100%;
        width: 316px;
        height: 27px;
        z-index: 12;
        margin: 0 auto;
        right: 0
    }

    .arrow-block .right-arrow,
    .arrow-block .left-arrow {
        border: 1px solid #e7c28b;
        border-radius: 15px;
        width: 50px;
        height: 100%;
        float: none;
        display: block;
        position: absolute;
        top: 0;
        margin: 0;
        cursor: pointer;
        margin-top: 84px;
    }

    .arrow-block .left-arrow {
        background: rgba(0, 0, 0, .8) url("arrow-left.png") no-repeat center center;
        background-size: 40% 72%;
        left: 0
    }

    .arrow-block .right-arrow {
        background: rgba(0, 0, 0, .8) url("arrow-right.png") no-repeat center center;
        background-size: 40% 72%;
        right: 0
    }
}

@media all and (min-width: 375px) {
    .main-slider-in {
        height: 190px;
        color: #e7c28b;
        position: relative
    }
}

@media all and (min-width: 518px) {
    .main-video-block {
        height: 195px
    }
}

@media all and (min-width: 574px) {
    .main-slider {
        height: 210px
    }

    .main-video-block {
        height: 240px
    }

    .main-grey-line {
        margin-top: -12px;
        display: none
    }

    .main-slider-in {
        height: 240px;
        background: url("back-slider-514.png") no-repeat 110px 27px;
        color: #e7c28b;
        position: relative;
        padding: 0 !important;
        width: 514px
    }

    .main-slide-but a {
        padding: 4px 21px
    }

    .main-stars-slide {
        margin: 0 auto;
        left: auto;
        right: auto;
        position: relative;
        top: calc(100% - 45px)
    }

    .arrow-block {
        top: calc(100% - 21px);
        width: 50%
    }

    .arrow-block .right-arrow,
    .arrow-block .left-arrow {
        margin-top: 0
    }
}

@media all and (min-width: 805px) {
    .main-slider {
        height: 420px;
        margin-top: -34px;
        background: none;
        border-top: 1px solid #ada496
    }

    .main-slider-in {
        width: 738px
    }

    .main-video-block {
        margin-right: 0;
        margin-left: 0;
        position: absolute;
        overflow: hidden;
        height: 449px
    }

    .main-spining-slider {
        width: 700px !important;
        margin-top: 48px !important
    }

    .main-slider-in {
        height: 310px;
        background: url("back-slider.png") no-repeat 150px 58px;
        padding-left: 0;
        padding-right: 0
    }

    .main-right-slid {
        right: 20px;
        top: 58px
    }

    .main-slide-but {
        margin-top: 28px
    }

    .main-grey-line {
        padding: 10px 0;
        background: url("grey-line.jpg") repeat-x center 36px;
        margin: 13px auto 0;
        max-width: 1201px;
        display: block
    }

    .clear514 {
        display: none
    }

    .main-stars-slide {
        top: 237px;
        right: 0;
        position: absolute
    }

    .main-stars-slide ul li {
        display: inline-block;
        float: none;
        height: 20px;
        width: 20px;
        margin: 0 6px 0 0;
        background: url("star-slider.png") no-repeat center;
        background-size: 100%
    }

    .main-stars-slide ul li:before {
        display: none
    }

    .main-stars-slide ul li.painted {
        background: transparent url("star-slider-hover.png") no-repeat center;
        border: none;
        color: #fff;
        background-size: 100%;
        width: 20px;
        height: 20px;
        border-radius: 0
    }
}

@media all and (min-width: 1028px) {
    .main-slider-in {
        background: url("back-slider-992.png") no-repeat 175px 50px
    }

    .main-right-slid {
        top: 62px
    }

    .main-slider-in {
        width: 962px
    }

    .main-spining-slider {
        width: 910px !important;
        margin-top: 61px !important
    }

    .main-stars-slide {
        top: 223px
    }

    .main-video-block {
        height: 460px
    }
}

@media all and (min-width: 1180px) {
    .main-slider-in {
        background: url("back-slider-1110.png") no-repeat 217px 50px
    }

    .main-grey-line {
        padding: 10px 0;
        background: url("grey-line.jpg") repeat-x center 36px;
        margin: 40px auto 0;
        max-width: 1201px
    }

    .main-spining-slider {
        width: 1080px !important;
        margin-top: 20px !important
    }

    .main-slider-in {
        width: 1110px
    }

    .main-video-block {
        height: 500px
    }

    .main-stars-slide {
        top: 292px
    }

    .main-grey-line:after {
        content: "";
        position: absolute;
        right: 0;
        top: 34px;
        width: 6px;
        height: 6px;
        background: url("circul-for-line.png") no-repeat center
    }

    .main-grey-line:before {
        content: "";
        position: absolute;
        left: 0;
        top: 34px;
        width: 6px;
        height: 6px;
        background: url("circul-for-line.png") no-repeat center
    }
}

@media all and (min-width: 1px) {
    .main-right-col-content {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        width: 250px;
        height: 100%;
        padding-left: 15px;
        border-left: 2px solid #2d2d2d;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .inner-wrapper-right-col-content {
        display: none
    }

    .inner-wrapper-right-col-content-mobile {
        width: 254px;
        margin: 0 auto;
        position: relative;
        z-index: 55;
        padding: 20px 0 0 0
    }

    .mobile-sliders-on-main-page>*::after {
        display: block;
        content: "";
        margin: 10px 0 18px;
        background: url(bottom-line.png) repeat-x center;
        height: 4px;
        border-radius: 2px
    }

    .main-win-now-label {
        text-transform: uppercase;
        color: #fff;
        font-family: "Tahoma Bold", sans-serif;
        text-align: center;
        padding-bottom: 15px;
        font-size: 19px;
        width: 94%;
        margin: 0 auto
    }

    .main-icon-tour {
        position: relative;
        z-index: 1;
        display: block;
        border: 1px solid #e7c28b;
        border-radius: 9px;
        border-bottom: none;
        overflow: hidden
    }

    a.main-icon-tour {
        text-decoration: none
    }

    .main-icon-tour img {
        border-radius: 0
    }

    .disp-tournir {
        display: block;
        width: 100%
    }

    .nondisp-tournir {
        display: none;
        width: 100%
    }

    .bottom-block-tournir {
        background: url("castle-center.png") repeat-x 0 0 #edc589;
        height: 38px;
        text-align: center;
        color: #e7c28b;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 18px;
        -moz-border-bottom-left-radius: 6px;
        border-bottom-left-radius: 6px;
        -moz-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .wrap-left-tournir {
        background: url("castle-left.png") no-repeat left center;
        height: 100%
    }

    .wrap-right-tournir {
        background: url("castle-right.png") no-repeat right center;
        height: 100%
    }

    .bottom-block-tournir p {
        padding-top: 8px;
        font-size: 17px
    }

    .main-priz-box {
        width: calc(100% - 8px);
        margin: 0 auto
    }

    .main-priz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        position: relative;
        top: 0;
        width: calc(100% - 4px);
        height: 78px;
        min-height: 78px;
        margin: 0 auto;
        padding: 10px 0;
        background: none;
        border: none;
        color: #fff;
        text-align: center
    }

    .main-priz-f {
        margin: 2px 0;
        text-align: center;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 12px
    }

    .main-priz__fs {
        font-size: 11px;
        font-family: "Tahoma", sans-serif
    }

    .main-priz ul li:first-child {
        margin-bottom: 5px
    }

    .main-priz .prise-currency {
        font-size: 12px !important;
        line-height: 18px
    }

    .main-priz-number {
        margin: 0;
        padding: 0;
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 0;
        text-align: center
    }

    .main-priz-number--with-cur {
        position: relative
    }

    .main-priz-number li {
        border: 1px solid #e7c28b;
        padding: 0 1px;
        margin: 0;
        border-radius: 2px;
        font-size: 15px
    }

    .main-priz-number li p {
        line-height: 1;
        padding: 2px 0 3px
    }

    .main-priz ul li {
        display: inline-block;
        position: relative;
        margin: 0 1px
    }

    .main-block-bonus {
        border: 2px solid #e7c28b;
        border-radius: 6px;
        margin-bottom: 20px;
        overflow: hidden
    }

    .bonus10 {
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 13px;
        padding: 0;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .curent-rozgr a,
    .tournament-sidebar a {
        text-decoration: none
    }

    .main-icon-tour:hover {
        filter: brightness(120%);
        -webkit-filter: brightness(120%)
    }

    .games-sidebar .main-icon-tour:hover {
        filter: none;
        -webkit-filter: none
    }

    .all-action {
        position: relative;
        width: 187px;
        margin: 20px auto;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer
    }

    .all-action:before,
    .all-action:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain
    }

    .all-action:before {
        background-image: url("star-block.png")
    }

    .all-action:after {
        background-image: url("star-block-hover.png");
        opacity: 0
    }

    .all-action:hover:before {
        opacity: 0
    }

    .all-action:hover:after {
        opacity: 1
    }

    .all-action a {
        position: relative;
        z-index: 1;
        display: block;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        font-size: 13px;
        text-decoration: none;
        color: #000;
        padding: 4px 0
    }

    .owl-carousel-sidebar.promotions-sidebar,
    .owl-carousel-sidebar.tournaments-sidebar,
    .owl-carousel-sidebar.lottery-sidebar,
    .owl-carousel-sidebar.games-sidebar {
        overflow: hidden;
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -10px;
        margin-right: -10px
    }

    .owl-carousel-sidebar.games-sidebar {
        padding-bottom: 1px;
        margin-bottom: 20px
    }

    .owl-carousel-sidebar.tournaments-sidebar .main-priz,
    .owl-carousel-sidebar.lottery-sidebar .main-priz,
    .owl-carousel-sidebar.tournaments-sidebar .main-priz {
        margin-bottom: 10px
    }

    .owl-carousel-sidebar.promotions-sidebar .owl-next,
    .owl-carousel-sidebar.tournaments-sidebar .owl-next,
    .owl-carousel-sidebar.lottery-sidebar .owl-next,
    .owl-carousel-sidebar.main-block-bonus .owl-next,
    .owl-carousel-sidebar.games-sidebar .owl-next {
        left: auto;
        right: 0
    }

    .owl-carousel-sidebar.promotions-sidebar .owl-prev,
    .owl-carousel-sidebar.tournaments-sidebar .owl-prev,
    .owl-carousel-sidebar.lottery-sidebar .owl-prev,
    .owl-carousel-sidebar.main-block-bonus .owl-prev,
    .owl-carousel-sidebar.games-sidebar .owl-prev {
        left: 0;
        right: auto
    }

    .owl-carousel-promotions .owl-stage {
        width: 10000px
    }

    .owl-carousel-promotions .owl-item {
        width: 209px
    }

    .owl-carousel-sidebar.main-block-bonus .owl-prev {
        left: -10px
    }

    .owl-carousel-sidebar.main-block-bonus .owl-next {
        right: -10px
    }

    .owl-carousel-sidebar.lottery-sidebar .owl-next,
    .owl-carousel-sidebar.lottery-sidebar .owl-prev,
    .owl-carousel-sidebar.games-sidebar .owl-prev,
    .owl-carousel-sidebar.games-sidebar .owl-next {
        top: 58px
    }

    .owl-carousel-sidebar.mainpage-sidebar-bonuses .owl-prev,
    .owl-carousel-sidebar.mainpage-sidebar-bonuses .owl-next {
        top: 44px
    }

    .owl-carousel-sidebar.main-block-bonus .owl-prev,
    .owl-carousel-sidebar.main-block-bonus .owl-next {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .promotion-sidebar__link,
    .tournament-sidebar__link {
        position: relative;
        z-index: 1;
        display: block;
        text-align: center
    }

    .promotion-sidebar__link--game,
    .tournament-sidebar__link--game {
        overflow: hidden;
        margin-right: 1px;
        border: 1px solid #e7c28b;
        border-radius: 6px
    }

    .promotion-sidebar__link--game .main-icon-tour,
    .tournament-sidebar__link--game .main-icon-tour {
        margin-right: 0;
        border: none;
        border-radius: 0
    }

    .promotion-sidebar__link--game .main-icon-tour img,
    .tournament-sidebar__link--game .main-icon-tour img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .tournament-sidebar__btn-wr {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: inset 0 0 22px 7px #cdd1b0;
        box-shadow: inset 0 0 22px 7px #cdd1b0;
        opacity: 0;
        background-color: rgba(0, 0, 0, .5);
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    .tournament-sidebar__btn-wr:hover {
        opacity: 1
    }

    .tournament-sidebar__btn-wr-inner {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-80px, -29px);
        -ms-transform: translate(-80px, -29px);
        transform: translate(-80px, -29px)
    }

    .tournament-sidebar__btn:hover {
        color: #111
    }
}

@media all and (min-width: 430px) {
    .main-priz-number li {
        font-size: 19px
    }
}

@media all and (max-width: 804px) {
    .main-win-now-label {
        margin-top: 15px
    }

    .main-priz-number--with-cur li:nth-last-child(4),
    .main-priz-number--with-cur li:nth-last-child(7) {
        margin-left: 3px
    }

    .owl-carousel-sidebar.tournaments-sidebar {
        max-height: 225px
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .owl-nav.disabled .owl-prev,
    .owl-carousel-sidebar.mobile-tornaments-slider .owl-nav.disabled .owl-next {
        display: none
    }
}

@media all and (min-width: 805px) {
    .main-priz {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10px;
        height: 150px;
        min-height: 150px;
        border-right: 1px solid #e7c28b;
        border-left: 1px solid #e7c28b;
        border-bottom: 1px solid #e7c28b;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        background: #1a1a1a
    }

    .main-priz ul li {
        margin-right: -1px;
        margin-left: 0
    }

    .main-priz-number--with-cur li:nth-last-child(4),
    .main-priz-number--with-cur li:nth-last-child(7) {
        margin-left: 6px
    }

    .main-priz-number--with-cur ul li:first-child {
        margin-left: 0
    }

    .main-priz ul li:last-child {
        margin-right: 0
    }

    .main-priz ul li:first-child {
        margin-bottom: 0
    }

    .inner-wrapper-right-col-content {
        display: block;
        position: relative;
        z-index: 1
    }

    .inner-wrapper-right-col-content>*:not(:last-child)::after {
        display: block;
        content: "";
        margin: 10px 0 18px;
        background: url(bottom-line.png) repeat-x center;
        height: 4px;
        border-radius: 2px
    }

    .inner-wrapper-right-col-content>*:empty::after {
        background: none;
        height: 0
    }

    .bottom-block-tournir p {
        padding-top: 12px;
        font-size: 12px
    }

    .custom-fonts-1 .bottom-block-tournir p {
        font-size: 9px;
        padding-top: 14px
    }
}

@media all and (min-width: 1028px) {
    .main-right-col-content {
        padding-left: 43px;
        width: 366px
    }

    .main-priz {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 80px;
        min-height: 80px;
        padding: 9px 0 0 0
    }

    .bottom-block-tournir p {
        padding-top: 8px;
        font-size: 17px
    }

    .custom-fonts-1 .bottom-block-tournir p {
        font-size: 14px;
        padding-top: 10px
    }

    .disp-tournir {
        display: none
    }

    .nondisp-tournir {
        display: block
    }

    .main-left-prizfond {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 5px
    }

    .main-right-prizfond {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-priz__left-amount-wr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .main-priz__right-amount-wr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .wrapper-bonus-img {
        float: left;
        width: 180px;
        margin: 7px -24px 7px 3px
    }

    .wrapper-text-block-bonus {
        float: right;
        width: 51%;
        line-height: 40px
    }

    .bonus10 {
        padding: 20px 0 0 0;
        margin-bottom: 10px
    }

    .owl-carousel-sidebar.lottery-sidebar .owl-next,
    .owl-carousel-sidebar.lottery-sidebar .owl-prev,
    .owl-carousel-sidebar.games-sidebar .owl-next,
    .owl-carousel-sidebar.games-sidebar .owl-prev {
        top: 88px
    }
}

@media all and (min-width: 1180px) {
    .main-right-col-content {
        padding-left: 20px
    }
}

@media all and (min-width: 805px) {
    .owl-carousel-sidebar .owl-nav {
        display: block !important
    }

    .owl-carousel-sidebar .owl-next,
    .owl-carousel-sidebar .owl-prev {
        width: 20px;
        height: 20px;
        position: absolute
    }

    .owl-carousel-sidebar .owl-next {
        left: 97%;
        background: url(controls/arrow-right.png) no-repeat center center;
        background-size: 100%;
        z-index: 56;
        opacity: .99
    }

    html:not(.touch) .owl-carousel-sidebar .owl-next:hover {
        background: url(controls/arrow-right-h.png) no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar .owl-next:active {
        background: url(controls/arrow-right-h.png) no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar .owl-prev {
        right: 97%;
        background: url(controls/arrow-left.png) no-repeat center center;
        background-size: 100%
    }

    html:not(.touch) .owl-carousel-sidebar .owl-prev:hover {
        background: url(controls/arrow-left-h.png) no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar .owl-prev:active {
        background: url(controls/arrow-left-h.png) no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar.promotions-sidebar .owl-next,
    .owl-carousel-sidebar.promotions-sidebar .owl-prev {
        top: 65px
    }

    .owl-carousel-sidebar.tournaments-sidebar .owl-next,
    .owl-carousel-sidebar.tournaments-sidebar .owl-prev {
        top: 65px
    }
}

@media all and (min-width: 1px) {
    .main-left-col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .main-game-list {
        margin: auto;
        width: 164px;
        display: grid;
        grid-gap: 12px 6px;
        gap: 12px 6px
    }

    .main-game-list__error {
        display: block;
        font-size: 1.2em;
        color: #7e7e7e;
        margin: 30px 0;
        white-space: nowrap;
        text-align: center
    }

    .main-game-list__error::first-letter {
        text-transform: capitalize
    }

    .svg_gradient {
        width: 1px;
        height: 1px
    }

    html.mobile .demo-block::before {
        left: 8px;
        top: 4px
    }

    html.mobile .demo-block::after {
        right: 8px;
        top: 4px
    }

    .natural-game {
        margin: 0 auto;
        width: 113px;
        border-radius: 25px;
        color: #000;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 15px;
        border: 2px solid #fff;
        display: block;
        padding: 1px
    }

    .button-game a {
        color: #000;
        margin: 0 auto;
        display: block;
        height: 100%;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        padding: 5px 0
    }

    .button-game:hover a {
        text-decoration: none;
        color: #fff
    }

    .button-game:hover {
        border: 2px solid #fff;
        -webkit-box-shadow: -2px -2px 30px 0 #fff;
        box-shadow: -2px -2px 30px 0 #fff
    }

    .demo-block {
        position: relative;
        width: 69px;
        height: 22px;
        margin: 4px auto 0
    }

    .demo-block a {
        color: #e7c28b;
        font-size: 16px;
        display: block;
        position: relative;
        z-index: 11;
        text-transform: capitalize
    }

    .demo-block:hover a {
        color: #fff;
        cursor: pointer;
        display: block;
        text-decoration: none
    }

    .demo-block::before {
        content: " ";
        position: absolute;
        left: -2px;
        top: 6px;
        height: 10px;
        width: 10px;
        color: #e7c28b;
        /* background: url(min-star.svg) no-repeat center */
    }

    .demo-block::after {
        content: " ";
        position: absolute;
        right: -1px;
        top: 6px;
        height: 10px;
        width: 10px;
        color: #e7c28b;
        /* background: url(min-star.svg) no-repeat center */
    }

    .demo-block:hover::before {
        /* background: url(min-star.svg) no-repeat center */
    }

    .demo-block:hover::after {
        /* background: url(min-star.svg) no-repeat center */
    }

    .game-block-stars {
        float: right
    }

    .inner-heart-right {
        float: right;
        padding: 6px;
        width: 24px;
        top: -6px;
        position: relative
    }

    .heart-hover {
        display: none
    }
}

@media all and (min-width: 350px) {
    .main-game-list {
        margin: auto;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        grid-template-columns: repeat(2, 1fr)
    }

    .natural-game {
        margin: 0 auto;
        width: 130px;
        border-radius: 25px;
        color: #000;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 15px;
        border: 2px solid #fff;
        display: block;
        padding: 2px
    }
}

@media all and (min-width: 430px) {
    .main-game-list {
        grid-gap: 14px 8px;
        gap: 14px 8px
    }
}

@media all and (min-width: 518px) {
    .main-game-list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media all and (min-width: 805px) {

    .favorite-collection-page .main-game-list,
    .collection-page .main-game-list {
        grid-template-columns: repeat(4, 1fr)
    }

    .inner-heart-right {
        float: right;
        padding: 6px;
        width: initial;
        top: -2px;
        position: relative
    }

    .main-left-col {
        background: none;
        padding-bottom: 57px
    }

    .natural-game {
        margin: 0 auto;
        width: 159px;
        height: 33px;
        border-radius: 25px;
        color: #111;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 15px;
        border: 2px solid #fff;
        display: block;
        padding: 4px
    }
}

@media all and (min-width: 1028px) {
    .main-game-list {
        grid-template-columns: repeat(2, 1fr)
    }

    .favorite-collection-page .main-game-list,
    .collection-page .main-game-list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media all and (min-width: 1180px) {
    .main-game-list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media all and (min-width: 1px) {
    .yellow-button {
        background: #ebe6ca;
        background: -webkit-gradient(linear, left top, left bottom, from(#ebe6ca), color-stop(35%, #d9b644), color-stop(63%, #d9b644), to(#ebe6ca));
        background: linear-gradient(to bottom, #ebe6ca 0%, #d9b644 35%, #d9b644 63%, #ebe6ca 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebe6ca", endColorstr="#ebe6ca", GradientType=0)
    }

    .main-slide-but {
        background: #e2dedb;
        background: -webkit-gradient(linear, left top, left bottom, from(#e2dedb), color-stop(32%, #ada496), color-stop(66%, #ada496), to(#e8c38a));
        background: linear-gradient(to bottom, #e2dedb 0%, #ada496 32%, #ada496 66%, #e8c38a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2dedb", endColorstr="#e8c38a", GradientType=0);
        border-radius: 14px;
        text-align: center;
        display: inline-block;
        border: 2px solid #000
    }

    .main-slide-but:hover {
        background: #e2dedb;
        background: -webkit-gradient(linear, left top, left bottom, from(#e2dedb), color-stop(32%, #b7ae9f), color-stop(66%, #bab0a1), to(#efc48f));
        background: linear-gradient(to bottom, #e2dedb 0%, #b7ae9f 32%, #bab0a1 66%, #efc48f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2dedb", endColorstr="#efc48f", GradientType=0)
    }

    .btn-user-confirmation {
        text-align: center;
        border-radius: 14px;
        font-size: 15px;
        color: #6f5f46;
        line-height: 31px;
        display: inline-block;
        width: auto;
        padding: 0 25px;
        text-transform: initial;
        font-family: "Tahoma Bold", sans-serif;
        margin: 18px 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#f9e7cb), to(#f0c98b));
        background: linear-gradient(to bottom, #f9e7cb 0%, #f0c98b 100%);
        cursor: pointer
    }

    .game-button {
        background: #e8e1b8;
        background-image: -ms-linear-gradient(to bottom, #e6e6e6 0%, #aca498 45%, #f0c788 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(45%, #aca498), to(#f0c788));
        background: linear-gradient(to bottom, #e6e6e6 0%, #aca498 45%, #f0c788 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e1b8", endColorstr="#ebd668", GradientType=0)
    }

    .game-button:hover {
        -webkit-box-shadow: 0 0 13px 2px #fff;
        box-shadow: 0 0 13px 2px #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff4cf), color-stop(45%, #fdcf62), to(#ffdda8));
        background: linear-gradient(to bottom, #fff4cf 0%, #fdcf62 45%, #ffdda8 100%);
        background-image: -ms-linear-gradient(to bottom, #fff4cf 0%, #fdcf62 45%, #ffdda8 100%)
    }

    .deposit-button {
        background: #e2dedb;
        background: -webkit-gradient(linear, left top, left bottom, from(#e2dedb), color-stop(32%, #ada496), color-stop(66%, #ada496), to(#e8c38a));
        background: linear-gradient(to bottom, #e2dedb 0%, #ada496 32%, #ada496 66%, #e8c38a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2dedb", endColorstr="#e8c38a", GradientType=0);
        border-radius: 15px;
        text-align: center;
        color: #000;
        text-transform: uppercase;
        font-size: 12px;
        width: 115px;
        height: 19px;
        border: none;
        font-family: "Tahoma Bold", sans-serif
    }

    .deposit-button:hover {
        background: #e2dedb;
        background: -webkit-gradient(linear, left top, left bottom, from(#e2dedb), color-stop(32%, #b7ae9f), color-stop(66%, #bab0a1), to(#efc48f));
        background: linear-gradient(to bottom, #e2dedb 0%, #b7ae9f 32%, #bab0a1 66%, #efc48f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2dedb", endColorstr="#efc48f", GradientType=0)
    }
}

@media all and (min-width: 574px) {
    .deposit-button {
        width: 135px;
        height: 28px
    }

    .main-slide-but {
        float: right;
        display: block
    }
}

@media all and (min-width: 805px) {
    .deposit-button {
        background: url("bonus-but.png") no-repeat center;
        border-radius: 0;
        padding: 0;
        width: 187px
    }

    .deposit-button:hover {
        background: url("star-block-hover.png") no-repeat center;
        border-radius: 0;
        padding: 0;
        width: 187px
    }

    .main-slide-but {
        border: none
    }
}

.slider-item-list--promo.owl-carousel,
.slider-item-list--content.owl-carousel {
    margin: 0 auto;
    width: 100%
}

.slider-item-list--promo.owl-carousel .owl-item .owl-carousel-item,
.slider-item-list--content.owl-carousel .owl-item .owl-carousel-item {
    margin: 0 auto
}

.slider-item-list--promo.owl-carousel .owl-dots,
.slider-item-list--content.owl-carousel .owl-dots {
    position: relative;
    left: 0;
    margin: 0 auto
}

.slider-item-list--promo.owl-carousel .owl-nav,
.slider-item-list--content.owl-carousel .owl-nav {
    margin-top: 0;
    position: relative
}

.slider-item-list--promo.owl-carousel .owl-nav .owl-prev,
.slider-item-list--promo.owl-carousel .owl-nav .owl-next,
.slider-item-list--content.owl-carousel .owl-nav .owl-prev,
.slider-item-list--content.owl-carousel .owl-nav .owl-next {
    position: absolute;
    content: "" !important;
    background: transparent !important;
    width: 40px !important;
    height: 20px !important;
    padding: 0;
    margin: 0
}

.slider-item-list--promo.owl-carousel .owl-nav .owl-prev,
.slider-item-list--content.owl-carousel .owl-nav .owl-prev {
    left: -5%;
    background: url("arrow-left-act.png") no-repeat center center !important
}

.slider-item-list--promo.owl-carousel .owl-nav .owl-next,
.slider-item-list--content.owl-carousel .owl-nav .owl-next {
    right: -5%;
    background: url("arrow-right-act.png") no-repeat center center !important
}

.slider-item-list--promo.owl-carousel .owl-dots .owl-dot span,
.slider-item-list--content.owl-carousel .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#e9c289), to(#dfe2e4)) !important;
    background: linear-gradient(to bottom, #e9c289, #dfe2e4) !important;
    margin: 5px 17px !important;
    -webkit-transition: -webkit-transform .4s ease-out 0s;
    transition: -webkit-transform .4s ease-out 0s;
    transition: transform .4s ease-out 0s;
    transition: transform .4s ease-out 0s, -webkit-transform .4s ease-out 0s
}

.slider-item-list--promo.owl-carousel .owl-dots .owl-dot.active span,
.slider-item-list--promo.owl-carousel .owl-dots .owl-dot:hover span,
.slider-item-list--content.owl-carousel .owl-dots .owl-dot.active span,
.slider-item-list--content.owl-carousel .owl-dots .owl-dot:hover span {
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd5ce), to(#faf0df)) !important;
    background: linear-gradient(to bottom, #ddd5ce, #faf0df) !important;
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7)
}

@media all and (min-width: 1px)and (max-width: 805px) {

    .slider-item-list--promo.owl-carousel .owl-dots,
    .slider-item-list--content.owl-carousel .owl-dots {
        bottom: -13px
    }
}

#owl-promopage.owl-carousel {
    margin-top: 40px
}

#owl-promopage.owl-carousel .owl-stage-outer {
    margin-bottom: 50px
}

#owl-promopage.owl-carousel .owl-dots {
    top: 90%;
    left: 3%;
    width: 94%;
    margin: 0 auto
}

#owl-promopage.owl-carousel .owl-nav {
    position: relative;
    top: 90%
}

#owl-promopage.owl-carousel .owl-nav .owl-prev,
#owl-promopage.owl-carousel .owl-nav .owl-next {
    position: absolute;
    content: "" !important;
    background: transparent !important;
    width: 40px !important;
    height: 20px !important;
    padding: 0;
    margin: 0
}

#owl-promopage.owl-carousel .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#e9c289), to(#dfe2e4)) !important;
    background: linear-gradient(to bottom, #e9c289, #dfe2e4) !important;
    margin: 5px 15px !important;
    -webkit-transition: -webkit-transform .4s ease-out 0s;
    transition: -webkit-transform .4s ease-out 0s;
    transition: transform .4s ease-out 0s;
    transition: transform .4s ease-out 0s, -webkit-transform .4s ease-out 0s
}

#owl-promopage.owl-carousel .owl-dots .owl-dot.active span,
#owl-promopage.owl-carousel .owl-dots .owl-dot:hover span {
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd5ce), to(#faf0df)) !important;
    background: linear-gradient(to bottom, #ddd5ce, #faf0df) !important;
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7)
}

#owl-promopage .owl-item {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 0
}

#owl-promopage .owl-item .owl-carousel-item {
    height: 500px;
    width: 100%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform .2s ease-out .1s;
    transition: -webkit-transform .2s ease-out .1s;
    transition: transform .2s ease-out .1s;
    transition: transform .2s ease-out .1s, -webkit-transform .2s ease-out .1s
}

#owl-promopage .owl-item .owl-promo-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2
}

#owl-promopage .owl-item .item-image {
    overflow: hidden;
    height: 160px;
    font-size: 18px;
    line-height: 1 !important;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 25px
}

#owl-promopage .owl-item .item-image .item-image-inner {
    height: 100%
}

#owl-promopage .owl-item .item-image .item-image-inner .upper {
    height: 30px;
    display: block
}

#owl-promopage .owl-item .item-image .item-image-inner .upper img {
    height: 30px;
    width: 100%
}

#owl-promopage .owl-item .item-image .item-image-inner .upper p {
    position: absolute;
    top: 5px;
    width: 142px;
    left: calc(50% - 71px);
    font-size: 22px;
    line-height: 20px;
    text-align: center !important;
    -webkit-transition: color .2s ease-out .1s;
    transition: color .2s ease-out .1s
}

#owl-promopage .owl-item .item-image .item-image-inner .layer {
    position: relative;
    width: calc(100% - 2px);
    height: 120px;
    margin: 0 auto;
    background: url("layer1.png") no-repeat center top;
    background-size: cover;
    display: block;
    border-right: 1px solid #706756;
    border-left: 1px solid #706756
}

#owl-promopage .owl-item .item-image .item-image-inner .layer .cashback-logo-big,
#owl-promopage .owl-item .item-image .item-image-inner .layer .points-logo-big,
#owl-promopage .owl-item .item-image .item-image-inner .layer .status-logo-big,
#owl-promopage .owl-item .item-image .item-image-inner .layer .bonus-logo-big,
#owl-promopage .owl-item .item-image .item-image-inner .layer .lottery-logo-big,
#owl-promopage .owl-item .item-image .item-image-inner .layer .tournaments-logo-big {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat
}

#owl-promopage .owl-item .item-image .item-image-inner .layer .cashback-logo-big {
    background-size: 96px auto
}

#owl-promopage .owl-item .item-image .item-image-inner .layer .points-logo-big {
    background-size: 96px auto
}

#owl-promopage .owl-item .item-image .item-image-inner .layer .status-logo-big {
    background-size: 134px auto
}

#owl-promopage .owl-item .item-image .item-image-inner .layer .bonus-logo-big {
    background-size: 87px auto
}

#owl-promopage .owl-item .item-image .item-image-inner .layer .lottery-logo-big {
    background-size: 140px auto
}

#owl-promopage .owl-item .item-image .item-image-inner .layer .tournaments-logo-big {
    background-size: 68px auto
}

#owl-promopage .owl-item .item-image .item-image-inner .layer .layer1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out .1s;
    transition: opacity .2s ease-out .1s
}

#owl-promopage .owl-item .item-image .item-image-inner .lower {
    height: 10px;
    display: block;
    margin-top: -1px
}

#owl-promopage .owl-item .item-text {
    width: 210px;
    height: 240px;
    margin: 0 auto !important;
    direction: ltr;
    margin-bottom: 30px !important;
    z-index: 2;
    color: #fff;
    line-height: 1.4;
    -webkit-transition: color .2s ease-out .1s, -webkit-transform .2s ease-out .1s;
    transition: color .2s ease-out .1s, -webkit-transform .2s ease-out .1s;
    transition: color .2s ease-out .1s, transform .2s ease-out .1s;
    transition: color .2s ease-out .1s, transform .2s ease-out .1s, -webkit-transform .2s ease-out .1s
}

#owl-promopage .owl-item .item-btn {
    margin: 0 auto;
    height: 50px;
    -webkit-transition: -webkit-transform .2s ease-out .1s;
    transition: -webkit-transform .2s ease-out .1s;
    transition: transform .2s ease-out .1s;
    transition: transform .2s ease-out .1s, -webkit-transform .2s ease-out .1s;
    background: url("btn.png") no-repeat center top;
    background-size: 100%;
    width: 100%
}

#owl-promopage .owl-item .item-btn .btn-1 {
    opacity: 0;
    width: 100%
}

#owl-promopage .owl-item .item-btn .item-link {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 1.3;
    font-family: "Tahoma Bold", sans-serif;
    text-transform: uppercase;
    text-align: center;
    direction: ltr;
    text-decoration: none
}

#owl-promopage .owl-item .item-btn .item-link p {
    color: #000;
    position: relative;
    top: 5px;
    left: 0;
    right: 0;
    z-index: 1
}

#owl-promopage .owl-item:hover .owl-carousel-item {
    -webkit-transform: scale(1) translateY(20px);
    -ms-transform: scale(1) translateY(20px);
    transform: scale(1) translateY(20px)
}

#owl-promopage .owl-item:hover .layer1 {
    opacity: 1 !important
}

#owl-promopage .owl-item:hover .upper p {
    color: #e7c28b
}

#owl-promopage .owl-item:hover .item-text {
    color: #e7c28b;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px)
}

#owl-promopage .owl-item:hover .item-btn {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px)
}

#owl-promopage .owl-item:hover .item-btn p {
    position: relative
}

#owl-promopage .owl-item:hover .btn-1 {
    opacity: 1;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-transition: opacity .2s ease-out .1s;
    transition: opacity .2s ease-out .1s
}

@media all and (max-width: 701px) {
    #owl-promopage {
        width: 80%;
        margin: 0 auto
    }

    #owl-promopage .owl-stage-outer {
        margin-bottom: 50px
    }

    .upper p {
        top: 12px
    }

    #owl-promopage .owl-item .item-image {
        height: 190px !important;
        margin-bottom: 0 !important
    }

    #owl-promopage .item-btn .item-link p {
        padding-top: 10px !important
    }

    #owl-promopage .owl-item .item-btn .item-link p {
        top: -3px
    }

    #owl-promopage .owl-item .item-text {
        height: 230px;
        width: 100%
    }
}

@media all and (max-width: 550px) {
    #owl-promopage {
        width: 260px
    }

    .upper p {
        top: 5px !important
    }

    #owl-promopage .owl-item .item-btn .item-link p {
        top: -2px
    }

    #owl-promopage .owl-carousel-item {
        height: 510px !important;
        margin-bottom: 30px
    }

    #owl-promopage .item-text {
        height: 195px !important;
        width: 240px
    }

    #owl-promopage .owl-item .item-image {
        overflow: hidden;
        height: 205px !important;
        margin-bottom: 0 !important
    }

    #owl-promopage .owl-nav .owl-prev,
    #owl-promopage .owl-nav .owl-next {
        margin-left: 48px;
        margin-right: 48px !important
    }

    #owl-promopage .owl-item .item-btn {
        height: 55px
    }

    #owl-promopage .owl-nav .owl-prev,
    #owl-promopage .owl-nav .owl-next {
        position: absolute;
        margin: 0 !important;
        width: 40px !important;
        height: 40px !important
    }

    #owl-promopage .owl-nav .owl-next {
        left: 20px
    }

    #owl-promopage .owl-nav .owl-prev {
        right: 20px
    }
}

@media all and (min-width: 1px) {
    #owl-promopage.owl-carousel .owl-stage-outer {
        margin-bottom: 0
    }

    #owl-promopage.owl-carousel .owl-nav .owl-prev {
        right: -10%;
        background: url("arrow-right-act.png") no-repeat center center !important
    }

    #owl-promopage.owl-carousel .owl-nav .owl-next {
        left: -10%;
        background: url("arrow-left-act.png") no-repeat center center !important
    }
}

@media all and (min-width: 550px) {
    #owl-promopage.owl-carousel .owl-stage-outer {
        margin-bottom: 50px
    }

    #owl-promopage.owl-carousel .owl-dots {
        position: relative;
        width: 57%;
        left: 0;
        margin-bottom: 50px;
        top: 90%
    }

    #owl-promopage.owl-carousel .owl-nav {
        position: relative;
        top: 90%
    }

    #owl-promopage.owl-carousel .owl-nav .owl-prev {
        right: 10%
    }

    #owl-promopage.owl-carousel .owl-nav .owl-next {
        left: 10%
    }
}

@media all and (min-width: 700px) {
    #owl-promopage.owl-carousel .owl-dots {
        width: 46%
    }

    #owl-promopage.owl-carousel .owl-nav .owl-prev {
        right: 21%
    }

    #owl-promopage.owl-carousel .owl-nav .owl-next {
        left: 21%
    }
}

@media all and (min-width: 1028px) {
    #owl-promopage.owl-carousel .owl-dots {
        width: 30%
    }

    #owl-promopage.owl-carousel .owl-nav .owl-prev {
        right: 30%
    }

    #owl-promopage.owl-carousel .owl-nav .owl-next {
        left: 30%
    }
}

@media all and (min-width: 1px) {
    .notice {
        width: 434px;
        position: fixed;
        right: 20px;
        top: 20px;
        min-height: 100px;
        z-index: 280000 !important;
        border-radius: 15px;
        color: #fff;
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        border: 1px solid #f0c788;
        background: #272828;
        outline: 0;
        padding-top: 11px
    }

    .notice .close {
        color: #fff;
        margin-top: 2px;
        opacity: .5
    }

    .notice .close:hover,
    .notice .close:focus {
        color: #fff;
        margin-top: 2px;
        opacity: .8
    }

    .top-line-notice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        min-height: 36px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: inset 0 0 11px 7px rgba(255, 255, 255, .2);
        box-shadow: inset 0 0 11px 7px rgba(255, 255, 255, .2);
        text-align: center;
        position: relative
    }

    .label-notice {
        padding: 0 30px;
        text-transform: uppercase;
        font-size: 18px !important
    }

    .body-notice {
        padding: 10px;
        text-align: center
    }

    .body-notice a {
        color: #fff;
        text-decoration: underline
    }

    .body-notice a.gold {
        color: #d6b68e
    }

    .body-notice .link {
        color: #fff !important;
        text-decoration: underline
    }

    .body-notice .btn_box {
        width: 50%;
        margin: 0 auto;
        padding-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .body-notice .btn_box .btn-2 {
        width: 50px;
        border: 1px solid #b9ac92
    }
}

@media all and (max-width: 573px) {
    .notice {
        max-width: 100%
    }

    .body-notice {
        text-align: center
    }
}

@media all and (min-width: 804px) {
    .notice {
        right: 20px !important
    }
}

@media all and (min-width: 481px)and (max-width: 573px) {
    .notice {
        margin-right: -217px !important;
        right: 50% !important
    }
}

@media all and (min-width: 1px) {

    .status-short-desc,
    .status-description-right {
        padding: 0 13px
    }

    .status-description {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .roxpoint-amount {
        margin: 15px 0;
        font-family: inherit;
        font-weight: 500;
        font-size: 18px;
        line-height: 1.1;
        color: #e7c28b
    }

    .status-description-left .status-pic {
        position: relative;
        width: 270px;
        height: 270px;
        background: url("status_layer.png") no-repeat center;
        background-size: 100%;
        margin: 0 auto
    }

    .status-description-left .status-pic img {
        position: absolute;
        max-width: 100%;
        margin: 0 auto
    }

    .status-description-left .status-pic .status-pic-new {
        top: calc(50% - 75px);
        left: calc(50% - 64px)
    }

    .status-description-left .status-pic .status-pic-regular {
        top: calc(50% - 75px);
        left: calc(50% - 105px)
    }

    .status-description-left .status-pic .status-pic-grand {
        top: calc(50% - 80px);
        left: calc(50% - 115px)
    }

    .status-description-left .status-pic .status-pic-premium {
        top: calc(50% - 105px);
        left: calc(50% - 74px)
    }

    .status-description-left .status-pic .status-pic-vip {
        top: calc(50% - 115px);
        left: calc(50% - 54px)
    }

    .status-description-left .status-pic .status-pic-elite {
        top: calc(50% - 111px);
        left: calc(50% - 76px)
    }

    .status-description-left .status-pic .status-title {
        display: block;
        width: 100px;
        height: 30px;
        position: absolute;
        bottom: 0;
        left: calc(50% - 50px);
        color: #000;
        font-size: 17px;
        text-align: center;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif
    }

    .status-description-right .status-description-inner {
        margin-top: 20px
    }

    .status-description-right .status-description-list-title {
        padding-top: 20px;
        padding-bottom: 15px
    }

    .status-description-right ul li {
        line-height: 24px
    }

    .status-page .gradient-line {
        margin: 20px 0 !important
    }
}

@media all and (min-width: 574px) {
    .roxpoint-amount {
        margin-top: 0
    }

    .status-description-left {
        float: left;
        width: 50%;
        padding-left: 0
    }

    .status-description-right {
        float: right;
        width: 50%;
        padding-right: 0;
        padding-left: 20px
    }

    .status-description-right .status-description-inner {
        margin-top: 0
    }

    .status-description-right .status-description-list-title {
        padding-top: 25px
    }
}

@media all and (max-width: 804px) {
    .status-short-desc br {
        display: none
    }
}

@media all and (min-width: 805px) {
    .roxpoint-amount {
        font-family: "Tahoma Bold", sans-serif;
        font-weight: inherit;
        font-size: inherit;
        color: #fff;
        text-transform: uppercase;
        margin-top: 20px
    }

    .status-description-right {
        padding: 0
    }

    .status-short-desc {
        padding: 0;
        text-align: center
    }
}

@media all and (min-width: 1180px) {
    .status-description {
        margin: 0 73px 35px
    }

    .status-description-left {
        float: left;
        width: 33%;
        padding-left: 0
    }

    .status-description-right {
        float: right;
        width: 64%;
        padding-right: 13%
    }

    .status-description-right .status-description-inner {
        margin-top: 30px
    }

    .status-description-right .status-description-list-title {
        padding-top: 5px
    }
}

@media all and (min-width: 1270px) {
    .status-description {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .roxpoint-amount {
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase
    }

    .status-page .gradient-line {
        margin: 0 73px !important
    }
}

@media all and (min-width: 1px) {
    .priz-left-table {
        float: none;
        width: 100%;
        margin: 0 auto
    }

    .time-left-block {
        width: 49%;
        float: left
    }

    .prize {
        float: right;
        width: 50%;
        background-image: none
    }

    [data-template=tournament-info] {
        margin-bottom: 15px
    }

    [data-template=tournament-info] .lottery-img-wrap {
        position: relative;
        margin-bottom: 0
    }

    #contentBox div[data-template=tournament-prize] .wrap-priz-number {
        margin-bottom: 20px;
        border-radius: 12px;
        border-bottom: 1px solid #e7c28b
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .content-games-scroll .mCSB_container {
        height: 100%;
        margin: 0
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_draggerRail {
        height: 6px !important;
        background: #284358 !important;
        border: 1px solid #bda074;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 12px;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        margin-top: 4px
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_buttonLeft,
    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_buttonRight {
        display: none !important
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        margin-top: 4px
    }

    #contentBox div[data-template=tournament-prize] .table-game-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 153px;
        width: auto;
        padding: 0;
        margin: 0
    }

    #contentBox div[data-template=tournament-prize] .table-game-list ul li {
        width: 95px;
        border-radius: 3px;
        margin: 12px 12px 0 0;
        border: 2px solid #e7c28b
    }

    .tournament-rules {
        margin-top: 5px
    }

    .tournament__participants-list .participants-list__item:nth-child(n+11) {
        display: none
    }

    .tournament__participants-list.toggle .participants-list__item:nth-child(n+11) {
        display: table-row
    }

    .tournament__participants-list .participants-list__item-userplace td {
        color: #e7c28b
    }
}

@media all and (min-width: 480px) {
    #contentBox div[data-template=tournament-winners-top] .money-inner .money-item-1 img {
        width: 130px
    }

    .time-left-block {
        width: 100%;
        background: url(clock.png) no-repeat 11px 11px
    }

    .time-left-block.large {
        padding: 15px 0 0 54px
    }

    .prize {
        width: 100%
    }

    [data-template=tournament-info] .time-left-block,
    [data-template=tournament-info] .prize {
        width: 50%
    }
}

@media all and (min-width: 574px) {
    #contentBox div[data-template=tournament-info] .label-ball {
        font-size: 17px;
        padding: 15px 0
    }

    #contentBox div[data-template=tournament-info] .wrap-two-block {
        width: 95%;
        margin: 0 auto
    }

    #contentBox div[data-template=tournament-info] .lottery-name-img {
        float: left;
        max-width: calc(100% - 200px)
    }

    #contentBox div[data-template=tournament-info] .lottery-time-block {
        width: 200px;
        margin-top: 11px;
        border: 1px solid #fff;
        border-left: none;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 0;
        padding-top: 0;
        background: transparent
    }

    #contentBox div[data-template=tournament-info] .lottery-name-img {
        border-radius: 8px
    }

    #contentBox div[data-template=tournament-info] .time-left-block {
        width: 100%;
        text-align: left;
        padding-left: 50px;
        background-size: 18%;
        background: url(clock.png) no-repeat 11px 0
    }

    #contentBox div[data-template=tournament-info] .prize {
        width: 100%
    }

    #contentBox div[data-template=tournament-prize] .table-game-inner p {
        font-size: 15px;
        margin-bottom: -4px;
        margin-top: 10px
    }

    #contentBox div[data-template=tournament-prize] .wrap-priz-number {
        margin-bottom: 0;
        width: 97%
    }

    #contentBox div[data-template=tournament-prize] .prizovoy-block .novertical-header .prize-title {
        padding-right: 20px
    }

    #contentBox div[data-template=tournament-prize] .prizovoy-block .novertical-header {
        -moz-border-top-right-radius: 12px;
        -moz-border-top-left-radius: 12px;
        -webkit-border-top-right-radius: 12px;
        -webkit-border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px
    }

    #contentBox div[data-template=tournament-prize] .wrap-priz-number p {
        font-size: 22px
    }

    #contentBox div[data-template=tournament-prize] .prise-currency {
        font-size: 16px;
        padding-top: 4px
    }

    #contentBox div[data-template=tournament-winners-top] .money-item {
        display: inline-block;
        width: 32%;
        vertical-align: bottom;
        position: relative
    }

    #contentBox div[data-template=tournament-winners-top] .main-context .label-money {
        font-size: 14px;
        padding: 0 0 10px 0;
        margin-bottom: 8px;
        width: 80%;
        margin-top: 15px
    }

    #contentBox div[data-template=tournament-winners-top] .money-block {
        width: 96%;
        margin: 38px auto
    }

    #contentBox div[data-template=tournament-winners-top] .label-money {
        font-size: 20px;
        padding: 0 0 9px 0;
        margin-bottom: 6px;
        width: 96%;
        margin-top: 16px;
        font-family: "Tahoma Regular", sans-serif
    }

    #contentBox div[data-template=tournament-winners-top] .bottom-text {
        font-size: 17px;
        margin-bottom: 0
    }

    #contentBox div[data-template=tournament-winners-top] .money-inner .money-item-2 img,
    #contentBox div[data-template=tournament-winners-top] .money-inner .money-item-3 img {
        margin-top: 15px
    }

    #contentBox div[data-template=tournament-winners-top] .money-item-2,
    #contentBox div[data-template=tournament-winners-top] .money-item-3 {
        top: 19px
    }
}

@media all and (min-width: 805px) {
    .priz-left-table {
        width: 300px
    }

    .tournament-rules {
        margin-top: 60px
    }

    #contentBox div[data-template=tournament-info] {
        margin-bottom: 30px
    }

    #contentBox div[data-template=tournament-info] .lottery-time-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: #e7c28b;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-top-right-radius: 0;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        max-width: 577px;
        margin: 0 auto;
        width: 94%;
        border-top: none;
        float: none
    }

    #contentBox div[data-template=tournament-info] .lottery-name-img {
        float: none;
        width: 89%;
        max-width: 100%
    }

    #contentBox div[data-template=tournament-info] .pad {
        display: block
    }

    #contentBox div[data-template=tournament-info] .time-left-block {
        width: 50%;
        padding: 20px 0 12px 87px;
        background-size: 12%;
        background: url(clock.png) no-repeat 36px 20px
    }

    #contentBox div[data-template=tournament-info] .prize {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 48%;
        padding: 10px;
        margin-bottom: 0;
        border-left: 1px solid #fff
    }

    #contentBox div[data-template=tournament-info] .wrap-two-block {
        width: 95% !important
    }

    #contentBox div[data-template=tournament-prize] .wrap-priz-number {
        width: 84%;
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    #contentBox div[data-template=tournament-prize] .wrap-priz-number .tournament-prize-number p {
        color: #e1ba84
    }

    #contentBox div[data-template=tournament-prize] .wrap-priz-number p {
        font-size: 18px;
        color: #fff
    }

    #contentBox div[data-template=tournament-prize] .wrap-priz-number .prise-currency {
        font-size: 17px;
        padding-top: 5px;
        padding-bottom: 4px
    }

    #contentBox div[data-template=tournament-prize] .table-game-list {
        float: right;
        width: 47%;
        margin-top: 43px
    }

    #contentBox div[data-template=tournament-prize] .prizovoy-block {
        float: left;
        margin-left: 30px;
        margin-bottom: 0
    }

    #contentBox div[data-template=tournament-prize] .prizovoy-block .table-body-wrapper {
        height: 388px
    }

    #contentBox div[data-template=tournament-prize] .table-game-inner p {
        font-size: 17px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    #contentBox div[data-template=tournament-prize] .table-game-inner {
        height: 245px
    }

    #contentBox div[data-template=tournament-prize] .content-games-scroll {
        width: 328px !important;
        height: 450px
    }

    #contentBox div[data-template=tournament-prize] .table-game-list ul {
        width: 40px;
        height: 450px
    }

    #contentBox div[data-template=tournament-prize] .table-game-list ul li {
        width: 143px;
        margin: 12px 39px 0 0
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_scrollTools {
        border: 1px solid #e7c28b;
        height: 10px !important
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
        height: 3px;
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%)
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_dragger {
        height: 0 !important
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_dragger_bar {
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%);
        height: 4px
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_draggerRail {
        height: 0 !important
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 4px;
        margin-top: 2px !important
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        height: 4px !important
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_buttonLeft {
        left: 6px !important;
        top: 1px !important;
        width: 5px !important;
        height: 5px !important;
        background: url("left-arrow.png") no-repeat center !important;
        opacity: 1 !important
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_buttonRight {
        right: 6px !important;
        top: 1px !important;
        width: 5px !important;
        height: 5px !important;
        background: url("right-arrow.png") no-repeat center !important;
        opacity: 1 !important
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_buttonLeft,
    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_buttonRight {
        display: block !important
    }

    #contentBox div[data-template=tournament-prize] .table-game-list .mCSB_draggerRail {
        border: none
    }

    #contentBox div[data-template=tournament-winners-top] .money-item-2,
    #contentBox div[data-template=tournament-winners-top] .money-item-3 {
        top: 32px
    }

    #contentBox div[data-template=tournament-winners-top] .money-inner .money-item-1 img {
        width: 196px
    }

    div[data-template=tournament-winners],
    div[data-template=tournament-schedule] {
        margin-bottom: 40px
    }
}

@media all and (min-width: 1028px) {
    #contentBox div[data-template=tournament-info] {
        margin-bottom: 0
    }

    #contentBox div[data-template=tournament-info] .lottery-time-block {
        display: inline-block;
        width: 32%;
        margin-top: 11px;
        border-left: none;
        border-top: 1px solid #fff;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 0;
        padding-top: 0;
        background: transparent;
        float: left
    }

    #contentBox div[data-template=tournament-info] .lottery-name-img {
        float: left;
        width: 68%;
        display: inline-block
    }

    #contentBox div[data-template=tournament-info] .prize {
        width: 100%;
        top: 0;
        margin: 0 0 10px 0;
        padding: 0 10px;
        border: none
    }

    #contentBox div[data-template=tournament-info] .pad {
        display: none
    }

    #contentBox div[data-template=tournament-info] .time-left-block {
        width: 100%;
        font-size: 15px;
        text-align: left;
        padding: inherit;
        padding-left: 76px;
        background-size: 18%;
        background: url(clock.png) no-repeat 28px 3px
    }

    #contentBox div[data-template=tournament-info] .wrap-two-block {
        width: 90% !important;
        margin-top: 25px
    }

    #contentBox div[data-template=tournament-prize] {
        margin-bottom: 30px !important
    }

    #contentBox div[data-template=tournament-prize] .content-games-scroll {
        width: 474px !important;
        height: 450px
    }

    #contentBox div[data-template=tournament-prize] .table-game-list ul li {
        width: 143px;
        margin: 12px 21px 0 0
    }

    #contentBox div[data-template=tournament-prize] .prize {
        width: 100%;
        top: -34px;
        margin: 27px 0
    }

    #contentBox div[data-template=tournament-prize] .label-ball {
        font-size: 24px
    }

    #contentBox div[data-template=tournament-winners-top] .money-block {
        width: 96%;
        margin: 60px auto 38px
    }

    #contentBox div[data-template=tournament-winners-top] .money-block .money-item-2 .label-money,
    #contentBox div[data-template=tournament-winners-top] .money-block .money-item-3 .label-money {
        font-size: 18px
    }

    #contentBox div[data-template=tournament-winners-top] .money-item-2,
    #contentBox div[data-template=tournament-winners-top] .money-item-3 {
        top: 34px
    }
}

@media all and (min-width: 1px) {
    .lottery-img-wrap {
        position: relative;
        margin-bottom: -15px
    }

    .wrap-center-ball {
        position: relative
    }
}

@media all and (min-width: 480px) {
    #contentBox .lottery-winners-piedestal .money-inner .money-item-1 img {
        width: 130px
    }
}

@media all and (min-width: 574px) {
    #contentBox .lottery-winners-piedestal .money-item {
        display: inline-block;
        width: 32%;
        vertical-align: bottom;
        position: relative
    }

    #contentBox .lottery-winners-piedestal .main-context .label-money {
        font-size: 14px;
        padding: 0 0 10px 0;
        margin-bottom: 8px;
        width: 80%;
        margin-top: 15px
    }

    #contentBox .lottery-winners-piedestal .money-block {
        width: 96%;
        margin: 38px auto
    }

    #contentBox .lottery-winners-piedestal .label-money {
        font-size: 20px;
        padding: 0 0 9px 0;
        margin-bottom: 6px;
        width: 96%;
        margin-top: 16px;
        font-family: "Tahoma Regular", sans-serif
    }

    #contentBox .lottery-winners-piedestal .bottom-text {
        font-size: 17px;
        margin-bottom: 0
    }

    #contentBox .lottery-winners-piedestal .money-inner .money-item-2 img,
    #contentBox .lottery-winners-piedestal .money-inner .money-item-3 img {
        margin-top: 15px
    }

    #contentBox .lottery-winners-piedestal .money-item-2,
    #contentBox .lottery-winners-piedestal .money-item-3 {
        top: 19px
    }
}

@media all and (min-width: 805px) {

    #contentBox .lottery-winners-piedestal .money-item-2,
    #contentBox .lottery-winners-piedestal .money-item-3 {
        top: 32px
    }

    #contentBox .lottery-winners-piedestal .money-inner .money-item-1 img {
        width: 196px
    }

    .lottery-img-wrap {
        position: relative;
        margin-bottom: -30px
    }

    #contentBox div[data-template=lottery-schedule] .prize {
        margin-bottom: 5px
    }
}

@media all and (min-width: 1028px) {
    #contentBox .lottery-winners-piedestal .money-block {
        width: 96%;
        margin: 38px auto 60px
    }

    #contentBox .lottery-winners-piedestal .money-block .money-item-2 .label-money,
    #contentBox .lottery-winners-piedestal .money-block .money-item-3 .label-money {
        font-size: 18px
    }

    #contentBox .lottery-winners-piedestal .money-item-2,
    #contentBox .lottery-winners-piedestal .money-item-3 {
        top: 34px
    }

    #contentBox div[data-template=lottery-schedule] .prize {
        margin-bottom: 12px
    }
}

.profile__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 50px 0 150px;
    background: #272828
}

a.profile__menu-item {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px;
    color: #f0c788;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer
}

a.profile__menu-item.active {
    background: url(down-arrow-active.png) no-repeat center 40px
}

a.profile__menu-item.active,
a.profile__menu-item:hover {
    background: #393939;
    color: #fff
}

@media all and (min-width: 1028px) {
    .profile__menu {
        padding: 0 50px 0 160px
    }
}

@media all and (min-width: 1180px) {
    .profile__menu {
        padding: 0 20%
    }
}

@media all and (max-width: 804px) {
    .my_profile .Zebra_DatePicker {
        position: relative;
        top: 4px !important
    }
}

a:active,
html:not(.touch) a:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.black-rulls-h {
    margin-bottom: 25px;
    margin-top: 25px
}

.wrapper-block-fullsize {
    position: relative
}

.wrapper-block-fullsize p {
    margin: 0;
    padding: 0
}

.wrapper-block-fullsize .makeitblock-h {
    display: block;
    width: 65%;
    padding: 0;
    margin: 0 auto;
    line-height: 1.6;
    margin-bottom: 10px
}

.wrapper-block-fullsize .halloween-big-img {
    display: block;
    margin: 0 auto;
    margin-top: -40px
}

.wrapper-block-fullsize .white-text-block-h {
    text-align: center;
    padding: 20px 20px;
    margin-bottom: 0
}

.wrapper-block {
    width: 65%;
    margin: 0 auto;
    text-align: center
}

.wrapper-block p {
    margin: 0;
    padding: 0
}

.wrapper-block .makeitblock-h {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    line-height: 1.6
}

.wrapper-block .white-text-block-h {
    text-align: center;
    padding: 0;
    margin-bottom: 0
}

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

.wrapper-block table thead tr:nth-child(2) th {
    border-radius: 0
}

.wrapper-block table a {
    color: #fff
}

.wrapper-block .date-list {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 20px;
    text-align: left
}

.wrapper-block .date-list li {
    margin-left: 15px
}

.wrapper-block .imagex3 {
    margin-bottom: 15px
}

.wrapper-block .imagex3 a {
    margin-right: 1%;
    text-decoration: none;
    -webkit-transition: -webkit-filter linear .5s;
    transition: -webkit-filter linear .5s;
    transition: filter linear .5s;
    transition: filter linear .5s, -webkit-filter linear .5s
}

.wrapper-block .imagex3 a:last-child {
    margin-right: 0
}

.wrapper-block .imagex3 a:hover .image-wrapper {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.wrapper-block .image-wrapper {
    width: 32%;
    display: inline-block;
    vertical-align: top
}

.wrapper-block .image-wrapper img {
    margin-bottom: 5px
}

.wrapper-block .image-wrapper .image-label {
    color: #e7c28b;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    font-family: "Tahoma Bold", sans-serif
}

.wrapper-block .button-fullsize {
    color: #000;
    display: block;
    background: url("promotions/halloween/button.png") no-repeat center center;
    background-size: cover;
    width: 313px;
    height: 30px;
    margin: 0 auto;
    text-decoration: none;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 15px;
    line-height: 30px;
    font-weight: bold;
    -webkit-transition: background linear .3s;
    transition: background linear .3s
}

.wrapper-block .button-fullsize:hover {
    background: url("promotions/halloween/button-h.png") no-repeat center center;
    background-size: cover
}

.prize-table thead th {
    width: 50%
}

@media all and (min-width: 1px)and (max-width: 805px) {

    .wrapper-block-fullsize .desctop-v,
    .wrapper-block .desctop-v {
        display: none
    }

    .wrapper-block .desctop-v.block {
        display: none
    }

    .wrapper-block-fullsize .mobile-v,
    .wrapper-block .mobile-v {
        display: inline
    }

    .wrapper-block .mobile-v.block {
        display: inline-block
    }

    .wrapper-block .imagex3 a {
        margin-right: 0
    }

    .wrapper-block-fullsize .makeitblock-h {
        width: 100%
    }

    .wrapper-block-fullsize .halloween-big-img {
        margin-top: -30px
    }

    .wrapper-block {
        width: 100%
    }

    .wrapper-block table tbody tr td {
        font-size: 14px
    }
}

@media all and (min-width: 805px)and (max-width: 1028px) {
    .wrapper-block-fullsize .halloween-big-img {
        margin-top: -30px
    }

    .wrapper-block .date-list {
        width: 100%
    }
}

@media all and (min-width: 1028px) {
    .wrapper-block .date-list {
        width: 71%
    }
}

@media all and (min-width: 1180px) {
    .wrapper-block .date-list {
        width: 61%
    }
}

@media all and (min-width: 1270px) {
    .wrapper-block .date-list {
        width: 58%
    }
}

@media all and (min-width: 805px) {

    .wrapper-block-fullsize .desctop-v,
    .wrapper-block .desctop-v {
        display: inline
    }

    .wrapper-block .desctop-v.block {
        display: inline-block
    }

    .wrapper-block .mobile-v.block {
        display: none
    }

    .wrapper-block-fullsize .mobile-v,
    .wrapper-block .mobile-v {
        display: none
    }
}

@media all and (min-width: 574px)and (max-width: 804px) {
    .wrapper-block .date-list {
        width: 81%
    }
}

@media all and (min-width: 320px)and (max-width: 350px) {
    .wrapper-block {
        width: 310px
    }
}

.random-game-block {
    position: absolute;
    top: 230px;
    right: 0;
    z-index: 80;
    display: block;
    width: 47px;
    height: 110px;
    background: url("random-game-bg.png") no-repeat 0 center
}

.random-game-block .random-game {
    height: 100%;
    width: 100%;
    position: absolute
}

.random-game-block .random-game__tool-tip {
    position: absolute;
    left: -140px;
    top: 46px;
    width: 150px;
    text-transform: uppercase;
    color: #000;
    padding: 1px 7px;
    background: url("random-game-text.png") no-repeat 0 center;
    font-weight: 600;
    font-family: "Tahoma Bold";
    font-size: 13px;
    display: none
}

.safari .random-game-block .random-game__tool-tip {
    font-family: "Tahoma Regular"
}

.random-game-block:hover {
    background-position: -82px center;
    width: 78px;
    height: 110px
}

.random-game-block:hover .random-game__tool-tip {
    display: block
}

html.safari .random-game-block .random-game__tool-tip {
    white-space: nowrap;
    width: 165px;
    background-size: cover;
    left: -155px
}

@media(max-width: 804px) {
    .random-game-block {
        display: none
    }
}

@media all and (min-width: 805px) {

    .home .random-game-block,
    .home-page .random-game-block {
        display: block
    }
}

.notify-box {
    position: fixed;
    top: 66px;
    left: 0px;
    right: 0;
    z-index: 1000;
    padding: 0;
    height: 0
}

@media all and (min-width: 805px) {
    .notify-box {
        top: 126px;
        left: 14px
    }
}

.notify-box__item {
    position: relative;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 322px;
    pointer-events: none;
    margin-bottom: 24px
}

.notify-box__item:last-child {
    margin-bottom: 0
}

@media all and (max-width: 804px) {
    .notify-box__item {
        margin: 0 auto
    }
}

.notify-box__item-inner {
    background-color: #242424;
    background: rgba(36, 36, 36, .9);
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24.5px 22px;
    pointer-events: auto;
    -webkit-box-shadow: inset 0 0 251px 96px rgba(36, 36, 36, .3), -7px 7px 100px 40px rgba(0, 0, 0, .99);
    box-shadow: inset 0 0 251px 96px rgba(36, 36, 36, .3), -7px 7px 100px 40px rgba(0, 0, 0, .99);
    border: 1px solid #f0c688;
    border-radius: 10px;
    text-align: center
}

.notify-box__item-title {
    text-align: center;
    margin-bottom: 18px;
    font-family: "Tahoma Bold", sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #e7c28b;
    text-transform: uppercase
}

.notify-box__item-text {
    margin-bottom: 18px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    font-size: 16px
}

.notify-box__item-text:last-child {
    margin-bottom: 0
}

.notify-box__item-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.notify-box__item-btn {
    display: block;
    width: 157px;
    margin: 0 auto;
    margin-bottom: 14px
}

.notify-box__item-btn:last-child {
    margin-bottom: 0
}

.notify-box__btn-link {
    display: inline-block;
    color: #f0c788;
    text-align: center;
    font-family: "Tahoma Regular", sans-serif;
    font-size: 14px;
    cursor: pointer
}

.notify-box__btn-link:hover {
    color: #fff
}

@media(max-height: 430px) {
    .notify-box {
        top: 10px
    }
}

@media(max-height: 350px) {
    .notify-box__item-text {
        font-size: 15px;
        margin-bottom: 14px
    }

    .notify-box__item-hr {
        margin-bottom: 10px
    }

    .notify-box__item-inner {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.popup .notify-box {
    display: none
}

.news-list__item {
    position: relative;
    margin-bottom: 40px
}

.news-list__item:nth-child(1),
.news-list__item:nth-child(2),
.news-list__item:nth-child(3),
.news-list__item:nth-child(4),
.news-list__item:nth-child(5),
.news-list__item:nth-child(6),
.news-list__item:nth-child(7),
.news-list__item:nth-child(8),
.news-list__item:nth-child(9),
.news-list__item:nth-child(10) {
    display: block
}

.news-list__item:last-child {
    margin-bottom: 0 !important
}

.news-list__item-title {
    padding: 5px 10px;
    margin-bottom: 15px;
    border-top: 1px solid #e1c392;
    border-bottom: 1px solid #e1c392;
    background-color: #000;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.news-list__item-date {
    margin-bottom: 15px;
    font-family: "Tahoma";
    font-size: 13px;
    line-height: 1;
    color: #e1c492;
    text-align: center
}

.news-list__item-img-wr {
    padding: 0 10px;
    margin-bottom: 30px
}

.news-list__item-img {
    padding-top: 35.8%;
    border: 1px solid #e1c392;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.news-list__item-short-desk {
    margin: 0 20px 30px
}

.news-list__item-full-desk {
    display: none;
    margin: 0 20px 30px
}

.news-list__item-toggle-desk {
    text-align: center
}

.news-list__item-toggle-desk-item {
    display: none;
    font-family: "Tahoma";
    font-size: 14px;
    line-height: 1;
    color: #e1c492;
    text-decoration: underline;
    cursor: pointer
}

.news-list__item-toggle-desk-item.active {
    display: inline-block
}

.news-list__more {
    display: none;
    margin: 0 auto 30px;
    cursor: pointer
}

.news-list--show-all .news-list__item {
    display: block
}

.news-list--show-all .sport-promotions__list.sport-promotions__list--finished .sport-promotions__item {
    display: block
}

@media(min-width: 805px) {
    .news-list__item {
        display: none;
        position: relative;
        min-height: 185px;
        padding: 30px;
        border: 1px solid #e1c392;
        border-radius: 6px
    }

    .news-list__item-title {
        padding: 0;
        margin-bottom: 20px;
        border: none;
        background-color: transparent;
        font-weight: 600;
        color: #e1c492;
        text-align: left
    }

    .news-list__item-date {
        margin-bottom: 30px;
        font-size: 16px;
        text-align: left
    }

    .news-list__item-img-wr {
        padding: 0
    }

    .news-list__item-short-desk {
        margin: 0 0 20px !important
    }

    .news-list__item-full-desk {
        margin: 0 0 20px
    }

    .news-list__item-toggle-desk {
        text-align: left
    }

    .news-list__more {
        display: block
    }

    .news-list__item-short-desk {
        margin: 0 20px 10px !important
    }
}

@media(min-width: 1028px) {
    .news-list {
        margin: 0 17px
    }

    .news-list__item {
        padding: 65px 50px 30px 460px
    }

    .news-list__item-title {
        padding: 0;
        margin-bottom: 22px;
        border: none;
        background-color: transparent;
        font-weight: 600;
        color: #e1c492;
        text-align: left
    }

    .news-list__item-date {
        position: absolute;
        left: 460px;
        top: 27px;
        font-size: 16px
    }

    .news-list__item-img-wr {
        position: absolute;
        left: 50px;
        top: 22px;
        width: 365px;
        margin-bottom: 0
    }

    .news-list__item-short-desk {
        margin: 0 0 20px !important
    }

    .news-list__item-full-desk {
        margin: 0 0 20px
    }

    .news-list__item-toggle-desk {
        text-align: left
    }
}

.sport-promotions {
    padding: 0 30px
}

@media all and (max-width: 805px) {
    .sport-promotions {
        padding: 0;
        margin: 0 -16px
    }
}

.sport-promotions__item {
    position: relative;
    display: block;
    padding: 50px;
    border: 1px solid #e1c392;
    border-radius: 11px
}

.sport-promotions__item:not(:last-child) {
    margin-bottom: 30px
}

@media all and (max-width: 805px) {
    .sport-promotions__item {
        padding: 25px 30px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        border-radius: 0
    }
}

.sport-promotions__list--finished .sport-promotions__item {
    display: none
}

.sport-promotions__list--finished .sport-promotions__item:nth-child(1),
.sport-promotions__list--finished .sport-promotions__item:nth-child(2),
.sport-promotions__list--finished .sport-promotions__item:nth-child(3),
.sport-promotions__list--finished .sport-promotions__item:nth-child(4),
.sport-promotions__list--finished .sport-promotions__item:nth-child(5) {
    display: block
}

@media all and (max-width: 805px) {
    .sport-promotions__list--finished .sport-promotions__item {
        display: block
    }
}

.sport-promotions__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 35px;
    gap: 50px
}

@media all and (max-width: 805px) {
    .sport-promotions__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 25px;
        padding-top: 33px
    }
}

.sport-promotions__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 361px;
    flex: 0 0 361px
}

.sport-promotions__image-item {
    max-width: 100%;
    max-height: 100%;
    border-radius: 7px
}

@media all and (max-width: 1180px) {
    .sport-promotions__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
        flex: 0 0 260px
    }
}

@media all and (max-width: 805px) {
    .sport-promotions__image {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

.sport-promotions__text-title {
    text-align: left;
    font-size: 16px;
    line-height: 1.3;
    color: #e7c28b;
    text-transform: uppercase;
    margin-bottom: 17px
}

@media all and (max-width: 805px) {
    .sport-promotions__text-title {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        width: 100%;
        border-width: 1px 0 1px 0;
        border-color: #7d6b59;
        border-style: solid;
        padding: 10px;
        background-color: #000
    }
}

.sport-promotions__btn {
    width: 100%;
    text-align: center
}

.sport-promotions__btn a {
    color: #141414;
    text-decoration: none;
    font-size: 14px
}

.sport-promotions__btn:not(:last-child) {
    margin-bottom: 20px
}

#contentBox .wrapper-block .text-left {
    text-align: left
}

#contentBox .wrapper-block .text-center {
    text-align: center
}

#contentBox .giveawaynetent img {
    width: 100%
}

#contentBox .giveawaynetent .date-list ul {
    padding: 0
}

#contentBox .giveawaynetent .date-list li {
    padding-left: 32px
}

#contentBox .giveawaynetent .date-list2 {
    width: 44%
}

#contentBox .giveawaynetent table {
    width: 100%;
    table-layout: fixed
}

#contentBox .giveawaynetent table td {
    width: 100%
}

@media all and (min-width: 1px)and (max-width: 805px) {
    #contentBox .giveawaynetent.wrapper-block {
        width: 100%
    }
}

@media all and (min-width: 805px)and (max-width: 1028px) {
    #contentBox .giveawaynetent.wrapper-block .date-list2 {
        width: 74%
    }
}

@media all and (min-width: 1028px) {
    #contentBox .giveawaynetent.wrapper-block .date-list2 {
        width: 57%
    }
}

@media all and (min-width: 1180px) {
    #contentBox .giveawaynetent.wrapper-block .date-list2 {
        width: 49%
    }
}

@media all and (min-width: 1270px) {
    #contentBox .giveawaynetent.wrapper-block .date-list2 {
        width: 45%
    }
}

@media all and (min-width: 574px)and (max-width: 804px) {
    #contentBox .giveawaynetent.wrapper-block .date-list2 {
        width: 46%
    }
}

@media all and (min-width: 351px)and (max-width: 573px) {
    #contentBox .giveawaynetent.wrapper-block .date-list2 {
        width: 68%
    }
}

@media all and (min-width: 320px)and (max-width: 350px) {
    #contentBox .giveawaynetent.wrapper-block {
        width: 310px
    }
}

@-webkit-keyframes autofill {
    to {
        color: inherit;
        background: transparent
    }
}

input {
    -webkit-filter: none;
    filter: none
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill::first-line {
    background-clip: content-box !important;
    caret-color: #fff;
    font-size: 16px;
    letter-spacing: normal;
    font-weight: normal;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px #272828;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px #272828
}

input:-webkit-autofill:not([name=phone]),
input:-webkit-autofill:not([name=phone]):hover,
input:-webkit-autofill:not([name=phone]):focus,
input:-webkit-autofill:not([name=phone]):active,
input:-webkit-autofill:not([name=phone])::first-line {
    border: 2px solid #f0c788
}

input:-webkit-autofill[name=mobile_phone],
input:-webkit-autofill[name=mobile_phone]:hover,
input:-webkit-autofill[name=mobile_phone]:focus,
input:-webkit-autofill[name=mobile_phone]:active,
input:-webkit-autofill[name=mobile_phone]::first-line {
    border: none;
    -webkit-text-fill-color: #d3b68c;
    font-size: 14px
}

.main-spining-slider {
    position: relative;
    z-index: 1
}

.wrapper-bonus-img .disp-tournir {
    background-color: #000
}

@media all and (min-width: 1px) {
    .main-video-block {
        /* background-image: url(MobLasVegas514px.jpg); */
        background-repeat: no-repeat;
        background-position: center;
        width: 100%
    }

    .pauseVideo {
        width: 17px;
        height: 18px;
        margin-top: 2px;
        background-color: transparent;
        display: inline-block;
        float: left;
        padding: 0;
        border: none;
        border-left: 6px solid gray;
        border-right: 6px solid gray
    }

    .pauseVideo:hover {
        opacity: .8
    }

    .pauseVideo:active {
        opacity: .6
    }

    .pauseVideo.disabled {
        width: 17px;
        height: 18px;
        margin-top: 2px;
        background-color: transparent;
        display: inline-block;
        float: left;
        padding: 0;
        border: none
    }

    .pauseVideo.disabled::after {
        content: "";
        position: absolute;
        left: 0;
        top: 1px;
        border: 10px solid transparent;
        border-left: 16px solid gray
    }
}

@media all and (min-width: 574px) {
    .main-video-block {
        /* background-image: url(MobLasVegas962px.jpg); */
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%
    }

    .main-star-back {
        overflow: hidden
    }
}

@media all and (min-width: 1028px) {
    video.desktop-video {
        display: block;
        opacity: 0;
        -webkit-transition: opacity 1s;
        transition: opacity 1s
    }

    video.mobile-video {
        display: none
    }

    .owl-item:hover {
        width: 243px
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    img.hover-pic {
        position: absolute;
        z-index: 0;
        width: 97% !important;
        left: 3px !important;
        border-radius: 50% !important
    }
}

.table-wrapper {
    overflow: auto;
    position: relative
}

.table-body-wrapper {
    position: relative;
    overflow: visible;
    height: 320px
}

.table-wrapper {
    width: 100%
}

.table-body-wrapper {
    height: 345px;
    overflow: auto
}

.table-wrapper table {
    width: 100%;
    border-radius: 0
}

.list-place table {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.table-wrapper .mCSB_inside>.mCSB_container {
    margin-right: 9px
}

.table-wrapper thead {
    text-align: left;
    background: #444
}

.mCSB_container .list-place {
    margin: 0 !important
}

.mCSB_container .list-place tbody tr:last-child td {
    border-bottom: 1px solid #b9ac92 !important
}

.mCSB_container .list-place {
    border-bottom-width: 0 !important
}

.table-wrapper>table {
    margin-bottom: -1px;
    border: 0 !important;
    border-radius: 0
}

.table-wrapper th,
.table-wrapper td {
    width: 33%;
    padding: 10px 20px 9px 20px
}

.gradient-line {
    margin: 0 75px !important;
    height: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#afa495), to(#f0c788));
    background: linear-gradient(to bottom, #afa495 0%, #f0c788 100%)
}

.makeitblock {
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 160%;
    width: 90%;
    margin: 0 auto
}

.opac {
    opacity: 1 !important
}

.main-context .center {
    text-align: center
}

.main-left-col {
    position: relative
}

@media all and (min-width: 574px)and (max-width: 804px) {
    .main-video-block {
        overflow: hidden
    }
}

.calendar__input,
.calendar__input:hover,
.calendar__input:focus {
    background-color: #272828;
    -webkit-text-fill-color: #fff;
    -webkit-appearance: none;
    caret-color: #fff
}

.calendar__input,
.calendar__input:hover,
.calendar__input:focus {
    border: 2px solid #f0c788;
    -webkit-text-fill-color: #fff;
    -webkit-appearance: none;
    caret-color: #fff;
    background: #272828;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    border-radius: 50px
}

@media screen and (min-width: 805px) {

    .calendar__input,
    .calendar__input:hover,
    .calendar__input:focus {
        background: #202f3e
    }
}

@media screen and (min-width: 1px)and (max-width: 805px) {
    .spin-inner.without-stars {
        background-image: url(banners/ROX_ROX_ROX_514.png) !important
    }
}

.main-slider-in {
    background: none
}

@media all and (min-width: 1px) {
    .main-spining-slider {
        position: relative;
        width: 99%;
        width: calc(100% - 10px);
        height: 180px;
        margin: 10px auto 0
    }

    .main-spining-slider .main-right-slid {
        top: 110px;
        top: calc(100% - 62px);
        top: -moz-calc(100% - 62px);
        right: 0;
        z-index: 5;
        left: 0;
        width: 100%;
        text-align: center
    }

    .main-spining-slider .line {
        float: left;
        background-color: rgba(174, 164, 149, .7);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        display: none
    }

    .main-spining-slider .line .dot {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #f0f8ff;
        opacity: 0
    }

    .main-spining-slider .line .dot-5 {
        top: -1px;
        right: 0;
        bottom: auto;
        left: auto;
        position: absolute;
        -webkit-animation-name: dotShow;
        -webkit-animation-duration: .5s;
        -webkit-animation-delay: 1.75s;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: dotShow;
        -moz-animation-duration: .5s;
        -moz-animation-delay: 1.75s;
        -moz-animation-timing-function: linear;
        animation-name: dotShow;
        animation-duration: .5s;
        animation-delay: 1.75s;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        background: -webkit-gradient(linear, left top, left bottom, from(#dcd4cb), to(#f3c886));
        background: linear-gradient(to bottom, #dcd4cb 0%, #f3c886 100%)
    }

    .main-spining-slider .box {
        top: -1px;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 260px;
        height: 130px;
        border-radius: 120px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        z-index: 1;
        margin: 0 auto
    }

    .main-spining-slider .box .dot {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        opacity: 0;
        background-color: #f0f8ff
    }

    .main-spining-slider .box .dot-1 {
        top: 63px;
        left: 0;
        top: calc(50% - 2px);
        right: auto;
        bottom: auto;
        left: 0;
        position: absolute;
        -webkit-animation-name: dotShow;
        -webkit-animation-duration: .5s;
        -webkit-animation-delay: 2s;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: dotShow;
        -moz-animation-duration: .5s;
        -moz-animation-delay: 2s;
        -moz-animation-timing-function: linear;
        animation-name: dotShow;
        animation-duration: .5s;
        animation-delay: 2s;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        background: -webkit-gradient(linear, left top, left bottom, from(#dcd4cb), to(#f3c886));
        background: linear-gradient(to bottom, #dcd4cb 0%, #f3c886 100%)
    }

    .main-spining-slider .box .dot-2 {
        top: 63px;
        right: 0;
        top: calc(50% - 2px);
        right: 0;
        bottom: auto;
        left: auto;
        position: absolute;
        -webkit-animation-name: dotShow;
        -webkit-animation-duration: .5s;
        -webkit-animation-delay: 2s;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: dotShow;
        -moz-animation-duration: .5s;
        -moz-animation-delay: 2s;
        -moz-animation-timing-function: linear;
        animation-name: dotShow;
        animation-duration: .5s;
        animation-delay: 2s;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        background: -webkit-gradient(linear, left top, left bottom, from(#dcd4cb), to(#f3c886));
        background: linear-gradient(to bottom, #dcd4cb 0%, #f3c886 100%)
    }

    .main-spining-slider .box .dot-3 {
        top: -2px;
        left: 128px;
        top: -2px;
        right: auto;
        bottom: auto;
        left: calc(50% - 3px);
        position: absolute;
        -webkit-animation-name: dotShow;
        -webkit-animation-duration: .5s;
        -webkit-animation-delay: 2s;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: dotShow;
        -moz-animation-duration: .5s;
        -moz-animation-delay: 2s;
        -moz-animation-timing-function: linear;
        animation-name: dotShow;
        animation-duration: .5s;
        animation-delay: 2s;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .main-spining-slider .box .dot-4 {
        bottom: -2px;
        left: 128px;
        top: auto;
        right: auto;
        bottom: -2px;
        left: calc(50% - 3px);
        position: absolute;
        -webkit-animation-name: dotShow;
        -webkit-animation-duration: .5s;
        -webkit-animation-delay: 2s;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: dotShow;
        -moz-animation-duration: .5s;
        -moz-animation-delay: 2s;
        -moz-animation-timing-function: linear;
        animation-name: dotShow;
        animation-duration: .5s;
        animation-delay: 2s;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        background: -webkit-gradient(linear, left top, left bottom, from(#dcd4cb), to(#f3c886));
        background: linear-gradient(to bottom, #dcd4cb 0%, #f3c886 100%)
    }

    .main-spining-slider .box .svg-gradient {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute
    }

    .main-spining-slider .box .svg-gradient .svg-box {
        width: 100%;
        height: 100%
    }

    .main-spining-slider .box .svg-gradient .svg-box rect {
        visibility: visible
    }

    .main-spining-slider .slide {
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        position: absolute;
        overflow: hidden
    }

    .main-spining-slider .slide .spin {
        top: 1px;
        right: 0;
        bottom: 0;
        left: 1px;
        position: relative;
        width: 248px;
        height: 126px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 120px;
        opacity: 0;
        margin: 0 auto
    }

    .main-spining-slider .slide .spin .svg-gradient-spin {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: 2
    }

    .main-spining-slider .slide .spin .svg-gradient-spin .svg-box {
        width: 100%;
        height: 100%
    }

    .main-spining-slider .slide .spin .svg-gradient-spin .svg-box rect {
        stroke-width: 2
    }

    .main-spining-slider .slide .spin .spin-inner {
        top: 4px;
        right: auto;
        bottom: auto;
        left: 0;
        position: absolute;
        width: 99%;
        height: 94%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 120px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        background: no-repeat 50%;
        background-size: cover
    }

    .main-spining-slider .slide .spin-shadow {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 260px;
        height: 130px;
        width: calc(260px - 6px);
        height: calc(130px - 6px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 120px;
        opacity: 0;
        z-index: 3;
        margin: 0 auto;
        background: #000;
        cursor: pointer
    }

    .main-spining-slider .slide .upper-text {
        top: auto;
        right: -100%;
        bottom: 72%;
        left: auto;
        position: absolute;
        width: 62%;
        text-transform: uppercase;
        text-align: right;
        font-size: 13px;
        font-family: "Tahoma Bold", sans-serif;
        font-weight: 600;
        line-height: 1.12;
        color: #e7c28b;
        display: none;
        cursor: pointer
    }

    .main-spining-slider .slide .lower-text {
        top: 34%;
        right: -100%;
        bottom: auto;
        left: auto;
        position: absolute;
        width: 53%;
        font-size: 12px;
        font-family: "Tahoma Regular", sans-serif;
        line-height: 1.3;
        text-align: right;
        color: #fff;
        display: none;
        cursor: pointer
    }

    .main-spining-slider .slide.active {
        display: block
    }

    .slide.animationIn .spin {
        -webkit-animation-name: spin;
        -webkit-animation-duration: 1s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-name: spin;
        -moz-animation-duration: 1s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-out;
        animation-name: spin;
        animation-duration: 1s;
        animation-delay: 0s;
        animation-timing-function: ease-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .slide.animationIn .spin-shadow {
        -webkit-animation-name: spin;
        -webkit-animation-duration: 1s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-name: spin;
        -moz-animation-duration: 1s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-out;
        animation-name: spin;
        animation-duration: 1s;
        animation-delay: 0s;
        animation-timing-function: ease-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .slide.animationIn .upper-text {
        animation: slideLeft .5s .25s ease forwards, slideLeftFinish .25s .75s ease forwards;
        -webkit-animation: slideLeft .5s .25s ease forwards, slideLeftFinish .25s .75s ease forwards;
        -moz-animation: slideLeft .5s .25s ease forwards, slideLeftFinish .25s .75s ease forwards
    }

    .slide.animationIn .lower-text {
        animation: slideLeft .5s .5s ease forwards, slideLeftFinish .25s 1s ease forwards;
        -webkit-animation: slideLeft .5s .5s ease forwards, slideLeftFinish .25s 1s ease forwards;
        -moz-animation: slideLeft .5s .5s ease forwards, slideLeftFinish .25s 1s ease forwards
    }

    .slide.animationOut .spin {
        -webkit-animation-name: spinOff;
        -webkit-animation-duration: .5s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in;
        -moz-animation-name: spinOff;
        -moz-animation-duration: .5s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in;
        animation-name: spinOff;
        animation-duration: .5s;
        animation-delay: 0s;
        animation-timing-function: ease-in;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .slide.animationOut .spin-shadow {
        -webkit-animation-name: spinOff;
        -webkit-animation-duration: .5s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in;
        -moz-animation-name: spinOff;
        -moz-animation-duration: .5s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in;
        animation-name: spinOff;
        animation-duration: .5s;
        animation-delay: 0s;
        animation-timing-function: ease-in;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .slide.animationOut .upper-text {
        position: absolute;
        right: 0;
        -webkit-animation-name: slideRight;
        -webkit-animation-duration: .5s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        -moz-animation-name: slideRight;
        -moz-animation-duration: .5s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease;
        animation-name: slideRight;
        animation-duration: .5s;
        animation-delay: 0s;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .slide.animationOut .lower-text {
        position: absolute;
        right: 0;
        -webkit-animation-name: slideRight;
        -webkit-animation-duration: .5s;
        -webkit-animation-delay: .15s;
        -webkit-animation-timing-function: ease;
        -moz-animation-name: slideRight;
        -moz-animation-duration: .5s;
        -moz-animation-delay: .15s;
        -moz-animation-timing-function: ease;
        animation-name: slideRight;
        animation-duration: .5s;
        animation-delay: .15s;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    @-webkit-keyframes move {
        0% {
            -webkit-transform: scaleX(0.1);
            -ms-transform: scaleX(0.1);
            transform: scaleX(0.1);
            opacity: 1
        }

        100% {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            opacity: 1
        }
    }

    @keyframes move {
        0% {
            -webkit-transform: scaleX(0.1);
            -ms-transform: scaleX(0.1);
            transform: scaleX(0.1);
            opacity: 1
        }

        100% {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            opacity: 1
        }
    }

    @-webkit-keyframes open {
        0% {
            top: 75px;
            right: auto;
            bottom: auto;
            left: 0;
            position: absolute;
            -webkit-transform: scaleX(0.1);
            -ms-transform: scaleX(0.1);
            transform: scaleX(0.1);
            opacity: 1 !important;
            background-color: rgba(174, 164, 149, .7);
            height: 2px
        }

        100% {
            top: 75px;
            right: auto;
            bottom: auto;
            left: 0;
            position: absolute;
            height: 2px;
            background-color: rgba(174, 164, 149, .7);
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            opacity: 1
        }
    }

    @keyframes open {
        0% {
            top: 75px;
            right: auto;
            bottom: auto;
            left: 0;
            position: absolute;
            -webkit-transform: scaleX(0.1);
            -ms-transform: scaleX(0.1);
            transform: scaleX(0.1);
            opacity: 1 !important;
            background-color: rgba(174, 164, 149, .7);
            height: 2px
        }

        100% {
            top: 75px;
            right: auto;
            bottom: auto;
            left: 0;
            position: absolute;
            height: 2px;
            background-color: rgba(174, 164, 149, .7);
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            opacity: 1
        }
    }

    @-webkit-keyframes open-1 {
        0% {
            top: 20px;
            right: auto;
            bottom: auto;
            left: 0;
            position: absolute;
            background-color: transparent;
            border: 2px solid rgba(174, 164, 149, .7);
            -webkit-transform: scaleY(0.1);
            -ms-transform: scaleY(0.1);
            transform: scaleY(0.1);
            opacity: 1
        }

        100% {
            top: 20px;
            right: auto;
            bottom: auto;
            left: 0;
            position: absolute;
            background-color: transparent;
            border: 2px solid rgba(174, 164, 149, .7);
            height: 262px;
            opacity: 1;
            -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
            transform: scaleY(1)
        }
    }

    @keyframes open-1 {
        0% {
            top: 20px;
            right: auto;
            bottom: auto;
            left: 0;
            position: absolute;
            background-color: transparent;
            border: 2px solid rgba(174, 164, 149, .7);
            -webkit-transform: scaleY(0.1);
            -ms-transform: scaleY(0.1);
            transform: scaleY(0.1);
            opacity: 1
        }

        100% {
            top: 20px;
            right: auto;
            bottom: auto;
            left: 0;
            position: absolute;
            background-color: transparent;
            border: 2px solid rgba(174, 164, 149, .7);
            height: 262px;
            opacity: 1;
            -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
            transform: scaleY(1)
        }
    }
}

@media all and (min-width: 574px) {
    .container.main-slider-in {
        padding-left: 15px;
        padding-right: 15px !important
    }

    .main-spining-slider {
        width: 514px;
        height: 195px;
        margin-top: 10px
    }

    .main-spining-slider .main-right-slid {
        top: auto;
        bottom: 31px
    }

    .main-spining-slider .star-list-top2 {
        cursor: default
    }

    .main-spining-slider .line {
        top: 79px;
        right: 0;
        top: calc((160px/2) - (2px/2));
        right: 0;
        bottom: auto;
        left: auto;
        position: absolute;
        width: 194px;
        height: 2px;
        display: block
    }

    .main-spining-slider .box {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        position: absolute;
        width: 322px;
        height: 162px;
        width: 322px;
        height: 162px
    }

    .main-spining-slider .box .dot-1 {
        top: 78px;
        left: -1px;
        top: 50%;
        right: auto;
        bottom: auto;
        left: -1px;
        position: absolute;
        top: calc(50% - 3px);
        right: auto;
        bottom: auto;
        left: -1px;
        position: absolute
    }

    .main-spining-slider .box .dot-2 {
        top: 78px;
        right: -1px;
        top: 50%;
        right: -1px;
        bottom: auto;
        left: auto;
        position: absolute;
        top: calc(50% - 3px);
        right: -1px;
        bottom: auto;
        left: auto;
        position: absolute
    }

    .main-spining-slider .box .dot-3 {
        top: -1px;
        left: 158px;
        top: -1px;
        right: auto;
        bottom: auto;
        left: 50%;
        position: absolute;
        top: -1px;
        right: auto;
        bottom: auto;
        left: calc(50% - 3px);
        position: absolute
    }

    .main-spining-slider .box .dot-4 {
        bottom: 79px;
        left: 158px;
        top: auto;
        right: auto;
        bottom: -1px;
        left: 49%;
        position: absolute;
        top: auto;
        right: auto;
        bottom: -1px;
        left: calc(50% - 3px);
        position: absolute
    }

    .main-spining-slider .box .svg-gradient .svg-box {
        width: 100%;
        height: 100%
    }

    .main-spining-slider .box .svg-gradient .svg-box rect {
        visibility: visible
    }

    .main-spining-slider .slide .spin {
        top: 5px;
        right: auto;
        bottom: auto;
        left: 6px;
        position: absolute;
        width: 312px;
        height: 152px;
        width: calc(320px - 8px);
        height: calc(160px - 8px)
    }

    .main-spining-slider .slide .spin .svg-gradient-spin .svg-box rect {
        stroke-width: 2
    }

    .main-spining-slider .slide .spin .spin-inner {
        top: 2px;
        right: auto;
        bottom: auto;
        left: 2px;
        position: absolute;
        width: 314px;
        height: 157px;
        width: 99%;
        height: 99%;
        width: calc(100% - 2*3px);
        height: calc(100% - 3px)
    }

    .main-spining-slider .slide .spin-shadow {
        top: 5px;
        right: auto;
        bottom: auto;
        left: 6px;
        position: absolute;
        width: 312px;
        height: 152px;
        width: calc(320px - 8px);
        height: calc(160px - 8px)
    }

    .main-spining-slider .slide .upper-text {
        bottom: 125px;
        top: auto;
        right: -100%;
        bottom: calc((160px/2) + 10px + 35px);
        left: auto;
        position: absolute;
        width: 184px;
        font-size: 15px;
        display: block
    }

    .main-spining-slider .slide .lower-text {
        top: 87px;
        left: 158px;
        top: calc((160px/2) + 4px);
        right: -100%;
        bottom: auto;
        left: auto;
        position: absolute;
        width: 184px;
        font-size: 13px;
        display: block
    }

    .slide.animationOut .upper-text {
        right: 0
    }

    .slide.animationOut .lower-text {
        right: 0
    }

    @-webkit-keyframes move {
        0% {
            width: 0
        }

        80% {
            width: 100%
        }

        95% {
            width: 100%
        }

        100% {
            width: 194px;
            height: 2px
        }
    }

    @keyframes move {
        0% {
            width: 0
        }

        80% {
            width: 100%
        }

        95% {
            width: 100%
        }

        100% {
            width: 194px;
            height: 2px
        }
    }

    @-webkit-keyframes open {
        0% {
            -webkit-transform: scaleY(0.1);
            -ms-transform: scaleY(0.1);
            transform: scaleY(0.1);
            opacity: 1
        }

        100% {
            -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
            transform: scaleY(1);
            opacity: 1
        }
    }

    @keyframes open {
        0% {
            -webkit-transform: scaleY(0.1);
            -ms-transform: scaleY(0.1);
            transform: scaleY(0.1);
            opacity: 1
        }

        100% {
            -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
            transform: scaleY(1);
            opacity: 1
        }
    }
}

@media all and (min-width: 805px) {
    .container.main-slider-in {
        padding-left: 0;
        padding-right: 0 !important
    }

    .main-spining-slider {
        width: 740px;
        height: 250px;
        margin-top: 60px
    }

    .main-spining-slider .main-right-slid {
        top: 160px
    }

    .main-spining-slider .line {
        top: calc((250px/2) - (2px/2));
        right: 0;
        bottom: auto;
        left: auto;
        position: absolute;
        width: 405px
    }

    .main-spining-slider .line .dot {
        width: 6px;
        height: 6px
    }

    .main-spining-slider .line .dot-5 {
        top: -2px
    }

    .main-spining-slider .box {
        top: calc(250px/ 2 - 168.831px / 2);
        right: auto;
        bottom: auto;
        left: 0;
        position: absolute;
        width: 333px;
        height: 168.831px
    }

    .main-spining-slider .box .dot {
        width: 6px;
        height: 6px
    }

    .main-spining-slider .box .dot-1 {
        top: calc(50% - 3px);
        right: auto;
        bottom: auto;
        left: -2px;
        position: absolute
    }

    .main-spining-slider .box .dot-2 {
        top: calc(50% - 3px);
        right: -2px;
        bottom: auto;
        left: auto;
        position: absolute
    }

    .main-spining-slider .box .dot-3 {
        top: -2px;
        right: auto;
        bottom: auto;
        left: calc(50% - 3px);
        position: absolute
    }

    .main-spining-slider .box .dot-4 {
        top: auto;
        right: auto;
        bottom: -2px;
        left: calc(50% - 3px);
        position: absolute
    }

    .main-spining-slider .slide .spin {
        top: calc(((250px - 168.831px) / 2) + 8px);
        right: auto;
        bottom: auto;
        left: 10px;
        position: absolute;
        width: calc(333px - 2*10px);
        height: calc(168.831px - 2*10px + 4px)
    }

    .main-spining-slider .slide .spin .svg-gradient-spin .svg-box rect {
        visibility: visible;
        width: 99.4%;
        height: 99.4%
    }

    .main-spining-slider .slide .spin .spin-inner {
        border: none
    }

    .main-spining-slider .slide .spin-shadow {
        top: calc(((250px - 168.831px) / 2) + 9px);
        right: auto;
        bottom: auto;
        left: 14px;
        position: absolute;
        width: calc(333px - 2*10px - 2*3px);
        height: calc(168.831px - 2*10px)
    }

    .main-spining-slider .slide .upper-text {
        top: auto;
        right: -100%;
        bottom: 55%;
        left: auto;
        position: absolute;
        width: 55%;
        font-size: 26px
    }

    .main-spining-slider .slide .lower-text {
        width: 55%;
        font-size: 18px;
        top: 133px
    }

    .arrow-block {
        display: none
    }

    @-webkit-keyframes move {
        0% {
            width: 0
        }

        80% {
            width: 100%
        }

        95% {
            width: 100%
        }

        100% {
            width: 407px;
            height: 2px
        }
    }

    @keyframes move {
        0% {
            width: 0
        }

        80% {
            width: 100%
        }

        95% {
            width: 100%
        }

        100% {
            width: 407px;
            height: 2px
        }
    }
}

@media all and (min-width: 1028px) {
    .main-spining-slider {
        width: 968px;
        height: 250px;
        margin-top: 70px
    }

    .main-spining-slider .main-right-slid {
        top: 150px
    }

    .main-spining-slider .line {
        top: calc((250px/2) - (2px/2));
        right: 0;
        bottom: auto;
        left: auto;
        position: absolute;
        width: 580.8px;
        height: 2px
    }

    .main-spining-slider .box {
        top: calc(250px/ 2 - 195.96192px / 2);
        right: auto;
        bottom: auto;
        left: 0;
        position: absolute;
        width: 387.2px;
        height: 195.96192px
    }

    .main-spining-slider .box .dot-2 {
        top: calc(50% - 4px);
        right: -2px;
        bottom: auto;
        left: auto;
        position: absolute
    }

    .main-spining-slider .box .dot-3 {
        top: -2px;
        right: auto;
        bottom: auto;
        left: calc(50% - 3px);
        position: absolute
    }

    .main-spining-slider .box .dot-4 {
        top: auto;
        right: auto;
        bottom: -2px;
        left: calc(50% - 3px);
        position: absolute
    }

    .main-spining-slider .slide .spin {
        top: calc(((250px - 195.96192px) / 2) + 9px);
        right: auto;
        bottom: auto;
        left: 12px;
        position: absolute;
        width: calc(387.2px - 2*10px - 2*2px);
        height: calc(195.96192px - 2*10px + 2px)
    }

    .main-spining-slider .slide .spin-shadow {
        top: calc(((250px - 195.96192px) / 2) + 10px);
        right: auto;
        bottom: auto;
        left: 12px;
        position: absolute;
        width: calc(387.2px - 2*10px - 2*2px);
        height: calc(195.96192px - 2*10px)
    }

    .main-spining-slider .slide .upper-text {
        top: auto;
        right: -100%;
        bottom: 55%;
        left: auto;
        position: absolute;
        width: 57%;
        font-size: 35px
    }

    .main-spining-slider .slide .lower-text {
        width: 57%;
        font-size: 20px
    }

    @-webkit-keyframes move {
        0% {
            width: 0
        }

        80% {
            width: 100%
        }

        95% {
            width: 100%
        }

        100% {
            width: 580.8px;
            height: 2px
        }
    }

    @keyframes move {
        0% {
            width: 0
        }

        80% {
            width: 100%
        }

        95% {
            width: 100%
        }

        100% {
            width: 580.8px;
            height: 2px
        }
    }
}

@media all and (min-width: 1180px) {
    .main-spining-slider {
        width: 1080px;
        height: 350px;
        margin-top: 20px
    }

    .main-spining-slider .main-right-slid {
        top: 220px
    }

    .main-spining-slider .line {
        top: calc((350px/2) - (2px/2));
        right: 0;
        bottom: auto;
        left: auto;
        position: absolute;
        width: 612.36px;
        height: 2px;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .main-spining-slider .box {
        top: calc(350px/ 2 - 236.672604px / 2);
        right: auto;
        bottom: auto;
        left: 0;
        position: absolute;
        width: 469.64px;
        height: 238.672604px
    }

    .main-spining-slider .box .dot-4 {
        top: auto;
        right: auto;
        bottom: -1px;
        left: calc(50% - 3px);
        position: absolute
    }

    .main-spining-slider .slide .spin {
        top: calc(((350px - 236.672604px) / 2) + 11px);
        right: auto;
        bottom: auto;
        left: 13px;
        position: absolute;
        width: calc(467.64px - 2*10px - 2*2px);
        height: calc(236.672604px - 2*10px - 2*2px + 2px)
    }

    .main-spining-slider .slide .spin-shadow {
        top: calc(((350px - 236.672604px) / 2) + 12px);
        right: auto;
        bottom: auto;
        left: 14px;
        position: absolute;
        width: calc(467.64px - 2*10px - 2*2px);
        height: calc(236.672604px - 2*10px - 2*2px)
    }

    .main-spining-slider .slide .upper-text {
        width: 56%;
        font-size: 39px
    }

    .main-spining-slider .slide .lower-text {
        top: 52%;
        right: -100%;
        bottom: auto;
        left: auto;
        position: absolute;
        width: 56%;
        font-size: 23px
    }

    .slide.animationOut .upper-text {
        right: 0
    }

    .slide.animationOut .lower-text {
        right: 0
    }

    @-webkit-keyframes move {
        0% {
            width: 0
        }

        80% {
            width: 100%
        }

        95% {
            width: 100%
        }

        100% {
            width: 612.36px;
            height: 2px
        }
    }

    @keyframes move {
        0% {
            width: 0
        }

        80% {
            width: 100%
        }

        95% {
            width: 100%
        }

        100% {
            width: 612.36px;
            height: 2px
        }
    }
}

@-webkit-keyframes slideLeft {
    0% {
        right: -50px;
        opacity: 0
    }

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

@keyframes slideLeft {
    0% {
        right: -50px;
        opacity: 0
    }

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

@-webkit-keyframes slideLeftFinish {
    0% {
        right: 0
    }

    70%,
    100% {
        right: 0
    }
}

@keyframes slideLeftFinish {
    0% {
        right: 0
    }

    70%,
    100% {
        right: 0
    }
}

@-webkit-keyframes slideRight {
    0% {
        right: 0;
        opacity: 1
    }

    90%,
    100% {
        right: -50px;
        opacity: 0
    }
}

@keyframes slideRight {
    0% {
        right: 0;
        opacity: 1
    }

    90%,
    100% {
        right: -50px;
        opacity: 0
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
        background: rgba(1, 1, 1, .5);
        opacity: 1
    }

    10% {
        -webkit-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        transform: rotateX(180deg);
        background: rgba(1, 1, 1, 0)
    }

    30% {
        background: rgba(1, 1, 1, .5)
    }

    50% {
        -webkit-transform: rotateX(380deg);
        -ms-transform: rotateX(380deg);
        transform: rotateX(380deg);
        background: rgba(1, 1, 1, .2)
    }

    100% {
        -webkit-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        transform: rotateX(360deg);
        background: rgba(1, 1, 1, 0);
        opacity: 1
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
        background: rgba(1, 1, 1, .5);
        opacity: 1
    }

    10% {
        -webkit-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        transform: rotateX(180deg);
        background: rgba(1, 1, 1, 0)
    }

    30% {
        background: rgba(1, 1, 1, .5)
    }

    50% {
        -webkit-transform: rotateX(380deg);
        -ms-transform: rotateX(380deg);
        transform: rotateX(380deg);
        background: rgba(1, 1, 1, .2)
    }

    100% {
        -webkit-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        transform: rotateX(360deg);
        background: rgba(1, 1, 1, 0);
        opacity: 1
    }
}

@-webkit-keyframes spinOff {
    0% {
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
        background: rgba(1, 1, 1, 0);
        opacity: 1
    }

    33% {
        background: rgba(1, 1, 1, .5)
    }

    66% {
        background: rgba(1, 1, 1, 0)
    }

    100% {
        -webkit-transform: rotateX(270deg);
        -ms-transform: rotateX(270deg);
        transform: rotateX(270deg);
        background: rgba(1, 1, 1, .5);
        opacity: 1
    }
}

@keyframes spinOff {
    0% {
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
        background: rgba(1, 1, 1, 0);
        opacity: 1
    }

    33% {
        background: rgba(1, 1, 1, .5)
    }

    66% {
        background: rgba(1, 1, 1, 0)
    }

    100% {
        -webkit-transform: rotateX(270deg);
        -ms-transform: rotateX(270deg);
        transform: rotateX(270deg);
        background: rgba(1, 1, 1, .5);
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes dotShow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.red-error {
    padding: 8px 10px;
    font-size: 12px;
    z-index: 20
}

.favorite .heart-disp-b {
    display: none
}

.favorite .heart-hover {
    display: inline-block
}

#chat-widget-container {
    opacity: 0
}

.profileBlockLoad {
    text-align: center;
    padding: 15px 0
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.snippet-content {
    margin-top: 15px;
    margin-bottom: 10px
}

.collection-provider {
    display: none;
    background: url(bottom-line.png) repeat-x bottom;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0
}

.collection-provider a {
    white-space: nowrap;
    font-size: 15px;
    line-height: 1.42857;
    letter-spacing: normal
}

.collection-provider.active {
    display: block;
    text-align: center
}

.loadingBlock {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius: 10px
}

.loadingBlock img {
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-size: 50px;
    color: #edb64a;
    text-align: center
}

.my_promo .owl-nav {
    display: none !important
}

a[rel=false] {
    cursor: pointer
}

@media(max-width: 480px) {
    .notice {
        width: auto;
        left: 4px;
        right: 4px !important;
        margin: 0 15px
    }
}

.game-page .icon-block-in-slider {
    display: none !important
}

@media all and (min-width: 805px) {
    #chat-widget-container {
        display: block
    }
}

.hidden-mobile-link,
.hidden-desktop-link {
    display: block !important
}

html.isMobile .hidden-mobile-link {
    display: none !important
}

html.isDesktop .hidden-desktop-link {
    display: none !important
}

.games-filter__collections-link.disabled,
.games-filter__providers-link.disabled {
    pointer-events: none;
    opacity: .5
}

@media all and (min-width: 1px)and (max-width: 804px) {

    .owl-carousel-sidebar.mobile-tornaments-slider,
    .owl-carousel-sidebar.mobile-lottery-slider,
    .owl-carousel-sidebar.mobile-promotions-slider {
        display: block;
        overflow: hidden
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .owl-nav .owl-next,
    .owl-carousel-sidebar.mobile-tornaments-slider .owl-nav .owl-prev,
    .owl-carousel-sidebar.mobile-lottery-slider .owl-nav .owl-next,
    .owl-carousel-sidebar.mobile-lottery-slider .owl-nav .owl-prev,
    .owl-carousel-sidebar.mobile-promotions-slider .owl-nav .owl-next,
    .owl-carousel-sidebar.mobile-promotions-slider .owl-nav .owl-prev {
        width: 20px;
        height: 40px;
        position: absolute;
        top: 20%
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .owl-nav .owl-next,
    .owl-carousel-sidebar.mobile-lottery-slider .owl-nav .owl-next,
    .owl-carousel-sidebar.mobile-promotions-slider .owl-nav .owl-next {
        right: 5%;
        background: url("mob-slider-right.png") no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .owl-nav .owl-prev,
    .owl-carousel-sidebar.mobile-lottery-slider .owl-nav .owl-prev,
    .owl-carousel-sidebar.mobile-promotions-slider .owl-nav .owl-prev {
        left: 5%;
        background: url("mob-slider-left.png") no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .main-icon-tour,
    .owl-carousel-sidebar.mobile-lottery-slider .main-icon-tour,
    .owl-carousel-sidebar.mobile-promotions-slider .main-icon-tour {
        display: inline-block;
        width: 70%;
        padding: 1px;
        border: none
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .bottom-block-tournir,
    .owl-carousel-sidebar.mobile-lottery-slider .bottom-block-tournir,
    .owl-carousel-sidebar.mobile-promotions-slider .bottom-block-tournir {
        display: none
    }
}

@media all and (min-width: 805px) {
    .mobile-sliders-on-main-page {
        display: none
    }

    .tournir-img {
        border: initial;
        border-radius: 0;
        margin: 0;
        background-size: cover;
        background-position-x: center !important
    }

    .lottery-sidebar .tournir-img {
        height: 120px
    }
}

@media all and (min-width: 1028px) {
    .lottery-sidebar .tournir-img {
        height: 180px
    }
}

.currency-eur .currency-content.eur {
    display: inline !important
}

.currency-eur .currency-content.default:not(.eur) {
    display: none !important
}

.currency-usd .currency-content.usd {
    display: inline !important
}

.currency-usd .currency-content.default:not(.usd) {
    display: none !important
}

.currency-rub .currency-content.rub {
    display: inline !important
}

.currency-rub .currency-content.default:not(.rub) {
    display: none !important
}

.currency-kzt .currency-content.kzt {
    display: inline !important
}

.currency-kzt .currency-content.default:not(.kzt) {
    display: none !important
}

.currency-sek .currency-content.sek {
    display: inline !important
}

.currency-sek .currency-content.default:not(.sek) {
    display: none !important
}

.currency-nok .currency-content.nok {
    display: inline !important
}

.currency-nok .currency-content.default:not(.nok) {
    display: none !important
}

.currency-pln .currency-content.pln {
    display: inline !important
}

.currency-pln .currency-content.default:not(.pln) {
    display: none !important
}

.currency-try .currency-content.try {
    display: inline !important
}

.currency-try .currency-content.default:not(.try) {
    display: none !important
}

.currency-aud .currency-content.aud {
    display: inline !important
}

.currency-aud .currency-content.default:not(.aud) {
    display: none !important
}

.currency-btc .currency-content.btc {
    display: inline !important
}

.currency-btc .currency-content.default:not(.btc) {
    display: none !important
}

.currency-cad .currency-content.cad {
    display: inline !important
}

.currency-cad .currency-content.default:not(.cad) {
    display: none !important
}

.currency-uah .currency-content.uah {
    display: inline !important
}

.currency-uah .currency-content.default:not(.uah) {
    display: none !important
}

.currency-content {
    display: none
}

.currency-content.default {
    display: inline
}

.calendar {
    position: relative;
    padding: 0 !important;
    margin-bottom: 26px
}

.calendar:last-child {
    margin-bottom: 0
}

.calendar--open .calendar__pseudo-hint-text:first-child {
    display: none
}

.calendar--open .calendar__pseudo-hint-text:last-child {
    display: block
}

.calendar__input {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-weight: 700;
    background: transparent;
    border: 0;
    border-radius: 18px;
    padding: 7px 15px;
    color: #fff !important;
    opacity: 0
}

input[readonly].calendar__input {
    opacity: 0 !important
}

.calendar__pseudo {
    position: relative;
    height: 36px;
    border: 2px solid #f0c788;
    border-radius: 18px;
    cursor: pointer
}

.calendar__pseudo:before {
    color: #000
}

.calendar__pseudo.disabled {
    cursor: default
}

.calendar__pseudo.disabled .calendar__pseudo-text {
    color: #d3b68c
}

@media screen and (max-width: 804px) {
    .calendar__pseudo {
        background-color: #272828
    }
}

.calendar__pseudo-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    font-family: iconfont;
    font-size: 16px;
    line-height: 1
}

.calendar__pseudo-text {
    padding: 0 15px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    position: absolute
}

.calendar__pseudo-hint {
    position: absolute;
    right: 12px;
    top: 17px;
    z-index: 2;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    cursor: pointer
}

@media screen and (max-width: 1027px) {
    .calendar__pseudo-hint {
        display: none
    }
}

.touch .calendar__pseudo-hint {
    display: none
}

.calendar__pseudo-hint-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #d3b68c;
    text-decoration: underline
}

.calendar__pseudo-hint-text:last-child {
    display: none
}

.c-pagination {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 26px;
    -moz-column-gap: 26px;
    column-gap: 26px;
    padding: 20px 0
}

.c-pagination__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    width: 36px;
    height: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: -webkit-filter .1s ease-in-out;
    transition: -webkit-filter .1s ease-in-out;
    transition: filter .1s ease-in-out;
    transition: filter .1s ease-in-out, -webkit-filter .1s ease-in-out
}

.c-pagination__btn::before,
.c-pagination__btn::after {
    content: "";
    width: 11px;
    height: 2px;
    position: absolute;
    left: 11px
}

.c-pagination__btn::before {
    background: -webkit-gradient(linear, right top, left top, color-stop(43.03%, #F0C788), color-stop(65.9%, #E5C18B));
    background: linear-gradient(-90deg, #F0C788 43.03%, #E5C18B 65.9%);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.c-pagination__btn::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #ACA498), color-stop(25%, #D6CDC3), color-stop(89.99%, #E6E6E6), color-stop(95.03%, #F0C788), color-stop(99.02%, #E5C18B));
    background: linear-gradient(0deg, #ACA498 0.03%, #D6CDC3 25%, #E6E6E6 89.99%, #F0C788 95.03%, #E5C18B 99.02%);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right
}

.c-pagination__btn:hover,
.c-pagination__btn:focus {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.c-pagination__btn--prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.c-pagination__btn--disabled {
    cursor: default;
    pointer-events: none
}

.c-pagination__btn--disabled::before,
.c-pagination__btn--disabled::after {
    background: #565656
}

.c-pagination__pages {
    display: inline-grid;
    grid-auto-flow: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-pagination__pages-item {
    font-size: 20px;
    line-height: 1.4em
}

.c-pagination__pages-item--current {
    color: #f0c788;
    font-family: "Tahoma Bold", sans-serif
}

.d-desktop-game-inline {
    display: inline
}

.d-mobile-game-inline {
    display: none
}

.windows.phone .d-desktop-game-inline,
.android .d-desktop-game-inline,
.ios.iphone .d-desktop-game-inline,
.ios.ipad .d-desktop-game-inline {
    display: none
}

.windows.phone .d-mobile-game-inline,
.android .d-mobile-game-inline,
.ios.iphone .d-mobile-game-inline,
.ios.ipad .d-mobile-game-inline {
    display: inline
}

.promotions {
    padding: 0 5px
}

@media(max-width: 804px) {
    .promotions {
        margin: 0 -15px
    }
}

.btn-2 {
    display: inline-block;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 15px;
    border: 1px solid #b9ac92;
    border-radius: 4px;
    background-color: transparent;
    font-size: 13px;
    line-height: 24px;
    color: #b9ac92;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media(max-width: 804px) {
    .btn-2 {
        padding: 0;
        border: none;
        text-decoration: underline
    }
}

@media(min-width: 805px) {
    .btn-2:hover {
        border-color: #fff;
        color: #fff
    }
}

.btn-3 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 160px;
    height: 52px;
    padding: 10px 15px;
    border: none;
    border-radius: 26px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fae9ce), to(#f0c788));
    background-image: linear-gradient(to bottom, #fae9ce, #f0c788);
    font-family: "Tahoma Bold", sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #6f5f46;
    text-decoration: none !important;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media(max-width: 804px) {
    .btn-3 {
        height: 46px;
        border-radius: 23px
    }
}

@media(min-width: 805px) {
    .btn-3:hover {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#fae9ce), to(#f0c788));
        background-image: linear-gradient(to top, #fae9ce, #f0c788)
    }
}

.btn-3[disabled] {
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5)
}

a.btn-3 {
    color: #6f5f46
}

.btn-3--block {
    min-width: 100%
}

.btn-4 {
    overflow: hidden;
    height: 40px;
    padding: 2px;
    border-radius: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0c788), to(#e5e3e3));
    background: linear-gradient(to bottom, #f0c788 0%, #e5e3e3 100%);
    cursor: pointer;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    -webkit-transition: .2s all linear;
    transition: .2s all linear
}

.btn-4:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#b8b6b7));
    background: linear-gradient(to bottom, #d9d9d9, #b8b6b7)
}

@media(min-width: 805px) {
    .btn-4 {
        font-size: 15px
    }
}

.btn-4__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 2px solid #324f53;
    border-radius: 18px;
    background: -webkit-gradient(linear, left top, left bottom, from(#bbfda7), color-stop(10%, #bbf0b8), color-stop(50%, #21a300), color-stop(81%, #6dc74f), to(#a1f088));
    background: linear-gradient(to bottom, #bbfda7 0%, #bbf0b8 10%, #21a300 50%, #6dc74f 81%, #a1f088 100%);
    font-family: "Tahoma Bold", sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap
}

.btn-5 {
    display: inline-block;
    min-width: 80px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    background: -webkit-gradient(linear, left bottom, left top, from(#F0C788), color-stop(25%, #E5C18B), color-stop(50%, #ACA498), color-stop(75%, #D6CDC3), to(#E6E6E6));
    background: linear-gradient(0deg, #F0C788 0%, #E5C18B 25%, #ACA498 50%, #D6CDC3 75%, #E6E6E6 100%);
    color: #000;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media(min-width: 805px) {
    .btn-5:hover {
        -webkit-filter: brightness(120%);
        filter: brightness(120%)
    }
}

.btn-6 {
    display: inline-block;
    min-width: 80px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    background-color: transparent;
    color: #f0c788;
    border: 1px solid #f0c788;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media(min-width: 805px) {
    .btn-6:hover {
        border-color: #fff;
        color: #fff
    }
}

.sessions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 0 115px 80px
}

.sessions .sessions-list__title {
    padding: 8px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    background-color: #141414;
    color: #f0c788
}

.sessions .sessions-list__item {
    padding: 16px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    border-bottom: 1px solid #f0c788
}

.sessions .sessions-list__item--info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.sessions .sessions-list__item--browser {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.sessions .sessions-list__item--device {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.sessions .sessions-list__item--online {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #f0c788
}

.sessions .sessions-list__item--online::before {
    content: "";
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: -2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f0c788
}

.sessions .sessions-list.inactive .sessions-list__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sessions .sessions-block__close-inactive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    padding: 8px 24px 0
}

.sessions .sessions-block__close-inactive--info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #cf3f3f
}

.sessions .sessions-block__close-inactive--info::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("red-hand.svg") no-repeat center center
}

.sessions .sessions-block__multisessions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 14px 24px
}

.sessions .sessions-block__multisessions .label-input {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #f0c788
}

@media screen and (max-width: 804px) {
    .sessions .sessions-list.inactive .sessions-list__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .sessions .sessions-list.inactive .sessions-list__item--info {
        width: 100%
    }
}

@media screen and (max-width: 1180px) {
    .sessions {
        padding: 30px 0
    }

    .sessions .sessions-list .sessions-list__title {
        background-color: #000
    }

    .sessions .sessions-list .sessions-list__item--browser {
        font-size: 14px
    }

    .sessions .sessions-list .sessions-list__item--device {
        font-size: 12px
    }

    .sessions .sessions-block__close-inactive {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        padding-bottom: 8px
    }
}

.soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 25px
}

.soc:last-child {
    margin-bottom: 0
}

@media(max-width: 804px) {
    .soc {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 15px
    }
}

.soc__item {
    position: relative;
    display: block;
    width: 42px;
    height: 42px;
    margin-right: 7px;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fae9ce), to(#f0c788)), -webkit-gradient(linear, left top, left bottom, from(#fae9ce), to(#f0c788));
    background-image: linear-gradient(to bottom, #fae9ce, #f0c788), linear-gradient(to bottom, #fae9ce, #f0c788);
    text-align: center
}

.soc__item:last-child {
    margin-right: 0
}

.soc__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center
}

.soc__item:hover {
    cursor: pointer
}

@media(max-width: 804px) {
    .soc__item {
        width: 34px;
        height: 34px;
        border-radius: 10px
    }
}

.soc__item--vkontakte:before {
    background-size: auto 11px;
    background-image: url("vkontakte.svg")
}

@media(max-width: 804px) {
    .soc__item--vkontakte:before {
        background-size: auto 9px
    }
}

@media(min-width: 805px) {
    .soc__item--vkontakte:hover {
        background: #5181b8
    }

    .soc__item--vkontakte:hover:before {
        background-image: url("vkontakte-white.svg")
    }
}

.soc__item--odnoklassniki:before {
    background-size: auto 18px;
    background-image: url("odnoklassniki.svg")
}

@media(max-width: 804px) {
    .soc__item--odnoklassniki:before {
        background-size: auto 14px
    }
}

@media(min-width: 805px) {
    .soc__item--odnoklassniki:hover {
        background: #f7931e
    }

    .soc__item--odnoklassniki:hover:before {
        background-image: url("odnoklassniki-white.svg")
    }
}

.soc__item--facebook:before {
    background-size: auto 17px;
    background-image: url("facebook.svg")
}

@media(max-width: 804px) {
    .soc__item--facebook:before {
        background-size: auto 13px
    }
}

@media(min-width: 805px) {
    .soc__item--facebook:hover {
        background: #3c5a99
    }

    .soc__item--facebook:hover:before {
        background-image: url("facebook-white.svg")
    }
}

.soc__item--mailru:before {
    background-size: auto 18px;
    background-image: url("mailru.svg")
}

@media(max-width: 804px) {
    .soc__item--mailru:before {
        background-size: auto 14px
    }
}

@media(min-width: 805px) {
    .soc__item--mailru:hover {
        background: #005ff9
    }

    .soc__item--mailru:hover:before {
        background-image: url("mailru-orange.svg")
    }
}

.soc__item--yandex:before {
    background-size: auto 18px;
    background-image: url("yandex.svg")
}

@media(max-width: 804px) {
    .soc__item--yandex:before {
        background-size: auto 14px
    }
}

@media(min-width: 805px) {
    .soc__item--yandex:hover {
        background: #fff
    }

    .soc__item--yandex:hover:before {
        background-image: url("yandex-red.svg")
    }
}

.soc__item--google_oauth2:before {
    background-size: auto 20px;
    background-image: url("google_oauth2.svg")
}

@media(max-width: 804px) {
    .soc__item--google_oauth2:before {
        background-size: auto 16px
    }
}

@media(min-width: 805px) {
    .soc__item--google_oauth2:hover {
        background: #c65647
    }

    .soc__item--google_oauth2:hover:before {
        background-image: url("google_oauth2-white.svg")
    }
}

.soc__item--telegram:before {
    background-size: auto 18px;
    background-image: url("telegram.svg")
}

@media(max-width: 804px) {
    .soc__item--telegram:before {
        background-size: auto 15px
    }
}

@media(min-width: 805px) {
    .soc__item--telegram:hover {
        background: #60a8dd
    }

    .soc__item--telegram:hover:before {
        background-image: url("telegram-hover.svg")
    }
}

.new-input {
    position: relative;
    margin-bottom: 20px;
    color: #fff;
    max-width: 100%
}

.new-input:last-child {
    margin-bottom: 0
}

.new-input .placeholder {
    position: absolute;
    display: block;
    top: 10px;
    left: 39px;
    padding: 0 10px;
    font-size: 16px;
    background: #272828;
    font-family: "Tahoma Bold", sans-serif;
    color: #b89d75;
    -webkit-transition: top .3s;
    transition: top .3s;
    pointer-events: none;
    border-radius: 22px;
    white-space: nowrap
}

.new-input.textin .placeholder,
.new-input.focus .placeholder {
    top: -10px
}

.new-input--select .placeholder {
    left: 110px
}

.new-input--select .new-input__field {
    border: none
}

.new-input--field-email input {
    padding-left: 40px
}

.new-input--field-email::before {
    content: " ";
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    top: 30%;
    left: 19px;
    background-image: url(male.svg)
}

.new-input--field-password input {
    padding-right: 40px;
    padding-left: 40px
}

.new-input--field-password::before {
    content: " ";
    display: block;
    position: absolute;
    width: 12px;
    height: 14px;
    top: 30%;
    left: 19px;
    background-image: url(lock.svg)
}

.new-input--field-gender {
    padding-top: 10px
}

.new-input--field-activation-code input {
    padding-right: 40px;
    padding-left: 40px
}

.new-input--field-activation-code::before {
    content: " ";
    display: block;
    position: absolute;
    width: 13px;
    height: 17px;
    top: 12px;
    left: 19px;
    background-image: url(gift.svg)
}

.new-input__hide-pass {
    width: 20px;
    height: 14px;
    position: absolute;
    right: 17px;
    top: 50%;
    color: #f0c788;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: -webkit-filter .2s linear;
    transition: -webkit-filter .2s linear;
    transition: filter .2s linear;
    transition: filter .2s linear, -webkit-filter .2s linear
}

.new-input__hide-pass:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.new-input__field,
.calendar__input {
    width: 100%;
    padding: 0 16px;
    border: 2px solid #f0c788;
    border-radius: 21px;
    background-color: #272828;
    font-family: "Tahoma Regular", sans-serif;
    font-size: 16px;
    line-height: 38px;
    color: #fff
}

.new-input__field::-webkit-input-placeholder,
.calendar__input::-webkit-input-placeholder {
    font-family: "Tahoma", sans-serif;
    color: #b89d75 !important;
    font-weight: bold
}

.new-input__field::-webkit-input-placeholder,
.new-input__field::-moz-placeholder,
.new-input__field:-ms-input-placeholder,
.new-input__field:-moz-placeholder,
.new-input__field::placeholder,
.calendar__input::-webkit-input-placeholder,
.calendar__input::-moz-placeholder,
.calendar__input:-ms-input-placeholder,
.calendar__input:-moz-placeholder,
.calendar__input::placeholder {
    font-family: "Tahoma", sans-serif;
    color: #b89d75 !important;
    font-weight: bold
}

.new-input__field:focus::-webkit-input-placeholder,
.new-input__field:focus::-moz-placeholder,
.new-input__field:focus:-ms-input-placeholder,
.new-input__field:focus:-moz-placeholder,
.calendar__input:focus::-webkit-input-placeholder,
.calendar__input:focus::-moz-placeholder,
.calendar__input:focus:-ms-input-placeholder,
.calendar__input:focus:-moz-placeholder {
    color: transparent
}

.calendar__pseudo-text {
    font-family: "Tahoma", sans-serif;
    color: #b89d75;
    font-weight: bold
}

@media(min-width: 805px) {
    .new-input {
        margin-bottom: 25px
    }

    .new-input .placeholder {
        background: transparent
    }

    .new-input.textin .placeholder,
    .new-input.focus .placeholder {
        display: none
    }
}

.main-popup-block .table-1 {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    border-spacing: 0;
    border: 1px solid #e7c28b;
    border-radius: 12px
}

.main-popup-block .table-1 th {
    padding: 14px 5px;
    border-right: 1px solid #e7c28b;
    border-bottom: 1px solid #e7c28b;
    background-color: #0b1218;
    font-family: "Tahoma Regular", sans-serif;
    font-size: 15px;
    color: #e7c28b;
    text-transform: uppercase;
    text-align: center
}

.main-popup-block .table-1 th:last-child {
    border-right: none
}

.main-popup-block .table-1 td {
    padding: 10px;
    border-right: 1px solid #e7c28b;
    border-bottom: 1px solid #e7c28b;
    font-family: "Tahoma Regular", sans-serif;
    font-size: 13px;
    line-height: 24px;
    color: #fff;
    text-align: center
}

.main-popup-block .table-1 td:last-child {
    border-right: none
}

.main-popup-block .table-1 tr:last-child td {
    border-bottom: none
}

@media(max-width: 804px) {
    .main-popup-block .table-1 {
        width: 90%
    }

    .main-popup-block .table-1 th {
        padding: 10px 5px;
        font-size: 11px;
        text-transform: none;
        text-overflow: ellipsis
    }

    .main-popup-block .table-1 td {
        padding: 10px 5px;
        font-size: 10px;
        line-height: 1.2
    }
}

@media(max-width: 804px) {
    .table-1--mobile-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.my_oauth {
    padding-left: 36px;
    padding-right: 36px
}

@media(max-width: 804px) {
    .my_oauth {
        padding-left: 0;
        padding-right: 0
    }
}

.profile-oauth__title {
    text-align: center;
    color: #e7c28b;
    text-transform: uppercase;
    padding: 24px 0 0 0
}

@media(max-width: 804px) {
    .profile-oauth__title {
        padding: 24px 21px 0
    }
}

.profile-oauth__text--left {
    text-align: left
}

@media(max-width: 804px) {
    .profile-oauth__text--left {
        text-align: center
    }
}

.profile-oauth__list {
    padding-bottom: 100px
}

@media(max-width: 804px) {
    .profile-oauth__list {
        padding-bottom: 0
    }
}

.main-popup-block .table-1 .profile-oauth__button-place {
    padding-left: 12px;
    padding-right: 12px
}

.main-popup-block .table-1.profile-oauth__table th {
    text-transform: uppercase;
    background: #000
}

@media(max-width: 804px) {
    .main-popup-block .table-1.profile-oauth__table th {
        background: transparent
    }
}

.profile-oauth__btn {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(#d6cdc3), color-stop(#aca498), color-stop(#e5c18b), to(#f0c788));
    background-image: linear-gradient(to bottom, #e6e6e6, #d6cdc3, #aca498, #e5c18b, #f0c788);
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    margin: auto;
    height: 20px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.profile-oauth__btn:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.main-popup-block .table-1.profile-oauth__table {
    border: none;
    background: none;
    border-bottom: 1px solid #e7c28b;
    border-radius: 0
}

.main-popup-block .table-1.profile-oauth__table th {
    background: none;
    border-right: none;
    font-size: 14px
}

.main-popup-block .table-1.profile-oauth__table td {
    border-right: none;
    font-size: 14px
}

@media all and (max-width: 804px) {
    .main-popup-block .table-1.profile-oauth__table {
        margin: 0;
        width: 100%
    }
}

.profile--gold-line {
    border-top-color: #f0c788
}

.tfa-block__description p {
    margin-bottom: 15px
}

.tfa-block__qr {
    border-radius: 7px
}

.tfa-block__qr img {
    width: 100%
}

.tfa-block__description span.main-tabs-input-class {
    display: block;
    padding: 5px 15px;
    max-width: none;
    margin-bottom: 15px
}

.tfa-block__description .main-tabs-input-class.clipboard {
    cursor: pointer
}

.tfa-block__description .tfa-block__copy-comment {
    margin: -13px 15px 30px;
    font-size-adjust: .5
}

.download-apple-store,
.download-google-play {
    display: block;
    width: 150px;
    height: 48px;
    border: 1px solid #f0c788;
    border-radius: 7px;
    background-color: #242420;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    margin: 15px 0
}

.download-apple-store {
    background-image: url("profile/download-apple-store.png")
}

.download-google-play {
    background-image: url("profile/download-google-play.png")
}

@media(max-width: 573px) {
    .profileblock.my_security .first-inner-tab {
        padding: 5%
    }
}

@media(max-width: 804px) {
    .tfa-block__description .keep-data {
        margin-top: 15px
    }

    .download-apple-store,
    .download-google-play {
        display: inline-block;
        margin-right: 15px;
        margin-top: 0
    }
}

.userSet2FA__input {
    max-width: 220px
}

.userSet2FA__submit {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 805px) {
    .userSet2FA__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.password-change__form {
    display: grid;
    grid-template-columns: 1fr;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    padding: 15px 0;
    text-align: center
}

.password-change__form .red-error {
    position: absolute;
    left: 0;
    top: auto;
    bottom: -24px;
    width: 100%
}

.password-change__form input {
    width: 100%;
    max-width: none
}

.password-change__group {
    margin-bottom: 15px
}

.password-change__submit {
    justify-self: center;
    width: auto;
    padding: 0 20px
}

@media all and (min-width: 805px) {
    .password-change__form {
        grid-template-columns: repeat(3, 1fr)
    }

    .password-change__submit {
        grid-column: 1/4
    }
}

.profile-documents {
    display: grid;
    gap: 40px;
    padding: 20px 12px
}

.profile-documents__area--uploaded,
.profile-documents__area--uploading {
    display: grid;
    grid-template-columns: 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 40px
}

.profile-documents__form {
    display: grid;
    gap: 20px
}

.profile-documents__form-header h4 {
    margin: 0;
    text-transform: uppercase
}

.profile-documents__form-header-tag {
    color: #cf3f3f
}

.profile-documents__form-description .c-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px
}

.profile-documents__form-description .c-link::after {
    content: url("arrow-down.svg");
    width: 14px;
    height: 8px;
    line-height: 0
}

.profile-documents__form-description .c-link:not(.is-collapsed)::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.profile-documents__form-description-details {
    display: grid;
    gap: 10px;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
    list-style: url("circle.svg")
}

.profile-documents__items {
    display: grid;
    row-gap: 16px
}

.profile-documents__items--typed {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.profile-documents__items--untyped {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.profile-documents__item {
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    min-height: 20px
}

.profile-documents__item--typed {
    grid-template-columns: 1fr 22px
}

.profile-documents__item--untyped {
    grid-template-columns: 1fr 60px;
    row-gap: 5px
}

.profile-documents__item--untyped .profile-documents__item-description {
    grid-column: span 2
}

.profile-documents__item-description {
    display: grid
}

.profile-documents__item-kind,
.profile-documents__item-filename,
.profile-documents__item-status {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-documents__item-status--approved {
    color: #f0c788
}

.profile-documents__item-status--not_approved {
    color: #cf3f3f
}

.profile-documents__item-status--pending {
    color: #797979
}

.profile-documents__trash {
    background: url(trash.svg) no-repeat center;
    width: 22px;
    height: 22px;
    cursor: pointer
}

@media(min-width: 480px) {

    .profile-documents__item--typed .profile-documents__item-description,
    .profile-documents__item--untyped .profile-documents__item-description {
        grid-template-columns: 1.2fr .8fr
    }

    .profile-documents__item-status {
        justify-self: right
    }
}

@media(min-width: 805px) {

    .profile-documents__area--uploaded,
    .profile-documents__area--uploading {
        grid-template-columns: 1fr 1fr
    }

    .profile-documents__form-description .c-link {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .profile-documents__items--typed {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .profile-documents__items--untyped {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .profile-documents__item--typed .profile-documents__item-description {
        grid-template-columns: 1fr
    }

    .profile-documents__item--typed .profile-documents__item-status {
        justify-self: left
    }

    .profile-documents__item--untyped .profile-documents__item-description {
        grid-template-columns: .8fr 1.2fr
    }
}

@media(min-width: 1028px) {
    .profile-documents {
        padding: 40px 40px 60px
    }

    .profile-documents__item--untyped .profile-documents__item-description {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1180px) {
    .profile-documents {
        padding: 40px 115px 60px
    }

    .profile-documents__area--uploading {
        grid-template-columns: 1fr 1fr 1fr
    }

    .profile-documents__item--typed .profile-documents__item-description,
    .profile-documents__item--untyped .profile-documents__item-description {
        grid-template-columns: 1.2fr .8fr
    }

    .profile-documents__item--typed .profile-documents__item-status,
    .profile-documents__item--untyped .profile-documents__item-status {
        justify-self: right
    }
}

.captcha:not(:empty) {
    margin-top: 20px
}

.captcha>div {
    max-width: 1px
}

.captcha--singnin iframe,
.captcha--singnup iframe,
.captcha--restore-password iframe {
    -webkit-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.captcha--singnin iframe[src*=fallback],
.captcha--restore-password iframe[src*=fallback] {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

textarea.g-recaptcha-response {
    color: #000;
    font-size: 10px
}

@media(min-width: 805px) {

    .captcha--singnin iframe,
    .captcha--singnup iframe,
    .captcha--restore-password iframe {
        -webkit-transform: scale(1.13);
        -ms-transform: scale(1.13);
        transform: scale(1.13);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.landing-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: none;
    min-height: 100vh
}

.ios .landing-container {
    min-height: initial
}

.landing-page .main-producer-wrap,
.landing-page .main-money-wrap,
.landing-page .container-fluid,
.landing-page .main-footer-wrap {
    display: none
}

.landing-page {
    background-color: #101010
}

.sportlobby-page .main-game-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 40px;
    width: unset
}

.sportlobby-page .main-game-list .sportlobby-section {
    padding: 0 20px
}

.sportlobby-page .main-game-list .sportlobby-section__label {
    color: #f0c788;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 15px 0
}

.sportlobby-page .main-game-list .sportlobby-section__tournaments-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px
}

.sportlobby-page .main-game-list .sportlobby-section__banners-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px
}

.sportlobby-page .main-game-list .sportlobby-section__tournament-item {
    position: relative;
    display: block;
    outline: none;
    overflow: hidden;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.sportlobby-page .main-game-list .sportlobby-section__tournament-item:hover {
    text-decoration: none
}

.sportlobby-page .main-game-list .sportlobby-section__tournament-item--dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: 140px;
    height: 140px;
    margin: 0 4px 8px;
    border-radius: 5px;
    color: #797979;
    background-color: #121313;
    font-size: 14px
}

.sportlobby-page .main-game-list .sportlobby-section__tournament-item--dark:hover {
    color: #fff;
    cursor: pointer
}

.sportlobby-page .main-game-list .sportlobby-section__tournament-item--dark .sportlobby-section__tournament-item-image {
    display: block
}

.sportlobby-page .main-game-list .sportlobby-section__tournament-item--dark .sportlobby-section__tournament-item-label {
    display: block;
    text-align: center;
    width: 100%
}

.sportlobby-page .main-game-list .sportlobby-section__tournament-item--gold:hover {
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3)
}

.sportlobby-page .main-game-list .sportlobby-section__tournament-item--gold .sportlobby-section__tournament-item-image {
    border: 2px solid #c5af8f;
    border-radius: 5px
}

.sportlobby-page .main-game-list .sportlobby-section__tournament-item--gold .sportlobby-section__tournament-item-label {
    display: block;
    color: #e7c28b;
    font-family: "Tahoma Bold", sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 4px
}

.sportlobby-page .main-game-list .sportlobby-section__banner-item {
    display: block;
    width: 100%;
    border-radius: 5px;
    overflow: hidden
}

.sportlobby-page .main-game-list .sportlobby-section__banner-item-image {
    display: block;
    max-width: 100%;
    width: 100%
}

@media(min-width: 805px) {
    .sportlobby-page .main-game-list .sportlobby-section__tournament-item--gold .sportlobby-section__tournament-item-label {
        font-size: 14px;
        padding-top: 6px
    }
}

@media(min-width: 1028px) {
    .sportlobby-page .main-game-list .sportlobby-section__tournament-item--dark {
        width: 160px;
        height: 160px;
        margin: 0 5px 10px
    }
}

#sport_live_events_widget,
#sport_prematch_events_widget {
    margin-left: -8px;
    margin-right: -8px
}

#bettech {
    font-family: "Montserrat", sans-serif
}

@media all and (max-width: 804px) {
    #betslip-container-element {
        z-index: 120 !important
    }
}

.user-subscriptions,
.user-autologin {
    display: grid
}

.subscribes-block,
.autologin-block {
    display: grid;
    gap: 36px;
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0
}

.subscribes-block__head,
.autologin-block__head {
    display: grid;
    gap: 24px
}

.subscribes-block__title,
.autologin-block__title {
    font-family: "Tahoma", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #f0c788
}

.subscribes-block__info,
.autologin-block__info {
    font-family: "Tahoma", sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #fff
}

.subscribes-block__body,
.autologin-block__body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px 46px
}

.subscribes-block__item,
.autologin-block__item {
    max-width: 362px
}

.oauth-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 46px;
    margin: 0 auto;
    padding: 40px 0 80px;
    width: 100%;
    max-width: 846px
}

.oauth-block__title,
.oauth-block__info {
    color: #f0c788;
    font-family: "Tahoma", sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: center
}

.oauth-block__title {
    font-weight: 700
}

.oauth-block__info {
    text-transform: uppercase
}

.oauth-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.oauth-block__head,
.oauth-block__box {
    border-bottom: 1px solid #f0c788;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.oauth-block__head {
    color: #f0c788;
    font-weight: 400;
    text-transform: uppercase
}

.oauth-block__box {
    color: #fff;
    font-weight: 700
}

.oauth-block__box .oauth-block__item {
    padding: 12px 0
}

.oauth-block__item {
    padding: 16px 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    text-align: center
}

.oauth-block__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left bottom, left top, from(#F0C788), color-stop(25%, #E5C18B), color-stop(50%, #ACA498), color-stop(75%, #D6CDC3), to(#E6E6E6));
    background: linear-gradient(0deg, #F0C788 0%, #E5C18B 25%, #ACA498 50%, #D6CDC3 75%, #E6E6E6 100%);
    border: 0;
    border-radius: 14px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    margin: auto;
    padding: 7px;
    height: 28px;
    width: 100%;
    max-width: 118px
}

@media all and (max-width: 804px) {

    .user-subscriptions,
    .user-autologin {
        padding: 0 12px
    }

    .subscribes-block,
    .autologin-block {
        width: 100%;
        gap: 22px;
        padding: 30px 0;
        border-bottom: 1px solid #565656
    }

    .subscribes-block__head,
    .autologin-block__head {
        gap: 12px
    }

    .subscribes-block__title,
    .autologin-block__title {
        font-family: "Tahoma", sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        color: #f0c788
    }

    .subscribes-block__info,
    .autologin-block__info {
        font-family: "Tahoma", sans-serif;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #fff
    }

    .subscribes-block__body,
    .autologin-block__body {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .subscribes-block .label-input,
    .autologin-block .label-input {
        padding: 0 8px;
        width: 80%;
        text-align: left
    }

    .subscribes-block .left-post,
    .autologin-block .left-post {
        width: auto;
        font-size: 11px
    }

    .oauth-block {
        row-gap: 30px;
        padding: 40px 0 40px
    }

    .oauth-block__head,
    .oauth-block__box {
        font-size: 12px;
        margin: 0 14px
    }

    .oauth-block__btn {
        max-width: 94px
    }
}

@media(min-width: 805px) {

    .subscribes-block,
    .autologin-block {
        width: 684px
    }
}

@media(min-width: 1180px) {

    .subscribes-block,
    .autologin-block {
        width: 846px
    }
}

.clock {
    background: url("clock-border.png") center center no-repeat;
    width: 142px;
    height: 48px;
    text-align: center
}

.clock__title {
    color: #fff;
    margin-top: 7px;
    margin-bottom: 2px;
    font-family: "Tahoma", sans-serif;
    font-size: 11px;
    line-height: 13.28px
}

.clock__title::first-letter {
    text-transform: capitalize
}

.clock__timer {
    color: #f0c788;
    font-family: "Tahoma", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

.content-container {
    width: 100%;
    background-color: #141414
}

.content-block {
    width: 100%;
    max-width: 1280px;
    background-color: #272828;
    -webkit-box-shadow: 0 0 16px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 16px 10px rgba(0, 0, 0, .5);
    margin: 0 auto
}

.desktop-app {
    display: block
}

.mobile-app {
    display: none
}

.instructionapp {
    font-family: "Tahoma", sans-serif;
    font-size: 16px;
    color: #fff
}

.instructionapp__title-block {
    width: 100%;
    min-height: 340px;
    max-height: 366px;
    background: url("instructionapp/header.jpg") no-repeat right bottom;
    background-size: cover;
    padding: 70px 0 0 95px;
    margin-bottom: 70px
}

.instructionapp__title-block .btn-3 {
    text-transform: uppercase;
    color: #000;
    text-shadow: 0 0 20px rgba(27, 55, 67, .62);
    font-family: "Tahoma", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    padding: 0 40px;
    height: 44px;
    width: 241px
}

.download-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("instructionapp/download.svg") no-repeat center center;
    margin-right: 10px
}

.instructionapp__title {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
    color: #f0c788;
    margin: 0 0 30px 0
}

.instructionapp__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    max-width: 600px;
    margin-bottom: 56px
}

.instructionapp__content-block {
    background-color: #272828
}

.instructionapp__content-block a {
    color: #f0c788;
    text-decoration: underline
}

.instructionapp__content-block a:hover {
    text-decoration: none
}

.content-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #f0c788;
    margin-bottom: 20px;
    position: relative
}

.content-subtitle {
    max-width: 940px;
    margin: 0 auto 70px auto;
    padding: 0 20px;
    text-align: center
}

.steps-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 144px
}

.step {
    max-width: 940px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.step .left-block,
.step .right-block {
    width: 50%;
    padding: 0 45px 70px 45px;
    min-width: 254px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.step .left-block .content-title::after,
.step .right-block .content-title::after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: -webkit-gradient(linear, left bottom, left top, from(#F0C788), color-stop(25%, #E5C18B), color-stop(50%, #ACA498), color-stop(75%, #D6CDC3), to(#E6E6E6));
    background: linear-gradient(0deg, #F0C788 0%, #E5C18B 25%, #ACA498 50%, #D6CDC3 75%, #E6E6E6 100%);
    border-radius: 50%;
    top: 0
}

.step .left-block .step-list,
.step .right-block .step-list {
    padding: 0
}

.step .left-block .step-list li,
.step .right-block .step-list li {
    position: relative;
    list-style-type: none;
    margin-bottom: 10px
}

.step .left-block .step-list li::after,
.step .right-block .step-list li::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: -webkit-gradient(linear, left bottom, left top, from(#F0C788), color-stop(25%, #E5C18B), color-stop(50%, #ACA498), color-stop(75%, #D6CDC3), to(#E6E6E6));
    background: linear-gradient(0deg, #F0C788 0%, #E5C18B 25%, #ACA498 50%, #D6CDC3 75%, #E6E6E6 100%);
    border-radius: 50%;
    top: 10px
}

.step .left-block .step-list li::before,
.step .right-block .step-list li::before {
    display: none
}

.step .left-block {
    text-align: right;
    border-right: 1px dashed #e6e6e6
}

.step .left-block .content-title {
    text-align: right
}

.step .left-block .content-title::after {
    right: -55px
}

.step .left-block .step-list li {
    text-align: right
}

.step .left-block .step-list li::after {
    right: -50px
}

.step .right-block {
    text-align: left
}

.step .right-block .content-title {
    text-align: left
}

.step .right-block .content-title::after {
    left: -55px
}

.step .right-block .step-list li {
    text-align: left
}

.step .right-block .step-list li::after {
    left: -50px
}

.step-img {
    -webkit-box-shadow: 6px 6px 11px rgba(0, 0, 0, .36);
    box-shadow: 6px 6px 11px rgba(0, 0, 0, .36)
}

.qr-code {
    border-radius: 10px
}

.accept-arrow-box {
    position: absolute;
    bottom: 0;
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    background: -webkit-gradient(linear, left bottom, left top, from(#F0C788), color-stop(25%, #E5C18B), color-stop(50%, #ACA498), color-stop(75%, #D6CDC3), to(#E6E6E6));
    background: linear-gradient(0deg, #F0C788 0%, #E5C18B 25%, #ACA498 50%, #D6CDC3 75%, #E6E6E6 100%)
}

.accept-arrow-icon {
    display: inline-block;
    background: url("instructionapp/accept_arrow.svg") no-repeat center center;
    width: 14px;
    height: 10px;
    margin: 0 auto
}

.final-step {
    padding-top: 80px;
    margin-top: 40px;
    background: url("instructionapp/thumb_up.svg") no-repeat top center;
    max-width: 344px;
    text-align: center
}

.final-step .content-title {
    line-height: 30px
}

@media(max-width: 1028px) {
    .instructionapp__title-block {
        padding: 50px 0 0 30px;
        background: url("instructionapp/header.jpg") no-repeat -380px bottom
    }
}

@media(max-width: 804px) {
    .desktop-app {
        display: none
    }

    .mobile-app {
        display: block
    }

    .instructionapp {
        padding-top: 48px
    }

    .instructionapp__title-block {
        display: none
    }

    .instructionapp__title {
        font-size: 24px;
        line-height: 28px
    }

    .instructionapp__subtitle {
        font-size: 18px;
        line-height: 22px;
        max-width: 100%
    }

    .content-subtitle {
        padding: 20px;
        margin-bottom: 10px
    }

    .steps-block {
        padding: 0 60px 30px 60px
    }

    .step {
        display: block;
        width: 100%;
        max-width: 100%
    }

    .step .left-block,
    .step .right-block {
        width: 100%;
        min-width: auto;
        text-align: left;
        border-right: 0;
        border-left: 1px dashed #e6e6e6;
        padding: 0 20px 20px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .step .left-block .step-list,
    .step .right-block .step-list {
        margin-bottom: 0
    }

    .step .left-block .content-title,
    .step .left-block .step-list li,
    .step .right-block .content-title,
    .step .right-block .step-list li {
        text-align: left
    }

    .step .left-block .content-title:last-child,
    .step .left-block .step-list li:last-child,
    .step .right-block .content-title:last-child,
    .step .right-block .step-list li:last-child {
        margin-bottom: 0
    }

    .step .left-block .content-title::after,
    .step .left-block .step-list li::after,
    .step .right-block .content-title::after,
    .step .right-block .step-list li::after {
        right: auto
    }

    .step .left-block .content-title::after,
    .step .right-block .content-title::after {
        left: -30px
    }

    .step .left-block .step-list li::after,
    .step .right-block .step-list li::after {
        left: -25px;
        top: 6px
    }

    .step.desktop-app {
        display: none
    }

    .step.step-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .step.step-2 .right-block {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .step.step-2 .left-block {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .step.step-3 .right-block {
        padding-bottom: 100px
    }

    .accept-arrow-box {
        left: -16px
    }

    .final-step {
        background-position: center bottom;
        padding: 0 0 50px 45px;
        margin-top: -46px;
        margin-bottom: 30px;
        text-align: left;
        max-width: 100%;
        width: 100%
    }

    .final-step .content-title {
        text-align: left
    }
}

@media all and (max-width: 574px) {
    .steps-block {
        padding: 0 0 20px 30px
    }

    .content-title {
        font-size: 16px;
        line-height: 22px
    }

    .content-title {
        line-height: initial
    }
}

.c-page.c-page--faq .c-tabs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.c-page.c-page--faq .c-tabs .c-tab {
    font-family: "Tahoma Regular", sans-serif;
    height: 36px;
    line-height: 32px;
    border-radius: 22px;
    text-align: center;
    font-size: 12px;
    background: transparent;
    color: #f0c788;
    border: 2px solid #f0c788;
    text-decoration: none;
    text-transform: uppercase;
    margin: 6px;
    padding: 0 22px;
    cursor: pointer;
    white-space: nowrap
}

.c-page.c-page--faq .c-tabs .c-tab.is-active {
    background: -webkit-gradient(linear, left bottom, left top, from(#f0c788), color-stop(25%, #e5c18b), color-stop(50%, #aca498), color-stop(75%, #d6cdc3), to(#e6e6e6));
    background: linear-gradient(0deg, #f0c788 0%, #e5c18b 25%, #aca498 50%, #d6cdc3 75%, #e6e6e6 100%);
    color: #000;
    text-decoration: none
}

.c-page.c-page--faq .content {
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.c-page.c-page--faq .content ul {
    list-style-type: none;
    padding: 0
}

.c-page.c-page--faq .content .tab-box {
    display: none;
    text-align: left !important
}

.c-page.c-page--faq .content .tab-box a {
    color: #f0c788
}

.c-page.c-page--faq .content .tab-box a:hover {
    text-decoration: underline
}

.c-page.c-page--faq .content .tab-box .accord {
    list-style-type: none;
    padding: 0;
    font-family: "Tahoma Regular", sans-serif
}

.c-page.c-page--faq .content .tab-box .accord li {
    padding-left: 0 !important
}

.c-page.c-page--faq .content .tab-box .accord li::before {
    display: none
}

.c-page.c-page--faq .content .tab-box .accord li ul {
    list-style-type: none
}

.c-page.c-page--faq .content .tab-box .accord .accord-item {
    position: relative;
    font-family: "Tahoma Regular", sans-serif
}

.c-page.c-page--faq .content .tab-box .accord .accord-item .accord-title::after,
.c-page.c-page--faq .content .tab-box .accord .accord-item .accord-title::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    border-radius: 2px;
    background-color: #f0c788;
    top: 19px;
    -webkit-transition: all .4s;
    transition: all .4s;
    pointer-events: none
}

.c-page.c-page--faq .content .tab-box .accord .accord-item .accord-title::after {
    right: 17px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-page.c-page--faq .content .tab-box .accord .accord-item .accord-title::before {
    right: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-page.c-page--faq .content .tab-box .accord .accord-item .accord-title:not(.is-collapsed)::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.c-page.c-page--faq .content .tab-box .accord .accord-item .accord-title:not(.is-collapsed)::before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.c-page.c-page--faq .content .tab-box .accord .accord-title {
    font-family: "Tahoma Regular", sans-serif;
    background: #3d3d3d;
    border-radius: 10px;
    min-height: 40px;
    color: #f0c788;
    padding: 10px 30px 10px 10px;
    margin-bottom: 22px;
    cursor: pointer
}

.c-page.c-page--faq .content .tab-box .accord .accord-content-box {
    max-height: -webkit-min-content;
    max-height: -moz-min-content;
    max-height: min-content;
    padding: 0 10px 40px 10px;
    overflow: hidden
}

.c-page.c-page--faq .content .tab-box .accord .accord-subtitle {
    font-family: "Tahoma Regular", sans-serif;
    padding-bottom: 10px
}

.c-page.c-page--faq .content .tab-box .accord .accord-content {
    font-family: "Tahoma Regular", sans-serif;
    margin-bottom: 16px;
    line-height: 24px;
    padding-left: 20px;
    color: #bebfbf
}

@media(max-width: 1200px) {
    .c-page.c-page--faq .c-tabs .c-tab {
        width: 22%;
        padding: 0;
        margin: 6px
    }
}

@media(max-width: 804px) {
    .c-page.c-page--faq .c-tabs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .c-page.c-page--faq .c-tabs .c-tab {
        width: 32%;
        margin: 6px 0
    }
}

@media(max-width: 640px) {
    .c-page.c-page--faq .c-tabs .c-tab {
        width: 49%;
        font-size: 11px
    }

    .c-page.c-page--faq .accord .accord-content-box,
    .c-page.c-page--faq .accord .accord-title,
    .c-page.c-page--faq .accord .accord-subtitle {
        font-size: 14px;
        line-height: 21px
    }

    .c-page.c-page--faq .accord .accord-title {
        padding: 9px 30px 9px 10px
    }
}

.c-page.c-page--profile-msp-history {
    padding: 30px 15px
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history {
        padding: 30px 15px
    }
}

.c-page.c-page--profile-msp-history .msp-history-list {
    display: grid;
    gap: 12px;
    overflow: hidden
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list {
        grid-template-columns: 1fr;
        gap: 0;
        border: 1px solid #f0c788;
        border-radius: 10px
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item {
    display: grid;
    grid-template-columns: auto 55px 1fr;
    grid-template-areas: "msp-i-type       msp-i-info-btns  msp-i-bank" "msp-i-date       msp-i-info-btns  msp-i-bank" "msp-i-sep        msp-i-sep        msp-i-sep" "msp-i-amount     .                msp-i-id-code" "msp-i-status     msp-i-status     msp-i-id-code" "msp-i-progress   msp-i-progress   msp-i-progress" "msp-i-notes-btns msp-i-notes-btns msp-i-notes-btns";
    padding: 12px;
    background: #141414;
    border: 1px solid #f0c788;
    border-radius: 10px
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item {
        min-width: 0;
        width: 100%;
        grid-template-columns: 120px 100px 110px 75px 60px 20px 1fr;
        grid-template-areas: "msp-i-type     msp-i-amount   msp-i-status   msp-i-bank     msp-i-id-code  .              msp-i-info-btns msp-i-notes-btns" "msp-i-date     msp-i-amount   msp-i-status   msp-i-bank     msp-i-id-code  .              msp-i-info-btns msp-i-notes-btns" "msp-i-progress msp-i-progress msp-i-progress msp-i-progress msp-i-progress msp-i-progress msp-i-progress  msp-i-notes-btns";
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        padding: 14px 12px;
        border: initial;
        border-radius: initial
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item:not(:last-child) {
    border-bottom: 1px solid #f0c788
}

.c-page.c-page--profile-msp-history .msp-history-list__item-separator {
    height: 10px;
    grid-area: msp-i-sep
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-separator {
        display: none
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item-type {
    grid-area: msp-i-type;
    display: grid;
    -ms-flex-line-pack: end;
    align-content: end
}

.c-page.c-page--profile-msp-history .msp-history-list__item-date {
    grid-area: msp-i-date;
    font-size: 10px
}

.c-page.c-page--profile-msp-history .msp-history-list__item-bank {
    grid-area: msp-i-bank;
    display: grid;
    justify-items: right;
    row-gap: 5px
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-bank {
        justify-items: left;
        -ms-flex-line-pack: start;
        align-content: start
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item-bank-logo {
    height: 16px
}

.c-page.c-page--profile-msp-history .msp-history-list__item-bank-name {
    max-width: 75px;
    background: #f0c788;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 10px;
    color: #141414;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.c-page.c-page--profile-msp-history .msp-history-list__item-amount {
    grid-area: msp-i-amount;
    font-weight: 700;
    -ms-flex-line-pack: end;
    align-content: end
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-amount {
        -ms-flex-line-pack: center;
        align-content: center;
        height: initial
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item-status {
    grid-area: msp-i-status;
    display: grid;
    grid-auto-flow: column;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-size: 12px
}

.c-page.c-page--profile-msp-history .msp-history-list__item-status--canceled {
    color: #cf3f3f
}

.c-page.c-page--profile-msp-history .msp-history-list__item-status--pending {
    color: #ffec40
}

.c-page.c-page--profile-msp-history .msp-history-list__item-status--processing {
    color: #c5af8f
}

.c-page.c-page--profile-msp-history .msp-history-list__item-status--rejected {
    color: #cf3f3f
}

.c-page.c-page--profile-msp-history .msp-history-list__item-status--succeeded {
    color: #23a403
}

.c-page.c-page--profile-msp-history .msp-history-list__item-status--dispute {
    color: #cf3f3f
}

.c-page.c-page--profile-msp-history .msp-history-list__item-status--await_confirmation {
    color: #ffec40
}

.c-page.c-page--profile-msp-history .msp-history-list__item-status-icon {
    height: 14px;
    width: 14px
}

.c-page.c-page--profile-msp-history .msp-history-list__item-id-code {
    grid-area: msp-i-id-code;
    display: grid;
    justify-items: right
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-id-code {
        justify-items: left
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item-id-code-value {
    font-weight: 700
}

.c-page.c-page--profile-msp-history .msp-history-list__item-id-code-label {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.c-page.c-page--profile-msp-history .msp-history-list__item-id-code-icon {
    height: 14px;
    width: 14px;
    cursor: pointer
}

.c-page.c-page--profile-msp-history .msp-history-list__item-progress {
    grid-area: msp-i-progress
}

.c-page.c-page--profile-msp-history .msp-history-list__item-progress-label {
    font-size: 10px;
    margin: 10px 0
}

.c-page.c-page--profile-msp-history .msp-history-list__item-progress-label-amount {
    font-size: 12px;
    font-weight: 700
}

.c-page.c-page--profile-msp-history .msp-history-list__item-info-btns {
    grid-area: msp-i-info-btns;
    display: grid;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-info-btns {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
        padding-left: initial
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item-tips-autocashout-alert {
    height: 18px;
    width: 18px;
    color: #ff2156;
    cursor: pointer
}

.c-page.c-page--profile-msp-history .msp-history-list__item-tips-icon {
    height: 18px;
    width: 18px;
    cursor: pointer
}

.c-page.c-page--profile-msp-history .msp-history-list__item-transaction-id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-page.c-page--profile-msp-history .msp-history-list__item-transaction-id-icon {
    width: 18px;
    height: 18px;
    margin-left: 5px;
    cursor: pointer
}

.c-page.c-page--profile-msp-history .msp-history-list__item-transaction-id-label {
    font-size: 10px;
    text-align: left
}

.c-page.c-page--profile-msp-history .msp-history-list__item-notes-and-btns {
    grid-area: msp-i-notes-btns;
    display: grid;
    row-gap: 6px;
    margin-top: 12px
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-notes-and-btns {
        margin-top: initial
    }
}

@media(min-width: 1028px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-notes-and-btns {
        grid-auto-flow: column;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item-note {
    padding-top: 10px;
    text-align: center;
    font-size: 12px
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-note {
        -ms-flex-item-align: center;
        align-self: center;
        border-top: initial;
        margin-top: initial;
        padding-top: initial
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item-note--gray {
    border-top: 1px solid rgba(255, 255, 255, .12)
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-note--gray {
        border-top: initial
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item-note--gold {
    border-top: 1px solid #f0c788
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-note--gold {
        border-top: initial
    }
}

.c-page.c-page--profile-msp-history .msp-history-list__item-btn {
    width: 100%;
    padding: 8px 10px;
    text-transform: uppercase
}

@media(min-width: 805px) {
    .c-page.c-page--profile-msp-history .msp-history-list__item-btn {
        width: initial;
        -ms-flex-item-align: end;
        align-self: end;
        padding: 8px 20px
    }
}

.game-page-game-list {
    overflow-y: scroll;
    margin-right: -10px;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 100%
}

.game-page-game-list--tournaments {
    position: initial;
    height: auto;
    top: auto;
    overflow-y: unset
}

.game-page-game-list::-webkit-scrollbar {
    width: 3px
}

.game-page-game-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
    width: 3px
}

.game-page-game-list::-webkit-scrollbar-thumb {
    width: 3px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #E6E6E6), color-stop(25.02%, #D6CDC3), color-stop(50.01%, #ACA498), color-stop(75%, #E5C18B), color-stop(99.99%, #F0C788));
    background: linear-gradient(0deg, #E6E6E6 0.03%, #D6CDC3 25.02%, #ACA498 50.01%, #E5C18B 75%, #F0C788 99.99%);
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    max-height: 164px;
    height: 100%;
    right: 9px
}

.game-page-game-list::-webkit-scrollbar-thumb:hover {
    width: 3px
}

.game-page-game-list__game-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.game-page-game-list__game-item+.game-page-game-list__game-item {
    margin-top: 15px
}

.game-page-game-list__game-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.game-page-game-list__game-link:hover,
.game-page-game-list__game-link:focus {
    color: #23527c;
    text-decoration: none
}

.game-page-game-list__game-img {
    border-radius: 5px;
    width: 94px;
    height: 63px
}

.game-page-game-list__game-title {
    color: #f0c788;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .02em;
    text-transform: uppercase;
    padding-right: 10px
}

.game-page-game-list__game-provider {
    color: #b1b1b1;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    padding-right: 10px;
    margin-top: 5px
}

.game-page-game-list__game-favorite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -ms-flex-item-align: start;
    align-self: start;
    cursor: pointer
}

.game-page-game-list__game-favorite-toggle {
    color: #b1b1b1;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .02em
}

.game-page-game-list__game-favorite-icon {
    width: 17px;
    height: 16px
}

.game-page-game-list__game-favorite-icon:before {
    content: "";
    display: inline-block;
    background-image: url("heart.svg");
    width: 100%;
    height: 100%
}

.game-page-game-list__game-favorite-icon--active:before {
    background-image: url("heart-hover.svg")
}

.game-page-game-list__empty {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .02em;
    color: #fff
}

.main-wrap-game-frame.ratio4-3,
.main-wrap-game-frame.ratio16-9 {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    border-radius: 12px;
    width: 100%;
    margin: auto;
    grid-template-columns: 1fr 410px;
    display: grid;
    grid-template-rows: 68px 1fr;
    grid-template-areas: "head head" "game sidebar"
}

@media(max-width: 1027px) {

    .main-wrap-game-frame.ratio4-3,
    .main-wrap-game-frame.ratio16-9 {
        grid-template-columns: 1fr 310px
    }
}

.container-fluid.game-wrap-for-frame {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.center-game-col {
    grid-area: game;
    width: 100%;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
}

.right-game-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: sidebar;
    padding: 20px 22px 0 22px;
    overflow: auto;
    position: relative;
    width: 100%;
    border-top: 1px solid #f0c788;
    background-color: #242424
}

.right-game-col .owl-carousel-sidebar.tournaments-sidebar {
    min-width: 100%;
    height: auto !important;
    overflow-y: scroll
}

.right-game-col .owl-carousel-sidebar.tournaments-sidebar::-webkit-scrollbar {
    width: 3px
}

.right-game-col .owl-carousel-sidebar.tournaments-sidebar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
    width: 3px
}

.right-game-col .owl-carousel-sidebar.tournaments-sidebar::-webkit-scrollbar-thumb {
    width: 3px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #E6E6E6), color-stop(25.02%, #D6CDC3), color-stop(50.01%, #ACA498), color-stop(75%, #E5C18B), color-stop(99.99%, #F0C788));
    background: linear-gradient(0deg, #E6E6E6 0.03%, #D6CDC3 25.02%, #ACA498 50.01%, #E5C18B 75%, #F0C788 99.99%);
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    max-height: 164px;
    height: 100%;
    right: 9px
}

.right-game-col .owl-carousel-sidebar.tournaments-sidebar::-webkit-scrollbar-thumb:hover {
    width: 3px
}

.right-game-col .owl-carousel .owl-stage-outer {
    min-width: 100%
}

@media(max-width: 1199px) {
    .right-game-col .owl-carousel .owl-stage-outer {
        height: -webkit-min-content !important;
        height: -moz-min-content !important;
        height: min-content !important
    }
}

.right-game-col .owl-carousel .owl-stage-outer,
.right-game-col .owl-carousel .owl-stage,
.right-game-col .owl-carousel .owl-item,
.right-game-col .tournament-sidebar,
.right-game-col .tournament-template {
    height: 100%
}

.right-game-col .tournament-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.right-game-col .game-page-game-list--tournaments {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.right-game-col .owl-carousel .owl-stage-outer {
    overflow: initial
}

.game-header {
    height: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 23px 0 28px;
    background: #242424;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-area: head
}

.game-header__title {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #f0c788;
    margin-right: 20px
}

.game-header__logo {
    display: block;
    width: 84px;
    cursor: pointer;
    margin: 0 auto
}

@media(max-width: 1028px) {
    .game-header__logo {
        margin: 0 auto
    }
}

.game-header__cash {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#97E78A), color-stop(49.83%, #21A300), to(#7FD96E));
    background: linear-gradient(180deg, #97E78A 0%, #21A300 49.83%, #7FD96E 100%);
    border-radius: 50px;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    font-family: "Tahoma Bold", sans-serif
}

.game-header__cash:hover,
.game-header__cash:focus {
    text-decoration: none;
    color: #fff
}

.game-header__cash-btn {
    background: #000;
    border: 2px solid #f0c788;
    border-radius: 50px;
    width: 136px;
    height: 32px;
    margin-right: auto
}

@media(max-width: 1028px) {
    .game-header__cash-btn {
        margin-right: 65px
    }
}

.game-header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 387px;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    padding-left: 22px;
    margin-left: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1028px) {
    .game-header__buttons {
        width: auto
    }
}

.game-header__zoom {
    margin-right: 35px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-header__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: initial;
    width: 20px;
    height: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game-header__search {
    margin-right: 35px;
    width: 20px;
    height: 20px;
    background: url(gamepage/loop.svg) no-repeat;
    background-size: cover;
    cursor: pointer
}

.game-header__favorite {
    margin-left: 35px;
    cursor: pointer
}

.game-header__favorite-img {
    display: block
}

.favorite .game-header__favorite-img {
    display: none
}

.game-header__favorite-img--hover {
    display: none
}

.favorite .game-header__favorite-img--hover {
    display: block
}

.game-header__btn {
    font-size: 13px;
    line-height: 1.4em;
    font-family: "Tahoma Bold", sans-serif;
    text-transform: uppercase;
    min-height: 34px;
    padding: 5px 10px;
    margin-left: 20px
}

@media(max-width: 1027px) {
    .game-header__btn {
        margin-left: 10px
    }
}

.game-header__demo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px
}

@media(min-width: 1028px) {
    .game-header__demo--login {
        margin-left: auto
    }
}

.game-header__demo .c-toggler__label {
    font-weight: 400;
    font-size: 11px;
    color: #fff
}

.game-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 15px
}

.game-tabs--not-login {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.game-tabs__btn {
    border: 2px solid #f0c788;
    border-radius: 24px;
    cursor: pointer;
    color: #f0c788;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .02em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 32px;
    padding: 0 13px
}

@media(max-width: 1027px) {
    .game-tabs__btn {
        padding: 0 3px
    }
}

.game-tabs__btn--tournaments {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.game-tabs__btn--recommended {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.game-tabs__btn--active {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #F0C788), color-stop(25.02%, #E5C18B), color-stop(50.01%, #ACA498), color-stop(75%, #D6CDC3), color-stop(99.99%, #E6E6E6));
    background: linear-gradient(0deg, #F0C788 0.03%, #E5C18B 25.02%, #ACA498 50.01%, #D6CDC3 75%, #E6E6E6 99.99%);
    color: #141414;
    margin-right: auto
}

.game-sidebar {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 0
}

.game-page__text {
    color: #f0c788;
    font-size: 16px;
    padding: 0 15px
}

.game-page__title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-page__resent {
    margin-top: 18px
}

.game-page__close-block {
    display: inline-block;
    cursor: pointer
}

.game-page__search {
    height: 36px;
    width: 100%;
    background: #141414;
    border: 2px solid #f0c788;
    border-radius: 21.2389px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f0c788;
    padding: 0 20px
}

.game-page__search-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .02em;
    color: #f0c788
}

.game-page__tournaments-tabs {
    margin-top: 20px;
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.game-page__tournaments-tab {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .02em;
    color: #f0c788;
    text-decoration-line: underline;
    cursor: pointer
}

.game-page__tournaments-tab--active {
    text-decoration-line: none;
    color: #fff
}

.game-page__tournaments-tab:first-child {
    margin-right: 30px
}

.game-page__tournaments-members {
    border: 1px solid #f0c788;
    border-radius: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 365px;
    display: none
}

@media(max-width: 1027px) {
    .game-page__tournaments-members {
        width: 100%
    }
}

.game-page__tournaments-members-row {
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f0c788;
    border-right: 1px solid #f0c788;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    letter-spacing: .02em;
    color: #fff
}

.game-page__tournaments-members-row--head {
    color: #f0c788
}

.game-page__tournaments-members-row:nth-child(3n+1) {
    width: 100px
}

@media(max-width: 1027px) {
    .game-page__tournaments-members-row:nth-child(3n+1) {
        width: 50px
    }
}

.game-page__tournaments-members-row:nth-child(3n+2) {
    width: calc(100% - 200px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 38px;
    padding: 0 5px
}

@media(max-width: 1027px) {
    .game-page__tournaments-members-row:nth-child(3n+2) {
        width: calc(100% - 120px)
    }
}

.game-page__tournaments-members-row:nth-child(3n) {
    width: 100px;
    border-right: none
}

@media(max-width: 1027px) {
    .game-page__tournaments-members-row:nth-child(3n) {
        width: 70px
    }
}

.game-page__tournaments-members-row:nth-last-child(-n+3) {
    border-bottom: none
}

.game-page .tooltipster-base {
    z-index: 1010 !important
}

.game-page .tooltipster--balance {
    z-index: 270001 !important
}

.game-page-search {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.game-page-search .search-recent__title {
    padding-left: 0
}

.game-page-search .game-page-game-list {
    margin-top: 20px
}

.game-footer {
    background-color: rgba(0, 0, 0, .9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 18px;
    width: 100%;
    height: 46px
}

@media(min-width: 805px) {
    .game-footer {
        display: none
    }
}

.game-footer__btn {
    font-family: "Tahoma Bold", sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    height: 32px;
    padding: 5px 10px
}

.game-footer__item--back {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    color: #fff;
    font-size: 14px;
    text-decoration: none
}

.game-footer__item--back:hover,
.game-footer__item--back:focus {
    color: #fff;
    text-decoration: none
}

.game-footer__item--back:before {
    content: "";
    display: inline-block;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 4px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.game-footer__item--btns {
    display: inline-grid;
    grid-auto-flow: column;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.tooltipster--game-page.tooltipster-sidetip .tooltipster-content {
    padding: 4px 15px;
    background: #393939;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .19);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .19);
    border-radius: 4px;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px
}

.tooltipster--game-page.tooltipster-sidetip .tooltipster-arrow-background {
    border-bottom-color: #393939
}

.tooltipster--game-page.tooltipster-sidetip .tooltipster-box {
    margin-top: 21px
}

.tooltipster--game-page.tooltipster-sidetip .tooltipster-arrow {
    top: 13px
}

.tooltipster-base {
    -webkit-animation-duration: 0ms !important;
    animation-duration: 0ms !important;
    -webkit-transition-duration: 0ms !important;
    transition-duration: 0ms !important
}

.search {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 14px 0px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #242424;
    z-index: 1
}

.search__title {
    font-family: "Tahoma Regular", sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
    text-align: left;
    display: block;
    width: 100%;
    padding-left: 20px;
    margin-top: 6px;
    margin-bottom: 18px;
    color: #e7c28b
}

.search__subtitle {
    color: #fff;
    font-family: "Tahoma Regular", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.45em;
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.search__subtitle::first-letter {
    text-transform: capitalize
}

.search__count {
    background-color: #f0c788;
    border-radius: 8px;
    color: rgba(0, 0, 0, .6);
    font-family: "Tahoma Bold", sans-serif;
    font-size: 10px;
    line-height: 1.2em;
    padding: 2px 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.search__input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 36px;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.search__input-wrap {
    width: 100%;
    height: 36px;
    padding: 7px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    border: 1px solid #f0c788;
    border-radius: 18px;
    background: #141414;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.search__input-wrap:before {
    content: "";
    background-image: url("search.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    top: 2px;
    display: inline-block;
    width: 18px;
    min-width: 18px;
    height: 18px
}

.search__input-wrap .search__trash {
    margin-top: 1px;
    min-width: 30px;
    width: 30px;
    height: 18px;
    background-size: 14px 18px;
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer
}

.search__input-wrap .search__trash.show {
    background-image: url("trash.svg")
}

.search__close {
    position: absolute;
    top: 21px;
    right: 20px;
    width: 12px;
    min-width: 12px;
    height: 12px;
    background-image: url("close3.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer
}

.search__input {
    padding: 0;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    border: 0;
    background: transparent;
    color: #fff
}

.search__input::-webkit-input-placeholder {
    color: #565656
}

.search__input::-moz-placeholder {
    color: #565656
}

.search__input:-ms-input-placeholder {
    color: #565656
}

.search__input::-ms-input-placeholder {
    color: #565656
}

.search__input::placeholder {
    color: #565656
}

.search__link {
    color: #f0c788;
    font-size: 12px;
    line-height: 1.65em;
    letter-spacing: .05em
}

.search__link:hover,
.search__link:focus {
    color: #f0c788
}

.search__providers-container-header {
    margin-bottom: 14px
}

.search__results-content--header {
    padding: 0 20px;
    margin-bottom: 7px
}

.search__results-content--header .search__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.search__results-content--header .search__link:after {
    content: "";
    border: solid #f0c788;
    border-width: 0 1px 1px 0;
    padding: 4px;
    margin: 0 5px 0 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.search__results-content--header,
.search__providers-container-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    width: 100%
}

.search__providers-container-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%
}

.search__provider {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(20, 20, 20, .5);
    border-radius: 5px;
    padding: 8px 12px;
    width: 98px;
    height: 52px;
    text-align: center;
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear
}

@media(max-width: 805px) {
    .search__provider {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 33.3%;
        flex: 1 0 33.3%;
        max-width: calc(33.3% - 4px)
    }
}

.search__provider:hover,
.search__provider:focus {
    background-color: rgba(57, 57, 57, .5);
    text-decoration: none;
    -webkit-filter: none !important;
    filter: none !important
}

.search__provider-img {
    font-size: 10px;
    max-width: 100%;
    height: auto;
    max-height: 36px
}

.search__providers {
    width: 100%
}

.search__providers .search__providers-container {
    padding: 16px 20px 2px
}

@media(max-width: 805px) {
    .search__providers .search__providers-container {
        padding-left: 14px;
        padding-right: 14px
    }
}

.search__hints {
    width: 100%
}

.search__hints .search__hints-container {
    width: 100%;
    margin-top: 14px;
    padding: 14px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 7px;
    background: #393939
}

.search__hints .search__hints-container .search__hint {
    height: 20px;
    padding: 3px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border-radius: 24px;
    border: 1px solid #f0c788;
    font-size: 12px;
    line-height: 12px;
    color: #f0c788;
    cursor: pointer
}

.search__hints .search__hints-container .search__hint.active,
.search__hints .search__hints-container .search__hint:active,
.search__hints .search__hints-container .search__hint:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#F0C788), color-stop(25%, #E5C18B), color-stop(50%, #ACA498), color-stop(75%, #D6CDC3), to(#E6E6E6));
    background: linear-gradient(0deg, #F0C788 0%, #E5C18B 25%, #ACA498 50%, #D6CDC3 75%, #E6E6E6 100%);
    color: #000
}

.search__results {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.search__results .search__results_tabs {
    height: auto;
    margin-top: 14px;
    padding: 0px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px
}

.search__results .search__results_tabs .search__results_tab-link {
    white-space: nowrap
}

.search__results .search__results_tabs .search__results_tab-link .tab-link-text {
    color: #f0c788;
    text-decoration: underline;
    letter-spacing: .28px;
    cursor: pointer
}

.search__results .search__results_tabs .search__results_tab-link.active .tab-link-text {
    color: #fff;
    text-decoration: none
}

@media all and (hover: hover) {
    .search__results .search__results_tabs .search__results_tab-link:hover .tab-link-text {
        color: #fff;
        text-decoration: none
    }
}

.search__results .search__results_tabs {
    overflow: auto hidden;
    -webkit-overflow-scrolling: touch
}

.search__results .search__results_tabs::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
    height: 0
}

.search__results .search__results_tabs::-webkit-scrollbar-thumb {
    background: rgba(57, 57, 57, 0);
    background-clip: padding-box
}

.search__results .search__results_tabs::-webkit-scrollbar-track {
    background: rgba(57, 57, 57, 0)
}

.search__results_tabs-content {
    overflow-y: scroll;
    margin-top: 7px;
    margin-right: 6px
}

.search__results_tabs-content::-webkit-scrollbar {
    width: 3px
}

.search__results_tabs-content::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
    width: 3px
}

.search__results_tabs-content::-webkit-scrollbar-thumb {
    width: 3px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.03%, #E6E6E6), color-stop(25.02%, #D6CDC3), color-stop(50.01%, #ACA498), color-stop(75%, #E5C18B), color-stop(99.99%, #F0C788));
    background: linear-gradient(0deg, #E6E6E6 0.03%, #D6CDC3 25.02%, #ACA498 50.01%, #E5C18B 75%, #F0C788 99.99%);
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    max-height: 164px;
    height: 100%;
    right: 9px
}

.search__results_tabs-content::-webkit-scrollbar-thumb:hover {
    width: 3px
}

.search__results_tabs-content .tab-content {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.search__results_tabs-content .tab-content.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search__results_tabs-content .tab-content .search__result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    padding: 7px 20px
}

.search__results_tabs-content .tab-content .search__result-item:hover {
    background: #393939;
    text-decoration: none
}

.search__results_tabs-content .tab-content .search__result-item .search__result-img {
    width: 94px;
    min-width: 94px;
    height: 63px;
    background-size: cover;
    background-color: #d3d3d3;
    border-radius: 5px
}

.search__results_tabs-content .tab-content .search__result-item .search__result-text-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px
}

.search__results_tabs-content .tab-content .search__result-item .search__result-text-wrapper .search__result-game-name {
    color: #f0c788;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .28px;
    text-transform: uppercase
}

.search__results_tabs-content .tab-content .search__result-item .search__result-text-wrapper .search__result-text-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.search__results_tabs-content .tab-content .search__result-item .search__result-text-wrapper .search__result-text-row .search__result-provider-name {
    color: #b1b1b1;
    font-size: 12px;
    line-height: 12px
}

.search__results_tabs-content .tab-content .search__result-item .search__result-text-wrapper .search__result-text-row .search__result-amount {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px
}

.search__results_tabs-content .tab-content .search__result-item .search__result-text-wrapper .search__result-text-row .search__result-winner {
    color: #797979;
    font-size: 12px;
    line-height: 12px
}

.search__results_tabs-content .tab-content .provider-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    min-height: 32px;
    padding: 0;
    margin-top: 7px
}

.search__results_tabs-content .tab-content .provider-filter__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-bottom: 16px;
    padding: 0 20px;
    word-break: break-all;
    font-size: 13px;
    line-height: normal;
    letter-spacing: .26px;
    color: #f0c788;
    cursor: pointer
}

.search__results_tabs-content .tab-content .provider-filter__item::before {
    margin-right: 8px;
    display: inline-block;
    position: relative;
    top: 2px;
    content: "";
    width: 14px;
    min-width: 14px;
    height: 14px;
    border: 1px solid #fff;
    border-radius: 50%
}

.search__results_tabs-content .tab-content .provider-filter__item:nth-child(odd) {
    padding-left: 20px
}

.search__results_tabs-content .tab-content .provider-filter__item:nth-child(even) {
    padding-right: 20px
}

.search__results_tabs-content .tab-content .provider-filter__item:hover {
    color: #fff
}

.search__results_tabs-content .tab-content .provider-filter__item.active {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 158px;
    height: 20px;
    margin-left: 20px;
    margin-bottom: 14px;
    padding: 1px 13px 3px 3px;
    position: relative;
    border-radius: 50px;
    background: #393939
}

.search__results_tabs-content .tab-content .provider-filter__item.active::before {
    background: transparent;
    border-color: #fdf4f0
}

.search__results_tabs-content .tab-content .provider-filter__item.active::after {
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 6px;
    content: "";
    width: 8px;
    height: 8px;
    background: -webkit-linear-gradient(-90deg, #e6e6e6 0%, #d6cdc3 18%, #aca498 45%, #e5c18b 87%, #f0c788 100%);
    border-radius: 50%
}

.search__results_tabs-content .tab-content .provider-filter__item.active:hover {
    color: #f0c788
}

.search__results_tabs-content .tab-content .provider-filter .search__close {
    display: none;
    width: 12px;
    min-width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 20px
}

.search__results_tabs-content .tab-content .provider-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.search__results_tabs-content .tab-content .provider-content .game-item {
    margin: 0;
    width: 154px;
    height: 116px
}

.search__results_tabs-content .tab-content .search__results_no-results {
    color: #f0c788;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    margin-top: 7px
}

.search .search-recent {
    margin-top: 14px
}

.search .search-recent__title {
    padding-left: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #f0c788
}

.search .search-recent__wr {
    position: relative;
    margin-top: 6px;
    padding-left: 20px;
    padding-right: 20px
}

.search .search-recent__wr .owl-stage-outer {
    overflow: hidden
}

.search .search-recent__wr .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search .search-recent__wr .owl-item {
    margin-right: 8px
}

.search .search-recent__wr .owl-nav .owl-next,
.search .search-recent__wr .owl-nav .owl-prev {
    position: absolute;
    left: initial;
    top: -30px;
    width: 21px;
    height: 21px;
    background-image: url(circle-right.svg)
}

.search .search-recent__wr .owl-nav .owl-next:hover,
.search .search-recent__wr .owl-nav .owl-prev:hover {
    background-image: url(circle-right-white.svg)
}

.search .search-recent__wr .owl-nav .owl-next {
    right: 18px
}

.search .search-recent__wr .owl-nav .owl-prev {
    right: 55px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.search .search-recent__wr .search-recent__game {
    width: 130px !important;
    min-width: 130px;
    height: 82px;
    list-style: none
}

.search .search-recent__wr .search-recent__game .search-recent__game-link {
    text-decoration: none
}

.search .search-recent__wr .search-recent__game .search-recent__game-img {
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    border-radius: 2px;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384)), -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#efc688));
    background-image: linear-gradient(to bottom, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%), linear-gradient(#e6e6e6, #efc688)
}

.search .search-recent__wr .search-recent__game .title {
    margin-top: 5px;
    width: 89%;
    float: left;
    color: #f0c788;
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase
}

.search .search-recent__wr .search-recent__game .game-block-stars {
    float: right
}

.search .search-recent__wr .search-recent__game .inner-heart-right {
    width: 10px;
    padding: 0;
    top: 0;
    right: 2px
}

.search__scrollbar-box {
    margin-top: 14px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden auto
}

.search__scrollbar-box.search__results-content {
    display: none
}

@media all and (max-width: 804px) {
    .search__title {
        padding-left: 14px;
        margin-bottom: 14px
    }

    .search__input-container {
        padding: 0 14px
    }

    .search__input-container .search__close {
        right: 14px
    }

    .search__results_tabs {
        padding: 0 14px
    }

    .search .search-recent__title {
        padding-left: 14px
    }

    .search .search-recent__wr {
        padding-left: 14px;
        padding-right: 14px
    }

    .search .search-recent__wr .owl-item {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .search__hints .search__hints-container {
        padding: 14px
    }

    .search__results_tabs-content {
        margin-right: 6px
    }

    .search__results_tabs-content .tab-content .search__result-item {
        padding: 7px 14px
    }

    .search__results_tabs-content .tab-content .provider-filter {
        margin-top: 7px
    }

    .search__results_tabs-content .tab-content .provider-filter .provider-filter__item:nth-child(odd) {
        padding-left: 14px
    }

    .search__results_tabs-content .tab-content .provider-filter .provider-filter__item:nth-child(even) {
        padding-right: 14px
    }

    .search__results_tabs-content .tab-content .provider-filter .provider-filter__item.active {
        margin-left: 14px;
        padding: 1px 13px 3px 3px
    }

    .search__results_tabs-content .tab-content .provider-content .game-item {
        width: 154px;
        height: 116px
    }

    .search__results_tabs-content .tab-content .search__results_no-results {
        margin-top: 7px
    }
}

.footer-ribbon {
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 10;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

.footer-ribbon__text {
    padding: 10px 10% 58px;
    background: #cd3849;
    -webkit-box-shadow: inset 0 0 64px -12px rgba(39, 40, 40, .7);
    box-shadow: inset 0 0 64px -12px rgba(39, 40, 40, .7);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-indent: 2em;
    text-align: center
}

@media all and (min-width: 575px) {
    .footer-ribbon__text {
        padding: 16px 10% 48px
    }
}

@media all and (min-width: 805px) {
    .footer-ribbon__text {
        padding: 24px 10%
    }
}