@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: normal;
    src: url("Montserrat-Thin.woff2") format("woff2"), url("Montserrat-Thin.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: italic;
    src: url("Montserrat-ThinItalic.woff2") format("woff2"), url("Montserrat-ThinItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: normal;
    src: url("Montserrat-ExtraLight.woff2") format("woff2"), url("Montserrat-ExtraLight.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: italic;
    src: url("Montserrat-ExtraLightItalic.woff2") format("woff2"), url("Montserrat-ExtraLightItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: normal;
    src: url("Montserrat-Light.woff2") format("woff2"), url("Montserrat-Light.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: italic;
    src: url("Montserrat-LightItalic.woff2") format("woff2"), url("Montserrat-LightItalic.woff") format("woff")
}

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

@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
    src: url("Montserrat-Italic.woff2") format("woff2"), url("Montserrat-Italic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url("Montserrat-Medium.woff2") format("woff2"), url("Montserrat-Medium.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: italic;
    src: url("Montserrat-MediumItalic.woff2") format("woff2"), url("Montserrat-MediumItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    src: url("Montserrat-SemiBold.woff2") format("woff2"), url("Montserrat-SemiBold.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
    src: url("Montserrat-SemiBoldItalic.woff2") format("woff2"), url("Montserrat-SemiBoldItalic.woff") format("woff")
}

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

@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: italic;
    src: url("Montserrat-BoldItalic.woff2") format("woff2"), url("Montserrat-BoldItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
    src: url("Montserrat-ExtraBold.woff2") format("woff2"), url("Montserrat-ExtraBold.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: italic;
    src: url("Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("Montserrat-ExtraBoldItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: normal;
    src: url("Montserrat-Black.woff2") format("woff2"), url("Montserrat-Black.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: italic;
    src: url("Montserrat-BlackItalic.woff2") format("woff2"), url("Montserrat-BlackItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 100;
    font-style: normal;
    src: url("MontserratAlternates-Thin.woff2") format("woff2"), url("MontserratAlternates-Thin.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 100;
    font-style: italic;
    src: url("MontserratAlternates-ThinItalic.woff2") format("woff2"), url("MontserratAlternates-ThinItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 200;
    font-style: normal;
    src: url("MontserratAlternates-ExtraLight.woff2") format("woff2"), url("MontserratAlternates-ExtraLight.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 200;
    font-style: italic;
    src: url("MontserratAlternates-ExtraLightItalic.woff2") format("woff2"), url("MontserratAlternates-ExtraLightItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 300;
    font-style: normal;
    src: url("MontserratAlternates-Light.woff2") format("woff2"), url("MontserratAlternates-Light.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 300;
    font-style: italic;
    src: url("MontserratAlternates-LightItalic.woff2") format("woff2"), url("MontserratAlternates-LightItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 400;
    font-style: normal;
    src: url("MontserratAlternates-Regular.woff2") format("woff2"), url("MontserratAlternates-Regular.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 400;
    font-style: italic;
    src: url("MontserratAlternates-Italic.woff2") format("woff2"), url("MontserratAlternates-Italic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 500;
    font-style: normal;
    src: url("MontserratAlternates-Medium.woff2") format("woff2"), url("MontserratAlternates-Medium.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 500;
    font-style: italic;
    src: url("MontserratAlternates-MediumItalic.woff2") format("woff2"), url("MontserratAlternates-MediumItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 600;
    font-style: normal;
    src: url("MontserratAlternates-SemiBold.woff2") format("woff2"), url("MontserratAlternates-SemiBold.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 600;
    font-style: italic;
    src: url("MontserratAlternates-SemiBoldItalic.woff2") format("woff2"), url("MontserratAlternates-SemiBoldItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 700;
    font-style: normal;
    src: url("MontserratAlternates-Bold.woff2") format("woff2"), url("MontserratAlternates-Bold.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 700;
    font-style: italic;
    src: url("MontserratAlternates-BoldItalic.woff2") format("woff2"), url("MontserratAlternates-BoldItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 800;
    font-style: normal;
    src: url("MontserratAlternates-ExtraBold.woff2") format("woff2"), url("MontserratAlternates-ExtraBold.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 800;
    font-style: italic;
    src: url("MontserratAlternates-ExtraBoldItalic.woff2") format("woff2"), url("MontserratAlternates-ExtraBoldItalic.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 900;
    font-style: normal;
    src: url("MontserratAlternates-Black.woff2") format("woff2"), url("MontserratAlternates-Black.woff") format("woff")
}

@font-face {
    font-family: "Montserrat Alternates";
    font-weight: 900;
    font-style: italic;
    src: url("MontserratAlternates-BlackItalic.woff2") format("woff2"), url("MontserratAlternates-BlackItalic.woff") format("woff")
}

@font-face {
    font-family: "Intro";
    font-weight: 900;
    font-style: normal;
    src: url("Intro-Black.eot");
    src: local("Intro-Black"), url("Intro-Black.eot?#iefix") format("embedded-opentype"), url("Intro-Black.woff2") format("woff2"), url("Intro-Black.woff") format("woff"), url("Intro-Black.ttf") format("truetype")
}

@font-face {
    font-family: "Intro";
    font-weight: bold;
    font-style: normal;
    src: url("Intro-Bold.eot");
    src: local("Intro-Bold"), url("Intro-Bold.eot?#iefix") format("embedded-opentype"), url("Intro-Bold.woff2") format("woff2"), url("Intro-Bold.woff") format("woff"), url("Intro-Bold.ttf") format("truetype")
}

@font-face {
    font-family: "Intro";
    font-weight: normal;
    font-style: normal;
    src: url("Intro-Regular.eot");
    src: local("Intro-Regular"), url("Intro-Regular.eot?#iefix") format("embedded-opentype"), url("Intro-Regular.woff2") format("woff2"), url("Intro-Regular.woff") format("woff"), url("Intro-Regular.ttf") format("truetype")
}

@font-face {
    font-family: "Tahoma Bold";
    font-weight: normal;
    font-style: normal;
    src: url("tahoma-bold.eot?v=1.1.0");
    src: url("tahoma-bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("tahoma-bold.woff?v=1.1.0") format("woff"), url("Tahoma-Bold.ttf?v=1.1.0") format("truetype"), url("tahoma-bold.svg?v=1.1.0#TahomaBold") format("svg")
}

@font-face {
    font-family: "Tahoma Regular";
    font-weight: normal;
    font-style: normal;
    src: url("tahoma-regular.eot?v=1.1.0");
    src: url("tahoma-regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("tahoma-regular.woff?v=1.1.0") format("woff"), url("Tahoma-Regular.ttf?v=1.1.0") format("truetype"), url("tahoma-regular.svg?v=1.1.0#TahomaRegular") format("svg")
}

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
}

.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: 16px;
    min-width: 16px;
    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
}

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

.collapse {
    display: none
}

.collapse.in {
    display: block
}

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

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

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

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

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-body:before,
.panel-body:after {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.table+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

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

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

.currency-radio-list__inner .mCSB_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px
}

.c-cashbox__currencies .mCSB_container {
    display: grid;
    grid-auto-flow: column;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.currency-radio-list__inner .mCSB_buttonLeft,
.currency-radio-list__inner .mCSB_buttonRight,
.c-cashbox__currencies .mCSB_buttonLeft,
.c-cashbox__currencies .mCSB_buttonRight {
    display: none !important
}

.currency-radio-list__inner .mCSB_draggerContainer,
.c-cashbox__currencies .mCSB_draggerContainer {
    margin: 0 !important
}

.currency-radio-list__inner .mCSB_horizontal.mCSB_inside>.mCSB_container,
.c-cashbox__currencies .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 15px
}

.currency-radio-list__inner .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.currency-radio-list__inner .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.c-cashbox__currencies .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.c-cashbox__currencies .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 1px;
    margin: 3px !important
}

.currency-radio-list__inner .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.c-cashbox__currencies .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 1px;
    margin-top: 3px
}

.currency-radio-list__inner .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.c-cashbox__currencies .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 7px;
    margin: 0
}

.currency-radio-list__inner .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.currency-radio-list__inner .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.c-cashbox__currencies .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.c-cashbox__currencies .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 7px
}

.currency-radio-list__inner .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.c-cashbox__currencies .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 7px
}

.currency-radio-list__inner .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.currency-radio-list__inner .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.c-cashbox__currencies .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.c-cashbox__currencies .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    margin: 0
}

.currency-radio-list__inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.c-cashbox__currencies .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-image: url(hor-scroll-bg.png);
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: 0 0
}

.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("arrow-left.png")
}

.dp_previous:hover {
    background-image: url("arrow-left-h.png")
}

.dp_next {
    background-image: url("arrow-right.png")
}

.dp_next:hover {
    background-image: url("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
}

.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;
    border-radius: 18px;
    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
}

.new-modal .select2-container .select2-selection--single {
    font-size: 16px;
    height: 42px;
    border-radius: 21px
}

.new-modal .select2-container .select2-selection--single .select2-selection__arrow b {
    right: 17px;
    top: 20px
}

.new-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-wrap {
    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
}

.my_profile .main-tabs-input-class--login-step-one {
    height: 36px
}

@media(min-width: 1px) {
    .c-link {
        position: relative
    }

    .c-link--arrowed::after {
        position: absolute;
        content: "›";
        width: 10px;
        height: 100%;
        top: 0;
        right: -14px;
        font-weight: 700
    }

    .c-link--gold {
        color: #e7c28b
    }

    .c-link--gold::after {
        color: #e7c28b
    }
}

@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__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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 3px 8px;
        border: 1px solid #616161;
        border-radius: 4px;
        color: #efc688;
        cursor: pointer;
        font-size: 15px;
        font-weight: 700;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

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

@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;
        background: #141414;
        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
    }
}

.c-accordion__header {
    position: relative
}

.c-accordion__header::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 7px;
    right: 14px;
    background: url("down-arrow.png") no-repeat center
}

.is-collapsed .c-accordion__header::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-accordion__body {
    display: none;
    border: none;
    background: transparent;
    font-size: 14px;
    text-transform: none
}

.is-collapsed .c-accordion__body {
    display: block
}

@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;
        row-gap: 10px;
        position: relative;
        background: #393939;
        border-radius: 5px;
        padding: 20px 20px 20px 50px;
        overflow: hidden;
        color: #fff;
        line-height: 1.5;
        font-size: 14px;
        letter-spacing: normal
    }

    .c-notice::before {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        top: 20px;
        left: 20px
    }

    .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;
        color: #fff;
        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
    }
}

@media(min-width: 1px) {
    .c-cashbox {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 20px;
        padding: 0 0 60px
    }

    .c-cashbox--deposit {
        grid-template-areas: "tabs" "currencies" "list" "bonuses"
    }

    .c-cashbox--deposit.c-cashbox--has-errors {
        grid-template-areas: "tabs" "currencies" "errors" "bonuses"
    }

    .c-cashbox--cashout {
        grid-template-areas: "tabs" "available" "list"
    }

    .c-cashbox--cashout.c-cashbox--has-errors {
        grid-template-areas: "tabs" "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__tabs {
        display: none
    }

    .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: 10px;
        grid-template-columns: 1fr
    }

    .c-cashbox .btn-3 {
        height: initial
    }

    .c-cashbox__preloader {
        padding: 20px
    }

    .c-cashbox__tabs {
        grid-area: tabs;
        grid-template-columns: 1fr 1fr
    }

    .c-cashbox__tab.c-tab {
        font-size: 14px;
        text-transform: uppercase
    }

    .c-cashbox__currencies {
        grid-area: currencies;
        display: grid;
        row-gap: 10px;
        color: #efc688
    }

    .c-cashbox__currencies-list {
        overflow: hidden;
        white-space: nowrap
    }

    .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__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 {
        grid-template-columns: .25fr 1fr .25fr
    }

    .c-cashbox--deposit {
        grid-template-areas: ". tabs       ." ". currencies ." ". list       ." ". bonuses    ."
    }

    .c-cashbox--deposit.c-cashbox--has-errors {
        grid-template-areas: ". tabs       ." ". currencies ." ". errors     ." ". bonuses    ."
    }

    .c-cashbox--cashout {
        grid-template-areas: ". tabs      ." ". available ." ". list      ."
    }

    .c-cashbox--cashout.c-cashbox--has-errors {
        grid-template-areas: ". tabs      ." ". available ." ". errors    ." ". list      ."
    }

    .c-cashbox.is-active {
        grid-template-columns: .2fr .4fr 10px 1.15fr .2fr
    }

    .c-cashbox.is-active.c-cashbox--deposit {
        grid-template-areas: ".   .  . tabs ." ". list . form ." ". list . .    ."
    }

    .c-cashbox.is-active.c-cashbox--cashout {
        grid-template-areas: ".   .  . tabs      ." ". list . available ." ". list . form      ." ". list . .         ."
    }

    .c-cashbox.is-active.c-cashbox--cashout.c-cashbox--has-errors {
        grid-template-areas: ".   .  . tabs      ." ". list . available ." ". list . errors    ." ". list . form      ." ". list . .         ."
    }

    .c-cashbox.is-active.c-cashbox--large {
        grid-template-columns: .05fr .7fr 10px 1fr .05fr
    }

    .c-cashbox.is-active.c-cashbox--large .c-cashbox__aggregations-list {
        grid-template-columns: 1fr 1fr
    }

    .c-cashbox.is-active .c-cashbox__aggregations-list {
        display: grid;
        grid-template-columns: 1fr
    }

    .c-cashbox__tabs {
        display: none
    }

    .c-cashbox__tab.c-tab {
        font-size: 20px
    }

    .c-cashbox__available-sum-label {
        font-size: 16px
    }

    .c-cashbox__aggregations-list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width: 1028px) {
    .c-cashbox {
        grid-template-columns: .4fr 1fr .4fr
    }

    .c-cashbox.is-active {
        grid-template-columns: .4fr .5fr 20px 1.5fr .4fr
    }

    .c-cashbox.is-active.c-cashbox--large {
        grid-template-columns: .1fr .7fr 20px 1.1fr .1fr
    }
}

@media(min-width: 1180px) {
    .c-cashbox {
        grid-template-columns: .6fr 1fr .6fr
    }

    .c-cashbox.is-active.c-cashbox--large {
        grid-template-columns: .1fr .65fr 30px 1.35fr .4fr
    }
}

.c-cashbox__bonuses {
    max-width: 420px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 480px) {
    .c-cashbox__bonuses {
        max-width: 320px
    }
}

.c-cashbox__bonuses .c-cashbox__bonus-table {
    background-color: transparent;
    border-radius: 10px;
    border-color: #e1c392;
    width: 100%;
    margin: 0
}

@media(max-width: 480px) {
    .c-cashbox__bonuses .c-cashbox__bonus-table {
        border: none;
        border-radius: 0
    }
}

.c-cashbox__bonuses .c-cashbox__bonus-row+.c-cashbox__bonus-row td {
    border-top: 1px solid #e1c392
}

.c-cashbox__bonuses .c-cashbox__bonus-row td {
    border-bottom: 0;
    border-color: #e1c392;
    font-size: 14px;
    line-height: 1.5em;
    text-align: left;
    padding: 10px 20px;
    width: 50%
}

.c-cashbox__bonuses .c-cashbox__bonus-row td:first-child {
    color: #f0c788
}

.c-cashbox__bonuses .c-cashbox__bonus-row td:last-child {
    font-family: "Tahoma Bold", sans-serif;
    min-width: 170px
}

@media(max-width: 480px) {
    .c-cashbox__bonuses .c-cashbox__bonus-row td {
        border-color: #f0c788;
        font-size: 12px;
        padding: 10px 0
    }

    .c-cashbox__bonuses .c-cashbox__bonus-row td:first-child {
        border-right: none;
        max-width: 150px
    }

    .c-cashbox__bonuses .c-cashbox__bonus-row td:last-child {
        text-align: right;
        min-width: 170px
    }
}

.c-cashbox__bonus-info {
    display: none;
    margin-top: 18px
}

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

    .c-payment-form__amount-presets-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px 0 0
    }

    .c-payment-form__amount-presets-item {
        cursor: pointer;
        background: #272828;
        border: 1px solid #f0c788;
        min-width: 18%;
        border-radius: 5px;
        margin: 1%;
        padding: 7px;
        font-family: "Arial", sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        color: #fff;
        -webkit-transition: border-color .2s;
        transition: border-color .2s
    }

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

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

@media(min-width: 480px) {
    .c-payment-form__methods-list {
        grid-template-columns: repeat(3, 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__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 {
        background: #272828;
        border: 1px solid #f0c788;
        border-radius: 10px;
        padding: 20px
    }

    .c-payment-form__hr {
        border-bottom: 1px solid #f0c788
    }

    .c-payment-form__methods-list {
        grid-template-columns: repeat(4, 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: 1180px) {
    .c-payment-form__methods-list {
        grid-template-columns: repeat(5, 1fr)
    }
}

@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: 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--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: 805px) {
    .c-payment-tile {
        background: #272828
    }
}

@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__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__exp-date .red-error {
        grid-column: 1/4;
        position: absolute;
        top: 100%;
        width: 100%;
        color: #fff
    }

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

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

.input-field {
    position: relative
}

.my_profile .profile-password-wrapper {
    position: relative
}

.my_profile .profile-password-wrapper input {
    margin-bottom: 31px
}

.my_profile .profile-password-wrapper .new-input__pass-wrapper {
    height: 36px;
    width: 50px
}

.sticky-scroll {
    position: sticky !important;
    margin-bottom: 30px;
    will-change: top
}

.scroller {
    position: fixed;
    top: 100px;
    right: 55px
}

.scroller.scrollHide {
    display: none
}

.scroller .text {
    font-family: "Tahoma Bold", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #e7c28b
}

.scroller .icon {
    background: url("scroller.png") no-repeat;
    width: 20px;
    height: 7px
}

.scroller .icon.top {
    background-position: top center
}

.scroller .icon.top {
    background-position: bottom center
}

#scrollUp {
    cursor: pointer;
    display: none;
    position: fixed;
    right: 35px;
    top: 50%;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#scrollUp a {
    display: block;
    color: #fff;
    text-decoration: none !important
}

#scrollUp a:hover {
    filter: none;
    -webkit-filter: none
}

#scrollUp a:hover .scroll-icon {
    border-bottom-color: #ffe9a7
}

#scrollUp a:hover .scrolldown-icon {
    border-top-color: #ffe9a7
}

#scrollUp a:hover .scroll-text {
    color: #ffe9a7
}

#scrollUp .scroll-icon {
    width: 0;
    height: 0;
    display: block;
    border-bottom: 7px solid #e7c28b;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    margin: 0 auto
}

#scrollUp .scrolldown-icon {
    width: 0;
    height: 0;
    display: block;
    border-top: 7px solid #e7c28b;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    margin: 0 auto;
    position: relative;
    top: 48px
}

#scrollUp .scroll-text {
    color: #e7c28b;
    display: block;
    margin: 8px auto 0;
    text-align: center
}

@media all and (max-width: 1270px) {
    #scrollUp {
        display: none
    }
}

.input-flag {
    width: 20px;
    height: 15px;
    background-image: url("flags.png");
    background-repeat: no-repeat;
    background-size: 5630px 15px
}

.input-wrap--phone .input-flag-wrap {
    position: absolute;
    top: 12px;
    left: 12px
}

.input-flag-wrap {
    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
}

.input-flag-wrap[data-flag] {
    cursor: pointer
}

.input-flag-wrap .input-flag--be,
.flags-drop__item-flag.flags-drop__item-flag--be {
    width: 18px
}

.input-flag-wrap .input-flag--ch,
.flags-drop__item-flag.flags-drop__item-flag--ch {
    width: 15px
}

.input-flag-wrap .input-flag--mc,
.flags-drop__item-flag.flags-drop__item-flag--mc {
    width: 19px
}

.input-flag-wrap .input-flag--ne,
.flags-drop__item-flag.flags-drop__item-flag--ne {
    width: 18px
}

.input-flag-wrap .input-flag--np,
.flags-drop__item-flag.flags-drop__item-flag--np {
    width: 13px
}

.input-flag-wrap .input-flag--va,
.flags-drop__item-flag.flags-drop__item-flag--va {
    width: 15px
}

.input-flag-wrap .input-flag--ac,
.flags-drop__item-flag.flags-drop__item-flag--ac {
    height: 10px;
    background-position: 0 0
}

.input-flag-wrap .input-flag--ad,
.flags-drop__item-flag.flags-drop__item-flag--ad {
    height: 14px;
    background-position: -22px 0
}

.input-flag-wrap .input-flag--ae,
.flags-drop__item-flag.flags-drop__item-flag--ae {
    height: 10px;
    background-position: -44px 0
}

.input-flag-wrap .input-flag--af,
.flags-drop__item-flag.flags-drop__item-flag--af {
    height: 14px;
    background-position: -66px 0
}

.input-flag-wrap .input-flag--ag,
.flags-drop__item-flag.flags-drop__item-flag--ag {
    height: 14px;
    background-position: -88px 0
}

.input-flag-wrap .input-flag--ai,
.flags-drop__item-flag.flags-drop__item-flag--ai {
    height: 10px;
    background-position: -110px 0
}

.input-flag-wrap .input-flag--al,
.flags-drop__item-flag.flags-drop__item-flag--al {
    height: 15px;
    background-position: -132px 0
}

.input-flag-wrap .input-flag--am,
.flags-drop__item-flag.flags-drop__item-flag--am {
    height: 10px;
    background-position: -154px 0
}

.input-flag-wrap .input-flag--ao,
.flags-drop__item-flag.flags-drop__item-flag--ao {
    height: 14px;
    background-position: -176px 0
}

.input-flag-wrap .input-flag--aq,
.flags-drop__item-flag.flags-drop__item-flag--aq {
    height: 14px;
    background-position: -198px 0
}

.input-flag-wrap .input-flag--ar,
.flags-drop__item-flag.flags-drop__item-flag--ar {
    height: 13px;
    background-position: -220px 0
}

.input-flag-wrap .input-flag--as,
.flags-drop__item-flag.flags-drop__item-flag--as {
    height: 10px;
    background-position: -242px 0
}

.input-flag-wrap .input-flag--at,
.flags-drop__item-flag.flags-drop__item-flag--at {
    height: 14px;
    background-position: -264px 0
}

.input-flag-wrap .input-flag--au,
.flags-drop__item-flag.flags-drop__item-flag--au {
    height: 10px;
    background-position: -286px 0
}

.input-flag-wrap .input-flag--aw,
.flags-drop__item-flag.flags-drop__item-flag--aw {
    height: 14px;
    background-position: -308px 0
}

.input-flag-wrap .input-flag--ax,
.flags-drop__item-flag.flags-drop__item-flag--ax {
    height: 13px;
    background-position: -330px 0
}

.input-flag-wrap .input-flag--az,
.flags-drop__item-flag.flags-drop__item-flag--az {
    height: 10px;
    background-position: -352px 0
}

.input-flag-wrap .input-flag--ba,
.flags-drop__item-flag.flags-drop__item-flag--ba {
    height: 10px;
    background-position: -374px 0
}

.input-flag-wrap .input-flag--bb,
.flags-drop__item-flag.flags-drop__item-flag--bb {
    height: 14px;
    background-position: -396px 0
}

.input-flag-wrap .input-flag--bd,
.flags-drop__item-flag.flags-drop__item-flag--bd {
    height: 12px;
    background-position: -418px 0
}

.input-flag-wrap .input-flag--be,
.flags-drop__item-flag.flags-drop__item-flag--be {
    height: 15px;
    background-position: -440px 0
}

.input-flag-wrap .input-flag--bf,
.flags-drop__item-flag.flags-drop__item-flag--bf {
    height: 14px;
    background-position: -460px 0
}

.input-flag-wrap .input-flag--bg,
.flags-drop__item-flag.flags-drop__item-flag--bg {
    height: 12px;
    background-position: -482px 0
}

.input-flag-wrap .input-flag--bh,
.flags-drop__item-flag.flags-drop__item-flag--bh {
    height: 12px;
    background-position: -504px 0
}

.input-flag-wrap .input-flag--bi,
.flags-drop__item-flag.flags-drop__item-flag--bi {
    height: 12px;
    background-position: -526px 0
}

.input-flag-wrap .input-flag--bj,
.flags-drop__item-flag.flags-drop__item-flag--bj {
    height: 14px;
    background-position: -548px 0
}

.input-flag-wrap .input-flag--bl,
.flags-drop__item-flag.flags-drop__item-flag--bl {
    height: 14px;
    background-position: -570px 0
}

.input-flag-wrap .input-flag--bm,
.flags-drop__item-flag.flags-drop__item-flag--bm {
    height: 10px;
    background-position: -592px 0
}

.input-flag-wrap .input-flag--bn,
.flags-drop__item-flag.flags-drop__item-flag--bn {
    height: 10px;
    background-position: -614px 0
}

.input-flag-wrap .input-flag--bo,
.flags-drop__item-flag.flags-drop__item-flag--bo {
    height: 14px;
    background-position: -636px 0
}

.input-flag-wrap .input-flag--bq,
.flags-drop__item-flag.flags-drop__item-flag--bq {
    height: 14px;
    background-position: -658px 0
}

.input-flag-wrap .input-flag--br,
.flags-drop__item-flag.flags-drop__item-flag--br {
    height: 14px;
    background-position: -680px 0
}

.input-flag-wrap .input-flag--bs,
.flags-drop__item-flag.flags-drop__item-flag--bs {
    height: 10px;
    background-position: -702px 0
}

.input-flag-wrap .input-flag--bt,
.flags-drop__item-flag.flags-drop__item-flag--bt {
    height: 14px;
    background-position: -724px 0
}

.input-flag-wrap .input-flag--bv,
.flags-drop__item-flag.flags-drop__item-flag--bv {
    height: 15px;
    background-position: -746px 0
}

.input-flag-wrap .input-flag--bw,
.flags-drop__item-flag.flags-drop__item-flag--bw {
    height: 14px;
    background-position: -768px 0
}

.input-flag-wrap .input-flag--by,
.flags-drop__item-flag.flags-drop__item-flag--by {
    height: 10px;
    background-position: -790px 0
}

.input-flag-wrap .input-flag--bz,
.flags-drop__item-flag.flags-drop__item-flag--bz {
    height: 14px;
    background-position: -812px 0
}

.input-flag-wrap .input-flag--ca,
.flags-drop__item-flag.flags-drop__item-flag--ca {
    height: 10px;
    background-position: -834px 0
}

.input-flag-wrap .input-flag--cc,
.flags-drop__item-flag.flags-drop__item-flag--cc {
    height: 10px;
    background-position: -856px 0
}

.input-flag-wrap .input-flag--cd,
.flags-drop__item-flag.flags-drop__item-flag--cd {
    height: 15px;
    background-position: -878px 0
}

.input-flag-wrap .input-flag--cf,
.flags-drop__item-flag.flags-drop__item-flag--cf {
    height: 14px;
    background-position: -900px 0
}

.input-flag-wrap .input-flag--cg,
.flags-drop__item-flag.flags-drop__item-flag--cg {
    height: 14px;
    background-position: -922px 0
}

.input-flag-wrap .input-flag--ch,
.flags-drop__item-flag.flags-drop__item-flag--ch {
    height: 15px;
    background-position: -944px 0
}

.input-flag-wrap .input-flag--ci,
.flags-drop__item-flag.flags-drop__item-flag--ci {
    height: 14px;
    background-position: -961px 0
}

.input-flag-wrap .input-flag--ck,
.flags-drop__item-flag.flags-drop__item-flag--ck {
    height: 10px;
    background-position: -983px 0
}

.input-flag-wrap .input-flag--cl,
.flags-drop__item-flag.flags-drop__item-flag--cl {
    height: 14px;
    background-position: -1005px 0
}

.input-flag-wrap .input-flag--cm,
.flags-drop__item-flag.flags-drop__item-flag--cm {
    height: 14px;
    background-position: -1027px 0
}

.input-flag-wrap .input-flag--cn,
.flags-drop__item-flag.flags-drop__item-flag--cn {
    height: 14px;
    background-position: -1049px 0
}

.input-flag-wrap .input-flag--co,
.flags-drop__item-flag.flags-drop__item-flag--co {
    height: 14px;
    background-position: -1071px 0
}

.input-flag-wrap .input-flag--cp,
.flags-drop__item-flag.flags-drop__item-flag--cp {
    height: 14px;
    background-position: -1093px 0
}

.input-flag-wrap .input-flag--cr,
.flags-drop__item-flag.flags-drop__item-flag--cr {
    height: 12px;
    background-position: -1115px 0
}

.input-flag-wrap .input-flag--cu,
.flags-drop__item-flag.flags-drop__item-flag--cu {
    height: 10px;
    background-position: -1137px 0
}

.input-flag-wrap .input-flag--cv,
.flags-drop__item-flag.flags-drop__item-flag--cv {
    height: 12px;
    background-position: -1159px 0
}

.input-flag-wrap .input-flag--cw,
.flags-drop__item-flag.flags-drop__item-flag--cw {
    height: 14px;
    background-position: -1181px 0
}

.input-flag-wrap .input-flag--cx,
.flags-drop__item-flag.flags-drop__item-flag--cx {
    height: 10px;
    background-position: -1203px 0
}

.input-flag-wrap .input-flag--cy,
.flags-drop__item-flag.flags-drop__item-flag--cy {
    height: 14px;
    background-position: -1225px 0
}

.input-flag-wrap .input-flag--cz,
.flags-drop__item-flag.flags-drop__item-flag--cz {
    height: 14px;
    background-position: -1247px 0
}

.input-flag-wrap .input-flag--de,
.flags-drop__item-flag.flags-drop__item-flag--de {
    height: 12px;
    background-position: -1269px 0
}

.input-flag-wrap .input-flag--dg,
.flags-drop__item-flag.flags-drop__item-flag--dg {
    height: 10px;
    background-position: -1291px 0
}

.input-flag-wrap .input-flag--dj,
.flags-drop__item-flag.flags-drop__item-flag--dj {
    height: 14px;
    background-position: -1313px 0
}

.input-flag-wrap .input-flag--dk,
.flags-drop__item-flag.flags-drop__item-flag--dk {
    height: 15px;
    background-position: -1335px 0
}

.input-flag-wrap .input-flag--dm,
.flags-drop__item-flag.flags-drop__item-flag--dm {
    height: 10px;
    background-position: -1357px 0
}

.input-flag-wrap .input-flag--do,
.flags-drop__item-flag.flags-drop__item-flag--do {
    height: 13px;
    background-position: -1379px 0
}

.input-flag-wrap .input-flag--dz,
.flags-drop__item-flag.flags-drop__item-flag--dz {
    height: 14px;
    background-position: -1401px 0
}

.input-flag-wrap .input-flag--ea,
.flags-drop__item-flag.flags-drop__item-flag--ea {
    height: 14px;
    background-position: -1423px 0
}

.input-flag-wrap .input-flag--ec,
.flags-drop__item-flag.flags-drop__item-flag--ec {
    height: 14px;
    background-position: -1445px 0
}

.input-flag-wrap .input-flag--ee,
.flags-drop__item-flag.flags-drop__item-flag--ee {
    height: 13px;
    background-position: -1467px 0
}

.input-flag-wrap .input-flag--eg,
.flags-drop__item-flag.flags-drop__item-flag--eg {
    height: 14px;
    background-position: -1489px 0
}

.input-flag-wrap .input-flag--eh,
.flags-drop__item-flag.flags-drop__item-flag--eh {
    height: 10px;
    background-position: -1511px 0
}

.input-flag-wrap .input-flag--er,
.flags-drop__item-flag.flags-drop__item-flag--er {
    height: 10px;
    background-position: -1533px 0
}

.input-flag-wrap .input-flag--es,
.flags-drop__item-flag.flags-drop__item-flag--es {
    height: 14px;
    background-position: -1555px 0
}

.input-flag-wrap .input-flag--et,
.flags-drop__item-flag.flags-drop__item-flag--et {
    height: 10px;
    background-position: -1577px 0
}

.input-flag-wrap .input-flag--eu,
.flags-drop__item-flag.flags-drop__item-flag--eu {
    height: 14px;
    background-position: -1599px 0
}

.input-flag-wrap .input-flag--fi,
.flags-drop__item-flag.flags-drop__item-flag--fi {
    height: 12px;
    background-position: -1621px 0
}

.input-flag-wrap .input-flag--fj,
.flags-drop__item-flag.flags-drop__item-flag--fj {
    height: 10px;
    background-position: -1643px 0
}

.input-flag-wrap .input-flag--fk,
.flags-drop__item-flag.flags-drop__item-flag--fk {
    height: 10px;
    background-position: -1665px 0
}

.input-flag-wrap .input-flag--fm,
.flags-drop__item-flag.flags-drop__item-flag--fm {
    height: 11px;
    background-position: -1687px 0
}

.input-flag-wrap .input-flag--fo,
.flags-drop__item-flag.flags-drop__item-flag--fo {
    height: 15px;
    background-position: -1709px 0
}

.input-flag-wrap .input-flag--fr,
.flags-drop__item-flag.flags-drop__item-flag--fr {
    height: 14px;
    background-position: -1731px 0
}

.input-flag-wrap .input-flag--ga,
.flags-drop__item-flag.flags-drop__item-flag--ga {
    height: 15px;
    background-position: -1753px 0
}

.input-flag-wrap .input-flag--gb,
.flags-drop__item-flag.flags-drop__item-flag--gb {
    height: 10px;
    background-position: -1775px 0
}

.input-flag-wrap .input-flag--gd,
.flags-drop__item-flag.flags-drop__item-flag--gd {
    height: 12px;
    background-position: -1797px 0
}

.input-flag-wrap .input-flag--ge,
.flags-drop__item-flag.flags-drop__item-flag--ge {
    height: 14px;
    background-position: -1819px 0
}

.input-flag-wrap .input-flag--gf,
.flags-drop__item-flag.flags-drop__item-flag--gf {
    height: 14px;
    background-position: -1841px 0
}

.input-flag-wrap .input-flag--gg,
.flags-drop__item-flag.flags-drop__item-flag--gg {
    height: 14px;
    background-position: -1863px 0
}

.input-flag-wrap .input-flag--gh,
.flags-drop__item-flag.flags-drop__item-flag--gh {
    height: 14px;
    background-position: -1885px 0
}

.input-flag-wrap .input-flag--gi,
.flags-drop__item-flag.flags-drop__item-flag--gi {
    height: 10px;
    background-position: -1907px 0
}

.input-flag-wrap .input-flag--gl,
.flags-drop__item-flag.flags-drop__item-flag--gl {
    height: 14px;
    background-position: -1929px 0
}

.input-flag-wrap .input-flag--gm,
.flags-drop__item-flag.flags-drop__item-flag--gm {
    height: 14px;
    background-position: -1951px 0
}

.input-flag-wrap .input-flag--gn,
.flags-drop__item-flag.flags-drop__item-flag--gn {
    height: 14px;
    background-position: -1973px 0
}

.input-flag-wrap .input-flag--gp,
.flags-drop__item-flag.flags-drop__item-flag--gp {
    height: 14px;
    background-position: -1995px 0
}

.input-flag-wrap .input-flag--gq,
.flags-drop__item-flag.flags-drop__item-flag--gq {
    height: 14px;
    background-position: -2017px 0
}

.input-flag-wrap .input-flag--gr,
.flags-drop__item-flag.flags-drop__item-flag--gr {
    height: 14px;
    background-position: -2039px 0
}

.input-flag-wrap .input-flag--gs,
.flags-drop__item-flag.flags-drop__item-flag--gs {
    height: 10px;
    background-position: -2061px 0
}

.input-flag-wrap .input-flag--gt,
.flags-drop__item-flag.flags-drop__item-flag--gt {
    height: 13px;
    background-position: -2083px 0
}

.input-flag-wrap .input-flag--gu,
.flags-drop__item-flag.flags-drop__item-flag--gu {
    height: 11px;
    background-position: -2105px 0
}

.input-flag-wrap .input-flag--gw,
.flags-drop__item-flag.flags-drop__item-flag--gw {
    height: 10px;
    background-position: -2127px 0
}

.input-flag-wrap .input-flag--gy,
.flags-drop__item-flag.flags-drop__item-flag--gy {
    height: 12px;
    background-position: -2149px 0
}

.input-flag-wrap .input-flag--hk,
.flags-drop__item-flag.flags-drop__item-flag--hk {
    height: 14px;
    background-position: -2171px 0
}

.input-flag-wrap .input-flag--hm,
.flags-drop__item-flag.flags-drop__item-flag--hm {
    height: 10px;
    background-position: -2193px 0
}

.input-flag-wrap .input-flag--hn,
.flags-drop__item-flag.flags-drop__item-flag--hn {
    height: 10px;
    background-position: -2215px 0
}

.input-flag-wrap .input-flag--hr,
.flags-drop__item-flag.flags-drop__item-flag--hr {
    height: 10px;
    background-position: -2237px 0
}

.input-flag-wrap .input-flag--ht,
.flags-drop__item-flag.flags-drop__item-flag--ht {
    height: 12px;
    background-position: -2259px 0
}

.input-flag-wrap .input-flag--hu,
.flags-drop__item-flag.flags-drop__item-flag--hu {
    height: 10px;
    background-position: -2281px 0
}

.input-flag-wrap .input-flag--ic,
.flags-drop__item-flag.flags-drop__item-flag--ic {
    height: 14px;
    background-position: -2303px 0
}

.input-flag-wrap .input-flag--id,
.flags-drop__item-flag.flags-drop__item-flag--id {
    height: 14px;
    background-position: -2325px 0
}

.input-flag-wrap .input-flag--ie,
.flags-drop__item-flag.flags-drop__item-flag--ie {
    height: 10px;
    background-position: -2347px 0
}

.input-flag-wrap .input-flag--il,
.flags-drop__item-flag.flags-drop__item-flag--il {
    height: 15px;
    background-position: -2369px 0
}

.input-flag-wrap .input-flag--im,
.flags-drop__item-flag.flags-drop__item-flag--im {
    height: 10px;
    background-position: -2391px 0
}

.input-flag-wrap .input-flag--in,
.flags-drop__item-flag.flags-drop__item-flag--in {
    height: 14px;
    background-position: -2413px 0
}

.input-flag-wrap .input-flag--io,
.flags-drop__item-flag.flags-drop__item-flag--io {
    height: 10px;
    background-position: -2435px 0
}

.input-flag-wrap .input-flag--iq,
.flags-drop__item-flag.flags-drop__item-flag--iq {
    height: 14px;
    background-position: -2457px 0
}

.input-flag-wrap .input-flag--ir,
.flags-drop__item-flag.flags-drop__item-flag--ir {
    height: 12px;
    background-position: -2479px 0
}

.input-flag-wrap .input-flag--is,
.flags-drop__item-flag.flags-drop__item-flag--is {
    height: 15px;
    background-position: -2501px 0
}

.input-flag-wrap .input-flag--it,
.flags-drop__item-flag.flags-drop__item-flag--it {
    height: 14px;
    background-position: -2523px 0
}

.input-flag-wrap .input-flag--je,
.flags-drop__item-flag.flags-drop__item-flag--je {
    height: 12px;
    background-position: -2545px 0
}

.input-flag-wrap .input-flag--jm,
.flags-drop__item-flag.flags-drop__item-flag--jm {
    height: 10px;
    background-position: -2567px 0
}

.input-flag-wrap .input-flag--jo,
.flags-drop__item-flag.flags-drop__item-flag--jo {
    height: 10px;
    background-position: -2589px 0
}

.input-flag-wrap .input-flag--jp,
.flags-drop__item-flag.flags-drop__item-flag--jp {
    height: 14px;
    background-position: -2611px 0
}

.input-flag-wrap .input-flag--ke,
.flags-drop__item-flag.flags-drop__item-flag--ke {
    height: 14px;
    background-position: -2633px 0
}

.input-flag-wrap .input-flag--kg,
.flags-drop__item-flag.flags-drop__item-flag--kg {
    height: 12px;
    background-position: -2655px 0
}

.input-flag-wrap .input-flag--kh,
.flags-drop__item-flag.flags-drop__item-flag--kh {
    height: 13px;
    background-position: -2677px 0
}

.input-flag-wrap .input-flag--ki,
.flags-drop__item-flag.flags-drop__item-flag--ki {
    height: 10px;
    background-position: -2699px 0
}

.input-flag-wrap .input-flag--km,
.flags-drop__item-flag.flags-drop__item-flag--km {
    height: 12px;
    background-position: -2721px 0
}

.input-flag-wrap .input-flag--kn,
.flags-drop__item-flag.flags-drop__item-flag--kn {
    height: 14px;
    background-position: -2743px 0
}

.input-flag-wrap .input-flag--kp,
.flags-drop__item-flag.flags-drop__item-flag--kp {
    height: 10px;
    background-position: -2765px 0
}

.input-flag-wrap .input-flag--kr,
.flags-drop__item-flag.flags-drop__item-flag--kr {
    height: 14px;
    background-position: -2787px 0
}

.input-flag-wrap .input-flag--kw,
.flags-drop__item-flag.flags-drop__item-flag--kw {
    height: 10px;
    background-position: -2809px 0
}

.input-flag-wrap .input-flag--ky,
.flags-drop__item-flag.flags-drop__item-flag--ky {
    height: 10px;
    background-position: -2831px 0
}

.input-flag-wrap .input-flag--kz,
.flags-drop__item-flag.flags-drop__item-flag--kz {
    height: 10px;
    background-position: -2853px 0
}

.input-flag-wrap .input-flag--la,
.flags-drop__item-flag.flags-drop__item-flag--la {
    height: 14px;
    background-position: -2875px 0
}

.input-flag-wrap .input-flag--lb,
.flags-drop__item-flag.flags-drop__item-flag--lb {
    height: 14px;
    background-position: -2897px 0
}

.input-flag-wrap .input-flag--lc,
.flags-drop__item-flag.flags-drop__item-flag--lc {
    height: 10px;
    background-position: -2919px 0
}

.input-flag-wrap .input-flag--li,
.flags-drop__item-flag.flags-drop__item-flag--li {
    height: 12px;
    background-position: -2941px 0
}

.input-flag-wrap .input-flag--lk,
.flags-drop__item-flag.flags-drop__item-flag--lk {
    height: 10px;
    background-position: -2963px 0
}

.input-flag-wrap .input-flag--lr,
.flags-drop__item-flag.flags-drop__item-flag--lr {
    height: 11px;
    background-position: -2985px 0
}

.input-flag-wrap .input-flag--ls,
.flags-drop__item-flag.flags-drop__item-flag--ls {
    height: 14px;
    background-position: -3007px 0
}

.input-flag-wrap .input-flag--lt,
.flags-drop__item-flag.flags-drop__item-flag--lt {
    height: 12px;
    background-position: -3029px 0
}

.input-flag-wrap .input-flag--lu,
.flags-drop__item-flag.flags-drop__item-flag--lu {
    height: 12px;
    background-position: -3051px 0
}

.input-flag-wrap .input-flag--lv,
.flags-drop__item-flag.flags-drop__item-flag--lv {
    height: 10px;
    background-position: -3073px 0
}

.input-flag-wrap .input-flag--ly,
.flags-drop__item-flag.flags-drop__item-flag--ly {
    height: 10px;
    background-position: -3095px 0
}

.input-flag-wrap .input-flag--ma,
.flags-drop__item-flag.flags-drop__item-flag--ma {
    height: 14px;
    background-position: -3117px 0
}

.input-flag-wrap .input-flag--mc,
.flags-drop__item-flag.flags-drop__item-flag--mc {
    height: 15px;
    background-position: -3139px 0
}

.input-flag-wrap .input-flag--md,
.flags-drop__item-flag.flags-drop__item-flag--md {
    height: 10px;
    background-position: -3160px 0
}

.input-flag-wrap .input-flag--me,
.flags-drop__item-flag.flags-drop__item-flag--me {
    height: 10px;
    background-position: -3182px 0
}

.input-flag-wrap .input-flag--mf,
.flags-drop__item-flag.flags-drop__item-flag--mf {
    height: 14px;
    background-position: -3204px 0
}

.input-flag-wrap .input-flag--mg,
.flags-drop__item-flag.flags-drop__item-flag--mg {
    height: 14px;
    background-position: -3226px 0
}

.input-flag-wrap .input-flag--mh,
.flags-drop__item-flag.flags-drop__item-flag--mh {
    height: 11px;
    background-position: -3248px 0
}

.input-flag-wrap .input-flag--mk,
.flags-drop__item-flag.flags-drop__item-flag--mk {
    height: 10px;
    background-position: -3270px 0
}

.input-flag-wrap .input-flag--ml,
.flags-drop__item-flag.flags-drop__item-flag--ml {
    height: 14px;
    background-position: -3292px 0
}

.input-flag-wrap .input-flag--mm,
.flags-drop__item-flag.flags-drop__item-flag--mm {
    height: 14px;
    background-position: -3314px 0
}

.input-flag-wrap .input-flag--mn,
.flags-drop__item-flag.flags-drop__item-flag--mn {
    height: 10px;
    background-position: -3336px 0
}

.input-flag-wrap .input-flag--mo,
.flags-drop__item-flag.flags-drop__item-flag--mo {
    height: 14px;
    background-position: -3358px 0
}

.input-flag-wrap .input-flag--mp,
.flags-drop__item-flag.flags-drop__item-flag--mp {
    height: 10px;
    background-position: -3380px 0
}

.input-flag-wrap .input-flag--mq,
.flags-drop__item-flag.flags-drop__item-flag--mq {
    height: 14px;
    background-position: -3402px 0
}

.input-flag-wrap .input-flag--mr,
.flags-drop__item-flag.flags-drop__item-flag--mr {
    height: 14px;
    background-position: -3424px 0
}

.input-flag-wrap .input-flag--ms,
.flags-drop__item-flag.flags-drop__item-flag--ms {
    height: 10px;
    background-position: -3446px 0
}

.input-flag-wrap .input-flag--mt,
.flags-drop__item-flag.flags-drop__item-flag--mt {
    height: 14px;
    background-position: -3468px 0
}

.input-flag-wrap .input-flag--mu,
.flags-drop__item-flag.flags-drop__item-flag--mu {
    height: 14px;
    background-position: -3490px 0
}

.input-flag-wrap .input-flag--mv,
.flags-drop__item-flag.flags-drop__item-flag--mv {
    height: 14px;
    background-position: -3512px 0
}

.input-flag-wrap .input-flag--mw,
.flags-drop__item-flag.flags-drop__item-flag--mw {
    height: 14px;
    background-position: -3534px 0
}

.input-flag-wrap .input-flag--mx,
.flags-drop__item-flag.flags-drop__item-flag--mx {
    height: 12px;
    background-position: -3556px 0
}

.input-flag-wrap .input-flag--my,
.flags-drop__item-flag.flags-drop__item-flag--my {
    height: 10px;
    background-position: -3578px 0
}

.input-flag-wrap .input-flag--mz,
.flags-drop__item-flag.flags-drop__item-flag--mz {
    height: 14px;
    background-position: -3600px 0
}

.input-flag-wrap .input-flag--na,
.flags-drop__item-flag.flags-drop__item-flag--na {
    height: 14px;
    background-position: -3622px 0
}

.input-flag-wrap .input-flag--nc,
.flags-drop__item-flag.flags-drop__item-flag--nc {
    height: 10px;
    background-position: -3644px 0
}

.input-flag-wrap .input-flag--ne,
.flags-drop__item-flag.flags-drop__item-flag--ne {
    height: 15px;
    background-position: -3666px 0
}

.input-flag-wrap .input-flag--nf,
.flags-drop__item-flag.flags-drop__item-flag--nf {
    height: 10px;
    background-position: -3686px 0
}

.input-flag-wrap .input-flag--ng,
.flags-drop__item-flag.flags-drop__item-flag--ng {
    height: 10px;
    background-position: -3708px 0
}

.input-flag-wrap .input-flag--ni,
.flags-drop__item-flag.flags-drop__item-flag--ni {
    height: 12px;
    background-position: -3730px 0
}

.input-flag-wrap .input-flag--nl,
.flags-drop__item-flag.flags-drop__item-flag--nl {
    height: 14px;
    background-position: -3752px 0
}

.input-flag-wrap .input-flag--no,
.flags-drop__item-flag.flags-drop__item-flag--no {
    height: 15px;
    background-position: -3774px 0
}

.input-flag-wrap .input-flag--np,
.flags-drop__item-flag.flags-drop__item-flag--np {
    height: 15px;
    background-position: -3796px 0
}

.input-flag-wrap .input-flag--nr,
.flags-drop__item-flag.flags-drop__item-flag--nr {
    height: 10px;
    background-position: -3811px 0
}

.input-flag-wrap .input-flag--nu,
.flags-drop__item-flag.flags-drop__item-flag--nu {
    height: 10px;
    background-position: -3833px 0
}

.input-flag-wrap .input-flag--nz,
.flags-drop__item-flag.flags-drop__item-flag--nz {
    height: 10px;
    background-position: -3855px 0
}

.input-flag-wrap .input-flag--om,
.flags-drop__item-flag.flags-drop__item-flag--om {
    height: 10px;
    background-position: -3877px 0
}

.input-flag-wrap .input-flag--pa,
.flags-drop__item-flag.flags-drop__item-flag--pa {
    height: 14px;
    background-position: -3899px 0
}

.input-flag-wrap .input-flag--pe,
.flags-drop__item-flag.flags-drop__item-flag--pe {
    height: 14px;
    background-position: -3921px 0
}

.input-flag-wrap .input-flag--pf,
.flags-drop__item-flag.flags-drop__item-flag--pf {
    height: 14px;
    background-position: -3943px 0
}

.input-flag-wrap .input-flag--pg,
.flags-drop__item-flag.flags-drop__item-flag--pg {
    height: 15px;
    background-position: -3965px 0
}

.input-flag-wrap .input-flag--ph,
.flags-drop__item-flag.flags-drop__item-flag--ph {
    height: 10px;
    background-position: -3987px 0
}

.input-flag-wrap .input-flag--pk,
.flags-drop__item-flag.flags-drop__item-flag--pk {
    height: 14px;
    background-position: -4009px 0
}

.input-flag-wrap .input-flag--pl,
.flags-drop__item-flag.flags-drop__item-flag--pl {
    height: 13px;
    background-position: -4031px 0
}

.input-flag-wrap .input-flag--pm,
.flags-drop__item-flag.flags-drop__item-flag--pm {
    height: 14px;
    background-position: -4053px 0
}

.input-flag-wrap .input-flag--pn,
.flags-drop__item-flag.flags-drop__item-flag--pn {
    height: 10px;
    background-position: -4075px 0
}

.input-flag-wrap .input-flag--pr,
.flags-drop__item-flag.flags-drop__item-flag--pr {
    height: 14px;
    background-position: -4097px 0
}

.input-flag-wrap .input-flag--ps,
.flags-drop__item-flag.flags-drop__item-flag--ps {
    height: 10px;
    background-position: -4119px 0
}

.input-flag-wrap .input-flag--pt,
.flags-drop__item-flag.flags-drop__item-flag--pt {
    height: 14px;
    background-position: -4141px 0
}

.input-flag-wrap .input-flag--pw,
.flags-drop__item-flag.flags-drop__item-flag--pw {
    height: 13px;
    background-position: -4163px 0
}

.input-flag-wrap .input-flag--py,
.flags-drop__item-flag.flags-drop__item-flag--py {
    height: 11px;
    background-position: -4185px 0
}

.input-flag-wrap .input-flag--qa,
.flags-drop__item-flag.flags-drop__item-flag--qa {
    height: 8px;
    background-position: -4207px 0
}

.input-flag-wrap .input-flag--re,
.flags-drop__item-flag.flags-drop__item-flag--re {
    height: 14px;
    background-position: -4229px 0
}

.input-flag-wrap .input-flag--ro,
.flags-drop__item-flag.flags-drop__item-flag--ro {
    height: 14px;
    background-position: -4251px 0
}

.input-flag-wrap .input-flag--rs,
.flags-drop__item-flag.flags-drop__item-flag--rs {
    height: 14px;
    background-position: -4273px 0
}

.input-flag-wrap .input-flag--ru,
.flags-drop__item-flag.flags-drop__item-flag--ru {
    height: 14px;
    background-position: -4295px 0
}

.input-flag-wrap .input-flag--rw,
.flags-drop__item-flag.flags-drop__item-flag--rw {
    height: 14px;
    background-position: -4317px 0
}

.input-flag-wrap .input-flag--sa,
.flags-drop__item-flag.flags-drop__item-flag--sa {
    height: 14px;
    background-position: -4339px 0
}

.input-flag-wrap .input-flag--sb,
.flags-drop__item-flag.flags-drop__item-flag--sb {
    height: 10px;
    background-position: -4361px 0
}

.input-flag-wrap .input-flag--sc,
.flags-drop__item-flag.flags-drop__item-flag--sc {
    height: 10px;
    background-position: -4383px 0
}

.input-flag-wrap .input-flag--sd,
.flags-drop__item-flag.flags-drop__item-flag--sd {
    height: 10px;
    background-position: -4405px 0
}

.input-flag-wrap .input-flag--se,
.flags-drop__item-flag.flags-drop__item-flag--se {
    height: 13px;
    background-position: -4427px 0
}

.input-flag-wrap .input-flag--sg,
.flags-drop__item-flag.flags-drop__item-flag--sg {
    height: 14px;
    background-position: -4449px 0
}

.input-flag-wrap .input-flag--sh,
.flags-drop__item-flag.flags-drop__item-flag--sh {
    height: 10px;
    background-position: -4471px 0
}

.input-flag-wrap .input-flag--si,
.flags-drop__item-flag.flags-drop__item-flag--si {
    height: 10px;
    background-position: -4493px 0
}

.input-flag-wrap .input-flag--sj,
.flags-drop__item-flag.flags-drop__item-flag--sj {
    height: 15px;
    background-position: -4515px 0
}

.input-flag-wrap .input-flag--sk,
.flags-drop__item-flag.flags-drop__item-flag--sk {
    height: 14px;
    background-position: -4537px 0
}

.input-flag-wrap .input-flag--sl,
.flags-drop__item-flag.flags-drop__item-flag--sl {
    height: 14px;
    background-position: -4559px 0
}

.input-flag-wrap .input-flag--sm,
.flags-drop__item-flag.flags-drop__item-flag--sm {
    height: 15px;
    background-position: -4581px 0
}

.input-flag-wrap .input-flag--sn,
.flags-drop__item-flag.flags-drop__item-flag--sn {
    height: 14px;
    background-position: -4603px 0
}

.input-flag-wrap .input-flag--so,
.flags-drop__item-flag.flags-drop__item-flag--so {
    height: 14px;
    background-position: -4625px 0
}

.input-flag-wrap .input-flag--sr,
.flags-drop__item-flag.flags-drop__item-flag--sr {
    height: 14px;
    background-position: -4647px 0
}

.input-flag-wrap .input-flag--ss,
.flags-drop__item-flag.flags-drop__item-flag--ss {
    height: 10px;
    background-position: -4669px 0
}

.input-flag-wrap .input-flag--st,
.flags-drop__item-flag.flags-drop__item-flag--st {
    height: 10px;
    background-position: -4691px 0
}

.input-flag-wrap .input-flag--sv,
.flags-drop__item-flag.flags-drop__item-flag--sv {
    height: 12px;
    background-position: -4713px 0
}

.input-flag-wrap .input-flag--sx,
.flags-drop__item-flag.flags-drop__item-flag--sx {
    height: 14px;
    background-position: -4735px 0
}

.input-flag-wrap .input-flag--sy,
.flags-drop__item-flag.flags-drop__item-flag--sy {
    height: 14px;
    background-position: -4757px 0
}

.input-flag-wrap .input-flag--sz,
.flags-drop__item-flag.flags-drop__item-flag--sz {
    height: 14px;
    background-position: -4779px 0
}

.input-flag-wrap .input-flag--ta,
.flags-drop__item-flag.flags-drop__item-flag--ta {
    height: 10px;
    background-position: -4801px 0
}

.input-flag-wrap .input-flag--tc,
.flags-drop__item-flag.flags-drop__item-flag--tc {
    height: 10px;
    background-position: -4823px 0
}

.input-flag-wrap .input-flag--td,
.flags-drop__item-flag.flags-drop__item-flag--td {
    height: 14px;
    background-position: -4845px 0
}

.input-flag-wrap .input-flag--tf,
.flags-drop__item-flag.flags-drop__item-flag--tf {
    height: 14px;
    background-position: -4867px 0
}

.input-flag-wrap .input-flag--tg,
.flags-drop__item-flag.flags-drop__item-flag--tg {
    height: 13px;
    background-position: -4889px 0
}

.input-flag-wrap .input-flag--th,
.flags-drop__item-flag.flags-drop__item-flag--th {
    height: 14px;
    background-position: -4911px 0
}

.input-flag-wrap .input-flag--tj,
.flags-drop__item-flag.flags-drop__item-flag--tj {
    height: 10px;
    background-position: -4933px 0
}

.input-flag-wrap .input-flag--tk,
.flags-drop__item-flag.flags-drop__item-flag--tk {
    height: 10px;
    background-position: -4955px 0
}

.input-flag-wrap .input-flag--tl,
.flags-drop__item-flag.flags-drop__item-flag--tl {
    height: 10px;
    background-position: -4977px 0
}

.input-flag-wrap .input-flag--tm,
.flags-drop__item-flag.flags-drop__item-flag--tm {
    height: 14px;
    background-position: -4999px 0
}

.input-flag-wrap .input-flag--tn,
.flags-drop__item-flag.flags-drop__item-flag--tn {
    height: 14px;
    background-position: -5021px 0
}

.input-flag-wrap .input-flag--to,
.flags-drop__item-flag.flags-drop__item-flag--to {
    height: 10px;
    background-position: -5043px 0
}

.input-flag-wrap .input-flag--tr,
.flags-drop__item-flag.flags-drop__item-flag--tr {
    height: 14px;
    background-position: -5065px 0
}

.input-flag-wrap .input-flag--tt,
.flags-drop__item-flag.flags-drop__item-flag--tt {
    height: 12px;
    background-position: -5087px 0
}

.input-flag-wrap .input-flag--tv,
.flags-drop__item-flag.flags-drop__item-flag--tv {
    height: 10px;
    background-position: -5109px 0
}

.input-flag-wrap .input-flag--tw,
.flags-drop__item-flag.flags-drop__item-flag--tw {
    height: 14px;
    background-position: -5131px 0
}

.input-flag-wrap .input-flag--tz,
.flags-drop__item-flag.flags-drop__item-flag--tz {
    height: 14px;
    background-position: -5153px 0
}

.input-flag-wrap .input-flag--ua,
.flags-drop__item-flag.flags-drop__item-flag--ua {
    height: 14px;
    background-position: -5175px 0
}

.input-flag-wrap .input-flag--ug,
.flags-drop__item-flag.flags-drop__item-flag--ug {
    height: 14px;
    background-position: -5197px 0
}

.input-flag-wrap .input-flag--um,
.flags-drop__item-flag.flags-drop__item-flag--um {
    height: 11px;
    background-position: -5219px 0
}

.input-flag-wrap .input-flag--us,
.flags-drop__item-flag.flags-drop__item-flag--us {
    height: 11px;
    background-position: -5241px 0
}

.input-flag-wrap .input-flag--uy,
.flags-drop__item-flag.flags-drop__item-flag--uy {
    height: 14px;
    background-position: -5263px 0
}

.input-flag-wrap .input-flag--uz,
.flags-drop__item-flag.flags-drop__item-flag--uz {
    height: 10px;
    background-position: -5285px 0
}

.input-flag-wrap .input-flag--va,
.flags-drop__item-flag.flags-drop__item-flag--va {
    height: 15px;
    background-position: -5307px 0
}

.input-flag-wrap .input-flag--vc,
.flags-drop__item-flag.flags-drop__item-flag--vc {
    height: 14px;
    background-position: -5324px 0
}

.input-flag-wrap .input-flag--ve,
.flags-drop__item-flag.flags-drop__item-flag--ve {
    height: 14px;
    background-position: -5346px 0
}

.input-flag-wrap .input-flag--vg,
.flags-drop__item-flag.flags-drop__item-flag--vg {
    height: 10px;
    background-position: -5368px 0
}

.input-flag-wrap .input-flag--vi,
.flags-drop__item-flag.flags-drop__item-flag--vi {
    height: 14px;
    background-position: -5390px 0
}

.input-flag-wrap .input-flag--vn,
.flags-drop__item-flag.flags-drop__item-flag--vn {
    height: 14px;
    background-position: -5412px 0
}

.input-flag-wrap .input-flag--vu,
.flags-drop__item-flag.flags-drop__item-flag--vu {
    height: 12px;
    background-position: -5434px 0
}

.input-flag-wrap .input-flag--wf,
.flags-drop__item-flag.flags-drop__item-flag--wf {
    height: 14px;
    background-position: -5456px 0
}

.input-flag-wrap .input-flag--ws,
.flags-drop__item-flag.flags-drop__item-flag--ws {
    height: 10px;
    background-position: -5478px 0
}

.input-flag-wrap .input-flag--xk,
.flags-drop__item-flag.flags-drop__item-flag--xk {
    height: 15px;
    background-position: -5500px 0
}

.input-flag-wrap .input-flag--ye,
.flags-drop__item-flag.flags-drop__item-flag--ye {
    height: 14px;
    background-position: -5522px 0
}

.input-flag-wrap .input-flag--yt,
.flags-drop__item-flag.flags-drop__item-flag--yt {
    height: 14px;
    background-position: -5544px 0
}

.input-flag-wrap .input-flag--za,
.flags-drop__item-flag.flags-drop__item-flag--za {
    height: 14px;
    background-position: -5566px 0
}

.input-flag-wrap .input-flag--zm,
.flags-drop__item-flag.flags-drop__item-flag--zm {
    height: 14px;
    background-position: -5588px 0
}

.input-flag-wrap .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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    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
}

@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 {
        content: "Назад";
        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
    }

    .main-context p {
        margin-bottom: 15px
    }

    .main-context p.jackpot-label {
        margin-bottom: 0
    }

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

    .forgot a {
        font-size: 14px
    }

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

body.home .logo {
    cursor: default
}

p {
    margin: 0;
    line-height: normal
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 15px 0;
    color: #e7c28b
}

.text {
    color: #e7c28b
}

.link {
    font-size: 14px;
    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
}

.capitalize {
    text-transform: capitalize
}

.home #livechat-compact-container,
#chat-widget-container {
    display: none !important
}

.home .main-header-block #livechat-compact-container,
#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 {
    z-index: 1100 !important
}

.game-page .main-game-is-new,
.game-page .main-game-real-money,
.game-page .main-game-in-tournament_mobile {
    display: none
}

.game-page #livechat-compact-container,
.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 .button-block-for-bonus ul li,
#contentBox .button-block-for-bonus ul li:before,
#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) {
    .clock-block {
        min-height: 60px
    }

    .img-wait-block {
        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
    }

    .img-wait-block img {
        margin: 20px auto 20px auto
    }

    .text-wait-block {
        width: 100%
    }

    .text-over-winner {
        font-size: 16px;
        text-transform: initial
    }

    .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--livesport,
    .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--livesport::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,
    .games-filter__collections-link--livesport::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--livesport::before {
        background: url(livesport.svg) no-repeat center;
        background-size: contain
    }

    .games-filter__collections-link--livesport.active::before,
    .games-filter__collections-link--livesport:active::before,
    html:not(.touch) .games-filter__collections-link--livesport:hover::before {
        background: url(livesport-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:before {
        display: block;
        position: absolute;
        content: "";
        width: 14px;
        height: 14px;
        top: 2px;
        left: 2px;
        background: url("expand.svg") no-repeat;
        background-size: contain
    }

    @-webkit-keyframes marquee {
        0% {
            -webkit-transform: translate(0, 0)
        }

        100% {
            -webkit-transform: translate(-100%, 0)
        }
    }

    @keyframes marquee {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        100% {
            -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0)
        }
    }

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

    .turnir-man__join {
        margin-top: 19px !important
    }

    .header-login-form {
        float: left
    }

    .my_profile .error-box input:not(:focus),
    .my_profile .error-box select:not(:focus) {
        margin-bottom: 0 !important
    }

    .my_profile .error-box input:focus+.red-error {
        display: none !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
    }

    .bottom-bg-line {
        background-image: url("bottom-line-popup.png");
        background-repeat: repeat-x;
        background-position: center bottom
    }

    .app-page-text-wrap {
        margin-left: -5px;
        margin-right: -5px
    }

    .one-step {
        background-image: url("app/one-step.png")
    }

    .two-step {
        background-image: url("app/two-step.png")
    }

    .three-step {
        background-image: url("app/three-step.png")
    }

    .purses__list {
        display: block;
        margin: 0 0 20px
    }

    .purses__item {
        padding: 0 0 20px;
        margin: 0 0 20px;
        border-bottom: 1px dashed #ccc;
        text-align: left
    }

    .purses__item:last-child {
        margin-bottom: 0;
        border-bottom: none
    }

    .purses__item-text {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1;
        color: #fff
    }

    .purses__item-img {
        width: 100px;
        height: 40px;
        margin-bottom: 10px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center
    }

    .alt-deposit {
        max-width: 770px;
        margin: 0 auto
    }

    .alt-deposit__title {
        font-size: 17px;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 30px
    }

    .alt-deposit__text {
        text-align: center;
        margin-bottom: 35px
    }

    .alt-deposit__button-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 35px;
        margin-bottom: 35px
    }

    .alt-deposit__button-wrap .alt-deposit__button {
        display: block;
        width: 197px;
        height: 26px;
        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);
        border-radius: 13px;
        border: 2px solid #000;
        color: #000;
        font-size: 15px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center
    }

    .alt-deposit__button:last-child {
        margin-left: 20px
    }

    .notify-problem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .notify-problem__img {
        height: 50px
    }

    .notify-problem__text {
        text-align: left;
        padding-left: 10px
    }

    .notify-problem__link-wrap {
        margin-top: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 8%;
        padding-right: 8%
    }

    .body-notice .notify-problem__link {
        display: inline-block;
        height: 20px;
        border-radius: 5px;
        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;
        text-decoration: none;
        padding-left: 10px;
        padding-right: 10px
    }

    .lottery-table>div {
        margin-bottom: 10px
    }

    .lottery-schedule:last-child .name-lottery-block:before {
        display: none
    }

    .name-lottery-block {
        position: relative
    }

    .name-lottery-block:before {
        content: "";
        position: absolute;
        left: -5px;
        right: -5px;
        bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .timer-for-lottery--mobile {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: block;
        float: none;
        margin-top: 12px;
        margin-bottom: 10px;
        text-align: center
    }

    .timer-for-lottery--mobile .dead-line {
        margin-bottom: 0;
        font-size: 9px
    }

    .timer-for-lottery--mobile .timer>div {
        margin: 0
    }

    .timer-for-lottery--mobile .timer div>span.minutes:before,
    .timer-for-lottery--mobile .timer div>span.minutes:after {
        top: 2px
    }

    .timer-for-lottery--mobile p {
        margin-bottom: 0
    }

    .timer-for-lottery--mobile .timer-end {
        top: 0;
        font-size: 18px;
        text-transform: capitalize
    }

    .timer-for-lottery--mobile .timer-end-date {
        font-size: 16px;
        color: #e7c28b
    }

    .timer-for-lottery--desktop {
        display: none
    }

    .bonus-page__center {
        max-width: 725px;
        margin: 0 auto;
        text-align: left
    }

    .bonus-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 0 -10px 40px
    }

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

    .sport-bonus .bonus-list__item {
        background-color: rgba(0, 0, 0, .45)
    }

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

    .bonus-list__item-title {
        margin-bottom: 17px;
        font-size: 16px;
        line-height: 1.3;
        color: #e7c28b;
        text-transform: uppercase;
        text-align: center
    }

    .bonus-list__item-btn {
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%)
    }

    .bonus-list__item-btn p {
        margin: 0;
        line-height: 26px
    }

    .bonus-list__item-statuses {
        font-size: 0;
        line-height: 0;
        letter-spacing: -4px;
        text-align: center
    }

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

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

    .bonus-list__item-mobile {
        display: none
    }

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

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

    .promo-box_content {
        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
    }

    .promo-box_content .img_box {
        width: 100%;
        margin-bottom: 20px
    }

    .promo-box_content .img_box img {
        display: block;
        max-width: 100%;
        margin: 0 auto
    }

    .promo-box_content .text_box {
        margin-bottom: 20px
    }

    .promo-box_content .bonus-list__item-title {
        position: absolute;
        top: 0;
        text-align: center;
        width: 100%;
        border-width: 1px 0 1px 0;
        border-color: #7d6b59;
        border-style: solid;
        padding: 10px;
        background-color: #000
    }

    .promo-box_content p {
        margin-bottom: 10px;
        padding: 0 20px
    }

    .promo-box_btn-box {
        width: 100%;
        text-align: center
    }

    .promo-box_btn-box a {
        color: #141414;
        text-decoration: none
    }

    .btn-1-wr--center {
        text-align: center
    }

    .btn-1-wr--mb {
        margin-bottom: 20px
    }

    .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";
        font-size: 12px;
        line-height: 24px;
        color: #000;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer
    }

    .btn-1.btn-1-link {
        font-size: 12px;
        color: #000;
        text-decoration: none
    }

    .btn-1.btn-1-link {
        color: #000;
        font-size: 12px;
        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
    }

    html body .btn-1:disabled {
        color: #000 !important
    }

    .popup-add-cur--step2 .popup-add-cur__top-block2-p {
        display: block
    }

    .popup-add-cur--step2 .popup-add-cur__top-block1--text {
        display: none
    }

    .popup-add-cur--step2 .popup-add-cur__top-block1--btns {
        display: block;
        font-size: 0;
        line-height: 0;
        letter-spacing: -4px
    }

    .popup-add-cur--step2 .popup-add-cur__bottom {
        opacity: .5;
        pointer-events: none
    }

    .popup-add-cur__close {
        position: absolute;
        top: 20px;
        right: -45px;
        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;
        -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%;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#fae9ce), to(#f0c788));
        background-image: linear-gradient(to top, #fae9ce, #f0c788);
        text-align: center;
        cursor: pointer
    }

    .popup-add-cur__close:hover {
        filter: brightness(120%);
        -webkit-filter: brightness(120%)
    }

    .popup-add-cur__close__ic {
        width: 18px;
        height: 18px;
        color: #626161
    }

    .popup-add-cur__top {
        margin-bottom: 20px
    }

    .popup-add-cur__top-block2 {
        min-height: 40px;
        padding: 14px 40px 9px
    }

    .popup-add-cur__top-block1 .main-label-line {
        font-family: "Tahoma Bold";
        font-size: 16px
    }

    .popup-add-cur__top-block2-p {
        display: none;
        text-transform: uppercase;
        text-align: center
    }

    .popup-add-cur__top-block2-p-cur {
        display: inline-block
    }

    .popup-add-cur__top-block1--text {
        min-height: 43px;
        padding-top: 11px
    }

    .popup-add-cur__top-block1--btns {
        display: none
    }

    .popup-add-cur__bottom {
        text-align: center
    }

    .popup-add-cur__bottom p {
        margin-bottom: 10px;
        color: #e7c28b
    }

    .popup-add-cur__bottom p:last-child {
        margin-bottom: 0
    }

    .add-cur-block {
        padding: 0 45px;
        margin: 0 -15px;
        font-size: 0;
        line-height: 0;
        letter-spacing: -4px
    }

    .add-cur-block__item {
        display: inline-block;
        width: 70px;
        margin: 0 15px 7px;
        letter-spacing: normal;
        vertical-align: top
    }

    .add-cur-block__item:not(.active):hover .add-cur-block__item-name {
        border-color: #efc688
    }

    .add-cur-block__item.active .add-cur-block__item-name {
        border: 1px solid #efc688;
        cursor: default
    }

    .add-cur-block__item.active .add-cur-block__item-name:before {
        left: 8px;
        top: 9px;
        width: 6px;
        height: 6px;
        border-radius: 50%
    }

    .add-cur-block__item.active .add-cur-block__item-name:after {
        display: none
    }

    .add-cur-block__item-name {
        position: relative;
        height: 26px;
        padding-left: 26px;
        margin-bottom: 3px;
        border: 1px solid #616161;
        border-radius: 4px;
        font-size: 15px;
        line-height: 24px;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
        cursor: pointer;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    .add-cur-block__item-name:before {
        content: "";
        position: absolute;
        left: 6px;
        top: 11px;
        width: 10px;
        height: 2px;
        background: #aea79e;
        background: -webkit-gradient(linear, left top, left bottom, from(#aea79e), to(#aea595));
        background: linear-gradient(to bottom, #aea79e 0%, #aea595 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aea79e", endColorstr="#aea595", GradientType=0)
    }

    .add-cur-block__item-name:after {
        content: "";
        position: absolute;
        left: 10px;
        top: 7px;
        width: 2px;
        height: 10px;
        background: #e6e6e6;
        background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#eac48a));
        background: linear-gradient(to bottom, #e6e6e6 0%, #eac48a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6e6e6", endColorstr="#eac48a", GradientType=0)
    }

    .add-cur-block__item-desc {
        font-size: 10px;
        line-height: 1;
        color: #efc688;
        text-transform: uppercase
    }

    .popup-add-cur__top-block2-btn.registration-button-profile {
        width: 135px;
        margin-right: 35px;
        letter-spacing: normal;
        vertical-align: middle;
        cursor: pointer
    }

    .popup-add-cur__top-block2-btn.registration-button-profile:last-child {
        margin-right: 0
    }

    .currency-radio-list {
        padding: 0 7px
    }

    .currency-radio-list--no-add-btn .currency-radio-list__inner {
        max-width: 100% !important;
        margin-right: 0 !important
    }

    .currency-radio-list--no-add-btn .currency-radio-list__add {
        display: none
    }

    .currency-radio-list--inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .currency-radio-list--inline .currency-radio-list__inner {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        float: none;
        max-width: calc(100% - 110px)
    }

    .currency-radio-list--inline .currency-radio-list__add {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        float: none
    }

    .currency-radio-list:after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        clear: both
    }

    .currency-radio-list__inner {
        max-width: calc(100% - 35px);
        float: left;
        margin-right: 8px;
        white-space: nowrap
    }

    .currency-radio-list__inner * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .currency-radio-list__inner--mod {
        margin-right: 20px
    }

    .currency-radio-list__inner--mod:last-child {
        margin-right: 0
    }

    .currency-radio-list__inner--mod .currency-radio-list__item {
        margin-right: 20px
    }

    .currency-radio-list__inner--mod .currency-radio-list__item:last-child {
        margin-right: 0
    }

    .currency-radio-list__inner:last-child {
        margin-right: 0
    }

    .currency-radio-list__item {
        position: relative;
        display: inline-block;
        margin-right: 5px;
        letter-spacing: normal
    }

    .currency-radio-list__item:last-child {
        margin-right: 0
    }

    .currency-radio-list__radio {
        display: none
    }

    .currency-radio-list__radio:checked~.currency-radio-list__label {
        border: 1px solid #efc688;
        color: #fff;
        cursor: default
    }

    .currency-radio-list__radio:checked~.currency-radio-list__label:before {
        border-color: #efc688;
        background-color: #efc688
    }

    .currency-radio-list__label {
        width: 70px;
        height: 26px;
        padding-left: 26px;
        margin-bottom: 0;
        border: 1px solid #616161;
        border-radius: 4px;
        font-size: 15px;
        line-height: 24px;
        color: #efc688;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
        cursor: pointer
    }

    .currency-radio-list__label:before {
        content: "";
        position: absolute;
        left: 8px;
        top: 10px;
        width: 6px;
        height: 6px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #616161;
        border-radius: 50%;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    .currency-radio-list__add {
        position: relative;
        float: left;
        width: 26px;
        height: 26px;
        border: 1px solid #efc688;
        border-radius: 4px;
        cursor: pointer
    }

    .currency-radio-list__add--mod {
        width: auto;
        padding: 0 8px 0 25px;
        font-size: 12px;
        line-height: 24px;
        color: #efc688
    }

    .currency-radio-list__add:before {
        content: "";
        position: absolute;
        left: 7px;
        top: 11px;
        width: 10px;
        height: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #aea79e;
        background: -webkit-gradient(linear, left top, left bottom, from(#aea79e), to(#aea595));
        background: linear-gradient(to bottom, #aea79e 0%, #aea595 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aea79e", endColorstr="#aea595", GradientType=0)
    }

    .currency-radio-list__add:after {
        content: "";
        position: absolute;
        left: 11px;
        top: 7px;
        width: 2px;
        height: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #e6e6e6;
        background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#eac48a));
        background: linear-gradient(to bottom, #e6e6e6 0%, #eac48a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6e6e6", endColorstr="#eac48a", GradientType=0)
    }

    .select-wr {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

    .select-wr .main-tabs-input-class {
        max-width: none;
        width: 100%
    }

    .select-wr.disabled:after {
        display: none
    }

    .select-wr--block {
        display: block
    }

    .select-wr--arr-mod:after {
        right: 8px
    }

    .lottery-info {
        margin-bottom: 40px
    }

    .standart-mobile-styles {
        padding: 0 13px
    }

    .home,
    .home-page,
    .collection-page,
    .provider-page,
    .sportlobby-page,
    .favorite-collection-page,
    .sport-page {
        padding-top: 48px !important
    }

    .sport-page #main-container,
    .landing-page #main-container,
    .instructionapp-page #main-container,
    .faq-page #main-container {
        display: none
    }

    .sport-not-load-text {
        max-width: 900px;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 50px;
        color: #8f8f8f;
        font-size: 20px
    }

    .sport-not-load {
        padding: 50px 0 20px 0;
        margin: 0 auto;
        display: block
    }

    .wrap-for-myProfile input:disabled,
    .wrap-for-myProfile input[readonly] {
        color: #d3b68c !important
    }

    .wrap-for-myProfile select:disabled {
        color: #d3b68c !important
    }

    .annotation-text-mobile {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 14px
    }

    .annotation-text-desktop {
        display: none
    }

    .input-wrap {
        position: relative;
        max-width: 230px;
        margin: 0 auto
    }

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

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

    .mobile-soc-buttons.open {
        opacity: 1;
        right: 10px
    }

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

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

    .mobile-soc-buttons .telega::after {
        background: url("telega.svg") no-repeat center center;
        left: calc(50% - 2px)
    }

    .mobile-soc-buttons .whatsapp::after {
        background: url("whatsapp.svg") no-repeat center center
    }

    .mobile-soc-buttons .help-chat::after {
        background: url("live-chat.svg") no-repeat center center;
        width: 26px;
        height: 26px
    }

    .red-line {
        text-indent: 25px
    }

    .input-wrap .main-tabs-input-class {
        width: 100%
    }

    .input-wrap--phone {
        max-width: 230px;
        margin: 0 auto
    }

    div[data-template=tournament-info] {
        margin-bottom: 15px
    }

    .prise-currency {
        text-transform: uppercase;
        color: #e7c28b;
        text-align: center
    }

    .c-hamburger {
        overflow: visible !important
    }

    .main-top-line-head button.is-active:before {
        width: 0;
        height: 0
    }

    .table-wrapper-1 table {
        border-radius: 0
    }

    br {
        color: transparent
    }

    .prize-number {
        text-align: center
    }

    .lottery-name-img a {
        text-decoration: none
    }

    .black-background p {
        margin: 0 !important
    }

    .prizovoy-block {
        margin-bottom: 40px
    }

    .last-tournament {
        margin-left: -15px;
        margin-right: -15px
    }

    .hidden-mobile {
        display: none
    }

    .status-description-list-title {
        margin: 0 !important;
        padding: 23px 0 0 !important
    }

    .promo-bonus-list {
        padding-left: 10px;
        font-size: 12px
    }

    .main-spining-slider .star-list-top2 {
        cursor: pointer !important
    }

    .locale-swich {
        display: block;
        text-align: center
    }

    .locale-swich__item {
        padding: 0 5px
    }

    .main-context--terms .label-text-silver1,
    .main-context--terms .main-text-inner1,
    .main-context--terms .wrapper-main-context {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .main-text-inner2--move-r {
        margin-left: 20px
    }

    .wrapper-laber-bonus {
        margin-right: -15px;
        margin-left: -15px
    }

    .timer-end {
        position: relative;
        top: 25px
    }

    .deposit-lottery .name-deposit-lottery {
        border-top: 1px solid #66543a;
        border-bottom: 1px solid #626161;
        background: #030303
    }

    .deposit-lottery .tickets-table td {
        width: 33.333%
    }

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

    .button-style3 button {
        background: none;
        border: none;
        font-size: 18px;
        padding: 2px 0
    }

    .popup #scrollUp,
    .game-page #scrollUp {
        display: none !important
    }

    #scrollUp {
        display: none
    }

    #scrollUp a {
        display: none
    }

    .section-for-button {
        margin: 0 auto;
        width: 193px
    }

    .main-bottom-content-block {
        color: #cecece;
        padding: 20px
    }

    .main-bottom-content-block p {
        margin-bottom: 15px
    }

    .label-in-block-tournir {
        margin-bottom: 15px
    }

    .inner-filter-block {
        width: 100%;
        margin: 0 auto;
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 15px;
        position: relative;
        padding-top: 4px
    }

    .filter-block {
        display: none;
        background: url(bottom-line.png) repeat-x top;
        margin: 0 0 0
    }

    body.collection-page .filter-block,
    body.provider-page .filter-block,
    body.sportlobby-page .filter-block,
    body.favorite-collection-page .filter-block {
        display: block
    }

    body.collection-page .line-under-filter,
    body.provider-page .line-under-filter,
    body.sportlobby-page .line-under-filter,
    body.favorite-collection-page .line-under-filter {
        display: none
    }

    body.favorite-collection .line-under-filter {
        display: block !important
    }

    .all-providers,
    .filter-set,
    .filter-button {
        display: inline-block;
        vertical-align: top
    }

    .left-filter,
    .right-filter {
        border-radius: 2px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer
    }

    .left-filter,
    .right-filter {
        width: 32px;
        height: 32px
    }

    .right-filter {
        padding: 7px 0 0 4px
    }

    .img-block {
        background: url(filter-line.png) no-repeat center;
        height: 100%;
        width: 100%
    }

    .left-filter:hover .img-block {
        background: url(filter-line-hover.png) no-repeat center
    }

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

    html:not(.touch) .inner-filter-block a:hover,
    .inner-filter-block a.active,
    .inner-filter-block a:active,
    html:not(.touch) .right-filter:hover,
    html:not(.touch) .left-filter:hover {
        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
    }

    .input-block--capcha .red-error {
        margin-top: -21px !important;
        color: #fff
    }

    .font-bold {
        font-family: "Tahoma Bold", sans-serif
    }

    .all-providers {
        padding: 7px 9px 0 10px
    }

    .filter-set {
        padding: 6px 0 5px 0;
        margin: 0
    }

    .filter-button {
        float: right;
        position: relative
    }

    .game-frame {
        width: 100%;
        height: 100%;
        border: none;
        overflow: hidden
    }

    .game-frame__error {
        text-align: center
    }

    .botton-padding {
        height: 30px
    }

    .wrap-for-img-bonus img {
        width: 100%;
        max-width: 262px
    }

    .green-block {
        color: #fff !important;
        background: #5fc55a !important
    }

    .timer-tournir {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .mini-left-block {
        width: 45%;
        padding: 6px 0 0 0
    }

    .mini-right-block {
        width: 55%;
        padding: 6px 0 0 0
    }

    .full-width-block {
        width: 100%;
        padding: 6px 0 0 0
    }

    ul.tournament-prize-number li:before {
        width: 0 !important;
        height: 0 !important
    }

    ul.tournament-prize-number {
        text-align: center !important;
        margin-bottom: 0
    }

    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
    }

    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
    }

    .accord-block .main-popup-block p {
        text-align: left;
        margin-bottom: 0
    }

    .inner-double-block {
        text-align: center
    }

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

    .right-block-with-col .clock-block {
        width: 175px;
        margin: 0 auto;
        float: none;
        font-size: 11px
    }

    .table-tournir p {
        text-align: center;
        color: #fff;
        font-size: 20px
    }

    .right-block-with-col {
        float: left;
        display: none
    }

    .wrap-for-double-block {
        width: 98%;
        margin: 0 auto
    }

    .wrap-now {
        display: none
    }

    .wrap-of-img img {
        width: 100%
    }

    .first-deposit {
        padding-top: 30px
    }

    .label-line .center-p {
        width: 94%;
        margin: 0 auto
    }

    .capch-block {
        width: 224px;
        margin: 29px auto 0
    }

    .clearfix::after {
        content: "";
        display: table;
        clear: both
    }

    .money-inner .money-item div:first-child {
        width: 44%;
        display: inline-block;
        margin-right: 2%
    }

    .money-inner .money-item div:last-child {
        width: 52%;
        display: inline-block;
        text-align: left
    }

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

    .wrap-for-soc-block {
        background: #292929;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #292929), color-stop(29%, #171717));
        background: linear-gradient(180deg, #292929 50%, #171717 29%)
    }

    .mobile-menu-popup-block {
        width: 100%;
        background: #1a1a1a;
        position: fixed;
        top: 48px;
        z-index: -1
    }

    .clear-min805 {
        clear: both;
        height: 5px
    }

    .mobili-menu-cheked {
        background: url(mobile-menu-hover.png) no-repeat center !important
    }

    .inner-popup-block {
        width: 100%;
        padding-top: 0;
        height: 100%
    }

    .wrap-mini-ipad {
        width: 68px;
        margin: 0 auto 0;
        padding: 47px 0 0
    }

    body {
        background: #272828
    }

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

    .m_app_link {
        width: 130px;
        display: block;
        margin: 20px auto
    }

    .inner-mobile-menu-block {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        position: relative;
        height: var(--window-inner-height);
        width: 80%;
        margin-left: 20%;
        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%)
        }
    }

    .inner-mobile-menu-block .inner-mobile-menu-block__link {
        color: transparent
    }

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

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

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

    .menu-tabs-submenu {
        width: 88%;
        margin: 0 auto;
        max-width: 367px
    }

    .mobile-menu-promo-bonus {
        overflow: visible !important
    }

    .mobile-menu-promo-bonus .input-for-promo-kod {
        width: 100%
    }

    .mobile-menu-promo-bonus .green-circul {
        width: 35px !important;
        height: 35px;
        background-size: contain;
        right: 0
    }

    .inner-blue-tornament {
        background: #00161b;
        padding: 0 11px !important;
        margin-bottom: 22px;
        position: relative
    }

    .inner-item-mobile-tournament {
        background: url(top-mob-line.png) repeat-x center 0;
        padding: 0
    }

    .wrap-inner-item {
        background: url(top-mob-line.png) repeat-x center bottom;
        padding-bottom: 22px;
        color: #fff;
        padding-top: 11px
    }

    .wrap-img-slider {
        border-radius: 7px;
        border: 2px solid #e2be88;
        overflow: hidden;
        width: 85%;
        margin: 0 auto 6px
    }

    .wrap-bottom-block {
        margin: 0 auto;
        width: 88%
    }

    .block-arrow-left,
    .block-arrow-right {
        width: 22px;
        height: 37px;
        position: absolute;
        top: 34%;
        cursor: pointer
    }

    .block-arrow-left {
        left: 2%;
        background: url(mob-slider-left.png) no-repeat center
    }

    .block-arrow-right {
        right: 2%;
        background: url(mob-slider-right.png) no-repeat center
    }

    .label-slider-tour {
        text-transform: uppercase;
        font-size: 14px;
        font-family: "Tahoma Bold", sans-serif;
        padding: 8px 0
    }

    .block-bottom-number {
        display: inline-block;
        vertical-align: top;
        margin: 0 2px
    }

    .number-block {
        font-family: "Tahoma Bold", sans-serif;
        color: #e2be88;
        font-size: 17px;
        text-align: center
    }

    .minut-block::before {
        content: ":";
        position: absolute;
        top: 1px;
        left: -6px;
        color: #e2be88
    }

    .minut-block::after {
        content: ":";
        position: absolute;
        top: 1px;
        right: -6px;
        color: #e2be88
    }

    .minut-block {
        position: relative
    }

    .left-bot p {
        padding-bottom: 4px
    }

    .text-block-bottom {
        font-size: 11px;
        margin-top: -3px
    }

    .slider-ul-mob {
        text-align: center;
        padding: 0
    }

    .slider-ul-mob li {
        background: #000;
        border: 1px solid #e2be88;
        border-radius: 4px;
        display: inline-block;
        vertical-align: top;
        font-family: "Tahoma Bold", sans-serif;
        color: #e2be88;
        padding: 2px 3px;
        font-size: 13px
    }

    .wrap-img-slider img {
        width: 100%
    }

    .left-bot {
        width: 49%;
        float: left;
        text-align: center
    }

    .right-bot {
        width: 49%;
        float: right
    }

    .circul-ipad {
        width: 44%;
        height: 100%;
        background: url(back-slider-320.png) no-repeat center 27px
    }

    .block-with-col {
        padding: 0
    }

    .search-button {
        width: 27px;
        height: 26px;
        position: absolute;
        top: 0;
        right: 0;
        background: none;
        border: none
    }

    .main-cl32 {
        display: none
    }

    .main-bold-font {
        font-family: "Tahoma Bold", sans-serif
    }

    .main-ipad-display {
        display: none
    }

    .container-fluid {
        padding-left: 0;
        padding-right: 0
    }

    .main-cubok-wrap {
        position: absolute;
        top: 5px;
        width: 35px;
        height: 35px
    }

    .main-cubok-wrap img {
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        display: block
    }

    .main-wrap-star {
        float: left;
        padding: 5px 0 0;
        display: none
    }

    .main-wrap-star img {
        width: 9px;
        height: 9px
    }

    .main-login-block .main-text-wrap .main-login {
        max-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .main-text-wrap {
        padding: 0 0 0 44px
    }

    .clear {
        clear: both
    }

    .main-login-block {
        padding: 6px 6px 0 14px;
        float: left;
        position: relative;
        display: none
    }

    .main-logout {
        margin-top: -1px;
        color: #fff
    }

    .main-status {
        float: left;
        padding: 0 27px 6px 15px;
        display: none
    }

    .main-balans {
        float: left;
        padding: 3px 0 0 0
    }

    .main-left-balans {
        position: relative;
        float: left;
        max-width: 100px;
        height: 47px;
        padding: 7px 0 0 5px;
        margin: -5px 0 0 0;
        font-size: 13px;
        background-repeat: no-repeat;
        background-size: 12px auto;
        background-position: 62px 12px;
        cursor: pointer;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    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
    }

    html.multi-currency .main-left-balans {
        background-image: url("balance-arr.png")
    }

    .main-left-balans__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #e7c28b !important
    }

    .main-left-balans__ico {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 5px;
        background: url(casino.svg) no-repeat
    }

    .sport-page .main-left-balans__ico {
        background: url(sportbook.svg) no-repeat
    }

    .currencies-list {
        display: none;
        position: fixed;
        left: 0;
        top: 47px;
        z-index: 999;
        -webkit-box-shadow: 0 6px 4px 0 rgba(0, 0, 0, .72);
        box-shadow: 0 6px 4px 0 rgba(0, 0, 0, .72);
        border-top: 1px solid #1a1a1a;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background-color: #2a2a2a
    }

    .currencies-list__item {
        position: relative;
        padding: 5px 15px 5px 5px;
        border-bottom: 1px solid #1a1a1a;
        font-size: 0;
        line-height: 0;
        letter-spacing: -4px;
        cursor: pointer;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    .currencies-list__item:last-child {
        border-bottom: none
    }

    .currencies-list__item:hover,
    .currencies-list__item.active {
        background-color: #353535
    }

    .currencies-list__item:hover .currencies-list__cur,
    .currencies-list__item.active .currencies-list__cur,
    .currencies-list__item:hover .currencies-list__val,
    .currencies-list__item.active .currencies-list__val {
        color: #fff
    }

    .currencies-list__item.active:before {
        content: "";
        position: absolute;
        right: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-image: -webkit-gradient(linear, right top, left top, from(#e6e6e6), color-stop(18%, #d6cdc3), color-stop(45%, #aca498), color-stop(87%, #e5c18b), to(#f0c788));
        background-image: linear-gradient(-90deg, #e6e6e6 0%, #d6cdc3 18%, #aca498 45%, #e5c18b 87%, #f0c788 100%);
        cursor: default
    }

    .currencies-list__cur,
    .currencies-list__val {
        font-size: 14px;
        line-height: 1;
        color: #e7c28b;
        letter-spacing: normal;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    .balanceblock {
        display: block;
        height: 15px;
        color: #fff;
        font-family: "Tahoma Bold", sans-serif;
        margin-top: 1px;
        line-height: 11px
    }

    .balanceblock__inner {
        white-space: nowrap
    }

    .balance-span {
        display: inline-block
    }

    .main-button-balans {
        float: left;
        position: relative;
        top: 0;
        white-space: nowrap
    }

    .main-progres {
        width: 94px;
        height: 12px;
        border-radius: 6px;
        padding: 1px
    }

    .main-progress-in {
        display: block;
        height: 100%;
        background: #e6e6e6;
        background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#e1bf8c));
        background: linear-gradient(to bottom, #e6e6e6 0%, #e1bf8c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6e6e6", endColorstr="#e1bf8c", GradientType=0);
        border-radius: 6px
    }

    .main-but-wrap {
        display: inline-block;
        vertical-align: top;
        border: 2px solid #eec689;
        padding: 2px;
        border-radius: 19px;
        white-space: normal
    }

    .main-but-wrap--on-mobile {
        display: inline-block
    }

    .main-but-wrap--inline {
        width: auto !important
    }

    .main-but-wrap--tooltip {
        position: relative
    }

    .cashout-list-tooltip {
        position: fixed;
        display: none;
        top: 43px;
        left: 10px;
        right: 10px;
        z-index: 1
    }

    .cashout-list-tooltip--visible {
        display: block
    }
}

@media(min-width: 1px)and (min-width: 420px) {
    .cashout-list-tooltip {
        position: absolute;
        top: 36px;
        -webkit-transform: translateX(-71%);
        -ms-transform: translateX(-71%);
        transform: translateX(-71%);
        width: 326px
    }
}

@media all and (min-width: 1px) {
    .cashout-list-tooltip__inner {
        position: relative;
        background: #242424;
        width: auto;
        padding: 13px 31px 23px;
        margin-top: 16px;
        border-radius: 10px
    }
}

@media all and (min-width: 1px) {
    .cashout-list-tooltip__status {
        margin-bottom: 17px;
        text-transform: none;
        font-family: "Tahoma";
        font-size: 14px;
        line-height: 17px;
        letter-spacing: .02em;
        color: #d8ba78
    }
}

@media all and (min-width: 1px) {
    .cashout-list-tooltip__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
    }

    .cashout-list-tooltip__row+.cashout-list-tooltip__row {
        margin-top: 9px
    }
}

@media all and (min-width: 1px) {
    .cashout-list-tooltip__column {
        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: 6px;
        -moz-column-gap: 6px;
        column-gap: 6px
    }

    .cashout-list-tooltip__column .show-cashout-restrictions {
        width: 24px;
        height: 16px
    }

    .cashout-list-tooltip__column .show-cashout-restrictions:before {
        background-size: cover;
        width: 16px
    }
}

@media all and (min-width: 1px) {
    .cashout-list-tooltip__amount {
        font-family: "Verdana";
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .cashout-list-tooltip__delete {
        background: url("delete-cashout.png") repeat-x bottom center;
        width: 13px;
        height: 13px;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .cashout-list-tooltip__delete-all {
        background: url("delete-cashout-all.png") repeat-x bottom center;
        background-size: cover;
        width: 140px;
        height: 31px;
        margin: 17px auto 0;
        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;
        text-transform: none;
        font-family: "Tahoma";
        font-weight: 400;
        font-size: 11px;
        color: #000;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .gradient-border {
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        outline: 0;
        background-color: #000;
        border: 2px solid #e3c798
    }
}

@media all and (min-width: 1px) {
    .main-deposit {
        color: #fff;
        text-decoration: none;
        display: block;
        height: 29px;
        cursor: pointer;
        border-radius: 19px;
        text-align: center;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 12px;
        padding: 6px 0;
        width: 75px
    }
}

@media all and (min-width: 1px) {
    .main-deposit-view-cashout {
        position: relative
    }

    .main-deposit-view-cashout::before {
        content: "";
        position: absolute;
        display: block;
        bottom: -37px;
        left: 50%;
        width: 15px;
        height: 15px;
        background-color: #242424;
        -webkit-transform: rotate(45deg) translateX(-69%);
        -ms-transform: rotate(45deg) translateX(-69%);
        transform: rotate(45deg) translateX(-69%);
        opacity: 1;
        z-index: 1
    }
}

@media(min-width: 1px)and (min-width: 805px) {
    .main-deposit-view-cashout::before {
        bottom: -36px
    }
}

@media all and (min-width: 1px) {
    .main-deposit-view-cashout__indicator {
        position: absolute;
        top: -1px;
        right: -6px;
        border-radius: 10px;
        padding: 3.4px 4px;
        background: #df2244;
        color: #fff;
        font-family: "Tahoma";
        font-weight: 700;
        font-size: 9px;
        line-height: 10px;
        text-transform: uppercase
    }
}

@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) {
    .main-bottom-line {
        border-right: 1px solid #eec689;
        border-left: 1px solid #eec689;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 19px;
        border-bottom-left-radius: 19px;
        display: none;
        background: #1a1a1a;
        position: absolute;
        width: 100%;
        left: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .main-bottom-line.dropdown-open {
        border-bottom: 1px solid #eec689;
        right: -66px
    }
}

@media(min-width: 1px)and (max-width: 1027px) {
    .main-bottom-line.dropdown-open {
        right: 58px
    }
}

@media all and (min-width: 1px) {
    .main-menu-line a {
        color: #000;
        display: block;
        padding: 8px 10px 9px 10px;
        position: relative;
        background: transparent url(arrow-bot.png) no-repeat center 30px;
        -webkit-transition: background-color linear .15s;
        transition: background-color linear .15s
    }
}

@media all and (min-width: 1px) {
    .main-bottom-line ul li {
        display: inline-block
    }
}

@media all and (min-width: 1px) {
    .main-bottom-line ul {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .main-bottom-line ul li a {
        color: #e7c28b;
        display: block;
        padding: 6px 5px;
        text-transform: capitalize
    }
}

@media all and (min-width: 1px) {
    .main-bottom-line ul li a:hover {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .wrapper-ipad {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .main-menu-top:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 35px;
        background: -webkit-gradient(linear, left top, left bottom, from(#d2cbc6), to(#d3cac1));
        background: linear-gradient(to bottom, #d2cbc6 0%, #d3cac1 100%)
    }
}

@media all and (min-width: 1px) {
    .main-menu-top:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 35px;
        background: -webkit-gradient(linear, left top, left bottom, from(#b79767), to(#b89662));
        background: linear-gradient(to bottom, #b79767 0%, #b89662 100%)
    }
}

@media all and (min-width: 1px) {

    .main-menu-top.user-auth .dropdown:before,
    .main-menu-top.user-auth .dropdown:after {
        display: none;
        content: "";
        position: absolute;
        bottom: 14px;
        width: 9px;
        height: 9px;
        background: url(star-silver.png) center center no-repeat;
        background-size: contain
    }
}

@media all and (min-width: 1px) {
    .main-menu-top.user-auth .dropdown:before {
        left: 16px
    }
}

@media all and (min-width: 1px) {
    .main-menu-top.user-auth .dropdown:after {
        right: 16px
    }
}

@media all and (min-width: 1px) {
    .main-menu-top li:hover a {
        background: url(arrow-bot.png) no-repeat center 30px #1a1a1a;
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .arrow-down {
        position: absolute
    }
}

@media all and (min-width: 1px) {
    .main-menu-line a:hover {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .main-menu-line a:active {
        text-decoration: none;
        background: #000
    }
}

@media all and (min-width: 1px) {
    .main-menu-top li {
        display: inline-block;
        float: left;
        padding-left: 2px;
        font-size: 14px;
        line-height: 1.42857;
        letter-spacing: normal;
        position: relative
    }
}

@media all and (min-width: 1px) {

    .main-menu-top li.before-el>a:before,
    .main-menu-top li.before-el>a:after {
        content: "";
        background-size: cover;
        position: absolute;
        width: 1px;
        height: 35px;
        top: 0;
        -webkit-transition: background .3s ease-out;
        transition: background .3s ease-out
    }
}

@media all and (min-width: 1px) {
    .main-menu-top li.before-el>a:before {
        background: -webkit-gradient(linear, left top, left bottom, from(#b79767), to(#b89662));
        background: linear-gradient(to bottom, #b79767 0%, #b89662 100%);
        left: -1px
    }
}

@media all and (min-width: 1px) {
    .main-menu-top li.before-el>a:after {
        background: -webkit-gradient(linear, left top, left bottom, from(#d2cbc6), to(#d3cac1));
        background: linear-gradient(to bottom, #d2cbc6 0%, #d3cac1 100%);
        right: -1px
    }
}

@media all and (min-width: 1px) {

    .main-menu-top li.before-el:hover>a:before,
    .main-menu-top li.before-el:not(:nth-last-child(2)):hover>a:after {
        background: #1a1a1a;
        height: 36px
    }
}

@media all and (min-width: 1px) {
    .main-menu-top li.before-el:hover>a:after .main-bottom-line.dropdown {
        top: 100%
    }
}

@media all and (min-width: 1px) {
    .main-menu-top:last-child {
        padding-right: 2px;
        padding-left: 0
    }
}

@media all and (min-width: 1px) {
    .main-menu-top {
        font-size: 0;
        line-height: 0;
        letter-spacing: -4px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .main-left-slid {
        font-size: 28px;
        position: absolute;
        top: 67px;
        width: 97px;
        right: 20px
    }
}

@media all and (min-width: 1px) {
    .main-inner-text {
        font-size: 11px;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        text-align: right;
        position: relative;
        top: 5px;
        border-bottom: 1px solid #aea495;
        width: 90%;
        float: right;
        padding-bottom: 4px
    }
}

@media all and (min-width: 1px) {
    .nondisp-tournir2 {
        display: block;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .main-horizontal-line {
        padding: 8px 0
    }
}

@media all and (min-width: 1px) {
    .lable-news img {
        position: relative;
        z-index: -1
    }
}

@media all and (min-width: 1px) {
    .win-text-block {
        float: left;
        width: 52%
    }
}

@media all and (min-width: 1px) {
    .main-actor-result {
        width: 92%;
        margin: 10px auto 0;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .you-place-wr .main-actor-result {
        margin-top: 0;
        margin-bottom: 10px
    }
}

@media all and (min-width: 1px) {
    .you-place-wr .you-place {
        padding-top: 0
    }
}

@media all and (min-width: 1px) {
    .main-actor-result th {
        font-family: "Tahoma Bold", sans-serif;
        font-size: 16px
    }
}

@media all and (min-width: 1px) {
    .main-actor-result tr th {
        border-bottom: 1px solid #353535;
        line-height: 27px;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 12px
    }
}

@media all and (min-width: 1px) {
    .main-actor-result tr td {
        border-bottom: 1px solid #353535;
        line-height: 24px;
        font-size: 12px
    }
}

@media all and (min-width: 1px) {
    .actor-itog {
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .you-place {
        color: #fff;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        width: 92%;
        margin: 0 auto;
        padding: 14px 8px 4px;
        font-size: 12px
    }
}

@media all and (min-width: 1px) {
    .main-priz>p {
        margin-bottom: 4px
    }
}

@media all and (min-width: 1px) {
    .main-day-label {
        color: #fff;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .main-day-label li {
        margin: 0 11px
    }
}

@media all and (min-width: 1px) {
    .main-day {
        position: relative;
        left: -8px
    }
}

@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) {
    .main-game-list .wrapper-img-section img {
        width: 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) {
    .inner-star-left ul li {
        width: 16px;
        height: 21px;
        float: left;
        list-style-type: none
    }
}

@media all and (min-width: 1px) {
    .inner-star-left ul {
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .inner-star-left {
        padding: 6px;
        float: left;
        display: none
    }
}

@media all and (min-width: 1px) {
    div.right-choice input {
        display: none
    }
}

@media all and (min-width: 1px) {
    .choice-label {
        padding: 1px 0 3px 30px;
        background: url(checkbox.png) no-repeat 0 5px;
        background-size: 46px auto;
        cursor: pointer;
        text-decoration: underline;
        font-weight: normal
    }
}

@media all and (min-width: 1px) {
    .labelpresent {
        background: url(checkbox-ic.png) no-repeat 0 5px
    }
}

@media all and (min-width: 1px) {
    #registr-email {
        margin: 0
    }
}

@media all and (min-width: 1px) {
    .main-popup-black-reg {
        height: 100%;
        width: 100%;
        z-index: 53;
        top: 0;
        left: 0;
        display: none;
        position: fixed
    }
}

@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) {
    .promo-input {
        border: none;
        background: url(nicname.png) no-repeat 0 1px;
        padding: 0 0 0 26px;
        height: 32px;
        width: 223px
    }
}

@media all and (min-width: 1px) {
    .wrap-but-registration {
        width: 223px;
        margin: 0 auto
    }
}

@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) {
    .second-col {
        float: left;
        padding: 5px 0 0 11px;
        text-align: left
    }
}

@media all and (min-width: 1px) {
    .star-list[data-checked=true] .star-li-disp-b {
        display: none !important
    }
}

@media all and (min-width: 1px) {
    .star-list[data-checked=true] .star-li-over {
        display: inline-block !important
    }
}

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

    .star-li-disp-b,
    .star-li-over {
        width: 87%
    }
}

@media all and (min-width: 1px) {
    .star-li-over {
        display: none
    }
}

@media all and (min-width: 1px) {
    .star-list:hover .star-li-disp-b {
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .star-list:hover .star-li-over {
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .disp-logo {
        display: inline-block
    }
}

@media all and (min-width: 1px) {
    .no-disp-logo {
        display: none
    }
}

@media all and (min-width: 1px) {
    .logo-block {
        text-align: center
    }
}

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

    .priz-number .days,
    .priz-number .hours,
    .priz-number .minutes,
    .priz-number .seconds {
        margin-bottom: 2px;
        font-weight: bold;
        font-size: 16px;
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {

    .priz-number .hours,
    .priz-number .minutes {
        position: relative
    }
}

@media all and (min-width: 1px) {

    .priz-number .hours:after,
    .priz-number .minutes:after {
        content: ":";
        position: absolute;
        right: -8px;
        top: 0
    }
}

@media all and (min-width: 1px) {
    .priz-number .smalltext {
        font-size: 8px
    }
}

@media all and (min-width: 1px) {
    .top-number {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 13px
    }
}

@media all and (min-width: 1px) {
    .money-lottery img {
        width: 67%
    }
}

@media all and (min-width: 1px) {
    .money-lottery ul li:nth-child(2) img {
        width: 87%
    }
}

@media all and (min-width: 1px) {
    .main-ipad-icon {
        position: absolute;
        left: 150px;
        top: 47px
    }
}

@media all and (min-width: 1px) {
    .main-ipad-nodisplay {
        display: none
    }
}

@media all and (min-width: 1px) {
    .auth-top-line-head {
        padding-top: 4px
    }
}

@media all and (min-width: 1px) {
    .mobile-bonus-ul {
        text-align: center;
        padding: 10px 0 0 0
    }
}

@media all and (min-width: 1px) {
    .mobile-bonus-ul li {
        display: inline-block;
        vertical-align: top;
        width: 17%;
        cursor: pointer;
        position: relative;
        margin: 0 2px
    }
}

@media all and (min-width: 1px) {
    .mobile-bonus-ul li:nth-child(2)::after {
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        background: url(green-circul.png) no-repeat center;
        top: -7px;
        right: -2px
    }
}

@media all and (min-width: 1px) {
    .mobile-bonus-ul li img {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .label-bonus-mobile {
        text-align: center;
        color: #edc589;
        text-transform: uppercase;
        font-size: 15px;
        padding: 4px 0
    }
}

@media all and (min-width: 1px) {
    .label-bonus-mobile span {
        color: #fff;
        text-transform: capitalize;
        font-size: 14px;
        padding: 0 10px
    }
}

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

@media all and (min-width: 1px) {
    .inner-line {
        padding: 1px;
        width: 100%;
        height: 14px;
        border-radius: 10px;
        margin: 4px 0
    }
}

@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%, #222 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) {
    .news::before {
        background: url(news.svg) no-repeat center;
        background-size: 80% 80%
    }
}

@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) {
    .clear-field {
        display: none;
        position: absolute;
        right: 35px;
        top: 50%;
        width: 29px;
        height: 29px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(clear-input.png) center center no-repeat;
        background-size: 15px auto;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .bottom-mobile-button-block {
        text-align: center
    }
}

@media all and (min-width: 1px) {

    .help-a,
    .link__partners {
        background: #363636;
        background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#222222));
        background: linear-gradient(to bottom, #363636 0%, #222 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363636", endColorstr="#222222", GradientType=0);
        color: #e1bf8c;
        margin: 0 auto;
        width: 140px;
        border-radius: 7px;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {

    .button-help,
    .help-button__right .link__partners {
        color: #e1bf8c;
        text-align: center;
        text-transform: uppercase;
        font-size: 15px;
        display: block;
        padding: 6px 0;
        position: relative;
        text-decoration: underline
    }
}

@media all and (min-width: 1px) {
    .mainMirror .help-button__left {
        float: none;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {

    .button-help:hover,
    .help-button__right .link__partners:hover {
        text-decoration: none;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .help-button__right .link__partners {
        display: inline-block;
        line-height: normal;
        padding-left: 15px
    }
}

@media all and (min-width: 1px) {
    .help-button__right .link__partners:hover {
        filter: none;
        -webkit-filter: none
    }
}

@media all and (min-width: 1px) {

    .button-help::before,
    .link__partners:before {
        content: "";
        position: absolute;
        width: 21px;
        height: 21px;
        background: no-repeat center;
        background-size: 100% 100%;
        left: 7px;
        top: 4px
    }
}

@media all and (min-width: 1px) {
    .button-help::before {
        background-image: url(help.png)
    }
}

@media all and (min-width: 1px) {
    .link__partners:before {
        background-image: url(link-partners.svg);
        width: 19px;
        height: 19px;
        left: 9px;
        top: 5px
    }
}

@media all and (min-width: 1px) {
    .popup-button p {
        font-size: 11px;
        background: #fff;
        color: #000
    }
}

@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) {
    .inner-line span {
        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);
        width: 69%;
        height: 100%;
        display: block;
        border-radius: 10px
    }
}

@media all and (min-width: 1px) {
    .progress-line {
        float: right;
        width: 80%;
        width: calc(100% - 51px)
    }
}

@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) {
    .main-wrap-verticaline {
        float: left;
        padding: 11px 12px 0 4px;
        display: none
    }
}

@media all and (min-width: 1px) {
    .main-inner-wrap-right-block {
        width: 420px
    }
}

@media all and (min-width: 1px) {
    .else-icon {
        float: left;
        cursor: pointer;
        z-index: 45;
        position: relative;
        top: 71px
    }
}

@media all and (min-width: 1px) {
    .main-inner-right-col {
        width: 390px;
        border: 2px solid #fff;
        min-height: 500px;
        background: url(background-else.png);
        border-radius: 8px;
        float: left
    }
}

@media all and (min-width: 1px) {
    body.popup {
        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(min-width: 1px)and (max-width: 804px) {
    .main-popup-black--overlay-header {
        z-index: 117
    }
}

@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) {
    .disnon {
        display: none !important
    }
}

@media all and (min-width: 1px) {
    .disblock {
        display: block !important
    }
}

@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) {
    .tournament-item img {
        width: 86%
    }
}

@media all and (min-width: 1px) {
    .current-promo {
        display: none;
        padding-top: 30px
    }
}

@media all and (min-width: 1px) {
    .bottom-label-tournament {
        background: url(tournament-lamel.png) no-repeat center;
        width: 185px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .bottom-label-tournament p a {
        display: block;
        padding: 4px 0;
        color: #000;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .bottom-label-tournament p a:hover {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .curent-label {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 18px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .text-tournament {
        width: 81%;
        text-align: left;
        margin: 0 auto;
        height: 96%;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .label-tournament {
        text-transform: uppercase;
        position: absolute;
        top: 5px;
        left: 20px;
        width: 197px;
        font-size: 17px
    }
}

@media all and (min-width: 1px) {
    .tournir-img-wrap {
        height: 180px;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .tournament-item {
        color: #fff;
        width: 238px;
        display: inline-block;
        text-align: center;
        position: relative;
        height: 537px;
        vertical-align: top
    }
}

@media all and (min-width: 1px) {
    .tournament-block {
        text-align: center;
        height: 539px;
        overflow: hidden;
        padding-top: 10px
    }
}

@media all and (min-width: 1px) {
    .tournament-item:hover {
        cursor: pointer;
        top: -10px
    }
}

@media all and (min-width: 1px) {
    .left-arrow-block {
        background: url(left.png) no-repeat 0 0;
        height: 16px;
        cursor: pointer;
        width: 16px;
        position: absolute;
        left: 0
    }
}

@media all and (min-width: 1px) {
    .left-arrow-block:hover {
        background: url(left-hover.png) no-repeat 0 0
    }
}

@media all and (min-width: 1px) {
    .right-arrow-block {
        background: url(right.png) no-repeat right 0;
        width: 16px;
        height: 16px;
        cursor: pointer;
        position: absolute;
        right: 0
    }
}

@media all and (min-width: 1px) {
    .right-arrow-block:hover {
        background: url(right-hover.png) no-repeat right 0
    }
}

@media all and (min-width: 1px) {
    .slider-manual {
        width: 89%;
        margin: 40px auto 0;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .clear-height {
        clear: both;
        height: 40px
    }
}

@media all and (min-width: 1px) {
    .slider-circul li {
        width: 10px;
        height: 16px;
        background: url(circul.png) no-repeat center;
        display: inline-block;
        vertical-align: top;
        margin: 0 7px
    }
}

@media all and (min-width: 1px) {
    .slider-circul li:hover {
        background: url(circul-hover.png) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .slider-circul li a {
        cursor: pointer;
        height: 100%;
        width: 100%;
        display: block
    }
}

@media all and (min-width: 1px) {
    .slider-circul {
        width: 92%;
        margin: 0 auto;
        text-align: center;
        height: 21px;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .padding-block {
        height: 27px;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .tournament-item:hover img {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .tournament-item:hover .wrap-text-tournament {
        height: 330px
    }
}

@media all and (min-width: 1px) {
    .tournament-item:hover .label-tournament {
        top: 6px;
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 20px
    }
}

@media all and (min-width: 1px) {
    .tournament-item:hover .text-tournament {
        color: #e7c28b;
        width: 91%;
        line-height: 20px
    }
}

@media all and (min-width: 1px) {
    .wrap-text-tournament {
        height: 322px;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .tournament-item:hover .bottom-label-tournament {
        background: url(label-tournir-hover.png) no-repeat center;
        width: 229px
    }
}

@media all and (min-width: 1px) {
    .tournament-item:hover .bottom-label-tournament p a {
        padding: 6px 0
    }
}

@media all and (min-width: 1px) {
    .double-points+p a {
        font-size: 15px
    }
}

@media all and (min-width: 1px) {
    .registration-input-block {
        display: none;
        color: #fff;
        margin: 0 auto;
        background: transparent
    }
}

@media all and (min-width: 1px) {
    .registration-input-block__inner {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .left-icon-bonus img {
        width: 50% !important;
        margin: 27px auto 26px !important;
        opacity: .5
    }
}

@media all and (min-width: 1px) {
    .right-icon-bonus img {
        width: 50% !important;
        margin: 27px auto 26px !important;
        opacity: .5
    }
}

@media all and (min-width: 1px) {
    .new-registration-block {
        display: none;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        padding-top: 30px
    }
}

@media all and (min-width: 1px) {
    .capca-icon-number {
        border: 2px solid #e7c28b;
        border-radius: 15px;
        float: left;
        display: inline-block
    }
}

@media all and (min-width: 1px) {

    .mail-block input,
    .input-number input {
        border: none;
        background: url(nicname.png) no-repeat 0 1px;
        width: 224px;
        height: 32px;
        padding: 0 0 0 24px
    }
}

@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) {
    .mail-block {
        margin-bottom: 28px
    }
}

@media all and (min-width: 1px) {
    .input-number {
        width: 100%;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .replace-button p a {
        color: #000;
        display: block;
        height: 100%;
        padding: 5px 0
    }
}

@media all and (min-width: 1px) {
    .tournament-rules {
        margin-top: 5px
    }
}

@media all and (min-width: 1px) {
    .deposit-lottery {
        color: #fff;
        padding-top: 0
    }
}

@media all and (min-width: 1px) {
    .deposit-lottery .name-deposit-lottery .name-first-p {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .deposit-lottery .name-deposit-lottery .name-second-p {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        max-width: 345px;
        padding: 7px 10px 9px 40px;
        margin: 0 auto;
        text-align: left;
        background: url(clock2.png) no-repeat 5px center
    }
}

@media all and (min-width: 1px) {
    .deposit-lottery .wrap-text-ruls p {
        font-size: 12px
    }
}

@media all and (min-width: 1px) {
    .collapsed {
        background: #030303;
        width: 100%;
        border-top: 1px solid #756043;
        border-bottom: 1px solid #626160;
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
        padding: 6px 0;
        position: relative;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .slideUp-bonus .collapsed {
        background: transparent;
        border-top: none;
        border-bottom: none;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .collapsed p {
        color: #fff !important;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none;
        border: none;
        padding: 1px 0
    }
}

@media all and (min-width: 1px) {
    .plusminus {
        width: 30px;
        height: 30px;
        cursor: pointer;
        right: 4px;
        position: absolute;
        top: 5px;
        background: url(open-transform-sprite.png) no-repeat center bottom
    }
}

@media all and (min-width: 1px) {
    .collapsed .plusminus {
        background-position: center 2px
    }
}

@media all and (min-width: 1px) {
    .main-context .black-block {
        display: none
    }
}

@media all and (min-width: 1px) {
    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: initial
    }
}

@media all and (min-width: 1px) {
    .label-line-deposit {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 20px;
        text-align: center;
        padding: 5px 0
    }
}

@media all and (min-width: 1px) {
    .name-deposit-lottery {
        text-align: center;
        padding: 3px 0 5px 0
    }
}

@media all and (min-width: 1px) {
    .name-first-p {
        font-family: "Tahoma Bold", sans-serif;
        color: #fff;
        font-size: 18px;
        margin-top: 14px;
        margin-bottom: 6px;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .name-second-p {
        color: #e7c28b;
        text-align: center;
        width: 293px;
        margin: 0 auto;
        padding: 13px 0 13px 28px;
        background: url(clock2.png) no-repeat 0 center
    }
}

@media all and (min-width: 1px) {
    .rulls-of-lottery p {
        margin-bottom: 10px !important;
        color: #e7c28b;
        text-align: center;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 11px;
        padding: 9px 0
    }
}

@media all and (min-width: 1px) {
    .rulls-of-lottery-1 {
        margin-bottom: 33px !important
    }
}

@media all and (min-width: 1px) {
    .rulls-of-lottery-2 {
        margin-bottom: 33px !important
    }
}

@media all and (min-width: 1px) {
    .wrap-text-ruls {
        width: 82%;
        margin: 0 auto;
        text-align: left;
        padding: 0 0 33px
    }
}

@media all and (min-width: 1px) {
    .wrap-text-ruls p {
        line-height: 142%
    }
}

@media all and (min-width: 1px) {
    .weight-text {
        font-family: "Tahoma Bold", sans-serif
    }
}

@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) {
    .wrap-place-item thead tr th {
        color: #e7c28b !important;
        font-size: 16px !important;
        border: none !important;
        border-bottom: 2px solid #e7c28b !important;
        padding: 7px 0 !important;
        text-align: center !important;
        background: none !important;
        text-transform: none
    }
}

@media all and (min-width: 1px) {
    .bottom-name-lottery {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .first-bottom-label {
        text-align: center;
        font-size: 18px;
        padding: 15px 0 0 0
    }
}

@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,
    .close-block-min,
    .closeSubMinibox {
        display: none
    }
}

@media all and (min-width: 1px) {
    .button-active-bonus {
        background: url(bonus-button.png) no-repeat center;
        width: 100%;
        max-width: 172px;
        margin: 11px auto 0;
        padding: 4px 0 5px 0;
        color: #e1ba84;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .button-active-bonus:hover {
        background: url(bonus-button-hover.png) no-repeat center;
        color: #000
    }
}

@media all and (min-width: 1px) {
    .button-active-bonus p {
        text-transform: uppercase;
        font-size: 12px
    }
}

@media all and (min-width: 1px) {
    .helps-block {
        margin: 0 auto;
        padding: 20px 0
    }
}

@media all and (min-width: 1px) {
    .helps-block a {
        display: block;
        width: 82%;
        margin: 0 auto;
        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);
        text-align: center;
        border-radius: 20px;
        cursor: pointer;
        padding: 8px 0;
        text-transform: uppercase;
        text-decoration: none;
        font-family: Tahoma, sans-serif;
        font-size: 14px;
        line-height: 14px;
        color: #000
    }
}

@media all and (min-width: 1px) {
    .mac.firefox .helps-block a {
        padding: 6px 0 2px
    }
}

@media all and (min-width: 1px) {
    .helps-block p a:hover {
        text-decoration: none;
        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) {
    .game-text-block-center {
        background: url(mini-frame-game-center.png) repeat-x center
    }
}

@media all and (min-width: 1px) {
    .inner-left-game-text-block {
        background: url(mini-frame-game-left.png) no-repeat left center
    }
}

@media all and (min-width: 1px) {
    .inner-right-game-text-block {
        background: url(mini-frame-game-right.png) no-repeat right center
    }
}

@media all and (min-width: 1px) {
    .frame-inner-game-text {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        padding: 3px 0;
        font-size: 10px
    }
}

@media all and (min-width: 1px) {
    .img-frame {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .wrap-frame {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        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
    }
}

@media all and (min-width: 1px) {
    .rox-rox-rox-tables .over-wrap {
        width: 48%;
        display: inline-block;
        margin-right: 2%
    }
}

@media all and (min-width: 1px) {

    .rox-rox-rox-tables .over-wrap:nth-child(3),
    .rox-rox-rox-tables .over-wrap:nth-child(5) {
        margin-right: 0
    }
}

@media all and (min-width: 1px) {

    .rox-rox-rox-tables .over-wrap:nth-child(4),
    .rox-rox-rox-tables .over-wrap:nth-child(5) {
        margin-top: 20px
    }
}

@media all and (min-width: 1px) {
    .rox-rox-rox-tables .over-wrap:last-child {
        margin-right: 0;
        margin-top: 40px
    }
}

@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) {
    .wrap-place-item tbody tr td {
        text-align: center;
        border: none !important;
        border-bottom: 1px solid #e7c28b !important;
        padding: 10px 0
    }
}

@media all and (min-width: 1px) {
    .wrap-place-item tbody tr:last-child td {
        border-bottom: 2px solid #e7c28b !important
    }
}

@media all and (min-width: 1px) {
    .wrap-place-item {
        width: 90%;
        display: inline-block;
        vertical-align: top
    }
}

@media all and (min-width: 1px) {
    .wrap-place-item table {
        border: none;
        color: #f7f8fa;
        font-family: "Tahoma Regular", sans-serif;
        font-size: 15px;
        margin: 0 auto;
        border-radius: 0;
        overflow: hidden;
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        font-weight: normal;
        width: 100%;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .replace-button p {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }
}

@media all and (min-width: 1px) {
    .replace-button {
        width: 224px;
        margin: 57px auto 0
    }
}

@media all and (min-width: 1px) {
    .bonus-popup-block {
        display: none;
        padding-top: 30px
    }
}

@media all and (min-width: 1px) {
    .reset-capcha {
        background: none;
        border: none;
        border-radius: 20px;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .icon-reset {
        float: left;
        margin-left: 30px
    }
}

@media all and (min-width: 1px) {
    .social-icon-block {
        float: right;
        width: 36%
    }
}

@media all and (min-width: 1px) {
    .forgot a:hover {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .social-icon-block ul li {
        float: left;
        width: 38px;
        margin: 0 2px;
        height: 35px;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .block-line {
        width: 100%;
        height: 35px;
        margin-bottom: -27px;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .restore-password {
        color: #fff;
        text-align: center;
        margin: 0 auto;
        display: none;
        padding-top: 30px
    }
}

@media all and (min-width: 1px) {
    .input-block-2fa {
        margin: 20px auto 25px !important
    }
}

@media all and (min-width: 1px) {
    .forgot {
        padding: 26px 0 0 25px
    }
}

@media all and (min-width: 1px) {
    .enter-button {
        text-align: center;
        color: #e7c28b;
        position: relative;
        width: 85px;
        margin: 172px auto 10px
    }
}

@media all and (min-width: 1px) {
    .enter-button:hover input {
        text-decoration: none !important
    }
}

@media all and (min-width: 1px) {
    .enter-button input {
        background: none;
        border: none;
        text-transform: uppercase;
        text-decoration: underline
    }
}

@media all and (min-width: 1px) {
    .nicname {
        margin-bottom: 47px
    }
}

@media all and (min-width: 1px) {
    .activeBonus {
        width: 80%;
        max-width: 770px;
        height: 442px;
        border: 2px solid #e7c28b;
        border-radius: 5px;
        display: none;
        margin: 60px auto;
        padding-top: 30px;
        background: url(background-else.png);
        min-width: 292px;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .inner-wrap-icon {
        color: #fff;
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        border: 2px solid transparent;
        border-radius: 14px;
        outline: 0;
        -webkit-box-shadow: inset 0 0 0 300px #1a1a1a;
        box-shadow: inset 0 0 0 300px #1a1a1a;
        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);
        width: 90%;
        height: 240px;
        margin: 20px auto 9px;
        max-width: 255px
    }
}

@media all and (min-width: 1px) {

    .left-icon-block,
    .right-icon-block {
        display: block;
        width: 100%;
        vertical-align: top
    }
}

@media all and (min-width: 1px) {
    .left-icon-block img {
        border-top-left-radius: 14px;
        border-bottom-left-radius: 14px
    }
}

@media all and (min-width: 1px) {
    .icon-block-in-slider {
        display: none
    }
}

@media all and (min-width: 1px) {
    .hot-action {
        background: url(bonus-slider-icon-sprite.png) no-repeat -47px 0
    }
}

@media all and (min-width: 1px) {
    .active-bonus-time {
        text-align: center;
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .active-bonus-time li {
        display: inline-block;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 31px;
        text-transform: uppercase;
        margin: 0 8px;
        position: relative
    }
}

@media all and (min-width: 1px) {

    .hour-bonus:before,
    .minut-bonus:before,
    .second-bonus:before {
        color: #fff;
        font-size: 11px;
        font-family: "Tahoma Regular", sans-serif;
        position: absolute
    }
}

@media all and (min-width: 1px) {
    .hour-bonus:before {
        content: "часы";
        top: 42px;
        left: 5px
    }
}

@media all and (min-width: 1px) {
    .minut-bonus:before {
        content: "минуты";
        top: 43px;
        left: -5px
    }
}

@media all and (min-width: 1px) {
    .second-bonus:before {
        content: "секунды";
        top: 43px;
        left: -5px
    }
}

@media all and (min-width: 1px) {

    .hour-bonus:after,
    .minut-bonus:after {
        content: ":";
        color: #e7c28b;
        font-size: 30px;
        font-family: "Tahoma Bold", sans-serif;
        position: absolute;
        top: 0;
        right: -15px
    }
}

@media all and (min-width: 1px) {
    .wrap-for-text-deposit {
        width: 84%;
        color: #fff;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 13px;
        text-align: center;
        margin: 0 auto 8px;
        max-width: 250px
    }
}

@media all and (min-width: 1px) {
    .button-block-for-bonus ul {
        margin: 0 auto;
        width: 85%
    }
}

@media all and (min-width: 1px) {
    .text-action-bonus p {
        margin: 0 auto 11px;
        width: 80%;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .text-action-bonus {
        text-align: left;
        color: #fff;
        font-size: 14px;
        padding: 20px 0 30px;
        margin-left: -15px;
        margin-right: -15px
    }
}

@media all and (min-width: 1px) {
    .bottom-block-for-deposit p P {
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .firter-block {
        background: url(bottom-line.png) repeat-x top
    }
}

@media all and (min-width: 1px) {
    .firler-block-in {
        background: url(bottom-line.png) repeat-x bottom
    }
}

@media all and (min-width: 1px) {
    .button-block-for-bonus ul li {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 7px;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .circul-ul {
        text-align: center;
        padding: 0 0 30px 0
    }
}

@media all and (min-width: 1px) {
    .circul-ul li {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
        width: 18px;
        height: 18px;
        cursor: pointer;
        background: url(circul-for-slider.png) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .circul-ul li:hover {
        background: url(circul-for-slider-hover.png) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .circul-ul ul {
        position: relative;
        max-width: 650px;
        margin: 0 auto
    }
}

@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;
        height: 100%;
        padding: 5px;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 11px;
        color: #f2c684;
        text-transform: uppercase;
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .light-line {
        color: #e7c28b;
        font-size: 12px;
        padding: 15px;
        margin-top: 20px;
        -webkit-box-shadow: inset 0 0 38px 14px rgba(255, 255, 255, .3);
        box-shadow: inset 0 0 38px 14px rgba(255, 255, 255, .3)
    }
}

@media all and (min-width: 1px) {
    .inner-light-line {
        background: url(money-background.png) no-repeat 0 center;
        padding: 0 0 0 54px;
        text-align: left
    }
}

@media all and (min-width: 1px) {
    .inner-light-line a {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .inner-light-line a:hover {
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .inner-light-line p {
        color: #e7c28b;
        font-family: "Tahoma Regular", sans-serif;
        font-size: 14px;
        line-height: 16px
    }
}

@media all and (min-width: 1px) {
    .circul-ul li img {
        margin: 0 auto;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .hover-circul {
        display: none
    }
}

@media all and (min-width: 1px) {
    .yellow-block-button {
        margin: 0 auto 40px;
        width: 133px;
        cursor: pointer;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .button-block-for-bonus ul li a {
        display: block;
        color: #e7c28b;
        text-decoration: underline;
        padding: 8px 16px;
        border: 1px solid #e7c28b;
        margin: 0 4px;
        border-radius: 25px;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {

    .button-block-for-bonus ul li a:hover,
    .button-block-for-bonus ul li a.active {
        color: #000;
        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);
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .button-block-for-bonus ul li a.current-link {
        pointer-events: none;
        cursor: default
    }
}

@media all and (min-width: 1px) {
    .top-label-of-action {
        text-transform: uppercase;
        font-size: 19px;
        font-family: "Tahoma Regular", sans-serif;
        text-align: center;
        padding: 4px 0;
        -webkit-box-shadow: inset 0 2px 7px 2px rgba(255, 255, 255, .5), inset 0 -2px 1px 0 rgba(255, 255, 255, .4);
        box-shadow: inset 0 2px 7px 2px rgba(255, 255, 255, .5), inset 0 -2px 1px 0 rgba(255, 255, 255, .4);
        border-radius: 25px;
        border-top: 2px solid #252d30;
        margin: 0 auto !important;
        width: 95%
    }
}

@media all and (min-width: 1px) {
    .wait-text {
        text-align: center;
        text-transform: uppercase;
        font-size: 22px;
        color: #e7c28b;
        padding: 8px 0;
        margin-bottom: 20px;
        margin-top: 20px;
        background: #363636;
        background: -webkit-gradient(linear, left top, left bottom, from(#363636), color-stop(50%, #424242), color-stop(51%, #333333), to(#232323));
        background: linear-gradient(to bottom, #363636 0%, #424242 50%, #333 51%, #232323 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363636", endColorstr="#232323", GradientType=0)
    }
}

@media all and (min-width: 1px) {
    .also-go-out {
        color: #e7c28b;
        margin-bottom: 15px
    }
}

@media all and (min-width: 1px) {
    .exit-header {
        padding: 20px 10px;
        text-align: center;
        margin: 0 auto;
        width: 90%;
        border-bottom: 1px solid #7d6e53
    }
}

@media all and (min-width: 1px) {
    .exit-header__text {
        color: #f0c788;
        font-size: 19px;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .exit-wrap__btn-link:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#dec03d), color-stop(41%, #d4b044), color-stop(58%, #d4b044), to(#eace33));
        background: linear-gradient(to bottom, #dec03d 0%, #d4b044 41%, #d4b044 58%, #eace33 100%)
    }
}

@media all and (min-width: 1px) {
    .exit-wrap__btn-link--play:hover {
        filter: brightness(100%);
        -webkit-filter: brightness(100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#4ad83b), color-stop(36%, #5fc745), color-stop(63%, #7bd066), to(#59e04b));
        background: linear-gradient(to bottom, #4ad83b 0%, #5fc745 36%, #7bd066 63%, #59e04b 100%)
    }
}

@media all and (min-width: 1px) {
    .main-popup-block .exit-wrap__btn-link:hover {
        color: #f4faf2
    }
}

@media all and (min-width: 1px) {
    .exit-wrap__btn {
        display: inline-block;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .exit-wrap {
        width: 310px;
        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: 26px 0 35px
    }
}

@media all and (min-width: 1px) {
    .wrap-for-play-button {
        padding: 2px;
        border-radius: 25px;
        display: inline-block
    }
}

@media all and (min-width: 1px) {
    .exit-wrap__btn-link {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 20px;
        font-family: "Tahoma Bold", sans-serif;
        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%);
        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;
        color: #fff;
        height: 40px;
        cursor: pointer;
        border-radius: 50px;
        text-align: center;
        width: 130px;
        padding: 5px
    }
}

@media all and (min-width: 1px) {
    .exit-wrap__btn-link--play {
        background: #fff;
        height: 37px;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .exit-wrap__btn--play {
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        border: 3px 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%);
        border-radius: 50px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e5799", endColorstr="#7db9e8", GradientType=0)
    }
}

@media all and (min-width: 1px) {
    .main-popup-block .exit-wrap__btn-link {
        color: #6f5f46;
        text-transform: initial;
        font-size: 14px;
        outline: unset;
        text-decoration: unset
    }
}

@media all and (min-width: 1px) {
    .text-wait-block {
        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;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 26px
    }
}

@media all and (min-width: 1px) {
    .item-slide-deposit {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 54px
    }
}

@media all and (min-width: 1px) {
    .img-deposit img {
        width: 100%;
        -webkit-transition: filter .5s ease-out .1s;
        -webkit-transition: -webkit-filter .5s ease-out .1s;
        transition: -webkit-filter .5s ease-out .1s;
        transition: filter .5s ease-out .1s;
        transition: filter .5s ease-out .1s, -webkit-filter .5s ease-out .1s
    }
}

@media all and (min-width: 1px) {
    .bottom-block-for-deposit table tbody tr td {
        border-bottom: 1px solid #707070 !important;
        padding: 5px 0;
        border-right: none
    }
}

@media all and (min-width: 1px) {
    .bottom-block-for-deposit table tbody tr td:first-child {
        text-align: left;
        width: 60%
    }
}

@media all and (min-width: 1px) {
    .bottom-block-for-deposit table tbody tr td:last-child {
        text-align: right
    }
}

@media all and (min-width: 1px) {
    .bottom-block-for-deposit table {
        width: 90%;
        margin-bottom: 10px;
        padding: 0 5px;
        border: none;
        margin-top: 25px
    }
}

@media all and (min-width: 1px) {
    .bottom-block-for-deposit {
        border-bottom: 1px solid #e2bf8c;
        border-right: 1px solid #e2bf8c;
        border-left: 1px solid #e2bf8c;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        padding-bottom: 9px;
        max-width: 278px;
        margin: -72px auto 0;
        padding-top: 41px;
        background: #273d4a;
        width: 83%;
        -webkit-transition: background .5s ease
    }
}

@media all and (min-width: 1px) {
    .bottom-block-for-deposit.bottom-block-for-deposit-gift {
        margin-top: -101px
    }
}

@media all and (min-width: 1px) {

    .slider-item-block .down-button,
    .item-slide-deposit .down-button {
        position: relative;
        margin: 0 auto;
        max-width: 246px;
        color: #000;
        width: 100%;
        background-size: contain;
        text-align: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media all and (min-width: 1px) {
    .down-button-img {
        position: absolute;
        left: 50%;
        top: 0;
        z-index: -1;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        width: auto;
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .down-button-lock {
        background: url("getDeposit.png") no-repeat center center;
        background-size: contain
    }
}

@media all and (min-width: 1px) {

    .slider-item-block .down-button,
    .item-slide-deposit .down-button p {
        font-family: "Tahoma Bold", sans-serif;
        font-size: 15px;
        text-transform: uppercase;
        padding: 7px 0;
        cursor: pointer;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .slider-item-block .down-button {
        margin-top: 10px
    }
}

@media all and (min-width: 1px) {
    .wrapper-text-block-bonus .down-button {
        display: block;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .bonus-kod {
        color: #e2bf8c;
        text-transform: uppercase;
        font-size: 12px;
        text-align: center;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    p.start-500 {
        text-transform: uppercase;
        font-size: 15px;
        font-family: "Tahoma Regular", sans-serif;
        text-align: center;
        width: 133px;
        margin: 13px auto 13px;
        padding: 6px 0;
        -webkit-box-shadow: inset 0 2px 7px 2px rgba(255, 255, 255, .5), inset 0 -2px 1px 0 rgba(255, 255, 255, .4);
        box-shadow: inset 0 2px 7px 2px rgba(255, 255, 255, .5), inset 0 -2px 1px 0 rgba(255, 255, 255, .4);
        border-radius: 25px;
        border-top: 2px solid #252d30
    }
}

@media all and (min-width: 1px) {
    .center-item-slide .bottom-block-for-deposit {
        margin-top: -56px;
        width: 270px;
        padding-top: 56px;
        max-width: 270px;
        background: #27576d
    }
}

@media all and (min-width: 1px) {
    .center-item-slide .down-button {
        background: url(getDeposit-hover.png) no-repeat center;
        margin: 0 auto;
        max-width: 231px;
        color: #000;
        width: 94%;
        background-size: contain
    }
}

@media all and (min-width: 1px) {
    .center-item-slide .down-button p {
        padding: 10px 0
    }
}

@media all and (min-width: 1px) {
    .center-item-slide .start-500 {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 16px
    }
}

@media all and (min-width: 1px) {
    .center-item-slide .bottom-block-for-deposit table {
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .list-slide-deposit {
        text-align: center;
        position: relative;
        margin: 0 auto 26px;
        width: 100%;
        height: 635px;
        padding-top: 21px
    }
}

@media all and (min-width: 1px) {
    .circul-ul ul:before {
        content: "";
        position: absolute;
        background: url(mob-slider-left.png) no-repeat center;
        width: 20px;
        height: 37px;
        left: 10px;
        top: -7px;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .circul-ul ul:after {
        content: "";
        position: absolute;
        background: url(mob-slider-right.png) no-repeat center;
        width: 20px;
        height: 37px;
        right: 10px;
        top: -7px;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .button-block-for-bonus {
        text-align: center;
        padding: 20px 0 0
    }
}

@media all and (min-width: 1px) {
    .bottom-block-for-deposit {
        text-align: center;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .text-action-bonus .label-action-bonus {
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        width: 245px;
        margin-bottom: 14px;
        text-align: center;
        font-size: 15px !important
    }
}

@media all and (min-width: 1px) {
    .colorBorderClass {
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        border: 2px solid transparent;
        border-radius: 18px;
        outline: 0;
        -webkit-box-shadow: inset 0 0 0 300px #1a1a1a;
        box-shadow: inset 0 0 0 300px #1a1a1a;
        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) {
    .wrapper-img-section img {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .wrap-goout-game {
        text-align: center;
        padding: 27px 0 16px 0;
        overflow: hidden;
        height: 157px;
        margin: 0 0 34px 0;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .bonus-icon-wrapper {
        height: 292px;
        overflow: hidden;
        text-align: center;
        position: relative;
        width: 95%;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .wrap-for-arrow {
        position: absolute;
        top: 88px;
        width: 100%
    }
}

@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) {
    .button-registration-bonus {
        width: 60%;
        display: inline-block;
        position: relative;
        top: -7px
    }
}

@media all and (min-width: 1px) {
    .chose-bonus {
        width: 32%;
        display: inline-block;
        position: relative;
        top: 1px
    }
}

@media all and (min-width: 1px) {
    .color-label-for-registration {
        color: #e7c28b;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 18px;
        background: url(registration-bonus.png) no-repeat center;
        padding: 4px 0
    }
}

@media all and (min-width: 1px) {
    .wrap-for-img-bonus {
        border: 2px solid #e7c28b;
        border-radius: 12px;
        overflow: hidden;
        width: 68%;
        margin: 0 auto;
        max-width: 265px
    }
}

@media all and (min-width: 1px) {
    .label-for-bonus-img {
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 15px;
        padding: 11px 0
    }
}

@media all and (min-width: 1px) {
    .left-bonus-arrow {
        width: 20px;
        height: 37px;
        background: url(mob-slider-left.png) no-repeat center;
        float: left;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .right-bonus-arrow {
        width: 20px;
        height: 37px;
        background: url(mob-slider-right.png) no-repeat center;
        float: right;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .inner-wrap-for-arrow-bonus {
        width: 94%;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .wrap-for-arrow-bonus {
        position: absolute;
        top: 30%;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .inner-wrap-for-arrow {
        width: 98%;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .left-arrow-for-bonus {
        width: 16px;
        height: 37px;
        float: left;
        background: url(mob-slider-left.png) no-repeat center;
        cursor: pointer;
        position: relative;
        left: -3px;
        background-size: contain
    }
}

@media all and (min-width: 1px) {
    .right-arrow-for-bonus {
        width: 16px;
        height: 37px;
        float: right;
        background: url(mob-slider-right.png) no-repeat center;
        cursor: pointer;
        position: relative;
        right: -3px;
        background-size: contain
    }
}

@media all and (min-width: 1px) {
    .wrap-goout-game .main-wrap-game-icon {
        margin: 0 8px 0
    }
}

@media all and (min-width: 1px) {
    .registration-input {
        display: block;
        width: 800px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {

    .close-block,
    .closeSubMinibox {
        display: none
    }
}

@media all and (min-width: 1px) {
    .popup-registration-bonus {
        color: #fff
    }
}

@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) {
    .registration-button-line {
        height: 36px;
        width: 100%;
        position: relative;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .button-registration {
        float: left;
        width: 180px;
        background: url(reg-button.png) no-repeat center;
        text-align: center;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 18px;
        padding: 4px 0;
        position: absolute;
        top: 2px;
        left: 26px
    }
}

@media all and (min-width: 1px) {
    .chose-priz p {
        width: 100%;
        text-align: right;
        font-size: 18px;
        margin: 0 auto;
        padding: 5px 43px 0 0
    }
}

@media all and (min-width: 1px) {
    .bonus-icon-block {
        display: inline-block;
        width: 30%;
        min-width: 220px;
        vertical-align: top
    }
}

@media all and (min-width: 1px) {
    .bonus-icon-block a {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .bonus-icon-block a:hover {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .bonus-icon-block img {
        margin: 20px auto;
        display: block;
        width: 58%;
        min-width: 180px
    }
}

@media all and (min-width: 1px) {
    .double-points a {
        text-transform: uppercase;
        font-size: 14px;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .double-points {
        margin-bottom: 0;
        height: 35px
    }
}

@media all and (min-width: 1px) {
    .wrap-text {
        width: 81%;
        margin: 0 auto;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .also-register {
        text-align: center;
        color: #fff;
        margin: 30px 0 0 0
    }
}

@media all and (min-width: 1px) {
    .also-register a {
        color: #e7c28b;
        text-transform: uppercase;
        text-decoration: underline
    }
}

@media all and (min-width: 1px) {
    .also-register a:hover {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {

    .also-now,
    .enter-label {
        float: left
    }
}

@media all and (min-width: 1px) {
    .also-now {
        margin-right: 16px
    }
}

@media all and (min-width: 1px) {
    .enter-alse-register {
        margin: 0 auto;
        width: 210px
    }
}

@media all and (min-width: 1px) {
    .refuse {
        padding: 15px 0
    }
}

@media all and (min-width: 1px) {
    .restore-password-final {
        color: #fff;
        text-align: center;
        font-size: 16px;
        margin: 0 auto;
        display: none;
        padding: 30px 0 0 0
    }
}

@media all and (min-width: 1px) {
    .wrap-for-two-col {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        height: 136px;
        margin: 15px auto;
        background: #363636;
        background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#212121));
        background: linear-gradient(to bottom, #363636 0%, #212121 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363636", endColorstr="#212121", GradientType=0);
        padding-top: 10px
    }
}

@media all and (min-width: 1px) {
    .inner-wrap-for-col {
        width: 231px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .inner-third-col {
        width: 223px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .inner-four-col {
        width: 223px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .label-tour-table {
        font-size: 22px;
        padding: 2px 2px;
        width: 94%;
        margin: 0 auto;
        -webkit-box-shadow: inset 0 0 12px 3px rgba(94, 94, 94, .75);
        box-shadow: inset 0 0 12px 3px rgba(94, 94, 94, .75);
        border-radius: 32px;
        border: 1px solid rgba(94, 94, 94, .75)
    }
}

@media all and (min-width: 1px) {
    .restore-password-final p {
        margin-bottom: 10px
    }
}

@media all and (min-width: 1px) {
    .final-pas {
        width: 224px;
        margin: 0 auto 50px;
        border: 2px solid #000;
        border-radius: 15px;
        font-size: 0;
        line-height: 0;
        display: inline-block
    }
}

@media all and (min-width: 1px) {
    .bottom-mobile-button-block .enter-a {
        margin: 20px 0 0 0
    }
}

@media all and (min-width: 1px) {
    .final-pas a {
        color: #000;
        display: block;
        padding: 4px 0
    }
}

@media all and (min-width: 1px) {
    .wrap-text-reset {
        padding: 20px 0 47px 0
    }
}

@media all and (min-width: 1px) {
    .big-block-registration {
        color: #fff;
        display: none
    }
}

@media all and (min-width: 1px) {
    .left-img-icon img {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .left-img-icon {
        float: left
    }
}

@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) {
    .mob-pop-block {
        width: 100%;
        height: 81px;
        position: absolute;
        border: 1px solid #fff;
        top: 6px
    }
}

@media all and (min-width: 1px) {
    .text-sms {
        padding-top: 20px;
        color: #cdac7c;
        display: none
    }
}

@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--move-top {
        margin-top: -20px
    }
}

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

@media all and (min-width: 1px) {
    .label-text-silver.collapsed {
        margin-bottom: 0 !important;
        font-weight: normal;
        color: #e7c28b !important
    }
}

@media all and (min-width: 1px) {
    .label-text-silver1 {
        text-transform: uppercase;
        color: #e7c28b;
        font-size: 15px
    }
}

@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 .label-text-silver1 {
        margin-bottom: 10px !important
    }
}

@media all and (min-width: 1px) {
    .main-context--terms .main-text-inner1:last-child {
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .main-context--terms .wrapper-main-context {
        margin-bottom: 10px
    }
}

@media all and (min-width: 1px) {
    .clicklabel {
        color: #fff !important;
        background: url(up.png) no-repeat right 3px !important
    }
}

@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.collapsed {
        border: none;
        background: url(down.png) no-repeat right 6px !important
    }
}

@media all and (min-width: 1px) {
    .main-context--terms .bottom-arrow.collapsed:after {
        display: none
    }
}

@media all and (min-width: 1px) {
    .wrapper-main-context {
        padding: 5px 0
    }
}

@media all and (min-width: 1px) {
    .full-link-game {
        display: block;
        height: 100%
    }
}

@media all and (min-width: 1px) {
    @-webkit-keyframes tremor {

        0%,
        25% {
            left: -1px;
            top: -1px;
            -webkit-transform: translateX(-4%);
            transform: translateX(-4%)
        }

        50%,
        100% {
            left: 1px;
            top: 1px;
            -webkit-transform: translateX(4%);
            transform: translateX(4%)
        }
    }
}

@media all and (min-width: 1px) {}

@media all and (min-width: 1px) {}

@media all and (min-width: 1px) {}

@media all and (min-width: 1px) {
    @-webkit-keyframes tremor {

        0%,
        25% {
            left: -1px;
            -webkit-transform: translateX(-4%);
            transform: translateX(-4%)
        }

        50%,
        100% {
            left: 1px;
            -webkit-transform: translateX(4%);
            transform: translateX(4%)
        }
    }

    @keyframes tremor {

        0%,
        25% {
            left: -1px;
            -webkit-transform: translateX(-4%);
            transform: translateX(-4%)
        }

        50%,
        100% {
            left: 1px;
            -webkit-transform: translateX(4%);
            transform: translateX(4%)
        }
    }
}

@media all and (min-width: 1px) {
    .every-lottery {
        color: #e7c28b;
        text-align: center;
        text-transform: uppercase
    }
}

@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) {
    .black-block2 {
        background: #000;
        border-top: 1px solid #e7c28b;
        padding: 3px 0;
        margin-left: -15px;
        margin-right: -15px;
        min-height: 35px;
        border-bottom: 1px solid #6a6a69
    }
}

@media all and (min-width: 1px) {
    .table-lottery {
        font-family: "Tahoma Bold", sans-serif;
        color: #e7c28b;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 0 !important;
        margin-left: -15px;
        margin-right: -15px
    }
}

@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) {
    .do-not-none {
        display: block !important;
        position: absolute;
        right: 7px;
        top: 7px;
        cursor: pointer
    }
}

@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;
        color: #e7c28b;
        border-left: 1px solid #e7c28b;
        border-right: 1px solid #e7c28b;
        border-bottom: 1px solid #e7c28b;
        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
    }
}

@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) {
    .center-place {
        font-size: 21px
    }
}

@media all and (min-width: 1px) {
    .money-lottery {
        width: 100%;
        max-width: 510px;
        margin: 30px auto 50px
    }
}

@media all and (min-width: 1px) {
    .money-lottery ul li {
        display: inline-block;
        width: 32%;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .money-lottery ul {
        text-align: center;
        background: url(gorizontal-line.png) no-repeat center bottom
    }
}

@media all and (min-width: 1px) {
    .label-sinopsis {
        color: #e7c28b;
        text-transform: uppercase;
        text-align: center;
        font-size: 21px;
        margin-bottom: 18px;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .sinopsis-text {
        color: #fff;
        width: 74%;
        margin: 0 auto;
        line-height: 19px;
        font-size: 15px
    }
}

@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) {
    .label-line {
        margin-bottom: 19px;
        padding: 10px 0
    }
}

@media all and (min-width: 1px) {
    .width-disp {
        display: none
    }
}

@media all and (min-width: 1px) {
    .disp {
        display: block
    }
}

@media all and (min-width: 1px) {
    .iphone .lottery-table {
        min-height: 500px
    }
}

@media all and (min-width: 1px) {
    .tournament-schedule {
        display: none;
        padding-top: 30px
    }
}

@media all and (min-width: 1px) {
    .label-tour-table {
        text-align: center;
        text-transform: uppercase;
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {

    .wrap-now p,
    .label-of-day p {
        text-align: center;
        text-transform: uppercase;
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        padding: 7px 0;
        font-size: 19px
    }
}

@media all and (min-width: 1px) {
    .wrap-now {
        text-align: center;
        text-transform: uppercase;
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        padding: 7px 0;
        font-size: 19px;
        margin-bottom: 30px !important
    }
}

@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) {
    .final-prize {
        text-align: center;
        float: left;
        width: 41%
    }
}

@media all and (min-width: 1px) {
    .new-label {
        color: #fff;
        text-align: center;
        font-family: "Tahoma Bold", sans-serif;
        margin-bottom: 11px
    }
}

@media all and (min-width: 1px) {
    .new-img-wrap {
        border: 2px solid #e7c28b;
        border-radius: 8px;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .new-center {
        background: url(new-center.png) repeat-x center
    }
}

@media all and (min-width: 1px) {
    .new-left {
        background: url(new-left.png) no-repeat left center
    }
}

@media all and (min-width: 1px) {
    .new-right p {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        padding: 4px 0
    }
}

@media all and (min-width: 1px) {
    .new-text-block p {
        color: #fff;
        font-size: 13px;
        line-height: 14px
    }
}

@media all and (min-width: 1px) {
    .new-text-block {
        border-right: 1px solid #e7c28b;
        border-bottom: 1px solid #e7c28b;
        border-left: 1px solid #e7c28b;
        padding: 10px 12px;
        width: 90%;
        margin: 0 auto;
        text-align: left;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        height: 104px;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .new-more {
        background: url(new-more.png) no-repeat center;
        width: 184px;
        height: 24px;
        margin: 16px auto 0
    }
}

@media all and (min-width: 1px) {
    .new-more a {
        display: block;
        height: 100%;
        color: #000;
        text-align: center;
        font-size: 13px;
        padding: 5px 0;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .new-more a:hover {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .news-block {
        text-align: center;
        display: none;
        padding-top: 30px
    }
}

@media all and (min-width: 1px) {
    .inner-new-text-block {
        width: 100%;
        height: 100%;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .new-right {
        background: url(new-right.png) no-repeat right center
    }
}

@media all and (min-width: 1px) {
    .new-item {
        width: 45%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin: 10px 11px;
        max-width: 337px;
        min-width: 230px
    }
}

@media all and (min-width: 1px) {
    .final-of-tournament {
        text-transform: uppercase;
        font-size: 18px !important;
        border-top: none;
        width: 50%;
        padding: 30px 0 0 11px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .label-news-block p {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 22px;
        text-align: center
    }
}

@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) {
    .label-of-day p {
        padding: 5px 0
    }
}

@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) {
    .label-of-day {
        margin: 40px 0;
        display: none
    }
}

@media all and (min-width: 1px) {
    .current-turnir {
        display: none
    }
}

@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) {
    .knight-img-wrap {
        border: 2px solid #e7c28b;
        border-radius: 12px;
        width: 600px
    }
}

@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) {
    .vertikal-line-manual {
        height: 288px;
        width: 9px;
        border: 1px solid #e7c28b;
        position: absolute;
        top: 125px;
        right: 0;
        background: url(back-vertical.png);
        padding: 1px
    }
}

@media all and (min-width: 1px) {
    .priz-left-inner {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .arrow-top {
        width: 5px;
        height: 2px;
        background: url(top.png) no-repeat center;
        margin-top: 5px
    }
}

@media all and (min-width: 1px) {
    .bottom-attow {
        width: 5px;
        height: 2px;
        background: url(bottom.png) no-repeat center;
        position: relative;
        bottom: -206px
    }
}

@media all and (min-width: 1px) {
    .center-polzunok {
        width: 5px;
        height: 65px;
        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);
        border-radius: 5px;
        position: relative;
        top: 30px;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .text-rules {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-gap: 15px;
        -moz-column-gap: 15px;
        -webkit-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) {
    .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-1 {
        display: block;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .table-wrapper-1 table {
        width: 49%;
        display: inline-table;
        border: none
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .table-wrapper-1 table thead tr th {
        background-color: transparent;
        border-left: none;
        border-right: none;
        text-transform: none;
        font-family: "Tahoma Bold", sans-serif;
        padding: 0 0 10px
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .table-wrapper-1 table tbody tr td {
        border: 1px solid #816e53;
        font-size: 16px;
        border-left: none;
        border-right: none;
        padding: 10px 20px
    }
}

@media all and (min-width: 1px) {

    .prizovoy-block .table-wrapper-1 table:first-child tbody tr:first-child td,
    .prizovoy-block .table-wrapper-1 table:first-child tbody tr:nth-child(2) td,
    .prizovoy-block .table-wrapper-1 table:first-child tbody tr:nth-child(3) td {
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .table-wrapper-1 table:first-child {
        margin-right: 1%
    }
}

@media all and (min-width: 1px) {
    .prizovoy-block .table-wrapper-1 table tbody tr:last-child td {
        border-bottom: 1px solid #e7c28b
    }
}

@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) {
    .priz-left-table {
        float: none;
        width: 100%;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    div[data-template=tournament-prize] .wrap-priz-number {
        border-radius: 12px;
        -webkit-border-radius: 12px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e7c28b
    }
}

@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) {
    .inner-new-form-registration {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .first-col-new-form {
        max-width: 300px;
        margin: 20px auto;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .second-col-new-form {
        max-width: 300px;
        margin: 20px auto;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .third-col-new-form {
        max-width: 300px;
        margin: 20px auto;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .text-of-rulls-registration {
        padding: 0 20px;
        margin: 20px 0
    }
}

@media all and (min-width: 1px) {
    .new-input-in-registr {
        height: 37px;
        border: none;
        border-radius: 25px;
        min-width: 257px;
        max-width: 300px;
        padding: 0 5px 0 20px;
        margin: 10px 0
    }
}

@media all and (min-width: 1px) {
    .new-select-in-registration {
        height: 37px;
        border-radius: 25px;
        min-width: 257px;
        padding: 0 5px 0 20px;
        margin: 10px 0;
        position: relative;
        color: #91969d
    }
}

@media all and (min-width: 1px) {
    .new-select-in-registration option {
        background: #171717
    }
}

@media all and (min-width: 1px) {
    .new-label-input {
        color: #e7c28b;
        opacity: .6;
        text-align: left;
        padding-left: 48px
    }
}

@media all and (min-width: 1px) {
    .gender-select {
        min-width: 100px;
        display: inline-block;
        padding-left: 11px;
        text-align: center;
        padding-right: 0;
        margin-right: 3px
    }
}

@media all and (min-width: 1px) {
    .money-select {
        min-width: 100px;
        display: inline-block;
        padding-left: 11px;
        text-align: center;
        padding-right: 0;
        margin-right: 3px
    }
}

@media all and (min-width: 1px) {
    .wrap-for-label-and-select-block {
        display: inline-block;
        width: 50%
    }
}

@media all and (min-width: 1px) {
    .new-input-in-registr::-webkit-input-placeholder {
        color: #fff;
        opacity: .5
    }
}

@media all and (min-width: 1px) {
    .new-input-in-registr:-moz-placeholder {
        color: #fff;
        opacity: .5
    }
}

@media all and (min-width: 1px) {
    .new-input-in-registr::-moz-placeholder {
        color: #fff;
        opacity: .5
    }
}

@media all and (min-width: 1px) {
    .new-input-in-registr:-ms-input-placeholder {
        color: #fff;
        opacity: .5
    }
}

@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) {
    .dead-line {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        padding: 0 0 1px 0;
        font-size: 10px;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .number-name {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 18px;
        margin-top: -2px
    }
}

@media all and (min-width: 1px) {
    .lable-name {
        color: #fff;
        font-size: 14px;
        margin-top: -3px
    }
}

@media all and (min-width: 1px) {
    .day-of-tournir {
        width: 27px;
        text-align: center;
        display: inline-block;
        vertical-align: top
    }
}

@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) {
    .minut-name:before {
        content: ":";
        position: absolute;
        color: #e7c28b;
        font-size: 18px;
        left: -5px;
        top: 0
    }
}

@media all and (min-width: 1px) {
    .minut-name:after {
        content: ":";
        position: absolute;
        color: #e7c28b;
        font-size: 18px;
        right: -5px;
        top: 0
    }
}

@media all and (min-width: 1px) {
    .minut-name {
        position: relative
    }
}

@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) {
    #contentBox .money-lottery ul li {
        position: static;
        padding-left: 0;
        line-height: 20px
    }
}

@media all and (min-width: 1px) {
    #contentBox .money-lottery 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) {
    .center-polser {
        width: 86px;
        height: 13px;
        float: left;
        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);
        border-radius: 7px;
        cursor: pointer;
        margin-left: 30px;
        margin-top: -4px
    }
}

@media all and (min-width: 1px) {
    .gorizont-line {
        width: 100%;
        height: 0;
        clear: both
    }
}

@media all and (min-width: 1px) {
    .bonus-section {
        padding: 0 20px
    }
}

@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) {
    .label-accord-block {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 13px;
        background: url(down.png) no-repeat right 3px;
        padding: 0 25px 0 0;
        display: inline-block;
        cursor: pointer;
        margin-bottom: 20px
    }
}

@media all and (min-width: 1px) {
    .accord-block {
        color: #fff;
        width: 95%;
        margin: 10px auto
    }
}

@media all and (min-width: 1px) {
    .slideUp-bonus {
        background: url(hide-button.png) no-repeat center;
        text-align: center;
        text-transform: uppercase;
        top: 34px;
        right: 36px;
        width: 85px;
        height: 27px;
        cursor: pointer;
        margin: 10px auto 0;
        visibility: hidden
    }
}

@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-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) {
    .color-big-text {
        color: #e7c28b !important;
        text-transform: uppercase;
        font-size: 17px !important;
        font-weight: normal
    }
}

@media all and (min-width: 1px) {
    .slideUp-bonus p {
        padding: 5px 0
    }
}

@media all and (min-width: 1px) {
    .table-bonus-section {
        color: #fff;
        padding: 20px
    }
}

@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,
    .main-context .dead-line {
        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-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 {
        width: 189px;
        margin: 0 auto;
        margin-right: 15px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .prize-more p {
        background: url(back-more.png) no-repeat center;
        width: 188px;
        margin: 17px auto 0
    }
}

@media all and (min-width: 1px) {
    .prize-more p:hover {
        background: url(star-block-hover.png) no-repeat center;
        width: 188px;
        margin: 17px auto 0
    }
}

@media all and (min-width: 1px) {
    .prize-more p a {
        display: block;
        padding: 4px 0;
        cursor: pointer;
        color: #000;
        text-transform: uppercase;
        font-size: 13px;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .prize-more p a:hover {
        text-decoration: none
    }
}

@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) {
    .emlink {
        text-decoration: underline;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .emlink:hover {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .main-login a {
        color: #e7c28b;
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .main-login a:hover {
        text-decoration: underline
    }
}

@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) {
    .forgot {
        padding: 0 !important;
        padding-left: 26px !important;
        margin-top: 5px !important;
        margin-bottom: 35px !important
    }
}

@media all and (min-width: 1px) {
    .nicname {
        margin-bottom: 35px
    }
}

@media all and (min-width: 1px) {
    .timer>div {
        display: inline-block
    }
}

@media all and (min-width: 1px) {
    .timer div>span {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 23px;
        display: inline-block
    }
}

@media all and (min-width: 1px) {
    .timer .smalltext {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .timer .dayblock {
        margin-right: 20px
    }
}

@media all and (min-width: 1px) {
    .timer-bonuses .timer>div>div {
        display: inline-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 .confirme {
        margin-left: 5px;
        font-size: 10px
    }
}

@media all and (min-width: 1px) {
    .my_profile .confirme b {
        font-weight: normal;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .my_profile .goconfirme {
        margin-left: 5px;
        font-size: 11px
    }
}

@media all and (min-width: 1px) {
    .my_profile a.goconfirme {
        color: #fff !important
    }
}

@media all and (min-width: 1px) {
    .my_profile .status {
        display: inline-block;
        margin: 10px 30px 0 0;
        float: left
    }
}

@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 {
        text-decoration: none;
        line-height: 34px;
        text-align: center;
        margin: 31px auto 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        min-width: 170px;
        width: auto
    }
}

@media all and (min-width: 1px)and (max-width: 720px) {
    .my_profile .keep-data.verification-phone-btn {
        margin: 30px auto
    }
}

@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) {
    .main-logout {
        cursor: pointer;
        font-size: 11px
    }
}

@media all and (min-width: 1px) {
    .main-logout:hover {
        text-decoration: underline
    }
}

@media all and (min-width: 1px) {
    .main-menu-top {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .main-menu-line a {
        background: none
    }
}

@media all and (min-width: 1px) {
    .main-menu-top li:hover a {
        background: #1a1a1a;
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .main-menu-line li.parent>a {
        background: url(arrow-bot.png) no-repeat center 30px
    }
}

@media all and (min-width: 1px) {
    .main-menu-line li.parent:hover>a {
        background: url(arrow-bot.png) no-repeat center 30px #1a1a1a
    }
}

@media all and (min-width: 1px) {
    .dropdown {
        font-size: 0;
        line-height: 0;
        letter-spacing: -4px
    }
}

@media all and (min-width: 1px) {
    .dropdown__dot {
        display: block !important;
        width: 2px;
        height: 2px;
        background: url(dropdown-dott.jpg) repeat-x 0 0 !important;
        background-size: 1px 2px !important;
        margin: 0
    }
}

@media all and (min-width: 1px) {
    .dropdown li {
        background: none;
        display: table-cell;
        padding-left: 0
    }
}

@media all and (min-width: 1px) {
    .dropdown li a {
        color: #e7c28b;
        display: block;
        padding: 8px 1px 9px 2px;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: normal;
        text-transform: capitalize
    }
}

@media all and (min-width: 1px) {
    .dropdown--mod li a {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .dropdown li:first-child a {
        border-bottom-left-radius: 13px
    }
}

@media all and (min-width: 1px) {

    body.game-page,
    body.load {
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .gameBox {
        display: none;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: #1a1a1a;
        z-index: 1001
    }
}

@media all and (min-width: 1px) {
    .ksnyf h1 {
        font-size: 30px
    }
}

@media all and (min-width: 1px) {
    .ksnyf h2 {
        font-size: 25px
    }
}

@media all and (min-width: 1px) {
    .ksnyf p {
        font-size: 15px;
        line-height: 15px
    }
}

@media all and (min-width: 1px) {
    .ksnyf table td {
        padding: 0 10px 8px 0;
        vertical-align: top
    }
}

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

@media all and (min-width: 1px) {
    .final-pas p {
        color: #000;
        display: block;
        padding: 4px 0;
        margin: 0;
        font-size: 15px;
        line-height: 17px;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .final-pas button {
        font-size: 15px;
        line-height: 17px;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .red-error {
        margin: 0 !important
    }
}

@media all and (min-width: 1px) {
    .restore-password-final .form-reActivation .final-pas {
        margin-top: 30px
    }
}

@media all and (min-width: 1px) {
    .restore-password-final .forgot {
        text-align: left;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .restore-password-final .final-pas button {
        color: #000;
        display: block;
        padding: 4px 0;
        width: 100%;
        border: 0;
        background: transparent;
        font-size: 15px;
        line-height: 17px;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    #restore .red-error {
        text-align: left;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .wrap-text-reset a {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .no-margin {
        margin: 0 !important
    }
}

@media all and (min-width: 1px) {
    .emlink {
        text-decoration: underline;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .emlink:hover {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .main-login a {
        color: #e7c28b;
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .main-login a:hover {
        text-decoration: underline
    }
}

@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) {
    .forgot {
        padding: 0 !important;
        padding-left: 26px !important;
        margin-top: 25px !important;
        margin-bottom: 35px !important
    }
}

@media all and (min-width: 1px) {
    .nicname {
        margin-bottom: 35px
    }
}

@media all and (min-width: 1px) {
    .timer>div {
        display: inline-block;
        margin: 0 1px
    }
}

@media all and (min-width: 1px) {
    .timer div>span {
        color: #fff;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 21px;
        display: inline-block;
        padding: 0 1px
    }
}

@media all and (min-width: 1px) {

    .inner-double-block .timer div>span,
    .mini-right-block .timer div>span,
    .main-priz .timer div>span {
        font-size: 16px
    }
}

@media all and (min-width: 1px) {
    .main-context .mini-right-block>p {
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {

    .timer div>span.minutes,
    .timer div>span.hours {
        position: relative
    }
}

@media all and (min-width: 1px) {

    .timer div>span.minutes:before,
    .timer div>span.hours:after {
        content: ":";
        position: absolute;
        width: 10px;
        height: 10px;
        top: -1px
    }
}

@media all and (min-width: 1px) {
    .timer div>span.minutes:before {
        right: -8px;
        color: #fff;
        font-size: 11px
    }
}

@media all and (min-width: 1px) {
    .timer div>span.hours:after {
        right: -9px;
        color: #fff;
        font-size: 11px
    }
}

@media all and (min-width: 1px) {
    .bonus-minuts p {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .timer .smalltext {
        color: #fff;
        font-size: 11px;
        margin-top: -3px
    }
}

@media all and (min-width: 1px) {
    .timer .dayblock {
        margin-right: 1px
    }
}

@media all and (min-width: 1px) {
    .timer-bonuses .timer .smalltext {
        margin-left: -3px
    }
}

@media all and (min-width: 1px) {
    .timer-bonuses .timer-end {
        padding: 0 0 10px;
        text-align: center;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .timer-bonuses [data-countdown-value] {
        font-size: 13px;
        font-family: "Tahoma Regular", sans-serif;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .timer-bonuses .hours:after {
        display: none
    }
}

@media all and (min-width: 1px) {
    .timer-bonuses .minutes:before {
        display: none
    }
}

@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-logout {
        cursor: pointer;
        font-size: 11px
    }
}

@media all and (min-width: 1px) {
    .main-logout:hover {
        text-decoration: underline
    }
}

@media all and (min-width: 1px) {
    .main-menu-top {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .main-menu-line a {
        background: none
    }
}

@media all and (min-width: 1px) {
    .main-menu-top li:hover a {
        background: #1a1a1a;
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .main-menu-line li.parent>a {
        background: url(arrow-bot.png) no-repeat center 30px
    }
}

@media all and (min-width: 1px) {
    .main-menu-line li.parent:hover>a {
        background: url(arrow-bot.png) no-repeat center 30px #1a1a1a
    }
}

@media all and (min-width: 1px) {
    .dropdown li {
        background: none;
        display: inline-block;
        float: none;
        margin: 0 3px
    }
}

@media all and (min-width: 1px) {
    .dropdown li a:hover {
        text-decoration: underline;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .dropdown li:first-child a {
        border-bottom-left-radius: 13px
    }
}

@media all and (min-width: 1px) {
    .main-context {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .ksnyf h1 {
        font-size: 30px
    }
}

@media all and (min-width: 1px) {
    .ksnyf h2 {
        font-size: 25px
    }
}

@media all and (min-width: 1px) {
    .ksnyf p {
        font-size: 15px;
        line-height: 15px
    }
}

@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) {
    .tournir-img {
        width: 100%;
        height: 140px;
        background-size: cover;
        border-radius: 0
    }
}

@media all and (min-width: 1px) {
    .final-pas p {
        color: #000;
        display: block;
        padding: 4px 0;
        margin: 0
    }
}

@media all and (min-width: 1px) {
    .red-error {
        margin: 0 !important
    }
}

@media all and (min-width: 1px) {

    .restore-password-final input.password,
    .restore-password-final input.password_confirmation {
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .restore-password-final .forgot {
        text-align: left;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .restore-password-final .final-pas button {
        color: #000;
        display: block;
        padding: 4px 0;
        width: 100%;
        border: 0;
        background: transparent
    }
}

@media all and (min-width: 1px) {
    #restore .red-error {
        text-align: left;
        font-size: 14px
    }
}

@media all and (min-width: 1px) {
    .wrap-text-reset a {
        color: #fff
    }
}

@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) {
    div[data-template=tournament-prize] .table-game-list .content-games-scroll .mCSB_container {
        height: 100%;
        margin: 0
    }
}

@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 div[data-template=tournament-prize] .table-game-list ul li {
        width: 95px;
        border-radius: 3px;
        margin: 12px 12px 0 0;
        border: 2px solid #e7c28b
    }
}

@media all and (min-width: 1px) {
    #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
    }
}

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

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

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

    div[data-template=tournament-prize] .table-game-list .mCSB_buttonLeft,
    div[data-template=tournament-prize] .table-game-list .mCSB_buttonRight {
        display: none !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) {
    div[data-template=tournament-prize] .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        margin-top: 4px
    }
}

@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) {
    .wrap-for-new-select {
        display: inline-block;
        width: 67px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .wrap-for-new-select-contry {
        display: inline-block;
        width: 258px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .wrap-for-new-select:hover .display-non-label {
        display: block
    }
}

@media all and (min-width: 1px) {
    .inner-for-new-select {
        position: fixed;
        width: 65%;
        z-index: 100
    }
}

@media all and (min-width: 1px) {
    .display-non-label {
        display: none;
        position: absolute;
        bottom: 49px;
        left: 0;
        background: #efc788;
        color: #000;
        font-size: 13px;
        border-radius: 25px;
        padding: 8px 10px 8px 10px
    }
}

@media all and (min-width: 1px) {
    .mini-arrow {
        width: 12px;
        height: 7px;
        display: block;
        position: absolute;
        bottom: -7px;
        left: 40px;
        background: url(label-back.png) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .wrap-for-new-input {
        position: relative;
        width: 270px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .inner-for-new-input {
        position: fixed;
        width: 65%;
        width: calc(100% - 100px);
        min-width: 270px
    }
}

@media all and (min-width: 1px) {
    .wrap-for-new-input:hover label {
        display: block
    }
}

@media all and (min-width: 1px) {
    .help-button:after {
        content: "";
        display: block;
        clear: both
    }
}

@media all and (min-width: 1px) {

    .help-button__left,
    .help-button__right {
        float: left;
        width: 50%;
        text-align: center
    }
}

@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 .right-swith {
        padding-left: 0
    }

    .filter-block__swithers .right-swith,
    .filter-block__swithers .label-input {
        margin-right: 10px
    }

    .filter-block__swithers .left-post {
        text-transform: initial
    }

    .filter-block__swithers .string-button-subscribe {
        background: transparent;
        border: 1px solid #ecc589;
        width: 34px;
        height: 18px
    }

    .filter-block__swithers .string-button-subscribe:before,
    .filter-block__swithers .string-button-subscribe:after {
        content: ""
    }

    .filter-block__swithers .string-button-subscribe.active-subscribe {
        background: -webkit-gradient(linear, left top, left bottom, from(#e3deda), color-stop(42%, #aaa399), color-stop(55%, #aaa399), to(#efc384));
        background: linear-gradient(180deg, #e3deda 0%, #aaa399 42%, #aaa399 55%, #efc384 100%)
    }

    .filter-block__swithers .string-button-subscribe .circle {
        width: 10px;
        height: 10px;
        top: 3px;
        left: 3px;
        border: 1px solid #f0c788;
        background: transparent !important
    }

    .filter-block__swithers .active-subscribe .circle {
        border-color: #000;
        left: calc(100% - 13px)
    }
}

@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 (max-width: 330px) {
    .main-deposit {
        width: 70px
    }

    #exit_window .text-over-winner {
        font-size: 20px
    }
}

@media all and (min-width: 375px) {
    .main-left-balans {
        padding: 7px 5px 0 5px
    }

    .games-filter__collections-link {
        font-size: 12px !important
    }

    .main-deposit {
        width: 80px
    }

    .day-of-tournir {
        width: 30px;
        text-align: center;
        display: inline-block;
        vertical-align: top
    }

    .swith-item p {
        color: #e4be84
    }

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

    .swith-item p:hover {
        color: #fff
    }

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

    .main-inner-text {
        font-size: 16px
    }

    .inner-light-line {
        padding: 0 0 0 61px
    }

    .label-accord-block {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 16px;
        background: url(down.png) no-repeat right center;
        padding: 0 25px 0 0;
        display: inline-block;
        cursor: pointer
    }

    .main-left-slid {
        font-size: 28px;
        position: absolute;
        top: 78px;
        width: 97px;
        right: 20px
    }
}

@media all and (min-width: 454px) {
    .button-registration-bonus {
        top: 2px
    }

    .lottery-time-block {
        width: 88%
    }
}

@media all and (min-width: 480px) {
    .main-left-balans {
        background-size: 9px auto;
        background-position: 65px 27px
    }

    .final-prize {
        text-align: center;
        float: left;
        width: 46%
    }

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

    .label-ball-rox-chart {
        font-size: 18px;
        padding: 15px 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
    }

    .final-of-tournament {
        text-transform: uppercase;
        font-size: 35px !important;
        border-top: none;
        width: 100%;
        margin: 0 auto;
        padding: 20px 0 0 0;
        text-align: center
    }

    .presonalInfo--gender {
        margin-bottom: -5px;
        margin-top: 20px
    }
}

@media all and (min-width: 480px)and (max-width: 573px) {
    .main-deposit {
        width: 75px
    }

    .main-login-block {
        padding-left: 6px
    }
}

@media all and (min-width: 480px)and (max-width: 804px) {
    .balanceblock {
        font-size: 12px
    }
}

@media all and (min-width: 518px) {
    .slideUp-bonus {
        position: absolute
    }

    .text-action-bonus {
        text-align: center;
        margin-left: -15px;
        margin-right: -15px
    }

    .text-action-bonus-promotext {
        color: #e7c28b !important
    }

    .button-block-for-bonus ul li {
        width: 95px
    }

    .table-wrap-block table {
        width: 90%
    }

    .rox-rox-rox-tables .over-wrap {
        width: 24%;
        display: inline-block;
        margin-right: 7%
    }

    .rox-rox-rox-tables .over-wrap:last-child {
        margin-right: 0;
        margin-top: 0
    }

    .rox-rox-rox-tables .over-wrap:nth-child(3),
    .rox-rox-rox-tables .over-wrap:nth-child(5) {
        margin-right: 7%;
        margin-top: 0
    }

    .rox-rox-rox-tables .over-wrap:nth-child(4) {
        margin-right: 0
    }

    .rox-rox-rox-tables .over-wrap:nth-child(5),
    .rox-rox-rox-tables .over-wrap:nth-child(6) {
        margin-top: 40px;
        margin-bottom: 40px
    }

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

    .active-bonus-time li {
        display: inline-block;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 47px;
        text-transform: uppercase;
        margin: 0 8px;
        position: relative
    }

    .right-icon-block {
        display: inline-block;
        width: 58%;
        vertical-align: top
    }

    .text-rules {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-gap: 15px;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
        color: #fff;
        padding: 0 21px 25px
    }

    .inner-wrap-icon {
        width: 564px;
        height: 186px;
        max-width: 470px;
        margin: 20px auto
    }

    .time-left-block {
        float: left;
        padding: 23px 0 0 64px;
        min-height: 65px;
        width: 49%;
        background: url(clock.png) no-repeat 17px 30px
    }

    .new-text-block {
        height: 104px
    }

    .new-item {
        width: 45%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin: 23px 11px;
        max-width: 337px;
        min-width: 230px
    }

    .left-icon-block {
        display: inline-block;
        width: 49%
    }

    .right-icon-block {
        display: inline-block;
        width: 44%;
        margin-left: 9px
    }

    .active-bonus-time li {
        display: inline-block;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 38px;
        text-transform: uppercase;
        margin: 0 8px;
        position: relative
    }

    .active-bonus-time {
        text-align: left;
        color: #e7c28b
    }

    .hour-bonus:after,
    .minut-bonus:after {
        font-size: 38px;
        top: -1px;
        right: -17px
    }

    .hour-bonus:before {
        font-size: 16px;
        top: 52px;
        left: 6px
    }

    .minut-bonus:before {
        font-size: 16px;
        top: 52px;
        left: -5px
    }

    .second-bonus:before {
        font-size: 14px;
        top: 52px;
        left: -5px
    }

    .activeBonus {
        width: 98%;
        height: 451px
    }

    .wrap-for-text-deposit {
        width: 90%;
        color: #fff;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 20px;
        text-align: center;
        margin: 0 auto 35px;
        max-width: 456px
    }

    .verif-document-block {
        padding: 30px 0
    }
}

@media all and (min-width: 574px) {
    .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
    }

    .timer-for-lottery--mobile {
        display: none
    }

    .timer-for-lottery--desktop {
        display: block;
        float: right;
        width: 160px;
        padding: 10px 5px;
        margin-right: 20px;
        border: 1px solid #e4c18b;
        border-radius: 6px;
        background-color: #000;
        text-align: center
    }

    .timer-for-lottery--desktop p {
        margin-bottom: 0
    }

    .timer-for-lottery--desktop .timer-end {
        margin-bottom: 5px
    }

    .timer-for-lottery--desktop .timer-end-date {
        margin-bottom: 0
    }

    .timer-for-lottery--desktop .timer .smalltext {
        font-size: 9px
    }

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

    .main-button-balans {
        top: 0
    }

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

    .text-action-bonus .label-action-bonus {
        width: auto
    }

    .all-providers {
        padding: 7px 9px 0 0
    }

    .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 .dead-line {
        padding: 6px 0 0 1px;
        margin: 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
    }

    .mini-gradient {
        margin-top: 20px
    }

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

    .new-text-block {
        height: 190px
    }

    .timer-tournir {
        display: none
    }

    .wrap-place-item thead tr th {
        color: #e7c28b;
        font-size: 18px;
        border-bottom: 2px solid #e7c28b;
        padding: 7px 0;
        text-align: center;
        background: none
    }

    .wrap-for-right-col {
        width: 49%;
        display: inline-block
    }

    .wrap-for-two-col {
        background: transparent;
        width: 50%;
        display: inline-block
    }

    .back-blue {
        width: 692px;
        height: 174px;
        position: absolute;
        left: 50%;
        margin-left: -346px;
        background: #00161b;
        z-index: -80
    }

    .block-arrow-left {
        top: 37%
    }

    .block-arrow-right {
        top: 37%
    }

    .item-tour-block-slider {
        width: 86%;
        margin: 0 auto;
        background: url(shadow.png) center
    }

    .main-deposit {
        width: 100%;
        font-size: 14px;
        padding: 4px 0
    }

    .main-but-wrap {
        width: 93px;
        padding: 2px;
        border-radius: 19px
    }

    .main-left-balans {
        float: left;
        padding: 0 16px 0 0;
        position: relative
    }

    .main-status {
        display: block
    }

    .inner-blue-tornament {
        display: none
    }

    .circul-ipad {
        display: none
    }

    .main-left-slid {
        font-size: 28px;
        position: absolute;
        top: 46px;
        width: 95px;
        right: initial
    }

    .main-inner-text {
        border-bottom: none
    }

    .main-ipad-icon {
        position: absolute;
        left: 142px;
        top: 49px
    }

    .main-inner-text {
        font-size: 23px;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        text-align: right;
        position: relative;
        top: 5px
    }

    .main-left-slid {
        font-size: 43px;
        position: absolute;
        top: 46px;
        width: 110px
    }

    .wrap-img-slider {
        border-radius: 7px;
        border: 2px solid #e2be88;
        overflow: hidden;
        width: 57%;
        margin: 0 auto 6px;
        float: left
    }

    .wrap-bottom-block {
        width: 42%;
        float: right
    }

    .left-bot {
        width: 100%;
        text-align: center
    }

    .right-bot {
        width: 100%;
        margin-top: 10px
    }

    .main-logout {
        display: none
    }

    .main-status-text {
        display: none
    }

    .main-status {
        padding: 2px 3px 6px 42px
    }

    .lottery-name-img {
        float: left;
        max-width: 60%;
        max-width: calc(100% - 200px)
    }

    .lottery-time-block {
        display: block;
        float: left;
        width: 200px;
        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 10px;
        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
    }

    .money-lottery {
        float: left;
        width: 49%
    }

    .changePassword {
        padding: 20px 10px
    }

    .changePassword input[type=text],
    .changePassword input[type=password] {
        width: 100%;
        margin-bottom: 15px;
        max-width: none
    }

    .changePassword .keep-data {
        float: right;
        width: 160px
    }

    .panel-group .panel+.panel {
        margin-top: 0
    }

    .timer-end {
        position: static;
        top: initial
    }

    .list-of-play ul li {
        margin-right: 7px
    }

    .annotation-text-mobile {
        text-align: center;
        margin: 15px auto 14px
    }
}

@media all and (min-width: 574px)and (max-width: 1027px) {
    .lottery-time-block .time-left-block {
        background: transparent
    }

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

    .center-item-slide {
        position: relative;
        top: -8px
    }

    .center-item-slide .bottom-block-for-deposit {
        line-height: 19px
    }

    .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) {
    .priz-left-table {
        width: 300px
    }

    .tournament-rules {
        margin-top: 60px
    }

    .table-game-list {
        float: none;
        width: 94%;
        position: relative;
        height: initial;
        padding: 0;
        margin: 0 3% 40px
    }
}

@media all and (max-width: 804px) {
    .inner-double-block {
        display: none
    }

    .d-display-none {
        display: none !important
    }

    .button-block-for-bonus ul li a:hover {
        color: #e7c28b;
        background: transparent;
        text-decoration: underline
    }

    .main-video-block {
        color: #e7c28b;
        background: transparent;
        text-decoration: underline
    }

    .bonus-page-h3--hide-on-mobile {
        display: none
    }

    .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.open .bonus-list__item-mobile-title:before {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .bonus-list__item-desktop {
        display: none
    }

    .bonus-list__item-mobile {
        display: block
    }

    .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-transition: all .2s linear;
        transition: all .2s linear
    }

    .bonus-list__item-text {
        position: relative;
        display: none;
        padding: 0 15px 10px
    }

    .bonus-list__item-text:before {
        content: "";
        display: block;
        height: 15px
    }

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

    .wrap-text-ruls {
        padding-bottom: 0
    }

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

    .soc-box_web .soc-box_text {
        width: 100%;
        color: #625e5d;
        font-size: 14px;
        text-align: center;
        margin-bottom: 8px
    }

    .soc-box_web .soc-box_link {
        position: relative;
        height: 24px;
        width: 24px;
        display: block;
        margin: 0 16px;
        cursor: pointer
    }

    .soc-box_web .soc-box_link::after {
        position: absolute;
        content: "";
        display: block;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 24px;
        height: 24px;
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat
    }

    .soc-box_web .soc-box_link.telega::after {
        background-image: url("telega-gradient.svg")
    }

    .soc-box_web .soc-box_link.insta::after {
        background-image: url("insta-gradient.svg")
    }

    .soc-box_web .soc-box_link.twitter::after {
        background-image: url("x-transparent.svg")
    }

    .soc-box_web .soc-box_link.vkontakte::after {
        background-image: url("vkontakte-gradient.svg")
    }
}

@media all and (min-width: 805px) {
    .exit-wrap {
        width: 68%
    }

    .main-popup-block .exit-wrap__btn-link {
        font-size: 18px
    }

    .exit-wrap__btn-link {
        width: 184px;
        height: 60px
    }

    .exit-wrap__btn-link--play {
        height: 54px
    }

    .img-wait-block {
        width: 30%
    }

    .text-wait-block {
        width: 70%
    }

    .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--livesport,
    .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--zero.active .provider-filter__controls-expand {
        width: 100px
    }

    .provider-filter__controls-unselect,
    .provider-filter__controls-collapse,
    .provider-filter__controls-expand {
        width: 150px;
        margin: 0 5px 0 0 !important
    }

    .provider-filter__controls--zero.active {
        position: absolute;
        top: 13px;
        right: 0;
        padding-right: 0
    }

    #livechat-compact-container,
    #chat-widget-container {
        display: none
    }

    .d-mobile-none {
        display: none !important
    }

    .bottom-bg-line {
        background-image: none
    }

    .home .main-content,
    .cms-page .main-content,
    .profile-page .main-content,
    .auth-page .main-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .timer-for-lottery--desktop .dead-line {
        font-size: 10px
    }

    .timer-for-lottery--desktop .timer-end {
        padding: 0
    }

    .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_content {
        display: block
    }

    .promo-box_content .img_box {
        width: 260px;
        margin-right: 50px;
        float: left
    }

    .promo-box_content .img_box img {
        display: block;
        width: 100%;
        max-width: none
    }

    .promo-box_content .text_box {
        overflow: hidden
    }

    .promo-box_content .bonus-list__item-title {
        text-align: left;
        position: relative;
        background: none;
        border: 0;
        top: auto;
        padding: 0
    }

    .promo-box_content p {
        margin-bottom: 10px;
        padding: 0
    }

    .promo-box_btn-box {
        width: 100%;
        text-align: center
    }

    .promo-box_btn-box a {
        color: #141414;
        text-decoration: none
    }

    .currency-radio-list {
        padding: 0
    }

    .has-cashwait .main-left-balans {
        padding-right: 17px !important
    }

    .currencies-list__cur {
        display: inline-block;
        margin-right: 5px
    }

    .currencies-list__val {
        display: inline-block;
        font-size: 10px;
        margin-left: 3px;
        padding-left: 2px
    }

    .annotation-text-mobile {
        margin-top: 0
    }

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

    .wrap-for-new-input {
        width: 221px
    }

    .first-col-new-form,
    .third-col-new-form,
    .second-col-new-form {
        max-width: 100%
    }

    .heigh-for-desktop {
        height: 57px
    }

    .first-col-new-form {
        display: inline-block;
        width: 33%;
        vertical-align: top
    }

    .second-col-new-form {
        display: inline-block;
        width: 33%;
        vertical-align: top
    }

    .third-col-new-form {
        display: inline-block;
        width: 33%;
        vertical-align: top
    }

    .new-input-in-registr,
    .new-select-in-registration {
        min-width: 220px
    }

    .new-label-input {
        padding-left: 25px
    }

    .money-select,
    .gender-select {
        min-width: 96px
    }

    .annotation-text-mobile {
        display: none
    }

    .annotation-text-desktop {
        display: block
    }

    .home,
    .home-page,
    .collection-page,
    .provider-page,
    .sportlobby-page,
    .favorite-collection-page,
    .instructionapp-page {
        padding-top: 65px !important
    }

    .sport-page {
        padding-top: 128px !important
    }

    .flags-drop {
        background-color: #202f3e
    }

    .c-hamburger: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
    }

    .img-wait-block img {
        position: relative;
        top: 10px;
        display: block;
        width: 160px;
        margin: 0 0 0 auto
    }

    .img-wait-block {
        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
    }

    .non-height {
        height: initial !important
    }

    .wait-text {
        margin-top: 0
    }

    .text-wait-block {
        text-align: left
    }

    .exit-wrap__btn {
        width: auto;
        margin-right: 20px
    }

    .wrap-for-wait-two-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 25px
    }

    .wait-text {
        background: none;
        -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)
    }

    .wrap-for-goout-button a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 16px;
        font-family: "Tahoma Bold", sans-serif;
        display: block;
        color: #fff;
        height: 100%;
        cursor: pointer;
        border-radius: 25px;
        text-align: center;
        width: 110px;
        padding: 3px 0;
        background: #f4ebc4;
        background: -webkit-gradient(linear, left top, left bottom, from(#f4ebc4), color-stop(41%, #d4b044), color-stop(58%, #d4b044), to(#f0df83));
        background: linear-gradient(to bottom, #f4ebc4 0%, #d4b044 41%, #d4b044 58%, #f0df83 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4ebc4", endColorstr="#f0df83", GradientType=0)
    }

    .wrap-for-play-button a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 16px;
        font-family: "Tahoma Bold", sans-serif;
        display: block;
        color: #fff;
        height: 100%;
        cursor: pointer;
        border-radius: 25px;
        text-align: center;
        width: 110px;
        padding: 3px 0
    }

    .text-wait-block {
        text-transform: initial;
        font-size: 18px;
        padding-top: 20px
    }

    .prize ul {
        margin-bottom: 10px
    }

    .prizovoy-block .table-wrapper-1,
    .prizovoy-block .mobile-tournament-prize-table {
        display: none
    }

    .prizovoy-block .table-wrapper {
        display: block
    }

    .first-block-in-promo-bonus {
        margin-top: 0 !important
    }

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

    .inner-pop-close {
        position: absolute;
        top: 5px;
        right: 6px;
        z-index: 80
    }

    .hidden-mobile {
        display: block
    }

    .main-but-wrap--on-mobile {
        display: none
    }

    .double-ul-menu li a {
        color: #525252 !important
    }

    .main-context .black-block {
        display: none
    }

    .provider-block {
        float: right;
        width: 47px;
        height: 72px;
        position: absolute;
        right: -79px;
        top: -14px;
        left: -16px
    }

    .my_deposit {
        padding-bottom: 60px
    }

    .main-actor-list .main-win-now-label {
        border-bottom: 1px solid #353535;
        padding-bottom: 2px
    }

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

    .margin-li {
        margin: 0 5px
    }

    .text-action-bonus {
        -webkit-box-shadow: 0 0 82px 41px rgba(255, 255, 255, .2) inset;
        box-shadow: 0 0 82px 41px rgba(255, 255, 255, .2) inset
    }

    p.name-second-p {
        font-size: 14px !important
    }

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

    .inner-wrapper-right-col-content .main-right-prizfond .timer-end {
        top: 0;
        padding: 10px;
        color: #e7c28b
    }

    .inner-wrapper-right-col-content .main-right-prizfond .timer-end-date {
        color: #e7c28b
    }

    .deposit-lottery .name-deposit-lottery {
        border-top: none;
        border-bottom: none;
        background: none
    }

    .deposit-lottery .wrap-text-ruls p {
        font-size: 14px
    }

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

    .timer div>span.minutes:before,
    .timer div>span.hours:after {
        top: 4px
    }

    #contentBox div[data-template=tournament-info] .timer div>span.minutes:before,
    #contentBox div[data-template=tournament-info] .timer div>span.minutes:after {
        top: -1px
    }

    .mini-right-block .timer div>span,
    .main-priz .timer div>span {
        font-size: 24px
    }

    .my_profile select option {
        background: #112b37
    }

    .main-bottom-line {
        overflow: hidden;
        width: auto;
        min-width: 99%;
        min-width: calc(100% - 1px);
        right: 1px;
        white-space: nowrap;
        text-align: center
    }

    .my_profile .status {
        float: left;
        margin: 5px 10px 0 0;
        color: #e1ba84
    }

    .my_profile .cubok {
        width: 43px;
        height: 43px;
        position: relative;
        top: -27px
    }

    .enter-line {
        -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);
        height: 36px
    }

    .container {
        width: 738px
    }

    .button-block-for-bonus ul li a {
        width: 100%
    }

    .mini-gradient {
        margin-top: 60px
    }

    .top-label-of-action {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none
    }

    .wrap-for-text-deposit {
        width: 560px;
        color: #fff;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 20px;
        text-align: center;
        margin: 0 auto 25px
    }

    .more-info {
        background: url(background-else.png)
    }

    .right-arrow-for-bonus {
        display: none
    }

    .left-arrow-for-bonus {
        display: none
    }

    .left-icon-block {
        display: inline-block;
        width: 49%;
        vertical-align: top
    }

    .bonus-icon-wrapper {
        height: 293px;
        width: 94%;
        margin: 0 auto
    }

    .bonus-popup-block {
        padding-top: 0
    }

    .wrap-goout-game {
        text-align: center;
        padding: 40px 0 12px 0;
        margin: 0;
        height: 264px
    }

    .activeBonus {
        width: 95%;
        height: 450px;
        padding-top: 0
    }

    .label-of-day {
        margin: 40px 0
    }

    .gorizont-line {
        width: 100%;
        height: 22px;
        clear: both
    }

    .clock-block p {
        margin: 0 0 8px 10px
    }

    .disp514 {
        display: none
    }

    .prize-more {
        width: 27%;
        float: right;
        text-align: center
    }

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

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

    .day-of-tournir {
        width: 36px;
        text-align: center;
        display: inline-block;
        vertical-align: top
    }

    .number-name {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 21px;
        margin-top: -2px
    }

    .dead-line {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        padding: 5px 0 1px 0;
        font-size: 13px
    }

    .img-tour-wrap {
        width: 52.5%;
        float: left;
        margin-right: 10px
    }

    .center-polser {
        width: 65px;
        height: 5px;
        border-radius: 4px;
        margin-top: 0
    }

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

    .wrap-now {
        display: block;
        padding: 15px 0;
        margin-bottom: 30px
    }

    div[data-template=tournament-winners],
    div[data-template=tournament-schedule] {
        margin-bottom: 40px
    }

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

    .label-line {
        padding: 4px 0
    }

    .tournament-schedule {
        padding-top: 0
    }

    .deposit-lottery {
        padding-top: 0
    }

    .news-block {
        padding-top: 0
    }

    .lottery-table {
        padding-top: 0
    }

    .prize p {
        font-size: 18px
    }

    .timer div>span {
        font-size: 27px
    }

    .double-points {
        margin-bottom: 0;
        height: 24px
    }

    .double-points a {
        text-transform: uppercase;
        font-size: 14px;
        font-family: "Tahoma Regular", sans-serif
    }

    .first-deposit {
        padding-top: 0
    }

    .lottery-table .label-line p {
        height: 100px;
        margin-left: -15px;
        margin-right: -15px
    }

    .lottery-table .label-line {
        padding: 0 !important
    }

    .table-lottery {
        padding-top: 41px !important;
        font-size: 18px
    }

    .label-line p {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .current-promo {
        padding-top: 0
    }

    .left-icon-bonus img {
        width: 58% !important;
        margin: 20px auto !important;
        opacity: 1
    }

    .right-icon-bonus img {
        width: 58% !important;
        margin: 20px auto !important;
        opacity: 1
    }

    .registration-input-block .enter-button {
        margin: 34px auto 10px
    }

    .restore-password {
        padding-top: 0
    }

    .registration-input-block {
        padding-top: 0
    }

    .capch-block {
        position: absolute;
        right: 28px;
        top: 145px
    }

    .new-registration-block {
        padding-top: 0
    }

    .rulls-of-lottery p {
        color: #e7c28b;
        text-align: center;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 15px;
        padding: 9px 0 8px
    }

    .restore-password-final {
        padding: 0
    }

    .wrap-for-soc-block {
        background: transparent
    }

    .wrap-for-right-col {
        width: 66%;
        display: inline-block
    }

    .four-col {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding-top: 8px;
        height: 167px
    }

    .wrap-for-two-col {
        width: 32.5%;
        background: transparent;
        padding-top: 0;
        margin: 0;
        float: left
    }

    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
    }

    .text-sms {
        padding-top: 20px;
        color: #fff
    }

    .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,
    .closeSubMinibox,
    .close-block-min {
        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,
    .closeSubMinibox:hover,
    .close-block-min: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
    }

    .clear-min805 {
        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
    }

    .star-li-disp-b,
    .star-li-over {
        width: 100%
    }

    .inner-star-left ul li {
        width: 19px;
        height: 21px;
        float: left
    }

    .inner-star-left {
        display: block
    }

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

    .allgames-block .main-wrap-game-icon {
        margin: 0 12px 25px
    }

    .input-number {
        width: 100%;
        margin: 0 auto
    }

    .icon-reset {
        position: static
    }

    .double-points+p a {
        font-size: 14px
    }

    .chose-priz p {
        width: 100%;
        text-align: center;
        font-size: 18px;
        margin: 0 auto;
        padding: 5px 0 0
    }

    .main-horizontal-line {
        width: 100%;
        background: url(bottom-line.png) repeat-x center;
        margin: 24px auto;
        border-radius: 2px;
        padding: 0;
        height: 4px
    }

    .main-wrap-verticaline {
        display: none
    }

    .main-balans {
        padding: 5px 0 0 0
    }

    .main-ipad-display {
        display: block
    }

    .main-progres {
        width: 115px
    }

    .main-inner-text {
        font-size: 33px;
        top: 5px
    }

    .main-left-slid {
        font-size: 60px;
        position: absolute;
        top: 93px;
        width: 110px
    }

    .main-button-balans {
        margin-left: 13px;
        margin-right: 13px
    }

    .main-ipad-icon {
        left: 194px;
        top: 92px
    }

    .main-status {
        padding: 0 13px 6px 13px
    }

    .main-login-block .main-text-wrap {
        padding-right: 13px
    }

    .main-text-wrap {
        padding: 0 15px 0 44px
    }

    .main-text-wrap {
        float: left
    }

    .main-logout {
        display: block
    }

    .main-status-text {
        display: block
    }

    .main-left-balans {
        padding: 0 14px 0 6px;
        padding-top: 5px !important;
        margin-top: -6px
    }

    .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) {
    .alt-deposit {
        padding-left: 16px;
        padding-right: 16px
    }

    .alt-deposit__title {
        margin-top: 25px
    }

    .alt-deposit__text-list {
        margin-bottom: 25px;
        font-size: 15px
    }

    .alt-deposit__button-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -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
    }

    .alt-deposit__button-wrap .alt-deposit__button {
        width: 207px;
        height: 28px;
        line-height: 25px
    }

    .alt-deposit__button:last-child {
        margin-left: 0;
        margin-top: 18px
    }

    .notify-problem__img {
        height: 35px
    }

    .notify-problem__link {
        margin-bottom: 10px
    }

    .notify-problem__link-wrap {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding-left: 0;
        padding-right: 0
    }

    .close-block-min,
    .closeSubMinibox {
        top: 5px;
        right: 5px
    }

    .btn-1-wr--confirmation-btn {
        margin-top: 25px
    }

    .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;
        height: auto
    }

    .my_profile .select-sex li .check {
        top: 0
    }

    .my_profile .change-password {
        margin-top: 0
    }

    .my_profile .bottom-button-block {
        margin: 30px auto
    }

    .currency-on-balance {
        padding-bottom: 24px !important;
        padding-top: 4px !important
    }

    .label-ver-block {
        padding: 20px 0 !important
    }

    .right-verif-block-with-result {
        padding: 10px 0 !important
    }

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

    .label-gradient {
        margin-bottom: -14px !important
    }

    .panel-body {
        padding-top: 0 !important
    }

    .panel-body h4 {
        margin-top: 0 !important
    }

    .verif-document-block {
        padding: 10px 0
    }

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

    .main-menu-line a {
        padding-left: 6px;
        padding-right: 6px
    }

    .container.main-header-block {
        width: 761px
    }
}

@media all and (min-width: 1028px) {
    .timer-for-lottery--desktop {
        padding: 0 5px 5px
    }

    .timer-for-lottery--desktop .timer div>span {
        font-size: 24px
    }

    .timer-for-lottery--desktop .dead-line {
        font-size: 11px
    }

    .timer-for-lottery--desktop .timer div>span.minutes:before,
    .timer-for-lottery--desktop .timer div>span.minutes:after {
        top: -1px;
        font-size: 24px
    }

    .timer-for-lottery--desktop {
        width: 254px;
        margin-right: 20px
    }

    .main-wrap-star {
        display: block
    }

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

    .new-input-in-registr {
        min-width: 270px
    }

    .money-select,
    .gender-select {
        min-width: 106px
    }

    .country-select {
        min-width: 270px
    }

    .wrap-for-new-input {
        width: 270px
    }

    .prize ul li p {
        padding: 0 4px;
        font-size: 24px;
        line-height: 33px
    }

    #contentBox div[data-template=tournament-info] .timer div>span.minutes:before,
    #contentBox div[data-template=tournament-info] .timer div>span.hours:after {
        top: 10px
    }

    .home .gorrizontal-line-behind-slider-and-content,
    .home-page .gorrizontal-line-behind-slider-and-content {
        width: 962px
    }

    .text-rules__monolit {
        display: inline-block
    }

    .main-context--terms .bottom-arrow {
        background: url(up.png) no-repeat right 8px !important
    }

    .main-context--terms .bottom-arrow.collapsed {
        background: url(down.png) no-repeat right 8px !important
    }

    .main-context--terms .label-text-silver1,
    .main-context--terms .main-text-inner1,
    .main-context--terms .wrapper-main-context {
        margin-left: 75px !important;
        margin-right: 75px !important
    }

    .new-label-input {
        padding-left: 40px
    }

    .list-of-play ul {
        text-align: center;
        margin: 4px 0 4px 0
    }

    .content-games-scroll {
        width: 305px !important;
        overflow: hidden !important
    }

    .money-lottery img {
        width: 100%
    }

    .my_profile input[type=text].margin-bottom {
        margin-bottom: 64px
    }

    .container {
        width: 962px
    }

    .double-points a {
        text-transform: uppercase;
        font-size: 17px
    }

    .search-button {
        z-index: 50
    }

    .inner-popup-block {
        width: 962px;
        margin: 0 auto
    }

    .final-prize {
        width: 100%
    }

    .disp-logo {
        display: none
    }

    .no-disp-logo {
        display: inline-block
    }

    .star-li-disp-b,
    .star-li-over {
        width: 87%
    }

    .inner-star-left ul li {
        width: 22px;
        height: 21px;
        float: left
    }

    .frame-inner-game-text {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        padding: 4px;
        font-size: 13px
    }

    .table-wrap ul li {
        display: inline-block;
        margin: 12px 5px
    }

    .activeBonus {
        width: 806px
    }

    .wrap-goout-game .main-wrap-game-icon {
        margin: 0 16px 0
    }

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

    .money-lottery {
        float: left;
        width: 49%
    }

    .label-sinopsis {
        text-align: left
    }

    .sinopsis-text {
        width: 100%;
        line-height: 142%;
        margin: 0 !important
    }

    .money-lottery ul {
        background: url(gorizontal-line.png) no-repeat 0 bottom;
        text-align: left
    }

    .money-lottery ul li:nth-child(1) {
        width: 29%
    }

    .money-lottery ul li:nth-child(3) {
        width: 29%
    }

    .money-lottery ul li:nth-child(2) {
        width: 38%
    }

    .wrap-for-text {
        float: left;
        width: 47%;
        padding: 0 0 0 39px;
        background-position-y: 43px;
        background-size: contain
    }

    .width-disp {
        display: block
    }

    .money-lottery ul {
        margin-bottom: 0 !important
    }

    .disp {
        display: none
    }

    .wrap-for-money-lottery {
        width: 95%;
        margin: 30px auto;
        background: url(big-vert-line.png) repeat-y center
    }

    .money-lottery {
        margin: 0 auto;
        padding: 0 20px
    }

    .tournament-item img {
        width: 90%
    }

    .tournament-item {
        width: 232px
    }

    .bottom-arrow {
        font-size: 14px
    }

    .input-number {
        width: 100%;
        margin: 0 auto
    }

    .new-registration-block,
    .restore-password,
    .restore-password-final {
        width: 83%
    }

    .allgames-block .main-wrap-game-icon {
        margin: 0 9px 25px
    }

    .registration-input-block {
        width: 83%
    }

    .main-ipad-icon {
        position: absolute;
        left: 231px;
        top: 91px
    }

    .main-item-win {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .main-ipad-nodisplay {
        display: block
    }

    .main-ipad-display {
        display: none
    }

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

    .provider-filter__controls--zero.active .provider-filter__controls-expand {
        width: 150px
    }

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

    .main-inner-text {
        font-size: 43px
    }

    .main-left-slid {
        font-size: 76px
    }

    .game-text-block-center {
        background: url(frame-game-center.png) repeat-x center
    }

    .inner-left-game-text-block {
        background: url(frame-game-left.png) no-repeat left center
    }

    .inner-right-game-text-block {
        background: url(frame-game-right.png) no-repeat right center
    }

    ul.tournament-prize-number {
        text-align: left
    }

    .wrap-priz-number p {
        text-align: center
    }

    .timer div>span {
        font-size: 37px
    }

    .main-video-block {
        background: url(/video/LasVegas/lasvegas_video.jpg) no-repeat center !important;
        background-size: cover !important;
        width: 100%
    }

    .promo-box_content .img_box {
        width: 361px
    }
}

@media all and (min-width: 1028px)and (max-width: 1130px) {

    .close-block-min,
    .closeSubMinibox {
        top: 5px;
        right: 5px
    }
}

@media all and (min-width: 1180px) {
    .games-filter__collections-link {
        font-size: 13px !important
    }

    .main-popup-block {
        top: 83px
    }

    html.multi-currency .main-left-balans {
        background-position: 104px 27px
    }

    .main-left-balans {
        min-width: 95px
    }

    .main-login {
        max-width: 170px
    }

    .black-block2 {
        margin-left: -15px;
        margin-right: -15px
    }

    .wrap-for-new-input {
        width: 300px
    }

    .new-input-in-registr {
        min-width: 300px
    }

    .country-select {
        min-width: 300px
    }

    .home .gorrizontal-line-behind-slider-and-content,
    .home-page .gorrizontal-line-behind-slider-and-content {
        width: 1110px
    }

    .new-label-input {
        padding-left: 50px
    }

    .wrap-for-money-lottery {
        width: 90%
    }

    .prize {
        margin: 20px 0
    }

    .filter-block-in {
        padding-bottom: 0
    }

    .container {
        width: 1110px
    }

    .wrap-two-block {
        width: 90%
    }

    .money-lottery ul {
        background: url(gorizontal-line.png) no-repeat center bottom;
        text-align: center
    }

    .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-more p {
        width: 186px;
        margin-top: 17px
    }

    .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%;
        margin: 0 auto;
        text-align: center
    }

    .clock-block {
        color: #e7c28b;
        padding: 0 0 0 42px;
        background: url(clock.png) no-repeat 0 2px
    }

    .registration-input-block,
    .restore-password,
    .restore-password-final {
        width: 72%;
        max-width: 800px
    }

    .new-registration-block {
        width: 72%
    }

    .bottom-arrow {
        font-size: 16px
    }

    .tournament-item img {
        width: 96%
    }

    .tournament-item {
        width: 217px
    }

    .allgames-block .main-wrap-game-icon {
        margin: 0 0 25px
    }

    .input-number {
        width: 100%;
        margin: 0 auto
    }

    .main-ipad-icon {
        position: absolute;
        left: 272px;
        top: 91px
    }

    .table-first-deposit tbody tr:last-child td {
        border-bottom: none !important
    }
}

@media all and (min-width: 1180px)and (max-width: 1400px) {

    .close-block-min,
    .closeSubMinibox {
        top: 5px;
        right: 5px
    }
}

@media all and (min-width: 1270px) {
    .inner-popup-block {
        width: 1190px
    }

    .wrap-for-text {
        padding: 10px 0 0 51px
    }

    .wrap-for-money-lottery {
        width: 90%
    }

    #scrollUp {
        display: block
    }

    #scrollUp a {
        display: block
    }
}

@media(min-width: 1px)and (max-width: 804px) {
    .prize-more {
        margin: 25px auto 20px auto
    }

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

.jackpot-block {
    padding: 0;
    display: block
}

.jackpot-block-counter {
    position: relative;
    display: block;
    float: right;
    background: url("jackpot-bg.png") no-repeat;
    width: 272px;
    height: 39px;
    margin-top: 7px;
    padding-top: 2px;
    cursor: pointer
}

.jackpot-block-counter-digit {
    position: absolute;
    top: 9px;
    right: 34px;
    padding: 0
}

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

.jackpot-block-digit {
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 19px;
    height: 30px
}

.jackpot-block-digit--1,
.jackpot-block-digit--4,
.jackpot-block-digit--7 {
    margin-right: 5px
}

.jackpot-block-digit--2,
.jackpot-block-digit--3,
.jackpot-block-digit--5,
.jackpot-block-digit--6,
.jackpot-block-digit--8,
.jackpot-block-digit--9 {
    margin-right: 2px
}

@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: 203px;
        -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-counter-digit-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0
    }

    .jackpot-block-counter-digit-mobile li {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        line-height: 17px;
        color: #000;
        text-align: center;
        width: 15px;
        height: 18px;
        border-radius: 3px;
        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%)
    }

    .jackpot-block-counter-digit-mobile .jackpot-block-digit--1,
    .jackpot-block-counter-digit-mobile .jackpot-block-digit--4,
    .jackpot-block-counter-digit-mobile .jackpot-block-digit--7 {
        margin-right: 5px
    }

    .jackpot-block-counter-digit-mobile .jackpot-block-digit--2,
    .jackpot-block-counter-digit-mobile .jackpot-block-digit--3,
    .jackpot-block-counter-digit-mobile .jackpot-block-digit--5,
    .jackpot-block-counter-digit-mobile .jackpot-block-digit--6,
    .jackpot-block-counter-digit-mobile .jackpot-block-digit--8,
    .jackpot-block-counter-digit-mobile .jackpot-block-digit--9 {
        margin-right: 1px
    }

    .jackpot-block-digit-mobile,
    .jackpot-block-currency-mobile {
        position: absolute;
        bottom: 3px;
        right: 6px;
        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
    }

    .jackpot-block-digit-mobile:nth-child(1) {
        margin-left: 0
    }
}

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

.right-verif-block-with-result {
    padding: 30px 0
}

.changePassword {
    padding: 20px 10px
}

.changePassword input[type=text],
.changePassword input[type=password] {
    width: 100%;
    margin-bottom: 15px;
    max-width: none
}

.changePassword .keep-data {
    float: right;
    width: 160px
}

.panel-group {
    padding-bottom: 10px
}

.panel-group .panel+.panel {
    margin-top: 0
}

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

.flex-block a {
    display: block
}

.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) {
    .currency-on-balance .currency-radio-list--inline {
        display: block;
        padding: 0
    }

    .currency-on-balance .currency-radio-list__item {
        margin-right: 10px
    }

    .currency-on-balance .currency-radio-list__inner {
        max-width: 100%;
        margin-right: 7px;
        margin-bottom: 20px
    }

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

    .change-password {
        margin-top: 30px
    }

    .left-section a {
        text-decoration: none
    }

    .timerPromoLottery {
        margin-left: -6px
    }

    .promo-small-text {
        color: #fff !important
    }

    .center-block-subscriptions {
        margin: 0 auto;
        text-align: center
    }

    .revers-bonus {
        margin: 0 auto !important
    }

    .string-button-subscribe span.no-subscribe {
        float: left
    }

    .string-button-subscribe span.yes-subscribe {
        float: right
    }

    .string-button-subscribe {
        position: relative;
        height: 24px;
        cursor: pointer;
        width: 50px;
        margin: 0 auto;
        display: block;
        background: transparent;
        border: 2px solid #f0c788;
        border-radius: 55px;
        -moz-border-radius-topright: 55px;
        -webkit-border-top-right-radius: 55px;
        border-bottom: 2px solid rgba(255, 255, 255, .9);
        -webkit-transition: filter .2s linear, background .6s ease;
        -webkit-transition: background .6s ease, -webkit-filter .2s linear;
        transition: background .6s ease, -webkit-filter .2s linear;
        transition: filter .2s linear, background .6s ease;
        transition: filter .2s linear, background .6s ease, -webkit-filter .2s linear;
        float: left
    }

    .string-button-subscribe .circle {
        width: 14px;
        height: 14px;
        position: absolute;
        left: 2px;
        top: 3px;
        border-radius: 50%;
        -moz-border-radius-topright: 50%;
        -webkit-border-top-right-radius: 50%;
        background: -webkit-gradient(linear, left bottom, left top, from(#d0d0d0), to(#e4e5e5)) !important;
        background: linear-gradient(to top, #d0d0d0, #e4e5e5) !important;
        background: -webkit-linear-gradient(bottom, #d0d0d0, #e4e5e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0d0d0", endColorstr="#e9c289", GradientType=0);
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .string-button-subscribe:hover {
        filter: brightness(110%);
        -webkit-filter: brightness(110%)
    }

    .active-subscribe {
        background: #202f3e
    }

    .active-subscribe .circle {
        left: 59%;
        left: calc(100% - 16px);
        background: -webkit-gradient(linear, left bottom, left top, from(#e9c289), to(#dfe2e4)) !important;
        background: linear-gradient(to top, #e9c289, #dfe2e4) !important;
        background: -webkit-linear-gradient(bottom, #e9c289, #dfe2e4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfe2e4", endColorstr="#e9c289", GradientType=0)
    }

    .string-button-subscribe:before {
        content: "Нет";
        position: absolute;
        color: #acacac;
        top: 1px;
        right: 6px;
        font-size: 12px;
        opacity: 1;
        -webkit-transition: all .3s;
        transition: all .3s;
        line-height: 17px
    }

    .string-button-subscribe:after {
        content: "Да";
        position: absolute;
        top: 1px;
        left: 12px;
        color: #e7c28b;
        font-size: 12px;
        opacity: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        line-height: 17px
    }

    .active-subscribe.string-button-subscribe:before {
        opacity: 0;
        right: 12px
    }

    .active-subscribe.string-button-subscribe:after {
        opacity: 1;
        left: 6px
    }

    .main-tabs-input-class option {
        background: #272828;
        color: #fff
    }

    .main-tabs-input-class.empty {
        color: #626161 !important
    }

    .relative-downlod-document {
        width: 240px;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        white-space: nowrap;
        text-align: center
    }

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

    .button-style3 {
        font-size: 0;
        line-height: 0;
        letter-spacing: -4px
    }

    .button-style3 button,
    .button-style3 a {
        background: none;
        width: 100%;
        border: none;
        padding: 4px 0;
        font-family: "Tahoma Regular", sans-serif;
        font-size: 15px;
        line-height: normal;
        letter-spacing: normal;
        text-transform: uppercase;
        cursor: pointer
    }

    @-moz-document url-prefix() {
        .button-style3 button {
            padding: 6px 0 3px
        }
    }

    .panel {
        background-color: transparent !important
    }

    .wrap-for-img-status:hover .display-in-hover {
        display: none
    }

    .get-lottery-ticket {
        text-align: center
    }

    .get-lottery-ticket a {
        text-transform: uppercase
    }

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

    .label-status {
        cursor: pointer
    }

    .recharge-block {
        display: none
    }

    .display-in-hover {
        display: none
    }

    .second-tabs-ul {
        padding: 0;
        list-style-type: none
    }

    .dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        height: 0;
        padding: 0 3px;
        -webkit-transition: height 900ms ease, opacity 900ms ease-out;
        transition: height 900ms ease, opacity 900ms ease-out;
        top: calc(100% - 1px);
        opacity: 0
    }

    .dropdown.dropdown-open {
        height: 100%;
        opacity: 1
    }

    .dropdown.dropdown-sport {
        min-width: auto;
        right: -125px
    }
}

@media(min-width: 1px)and (max-width: 1027px) {
    .dropdown.dropdown-sport {
        right: -133px
    }
}

@media all and (min-width: 1px) {
    .dropdown.dropdown-slots {
        right: -456px
    }
}

@media(min-width: 1px)and (max-width: 1027px) {
    .dropdown.dropdown-slots {
        right: -408px
    }
}

@media all and (min-width: 1px) {
    .dropdown.dropdown-promo {
        right: -64px;
        width: 524px
    }
}

@media(min-width: 1px)and (max-width: 1027px) {
    .dropdown.dropdown-promo {
        right: -56px;
        width: 468px
    }
}

@media all and (min-width: 1px) {
    .block-statusa {
        margin: 15px 0
    }
}

@media all and (min-width: 1px) {
    .label-status:after {
        content: "";
        width: 19px;
        height: 10px;
        position: absolute;
        top: 7px;
        right: 14px;
        background: url("up-arrow.png") no-repeat center
    }
}

@media all and (min-width: 1px) {
    .collapsed:after {
        content: "";
        width: 19px;
        height: 10px;
        position: absolute;
        top: 7px;
        right: 14px;
        background: url("down-arrow.png") no-repeat center
    }
}

@media all and (min-width: 1px) {
    .pay-history {
        color: #fff;
        display: none
    }
}

@media all and (min-width: 1px) {
    .currency-on-balance {
        padding: 30px 15px 44px;
        background: url(bottom-line.png) repeat-x bottom center
    }
}

@media all and (min-width: 1px) {
    .currency-on-balance--center {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .currency-on-balance p {
        margin-bottom: 18px;
        color: #e7c28b
    }
}

@media all and (min-width: 1px) {
    .currency-on-balance p:last-child {
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .list-pay-history-max-805 table {
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .list-pay-history-max-805 {
        padding: 25px
    }
}

@media all and (min-width: 1px) {
    .wrap-for-img-status {
        text-align: center;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .achievements-block {
        display: none
    }
}

@media all and (min-width: 1px) {
    .inner-top-gradient-block {
        position: relative;
        width: 300px;
        margin: 0 auto;
        background: no-repeat center
    }
}

@media all and (min-width: 1px) {
    .inner-top-gradient-block__status {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 60px;
        height: 90%;
        background: no-repeat center;
        background-size: contain
    }
}

@media all and (min-width: 1px) {
    .status-qvo-promo {
        width: 100%;
        text-align: center;
        padding-bottom: 30px
    }
}

@media all and (min-width: 1px) {
    .status-qvo-promo img {
        max-width: 100%
    }
}

@media all and (min-width: 1px) {
    .left-inner-gradient-block {
        display: inline-block;
        width: 34%;
        vertical-align: top
    }
}

@media all and (min-width: 1px) {
    .flex-inner-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 90px
    }
}

@media all and (min-width: 1px) {
    .wrap-for-progress {
        width: 100%;
        text-align: center;
        -ms-flex-item-align: center;
        align-self: center
    }
}

@media all and (min-width: 1px) {
    .progress-block {
        border: 2px solid #e1bf8c;
        padding: 1px;
        height: 13px;
        background: #000;
        border-radius: 25px
    }
}

@media all and (min-width: 1px) {
    .progress-block span {
        border-radius: 25px;
        display: block;
        width: 0;
        height: 100%;
        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) {
    .right-inner-gradient-block {
        display: inline-block;
        width: 35%;
        vertical-align: top;
        color: #fff;
        float: right;
        padding-right: 5px
    }
}

@media all and (min-width: 1px) {
    .flex-inner-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 90px
    }
}

@media all and (min-width: 1px) {
    .flex-inner-block p {
        -ms-flex-item-align: center;
        align-self: center;
        white-space: nowrap
    }
}

@media all and (min-width: 1px) {
    .label-progress-block {
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 14px;
        text-align: left;
        padding: 0 0 5px 0
    }
}

@media all and (min-width: 1px) {
    .label-gradient p {
        color: #e1bf8c;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 18px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .label-gradient {
        padding: 15px 10px;
        width: 100%;
        margin: 10px 0;
        -webkit-box-shadow: 0 -1px 15px 2px rgba(225, 191, 140, .5) inset;
        box-shadow: 0 -1px 15px 2px rgba(225, 191, 140, .5) inset
    }
}

@media all and (min-width: 1px) {
    .label-status {
        border-top: 1px solid #756043;
        border-bottom: 1px solid #626160;
        position: relative;
        color: #fff;
        text-align: center;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        padding: 3px 0;
        background: #222;
        background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#191919));
        background: linear-gradient(to bottom, #222 0%, #191919 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222", endColorstr="#191919", GradientType=0);
        margin: 10px 0 20px 0
    }
}

@media all and (min-width: 1px) {
    .inner-block-status {
        width: 98%;
        margin: 0 auto;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .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
    }
}

@media all and (min-width: 1px) {
    #help-popup-block-promo {
        border-radius: 15px;
        border: 2px solid #e7c28b;
        width: 300px;
        padding: 10px;
        color: #fff;
        position: absolute;
        top: 50px;
        cursor: default;
        right: 15%;
        right: calc(50% - 150px);
        background-color: rgba(33, 50, 69, .95);
        -webkit-box-shadow: inset 0 0 30px 11px rgba(255, 255, 255, .5);
        box-shadow: inset 0 0 30px 11px rgba(255, 255, 255, .5);
        display: none;
        z-index: 80
    }
}

@media all and (min-width: 1px) {
    .slider-item-block .help-popup-block {
        height: auto;
        width: 300px;
        left: -50px
    }
}

@media all and (min-width: 1px) {
    .slider-item-block:nth-child(4n) .help-popup-block {
        left: auto;
        right: -50px
    }
}

@media all and (min-width: 1px) {
    .status-qvo-promo.active {
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .status-qvo-promo.active img {
        filter: brightness(150%);
        -webkit-filter: brightness(150%)
    }
}

@media all and (min-width: 1px) {
    #help-popup-block-promo p {
        text-align: center;
        margin-bottom: 10px
    }
}

@media all and (min-width: 1px) {
    #help-popup-block-promo ul li {
        text-align: left
    }
}

@media all and (min-width: 1px) {
    .left-inner-status {
        display: inline-block;
        vertical-align: top;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .left-inner-status img {
        margin: 0 auto;
        max-width: 125px
    }
}

@media all and (min-width: 1px) {
    .left-inner-gradient-block p {
        color: #e7c28b;
        text-transform: uppercase;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .top-gradient-block {
        background: #363636;
        background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#222222));
        background: linear-gradient(to bottom, #363636 0%, #222 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363636", endColorstr="#222222", GradientType=0)
    }
}

@media all and (min-width: 1px) {
    .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
    }
}

@media all and (min-width: 1px) {
    .selected-bonus {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .selected-bonus::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .selected-bonus .selected-bonus__img {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        left: 50%;
        margin-left: -40px;
        width: initial !important;
        background: transparent;
        border: none
    }
}

@media all and (min-width: 1px) {
    .img-for-bonus {
        max-height: 100%
    }
}

@media all and (min-width: 1px) {
    .slider-item-block {
        position: relative;
        width: 58%;
        margin: 0 auto;
        min-width: 300px;
        max-width: 331px
    }
}

@media all and (min-width: 1px) {
    .background-with-color-img {
        background: url("new-more.png") no-repeat center;
        color: #000 !important;
        text-decoration: none !important;
        width: 185px;
        display: block;
        padding: 3px 0 4px 0;
        text-align: center;
        font-size: 16px;
        margin: 0 auto;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    .background-with-color-img:hover {
        text-decoration: none;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .left-row-of-bonus {
        color: #e7c28b;
        font-size: 15px;
        text-transform: uppercase;
        display: inline-block;
        width: 48%;
        vertical-align: top;
        margin-right: 5px
    }
}

@media all and (min-width: 1px) {
    .right-row-of-bonus {
        color: #fff;
        font-size: 15px;
        display: inline-block;
        width: 48%;
        vertical-align: top
    }
}

@media all and (min-width: 1px) {

    .inner-left-row-of-bonus,
    .inner-right-row-of-bonus {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 55px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media all and (min-width: 1px) {
    .row-of-bonus {
        border-bottom: 1px solid #3c3c3c
    }
}

@media all and (min-width: 1px) {
    .inner-row-of-bonus {
        margin: 0 auto;
        width: 80%
    }
}

@media all and (min-width: 1px) {
    .padding-class {
        padding-top: 0;
        margin-top: 0
    }
}

@media all and (min-width: 1px) {
    .four-block-in-promo-bonus .input-for-promo-kod {
        margin: 20px auto
    }
}

@media all and (min-width: 1px) {
    .input-for-promo-kod {
        width: 300px;
        margin: 0 auto;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .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
    }
}

@media all and (min-width: 1px) {

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

@media all and (min-width: 1px) {
    .input-for-promo-kod input[type=submit]:hover {
        filter: brightness(110%);
        -webkit-filter: brightness(110%)
    }
}

@media all and (min-width: 1px) {
    .input-for-promo-kod input[type=submit]:active {
        border-style: hidden !important;
        filter: brightness(80%);
        -webkit-filter: brightness(80%)
    }
}

@media all and (min-width: 1px) {
    .main-inner-popupInPopup-block-points {
        display: none;
        position: absolute;
        width: 100%;
        z-index: 60;
        background: #1a1a1a;
        margin-top: 10px
    }
}

@media all and (min-width: 1px) {
    .inner-inpop {
        background: url("bottom-line.png") repeat-x bottom center;
        padding-bottom: 10px
    }
}

@media all and (min-width: 1px) {
    .inner-points-block .openMiniBoxClose {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        width: 18px;
        height: 18px
    }
}

@media(min-width: 1px)and (min-width: 804px) {
    .inner-points-block .openMiniBoxClose {
        width: 35px;
        height: 35px
    }
}

@media all and (min-width: 1px) {
    .inner-points-block .close-block__ic {
        position: relative;
        top: 9px;
        width: 18px;
        height: 18px
    }
}

@media all and (min-width: 1px) {
    .inner-inpop button {
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .right-swith {
        display: inline-block;
        float: left;
        vertical-align: top;
        padding-left: 13px;
        text-align: right;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .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)
    }
}

@media all and (min-width: 1px) {
    .swith-item {
        padding: 18px 0 0 0
    }
}

@media all and (min-width: 1px) {
    .verification-block {
        position: relative;
        display: none
    }
}

@media all and (min-width: 1px) {
    .green-action-p {
        background: #23a403;
        border-radius: 25px;
        color: #fff;
        display: block;
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
        width: 125px;
        padding: 4px 0;
        margin: 0 auto;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .green-action-p.dis {
        background: #8c8e8c
    }
}

@media all and (min-width: 1px) {
    .label-points {
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 18px;
        padding: 18px 0;
        color: #e1ba84 !important;
        margin-bottom: 0 !important
    }
}

@media all and (min-width: 1px) {
    .label-ver-block p {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 16px;
        font-family: "Tahoma Bold", sans-serif;
        text-align: center;
        width: 100%;
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .label-ver-block {
        -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;
        padding: 26px 0
    }
}

@media all and (min-width: 1px) {
    .first-inner-tab {
        min-height: 156px;
        height: 100%;
        padding: 15px 0;
        border-radius: 0 0 20px 20px
    }
}

@media all and (min-width: 1px) {
    .wrap-for-myProfile {
        display: none;
        padding-bottom: 1px
    }
}

@media all and (min-width: 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
    }
}

@media all and (min-width: 1px) {
    .main-tabs-input-class:focus::-webkit-input-placeholder {
        color: transparent
    }
}

@media all and (min-width: 1px) {
    .main-tabs-input-class:focus::-moz-placeholder {
        color: transparent
    }
}

@media all and (min-width: 1px) {
    .main-tabs-input-class:focus:-ms-input-placeholder {
        color: transparent
    }
}

@media all and (min-width: 1px) {
    .main-tabs-input-class:focus:-moz-placeholder {
        color: transparent
    }
}

@media all and (min-width: 1px) {
    select.main-tabs-input-class {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
}

@media all and (min-width: 1px) {
    .my_profile .label-input {
        float: none
    }
}

@media all and (min-width: 1px) {
    .item {
        height: 20px;
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    div.option {
        cursor: pointer;
        color: #a4a4a4;
        text-align: left
    }
}

@media all and (min-width: 1px) {
    div.option:hover {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .width-for-input {
        width: 222px
    }
}

@media all and (min-width: 1px) {
    .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%)
    }
}

@media all and (min-width: 1px) {
    .but-verif {
        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%);
        border-radius: 15px;
        border: 2px solid #000;
        color: #000;
        display: inline-block;
        font-size: 15px;
        text-transform: uppercase;
        width: 134px;
        margin: 0 auto;
        padding: 2px 0;
        overflow: hidden
    }

    .but-verif: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%)
    }
}

@media all and (min-width: 1px) {
    .submit-button-for-ver {
        white-space: nowrap
    }
}

@media all and (min-width: 1px) {
    .label-verif {
        color: #f5d19c !important;
        margin-bottom: 11px;
        font-size: 15px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .email-line {
        color: #fff;
        text-align: center;
        font-size: 16px;
        margin-bottom: 0 !important
    }

    .email-line .relative-downlod-document {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media all and (min-width: 1px) {
    .left-post {
        font-size: 15px;
        text-transform: uppercase;
        color: #f0c788
    }
}

@media all and (min-width: 1px) {
    .label-input {
        padding: 7px 0;
        float: left;
        font-size: 14px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .status-block {
        background: url("cup.png") no-repeat 173px 7px;
        color: #f0c788;
        text-transform: uppercase;
        padding: 3px 13px 13px 22px;
        margin: 10px 0;
        width: 221px
    }
}

@media all and (min-width: 1px) {
    .subscribes {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .subscribes--offset {
        margin-top: 45px
    }
}

@media all and (min-width: 1px) {
    .subscribes__center-column {
        width: 75%;
        margin: 0 auto;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .subscribes__center-column .label-input {
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .subscribes__center-column .string-button-subscribe {
        float: none
    }
}

@media all and (min-width: 1px) {
    .subscribes__center-column .subscribes__checker {
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .subscribes__center-column .i-have-a-tooltip {
        float: none;
        padding-left: 0;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .subscribes__left-column {
        width: 50%;
        float: left;
        margin-bottom: 30px
    }
}

@media all and (min-width: 1px) {
    .subscribes__right-column {
        width: 50%;
        float: right;
        margin-bottom: 30px
    }
}

@media all and (min-width: 1px) {
    .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
    }
}

@media all and (min-width: 1px) {
    .subscribes__item br {
        display: block
    }
}

@media all and (min-width: 1px) {
    .subscribes__item--autologin br {
        display: none
    }
}

@media all and (min-width: 1px) {
    .subscribes__right-column .subscribes__item {
        width: 100%;
        -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
    }
}

@media all and (min-width: 1px) {
    .subscribes__right-column .label-input {
        margin-bottom: 30px
    }
}

@media all and (min-width: 1px) {
    .subscribes__right-column .input-box {
        padding-left: 13px
    }
}

@media all and (min-width: 1px) {
    .radio-list {
        width: 100%;
        list-style: none;
        padding: 13px 13px 0 13px
    }
}

@media all and (min-width: 1px) {
    .radio-li {
        width: 100%;
        overflow: hidden;
        padding: 5px 0
    }
}

@media all and (min-width: 1px) {
    .radio-list .radio-label {
        border: 1px solid #f0c788;
        border-bottom: 1px solid rgba(255, 255, 255, .9);
        border-radius: 50%;
        background: transparent;
        height: 14px;
        width: 14px;
        float: left;
        margin-right: 5px;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .radio-list .radio-label:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: -webkit-gradient(linear, left bottom, left top, from(#e9c289), to(#dfe2e4)) !important;
        background: linear-gradient(to top, #e9c289, #dfe2e4) !important;
        background: -webkit-linear-gradient(bottom, #e9c289, #dfe2e4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfe2e4", endColorstr="#e9c289", GradientType=0);
        opacity: 0;
        -webkit-transform: translate(25%, 25%);
        -ms-transform: translate(25%, 25%);
        transform: translate(25%, 25%);
        -webkit-transition: all .2s;
        transition: all .2s
    }
}

@media all and (min-width: 1px) {
    .radio-list .radio-input {
        opacity: 0;
        position: absolute;
        visibility: hidden
    }
}

@media all and (min-width: 1px) {
    .radio-label-text {
        color: #f0c788;
        line-height: 14px
    }
}

@media all and (min-width: 1px) {
    .radio-list .radio-input:checked+.radio-label:after {
        opacity: 1
    }
}

@media all and (min-width: 1px) {
    .red-li {
        padding: 5px 0 5px 17px;
        list-style-type: none;
        text-align: left
    }
}

@media all and (min-width: 1px) {
    .red-li:hover {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .block-checkbox p {
        color: #f0c788;
        text-transform: uppercase;
        font-size: 15px;
        padding: 5px 0 5px 20px;
        margin: 0
    }
}

@media all and (min-width: 1px) {
    label.man input {
        display: none
    }
}

@media all and (min-width: 1px) {
    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
    }
}

@media all and (min-width: 1px) {
    .man2 {
        float: right
    }
}

@media all and (min-width: 1px) {
    label.cheked {
        background: url("checkbox-ic.png") no-repeat left center !important
    }
}

@media all and (min-width: 1px) {
    .div-for-height {
        height: 18px
    }
}

@media all and (min-width: 1px) {
    .block-for-old-password {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .keep-data:hover {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .worng {
        background: #cf3f3f
    }
}

@media all and (min-width: 1px) {
    .worn2 p {
        padding: 1px 0 0 18px !important;
        line-height: 15px
    }
}

@media all and (min-width: 1px) {
    .worng-label {
        background: #cf3f3f;
        border-radius: 25px;
        width: 220px;
        height: 34px;
        color: #fff;
        position: absolute;
        display: none
    }
}

@media all and (min-width: 1px) {
    .worng-label p {
        padding: 7px 0 0 18px
    }
}

@media all and (min-width: 1px) {
    .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
    }
}

@media all and (min-width: 1px) {
    .bottom-button-block {
        width: 265px;
        margin: 0 auto 35px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .edit-data a {
        color: #f0c788;
        text-transform: uppercase;
        text-decoration: underline;
        font-size: 16px;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .edit-data a:hover {
        text-decoration: none;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .color-out-button {
        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);
        margin-top: 20px;
        color: #000;
        font-size: 18px;
        padding: 4px 0;
        border-top-left-radius: 11px;
        border-top-right-radius: 11px;
        cursor: pointer;
        width: 100% !important
    }
}

@media all and (min-width: 1px) {
    .color-out-button:hover {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .slide-manager {
        border: 2px solid #e1bf8c;
        padding: 1px;
        border-radius: 10px;
        height: 13px;
        width: 120px !important;
        float: left
    }
}

@media all and (min-width: 1px) {
    .slide-manager span {
        width: 80px;
        display: block;
        height: 100%;
        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: 10px;
        margin-left: 10px;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .inner-account-block {
        margin: 0 auto;
        background: #1a1a1a
    }
}

@media all and (min-width: 1px) {
    .block-input {
        color: #f0c788
    }
}

@media all and (min-width: 1px) {
    .keep-and-out {
        margin: 0 !important
    }
}

@media all and (min-width: 1px) {
    .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, #222 0%, #191919 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222", endColorstr="#191919", GradientType=0)
    }
}

@media all and (min-width: 1px) {
    .second-tabs-ul li a:hover {
        text-decoration: none;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .whiteColor {
        color: #fff !important
    }
}

@media all and (min-width: 1px) {
    .bottom-triger-balance {
        display: none;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .section-block {
        width: 100%;
        margin: 0 auto;
        border-bottom: 1px solid #3c3c3c;
        position: relative;
        padding: 20px 0
    }
}

@media all and (min-width: 1px) {
    .section-title {
        font-family: "Tahoma Bold", sans-serif;
        font-size: 16px;
        color: #e7c28b !important;
        text-transform: uppercase;
        text-align: center;
        padding: 20px;
        -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
    }
}

@media all and (min-width: 1px) {

    .left-section,
    .right-section {
        display: inline-block;
        width: 49%;
        vertical-align: top;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .inner-section-block {
        width: 92%;
        margin: 0 auto;
        max-width: 441px
    }
}

@media all and (min-width: 1px) {
    .left-section {
        color: #e7c28b;
        text-transform: uppercase;
        font-size: 18px;
        float: left
    }
}

@media all and (min-width: 1px) {

    .flex-block p,
    .flex-block a {
        width: 95%;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        color: #e7c28b !important;
        padding-top: 2px
    }
}

@media all and (min-width: 1px) {
    .flex-block a:hover {
        color: #aa8246
    }
}

@media all and (min-width: 1px) {
    .info-area p {
        -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;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        font-size: 15px;
        color: #fff;
        width: 134px;
        padding: 3px 0;
        border-radius: 35px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {
    .my_history .button-area {
        width: 130px;
        float: right
    }
}

@media all and (min-width: 1px) {
    .my_history table tbody tr td {
        line-height: 29px
    }
}

@media all and (min-width: 1px) {
    .button-area p.button-style1 {
        background: #bbf6b8;
        background: -webkit-gradient(linear, left top, left bottom, from(#bbf6b8), color-stop(40%, #2ca708), color-stop(60%, #2ca708), to(#bbf6b8));
        background: linear-gradient(to bottom, #bbf6b8 0%, #2ca708 40%, #2ca708 60%, #bbf6b8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbf6b8", endColorstr="#bbf6b8", GradientType=0);
        border-radius: 35px;
        border: 2px solid #eec689;
        -webkit-box-shadow: 0 0 0 2px #000 inset;
        box-shadow: 0 0 0 2px #000 inset;
        overflow: hidden;
        width: 134px;
        margin: 0 auto
    }
}

@media all and (min-width: 1px) {

    .button-area p.button-style1 a,
    .button-area p.button-style2 a {
        text-decoration: none;
        color: #fff;
        padding: 4px 0;
        display: block;
        font-size: 15px;
        font-family: "Tahoma Regular", sans-serif;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .button-area p.button-style3 a {
        text-decoration: none;
        color: #000;
        padding: 4px 0;
        display: block;
        font-size: 15px;
        font-family: "Tahoma Regular", sans-serif;
        text-transform: uppercase
    }
}

@media all and (min-width: 1px) {
    .button-area p.button-style3 button {
        color: #000
    }
}

@media all and (min-width: 1px) {
    .button-area p.button-style2 {
        background: -webkit-gradient(linear, left top, left bottom, from(#dcfbb3), color-stop(40%, #8bae22), color-stop(60%, #8bae22), to(#dcfbb3));
        background: linear-gradient(to bottom, #dcfbb3 0%, #8bae22 40%, #8bae22 60%, #dcfbb3 100%);
        border-radius: 35px;
        border: 2px solid #eec689;
        -webkit-box-shadow: 0 0 0 2px #000 inset;
        box-shadow: 0 0 0 2px #000 inset;
        overflow: hidden;
        width: 134px;
        margin: 0 auto
    }

    .button-area p.button-style2:hover,
    .button-area p.button-style2:focus {
        background: -webkit-gradient(linear, left top, left bottom, from(#e6fdc8), color-stop(40%, #a0c530), color-stop(60%, #a0c530), to(#e6fdc8));
        background: linear-gradient(to bottom, #e6fdc8 0%, #a0c530 40%, #a0c530 60%, #e6fdc8 100%)
    }
}

@media all and (min-width: 1px) {
    .button-area p.button-style3 {
        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%);
        border-radius: 35px;
        border: 2px solid #000;
        overflow: hidden;
        width: 134px;
        margin: 0 auto
    }

    .button-area p.button-style3:hover,
    .button-area p.button-style3:focus {
        background: -webkit-gradient(linear, left top, left bottom, from(#edebea), color-stop(40%, #bab2a5), color-stop(60%, #bab2a5), to(#f8d49e));
        background: linear-gradient(to bottom, #edebea 0%, #bab2a5 40%, #bab2a5 60%, #f8d49e 100%)
    }
}

@media all and (min-width: 1px) {
    .inner-pay-history .button-area {
        float: none;
        width: auto;
        height: 25px;
        vertical-align: middle
    }

    .inner-pay-history p.button-style3 {
        width: 100px;
        display: inline-block
    }

    .inner-pay-history p.button-style3 button {
        font-size: 11px
    }

    .inner-pay-history .show-cashout-restrictions {
        width: 36px;
        height: 24px
    }
}

@media all and (min-width: 1px) {
    .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 all and (min-width: 1px) {
    .label-finish-action {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .finish-action {
        text-align: center;
        padding: 0
    }
}

@media all and (min-width: 1px) {
    .finish-action li {
        display: inline-block;
        color: #e7c28b;
        font-size: 20px;
        margin: 0 3px;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .finish-action li:nth-child(2)::before {
        content: ":";
        position: absolute;
        width: 10px;
        height: 10px;
        color: #e7c28b;
        top: -2px;
        left: -10px
    }
}

@media all and (min-width: 1px) {
    .bottom-line {
        background: url("bottom-line.png") repeat-x bottom center
    }
}

@media all and (min-width: 1px) {
    .wrap-for-section-block:last-child {
        background: none
    }
}

@media all and (min-width: 1px) {
    .finish-action li:nth-child(2)::after {
        content: ":";
        position: absolute;
        width: 10px;
        height: 10px;
        color: #e7c28b;
        top: -2px;
        right: -10px
    }
}

@media all and (min-width: 1px) {
    .info-area {
        margin-bottom: 8px
    }
}

@media all and (min-width: 1px) {
    .button-area p span {
        color: #fff;
        display: block;
        height: 100%;
        cursor: pointer;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 15px;
        text-align: center;
        padding: 4px 0
    }
}

@media all and (min-width: 1px) {
    .button-area p.button-style1:hover {
        text-decoration: none;
        background: #cff6cd;
        background: -webkit-gradient(linear, left top, left bottom, from(#cff6cd), color-stop(40%, #3ac112), color-stop(60%, #3ac112), to(#bbf6b8));
        background: linear-gradient(to bottom, #cff6cd 0%, #3ac112 40%, #3ac112 60%, #bbf6b8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbf6b8", endColorstr="#bbf6b8", GradientType=0)
    }
}

@media all and (min-width: 1px) {
    .button-area p:hover a {
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .disp-start-805 {
        display: none;
        clear: both
    }
}

@media all and (min-width: 1px) {
    .submit-block {
        position: relative
    }
}

@media all and (min-width: 1px) {
    .worn1 {
        top: 4px
    }
}

@media all and (min-width: 1px) {
    .worn2 {
        top: 33px
    }
}

@media all and (min-width: 1px) {
    .wrap-for-table768 {
        display: none
    }
}

@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) {
    .green-circul {
        position: absolute;
        display: inline-block;
        background: url("green-galka.png") no-repeat center;
        width: 47px !important;
        height: 47px;
        right: 5px;
        border: none;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .red-circul {
        width: 47px !important;
        height: 47px;
        display: inline-block;
        vertical-align: top;
        border-radius: 35px;
        background: url("red-galka.png") no-repeat center;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .status-label-name {
        display: none
    }
}

@media all and (min-width: 1px) {
    .wrap-for-input {
        margin: 0 auto;
        width: 220px;
        text-align: center
    }
}

@media all and (min-width: 1px) {
    .wrap-for-img-status.active .display-in-peace {
        display: none
    }
}

@media all and (min-width: 1px) {
    .wrap-for-img-status.active .display-in-hover {
        display: block
    }
}

@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 (min-width: 1px) {
    .popup-confirm-email {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 610px;
        width: 100%
    }
}

@media all and (min-width: 1px) {
    .confirm-email-inner {
        text-align: center;
        padding: 30px 50px
    }
}

@media all and (min-width: 1px) {

    .confirm-email-inner p,
    .confirm-email-inner h4 {
        color: #f0c788;
        margin-bottom: 10px
    }
}

@media all and (min-width: 1px) {
    .confirm-email-inner .bottom-button-block {
        margin-bottom: 0
    }
}

@media all and (min-width: 1px) {
    .main-popup-block table tbody tr td.bonuses-progress__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-popup-block table tbody tr td.bonuses-progress__header .promo-bonus-progress {
        margin: 0 auto
    }
}

@media all and (max-width: 541px) {
    .confirm-email-inner {
        padding: 20px
    }
}

@media all and (max-width: 420px) {
    .input-for-promo-kod input[type=text] {
        font-size: 12px;
        line-height: 12px
    }
}

@media all and (min-width: 370px) {
    #help-popup-block-promo {
        width: 350px;
        padding: 20px;
        top: 50px;
        right: 25%;
        right: calc(50% - 175px)
    }
}

@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: 542px) {
    .currency-on-balance {
        margin: 0 auto
    }

    .phone-input {
        width: 202px !important
    }
}

@media all and (min-width: 574px) {
    #help-popup-block-promo {
        width: 550px;
        padding: 20px;
        top: 50px;
        right: 25%;
        right: calc(50% - 275px)
    }

    .change-password {
        margin-top: 0px
    }

    .wrap-for-section-block {
        padding: 25px 0 10px 0
    }

    .wrap-inp-block-post {
        width: 49%;
        display: inline-block
    }

    .relative-downlod-document {
        text-align: left
    }

    .right-verif-block-with-result {
        width: 49%;
        display: inline-block
    }

    .verif-document-block {
        float: left;
        width: 50% !important
    }

    .block-verification-adaptiv {
        width: 100%;
        margin-left: 0
    }

    .block-ver-none {
        display: none
    }

    .my_profile .select-sex li {
        width: 100%;
        margin-bottom: 10px
    }

    .my_profile .col-sm-4 {
        padding-left: 5px;
        padding-right: 5px
    }

    .non-disp-over-805 {
        height: 10px
    }

    .status-block {
        display: inline-block;
        width: 49%;
        vertical-align: top
    }

    .left-inner-status {
        width: 100%
    }

    .wrapper-for-ver-phone {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }

    .flex-block p,
    .flex-block a {
        width: 70%;
        -ms-flex-item-align: center;
        align-self: center;
        margin: 0 auto;
        text-align: left;
        font-size: 14px
    }

    .inner-section-block {
        width: 100%;
        margin: 0 auto;
        max-width: 734px
    }

    .wrap-for-two-block {
        width: 50%;
        display: inline-block;
        vertical-align: top
    }

    .section-block {
        border-bottom: none
    }

    .wrap-for-country {
        display: inline-block;
        width: 49%;
        vertical-align: top
    }

    .wrap-for-phone {
        display: inline-block;
        width: 49%;
        vertical-align: top
    }

    .block-for-old-password {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }

    .submit-block {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 18px
    }

    .wrap-for-birthday {
        width: 49%;
        display: inline-block
    }

    .wrap-for-birthday .block-input {
        width: 100%
    }

    .name-and-firstName {
        display: inline-block;
        width: 49%;
        vertical-align: top
    }

    .left-post {
        font-size: 11px
    }
}

@media all and (max-width: 804px) {
    .popup-add-cur {
        background: url(bottom-line.png) #1a1a1a repeat-x bottom center;
        padding-bottom: 38px;
        position: relative
    }

    .info-area p {
        border-top: 1px solid #838383
    }

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

    .promo-table-slider-item {
        width: inherit;
        padding: 20px 38px
    }

    .promo-table-slider-item table {
        width: 100%;
        margin: 0
    }

    .promo-table-slider-item table tbody tr td {
        text-align: left
    }

    .slider-item-list--content .owl-stage-outer {
        border-top: 2px solid #e7c28b
    }

    .owl-stage-outer--hidden {
        border-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        -webkit-transition: height 500ms ease-in-out, border 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: height 500ms ease-in-out, border 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

    .slider-show-more {
        margin-top: 11px;
        color: #fff;
        text-align: center;
        text-transform: uppercase
    }

    .slider-show-more__btn {
        text-decoration: underline;
        position: relative;
        cursor: pointer
    }

    .slider-show-more__btn::after {
        content: "";
        position: absolute;
        right: -26px;
        top: 0;
        border: 6px solid transparent;
        border-bottom: 8px solid #fff
    }

    .slider-show-more--active .slider-show-more__btn::after {
        top: 6px;
        border: 6px solid transparent;
        border-top: 8px solid #fff
    }

    .first-inner-tab {
        border-radius: 0
    }

    .subscribes {
        width: 90%;
        margin: 0 auto;
        text-align: center
    }

    .subscribes__left-column,
    .subscribes__right-column,
    .subscribes__item {
        width: 100%;
        float: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .subscribes__right-column .label-input,
    .subscribes__right-column .input-box {
        width: 100%
    }

    .subscribes__item {
        min-height: auto
    }

    .subscribes__item br {
        display: none
    }

    .radio-li {
        width: 40%;
        margin: 0 auto
    }

    .radio-label-text {
        text-align: left
    }

    .string-button-subscribe {
        float: none
    }

    .i-have-a-tooltip {
        text-align: center;
        float: none;
        padding-left: 0
    }

    .confirm-email-inner h3 {
        border-bottom: 2px solid #333;
        padding-bottom: 32px
    }

    .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) {
    .radio-li {
        width: 30%
    }

    .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: 719px) {
    .left-post {
        font-size: 14px
    }
}

@media all and (max-width: 719px) {
    .my_profile .col-sm-4 {
        width: 100%
    }
}

@media all and (min-width: 805px) {
    .subMinibox-open .top-bar {
        pointer-events: none
    }

    .subMinibox-open .subMinibox-lock {
        display: block;
        opacity: 1
    }

    .slider-show-more {
        display: none
    }

    .currency-on-balance {
        width: 85%;
        padding-top: 23px;
        padding-bottom: 27px
    }

    .presonalInfo--gender+.error-box .red-error {
        top: -15px
    }

    .gorizontal-line-bottom-verig-block {
        display: block
    }

    .inner-left-row-of-bonus,
    .inner-right-row-of-bonus {
        height: initial
    }

    .timerPromoLottery {
        margin-top: -3px;
        margin-left: 0
    }

    .padding-text-class p {
        margin: 0 auto;
        width: 94%
    }

    .info-area p {
        border: 1px solid #efc688
    }

    .second-tabs-ul .activeProfileMenu {
        text-decoration: underline !important;
        color: #fff
    }

    .inner-left-row-of-bonus p,
    .inner-right-row-of-bonus p {
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    #contentBox div[data-template=tournament-info] .wrap-two-block {
        width: 95% !important
    }

    .padding-class-tournir {
        padding: 0 0 25px !important
    }

    .label-points {
        padding: 10px 0;
        padding-bottom: 7px
    }

    #help-popup-block-promo {
        top: 220px
    }

    .verif-document-block {
        padding: 30px 0 !important
    }

    .relative-label {
        position: relative;
        left: -38px
    }

    .relative-block-with-verif-email-user {
        padding-left: 25px !important
    }

    .bottom-button-bonus-block {
        margin: 0 auto !important
    }

    .background-with-color-img {
        margin-left: 0
    }

    .email-line {
        color: #fff;
        font-size: 16px;
        width: 240px;
        margin: 0 auto !important;
        text-align: left
    }

    .label-verif {
        color: #f5d19c !important;
        font-size: 15px;
        text-align: left;
        width: 240px;
        margin: 0 auto 12px
    }

    .right-verif-block-with-result {
        width: 100%
    }

    .statuseName {
        display: block;
        text-transform: capitalize
    }

    .inner-inpop {
        background: none;
        padding: 0
    }

    .inner-item-verif-section {
        position: relative;
        width: 220px;
        margin: 0 auto
    }

    .wrap-for-input {
        margin: 0 auto;
        width: 220px;
        text-align: left
    }

    .phone-input {
        width: 202px !important
    }

    .list-pay-history-max-805 table {
        border: 1px solid #e7c28b;
        overflow: hidden;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        width: 100%
    }

    .label-manager span {
        display: block
    }

    .left-inner-status img {
        width: initial;
        -ms-flex-item-align: center;
        align-self: center
    }

    .wrap-for-block-status {
        width: 95%;
        margin: 0 auto
    }

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

    .inner-bonus {
        text-transform: uppercase;
        font-size: 20px;
        color: #fff;
        font-family: "Tahoma Bold", sans-serif, sans-serif;
        padding: 5px 0 0 0
    }

    .new-class {
        padding: 0 !important
    }

    .slider-item-list.owl-carousel.owl-drag .owl-item {
        width: 240px !important
    }

    .owl-carousel-bonus.owl-carousel {
        margin: 0 auto
    }

    .slider-item-list .owl-item {
        width: 280px
    }

    .label-gradient {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .recharge-block {
        padding-top: 30px
    }

    .left-inner-gradient-block {
        display: inline-block;
        width: 34%;
        vertical-align: top;
        float: left
    }

    .top-gradient-block {
        background: none;
        -webkit-box-shadow: 0 -1px 38px 10px rgba(255, 255, 255, .3) inset;
        box-shadow: 0 -1px 38px 10px rgba(255, 255, 255, .3) inset;
        padding: 16px 0
    }

    .inner-wrap-for-img-icon {
        width: 100%;
        height: 117px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .status-label-name {
        display: block;
        text-align: Center;
        color: #000;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        font-size: 13px;
        background: url("status-name.png") no-repeat center;
        padding: 4px 0 3px 0;
        margin-bottom: 0 !important
    }

    .wrap-for-img-status {
        border: 2px solid #e1bf8c;
        width: 172px;
        margin: 0 auto;
        border-radius: 5px;
        cursor: pointer
    }

    .wrap-for-img-status:hover,
    .wrap-for-img-status.active {
        border: 2px solid #fff
    }

    .wrap-for-img-status:hover .display-in-peace,
    .wrap-for-img-status.active .display-in-peace {
        display: none
    }

    .wrap-for-img-status:hover .display-in-hover,
    .wrap-for-img-status.active .display-in-hover {
        display: block
    }

    .wrap-for-img-status:hover .status-label-name,
    .wrap-for-img-status.active .status-label-name {
        background: url("status-name-hover2.png") no-repeat center;
        color: #283748
    }

    .left-inner-status {
        height: 153px
    }

    .cheked-wrapper {
        border: 2px solid #e3e3e3;
        width: 186px
    }

    .cheked-wrapper img {
        width: 106px
    }

    .cheked-wrapper p.status-label-name {
        background: url("status-name-hover.png") no-repeat center
    }

    .label-status {
        display: none
    }

    .block-statusa {
        display: inline-block;
        width: 295px;
        vertical-align: top;
        margin: 0
    }

    .inner-achievements-block {
        text-align: center
    }

    .label-status {
        background: none
    }

    .label-status:after {
        width: 0;
        height: 0
    }

    .collapsed:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 7px;
        right: 14px;
        background: url("down-arrow.png") no-repeat center
    }

    .label-status {
        cursor: default
    }

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

    .panel-collapse {
        display: none
    }

    .block-statusa:first-child .help-popup-block {
        top: 5px;
        right: -367px
    }

    .block-statusa:nth-child(2) .help-popup-block {
        top: 5px;
        right: 226px
    }

    .block-statusa:nth-child(3) .help-popup-block {
        top: -120px;
        right: -367px
    }

    .block-statusa:nth-child(4) .help-popup-block {
        top: -120px;
        right: 226px
    }

    .block-statusa:nth-child(5) .help-popup-block {
        top: -245px;
        right: -367px
    }

    .block-statusa:nth-child(6) .help-popup-block {
        top: -245px;
        right: 226px
    }

    .wrap-for-table768 {
        display: block
    }

    .get-lottery-ticket {
        display: inline-block;
        width: 24% !important
    }

    .top-margin-class {
        margin-top: 13px !important;
        margin-bottom: 15px !important
    }

    .promo-right-block {
        height: initial !important
    }

    .bold-class {
        font-family: "Tahoma Bold", sans-serif
    }

    .row-of-bonus {
        border-bottom: none
    }

    .inner-row-of-bonus {
        width: 100%
    }

    .wrap-for-row-in-third-block .row-of-bonus {
        width: 32.5%;
        display: inline-block;
        vertical-align: top
    }

    .inner-left-row-of-bonus {
        height: 43px
    }

    .inner-left-row-of-bonus p {
        margin: 0 auto;
        text-align: center
    }

    .inner-right-row-of-bonus p {
        margin: 0 auto
    }

    .wrap-for-block-row-and-get-block {
        margin: 0 auto;
        width: 90%;
        padding: 13px 0 0 0
    }

    .wrap-for-row-in-third-block {
        display: inline-block;
        width: 75%;
        vertical-align: top
    }

    .left-row-of-bonus,
    .right-row-of-bonus {
        width: 100%
    }

    .wrap-for-fow-in-second-block {
        display: none
    }

    .wrap-for-table768 table thead tr th {
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
        font-size: 15px;
        font-family: "Tahoma Bold", sans-serif;
        border-bottom: 1px solid #c1b9b1;
        padding: 10px 30px
    }

    .wrap-for-table768 table tbody tr td {
        border-bottom: 1px solid #c1b9b1;
        padding: 10px 0
    }

    .wrap-for-table768 {
        padding: 15px 0
    }

    .time-block {
        font-size: 18px;
        font-family: "Tahoma Bold", sans-serif;
        margin: 0 auto
    }

    .swith-item {
        float: none
    }

    .main-inner-popupInPopup-block-points {
        width: 468px;
        position: absolute;
        height: 436px;
        top: -50px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        padding: 20px 0;
        z-index: 9;
        background: #272828;
        border: 2px solid #e7c28b;
        border-radius: 30px
    }

    .main-inner-popupInPopup-block-points .inner-points-block .openMiniBoxClose {
        top: -10px
    }

    .popup-add-cur {
        z-index: 200;
        position: sticky;
        left: 50%;
        right: auto;
        top: 180px;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        min-height: 280px;
        margin: 0
    }

    .inner-popup-block .sticky_absolute {
        position: absolute;
        top: 80px;
        height: 100%;
        height: calc(100% - 80px);
        width: 0;
        left: 50%
    }

    .info-area p {
        background: none
    }

    .item-verif-section {
        width: 45%;
        display: inline-block;
        vertical-align: top;
        height: 519px;
        position: relative
    }

    .but-verif {
        margin: 0
    }

    .relative-post-label {
        position: relative;
        left: -20px
    }

    .verif-document-block {
        width: 100% !important;
        padding-left: 25px !important
    }

    .wrapper-for-ver-phone {
        width: 100%;
        display: block
    }

    .label-ver-block p {
        font-family: "Tahoma Regular", sans-serif;
        font-size: 15px;
        width: 100%;
        text-align: center
    }

    .label-ver-block {
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 0;
        margin-right: 0
    }

    .section-title {
        font-size: 15px;
        padding: 0 0 10px 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .left-section,
    .right-section {
        display: inline-block;
        width: 41%;
        vertical-align: top;
        text-align: center
    }

    .bottom-line {
        background: url("bottom-line.png") repeat-x bottom center
    }

    .wrap-for-section-block {
        padding-bottom: 27px;
        width: 85%;
        margin: 0 auto;
        padding-top: 23px
    }

    .first-inner-tab {
        background: transparent;
        min-height: 124px
    }

    .my_security .first-inner-tab {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px
    }

    .wrap-inp-block-post {
        width: 70%;
        display: inline-block
    }

    .label-input {
        position: relative
    }

    .wrap-for-country {
        width: 100%
    }

    .wrap-for-phone {
        width: 100%
    }

    .wrap-for-gorizontal-line .label-input {
        text-align: left
    }

    .block-checkbox {
        text-align: left
    }

    .block-for-old-password,
    .submit-block {
        width: 100%
    }

    .wrap-for-gorizontal-line {
        text-align: center;
        margin-bottom: 40px
    }

    .child-block {
        margin: 0 12px;
        background: none !important
    }

    .name-and-firstName {
        width: 100%;
        display: block
    }

    .wrap-for-birthday {
        width: 100%;
        display: block
    }

    .wrap-inp-block-post .block-input {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }

    .status-block {
        display: inline-block;
        width: 29%;
        vertical-align: top;
        padding: 3px 13px 13px 19px;
        background: url("cup.png") no-repeat 157px 7px
    }

    .inner-account-block {
        background: transparent
    }

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

    .inner-block-wrap-tabs {
        min-height: 200px
    }

    .second-tabs-ul li {
        width: initial;
        padding: 0 15px
    }

    .promo-small-text {
        color: #fff !important
    }

    .disp-start-805 {
        display: block
    }

    .non-disp-over-805 {
        display: none
    }

    .docum-verif-label-relative {
        position: relative;
        left: 5px
    }

    .verif-email-label-text {
        padding-left: 5px
    }

    .inner-top-gradient-block {
        width: 300px;
        float: left;
        margin-left: 6%;
        position: relative;
        top: 20px
    }

    .status-qvo-promo {
        width: 300px;
        padding-bottom: 0;
        float: right;
        margin-right: 6%
    }

    .padding-class {
        overflow: visible
    }

    .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) {
    #contentBox div[data-template=tournament-info] .wrap-two-block {
        width: 90% !important
    }

    .verif-email-label-text {
        position: relative;
        left: -13px
    }

    .docum-verif-label-relative {
        position: relative;
        left: -9px
    }

    .label-ver-block p {
        padding-left: 10px
    }

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

    .block-checkbox {
        width: 78%;
        margin: 12px auto 0
    }

    .wrap-for-block-status {
        width: 80%;
        margin: 0 auto
    }

    .wrap-for-bonus-img {
        float: left;
        overflow: hidden;
        width: 128px;
        height: 100%;
        background: url("back-for-bonus.png") no-repeat center
    }

    .wrap-for-bonus-img img {
        display: none
    }

    .wrap-for-text-bonus {
        display: inline-block;
        width: 194px
    }

    .inner-bonus {
        padding-top: 1px;
        margin: 4px 0 0 0 !important
    }

    .wrap-inp-block-post .block-input:nth-child(2) {
        padding-left: 18px
    }

    .status-block {
        display: inline-block;
        width: 29%;
        vertical-align: top;
        padding: 3px 13px 13px 51px;
        background: url("cup.png") no-repeat 204px 7px
    }

    .section-block {
        width: 100%;
        margin: 0 auto
    }

    .wrap-for-gorizontal-line .label-input {
        text-align: left;
        padding-left: 22px
    }

    .left-section {
        display: inline-block;
        width: 30%;
        vertical-align: top;
        text-align: center
    }

    .right-section {
        display: inline-block;
        width: 69%;
        vertical-align: top;
        text-align: center
    }

    .currency-on-balance {
        width: 93%;
        padding: 30px 0
    }

    .bottom-line {
        background: url("bottom-line.png") repeat-x bottom center
    }

    .wrap-for-section-block {
        width: 93%;
        margin: 0 auto;
        padding: 30px 0
    }

    .info-area,
    .button-area {
        display: inline-block;
        width: 49%;
        vertical-align: top
    }

    .flex-block p,
    .flex-block a {
        width: 70%;
        -ms-flex-item-align: center;
        align-self: center;
        margin: 0 auto;
        text-align: left;
        font-size: 14px
    }

    .flex-block {
        height: 50px
    }

    .inner-top-gradient-block {
        margin-left: 15%
    }

    .status-qvo-promo {
        margin-right: 15%
    }
}

@media all and (min-width: 1180px) {
    .list-pay-history-max-805 table tbody tr:last-child td {
        border-bottom: none
    }

    .verif-email-label-text {
        left: -20px
    }

    .docum-verif-label-relative {
        position: relative;
        left: -16px
    }

    .label-ver-block p {
        padding-left: 25px
    }

    .slider-item-block {
        width: 21%;
        margin: 0 20px
    }

    .flex-block p,
    .flex-block a {
        width: 71%;
        -ms-flex-item-align: center;
        align-self: center;
        margin: 0 auto;
        text-align: left;
        font-size: 14px
    }

    .second-tabs-ul {
        width: 1134px
    }

    .block-checkbox {
        width: 67%;
        margin: 12px auto 0
    }

    .wrap-for-gorizontal-line .label-input {
        text-align: left;
        padding-left: 41px
    }

    .wrap-inp-block-post .block-input:nth-child(2) {
        padding-left: 34px
    }

    .status-block {
        display: inline-block;
        width: 29%;
        vertical-align: top;
        padding: 0 0 0 55px;
        background: url("cup.png") no-repeat 196px 30px
    }

    .inner-top-gradient-block {
        margin-left: 20%
    }

    .status-qvo-promo {
        margin-right: 20%
    }
}

@media all and (min-width: 1271px) {
    .help-popup-block {
        width: 520px;
        height: 435px
    }

    .label-ver-block p {
        padding-left: 25px
    }

    .block-statusa:first-child .help-popup-block {
        top: -60px;
        right: -470px
    }

    .block-statusa:nth-child(2) .help-popup-block {
        top: -60px;
        right: -448px
    }

    .block-statusa:nth-child(3) .help-popup-block {
        top: -60px;
        right: 237px
    }

    .block-statusa:nth-child(4) .help-popup-block {
        top: -250px;
        right: -470px
    }

    .block-statusa:nth-child(5) .help-popup-block {
        top: -250px;
        right: -448px
    }

    .block-statusa:nth-child(6) .help-popup-block {
        top: -250px;
        right: 237px
    }

    .panel-group .panel+.panel {
        margin-top: 0
    }

    .subscribes__item br {
        display: none
    }

    .subscribes__item--autologin br {
        display: block
    }
}

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

.subMinibox .emptyprofile {
    width: 90% !important;
    background: transparent !important;
    border: none !important
}

.subMinibox {
    opacity: 0;
    z-index: -1;
    display: block;
    position: absolute;
    width: 100%
}

.subMinibox-normalpos {
    position: unset
}

.subMinibox-normalpos .inner-points-block .close-block__ic {
    left: 9px
}

.subMinibox-lock {
    display: none;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000
}

.minibox {
    opacity: 0;
    z-index: -1;
    display: none
}

.confirmation-email {
    width: auto;
    padding: 4px 15px;
    margin-top: 5px
}

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

@media(max-height: 580px) {
    .popup-add-cur {
        bottom: 5vh
    }
}

.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_promo .down-button p {
    margin-bottom: 0
}

.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(min-width: 805px) {
    .profileblock {
        padding-bottom: 0;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px
    }
}

@media(max-width: 804px) {
    .profileblock {
        height: 100%
    }

    .profileblock.my_profile .main-context {
        padding: 0 15px
    }

    .profileblock .main-context {
        padding: 0
    }
}

.profile-verification {
    margin-top: 60px;
    margin-bottom: 60px
}

@media(max-width: 804px) {
    .profile-verification {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media all and (min-width: 1px) {

    table.responsive-table tbody tr td:first-child,
    table.responsive-table-second tbody tr td:first-child {
        background: #242424;
        -webkit-box-shadow: 0 0 18px 3px rgba(255, 233, 175, .3) inset;
        box-shadow: 0 0 18px 3px rgba(255, 233, 175, .3) inset;
        font-weight: bold
    }
}

@media screen and (max-width: 573px) {
    table.responsive-table tbody td.cashback-table-before-mod {
        text-align: center
    }

    table.responsive-table tbody td.cashback-table-before-mod:before {
        display: block;
        width: auto;
        margin: auto;
        text-align: center
    }
}

@media all and (min-width: 805px) {

    table.responsive-table tbody tr td:first-child,
    table.responsive-table-second tbody tr td:first-child {
        background: #1a232c;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media all and (min-width: 1180px) {

    table.responsive-table tbody tr td:first-child,
    table.responsive-table-second tbody tr td:first-child {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media screen and (max-width: 900px) {

    table.responsive-table tbody td:before,
    table.responsive-table-second tbody td:before {
        width: 60%;
        height: 10px;
        float: left;
        text-transform: uppercase;
        color: #e7c28b
    }
}

@media screen and (max-width: 1180px) {

    table.responsive-table,
    table.responsive-table-second,
    table.responsive-table tbody,
    table.responsive-table-second tbody,
    table.responsive-table tr,
    table.responsive-table-second tr,
    table.responsive-table td,
    table.responsive-table-second td {
        display: block
    }

    table.responsive-table tbody tr td,
    table.responsive-table-second tbody tr td {
        border-right: none
    }

    table.responsive-table caption,
    table.responsive-table-second caption {
        background-image: none
    }

    table.responsive-table thead,
    table.responsive-table-second thead {
        display: none
    }

    table.responsive-table tbody td:after,
    table.responsive-table-second tbody td:after {
        content: "";
        display: block;
        height: 0;
        clear: both
    }

    table.responsive-table tbody td:before,
    table.responsive-table-second tbody td:before {
        content: attr(data-th);
        display: inline-block;
        text-align: left;
        width: 53%;
        min-height: 10px;
        height: auto;
        float: left;
        text-transform: uppercase;
        color: #e7c28b
    }

    .responsive-table__right-col {
        display: inline-block;
        width: 47%
    }
}

.table-title {
    color: #e7c28b;
    font-size: 16px;
    text-transform: uppercase
}

.four-col-table__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.four-col-table__inner .four-col-table__item {
    width: 50%
}

.four-col-table__inner .four-col-table__item table tbody tr:last-child td:first-child {
    border-bottom: none
}

@media all and (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:first-child table {
        margin: 0;
        border-right: 1px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .four-col-table__inner .four-col-table__item:last-child table {
        margin: 0;
        border-top-left-radius: 0;
        border-bottom-left-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 thead tr th:first-child {
        border-top-left-radius: 0
    }
}

@media all and (max-width: 804px) {
    .four-col-table__inner .four-col-table__item {
        width: 100%
    }
}

@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,
    .inner-head-background-line {
        border-radius: 35px;
        max-width: 1360px
    }
}

@media all and (min-width: 1px) {
    .footer-gamblers-wr {
        width: 100%;
        margin-bottom: 15px
    }

    .footer-gamblers {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px
    }

    .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-menu {
        padding: 14px 10px 25px 4px
    }

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

    .main-footer-left {
        width: 576px;
        float: left;
        display: none
    }

    .main-footer-left-wrap {
        float: left
    }

    .main-footer-clock {
        display: none;
        margin-top: 30px
    }

    .main-footer-clock .clock {
        float: left;
        margin-top: 35px;
        margin-bottom: 40px
    }

    .main-footer-left ul {
        text-align: center;
        padding: 0
    }

    .main-footer-left ul li {
        float: left;
        width: 46%;
        text-align: left;
        list-style-type: none;
        padding: 0 0 0 50px;
        border-left: 2px solid #ababab
    }

    .main-footer-left ul li:nth-child(3n+1) {
        border-left: none;
        padding-left: 0;
        width: 27%
    }

    .main-footer-left ul li:nth-child(3n+3) {
        width: 27%
    }

    .main-footer-left ul li a {
        color: #8f8f8f;
        font-size: 14px
    }

    .main-footer-right {
        margin: 0 auto;
        width: 100%;
        position: relative
    }

    .provider-block {
        vertical-align: top;
        width: 45px
    }

    .main-footer-right .provider-block a {
        display: block;
        height: 100%
    }

    .main-footer-right div,
    .footer-license {
        display: inline-block;
        vertical-align: top
    }

    .main-footer-right p {
        float: left;
        color: #ababab;
        font-size: 10px;
        padding-top: 8px;
        text-align: center;
        width: 100%
    }

    .main-footer-description {
        width: 80%;
        width: calc(90% - 45px);
        margin-left: 5%;
        margin-bottom: 10px;
        color: #7e7e7e;
        vertical-align: top;
        font-size: 10px
    }

    .main-footer-description a {
        color: inherit;
        text-decoration: underline;
        opacity: .9
    }

    .main-footer-logo {
        width: 75px;
        height: 22px;
        background: url("footer-star.png") no-repeat center;
        margin-left: 41%;
        margin-bottom: 20px;
        margin: 0 auto 20px calc(50% - 38px)
    }

    .main-footer-logo a {
        height: 100%;
        display: block;
        margin: 0 auto;
        cursor: pointer
    }

    .validate-sign {
        width: 71px;
        height: 80px;
        left: -15px;
        position: relative
    }

    #apg-seal-container {
        width: 100%;
        height: 100%
    }

    .footer-menu {
        width: 576px;
        float: left;
        display: none
    }

    .footer-menu__ul {
        text-align: center;
        float: left;
        padding-left: 0;
        border-left: 2px solid #ababab
    }

    .footer-menu__ul:not(:first-child) {
        padding-left: 28px
    }

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

    .main-footer__license-image {
        cursor: pointer
    }

    .container-fluid.main-producer-wrap {
        padding-bottom: 55px !important
    }

    .under_footer {
        overflow: hidden;
        height: 0
    }
}

@media all and (min-width: 375px) {
    .main-footer-description {
        margin-bottom: 20px
    }
}

@media all and (min-width: 574px) {
    .main-footer-left {
        width: 353px;
        float: left
    }

    .main-footer-right p {
        text-align: center
    }

    .main-footer-left ul {
        text-align: center;
        padding: 0
    }

    .main-footer-left ul li {
        width: 53%;
        padding: 0 0 0 5px;
        border-left: 2px solid #ababab
    }

    .main-footer-left ul li:nth-child(3n+1) {
        border-left: none;
        padding-left: 0;
        width: 31%
    }

    .main-footer-left ul li:nth-child(3n+3) {
        width: 16%
    }

    .main-footer-logo a {
        height: 100%;
        display: block
    }

    .main-footer-right {
        width: 90%
    }

    .main-footer-description {
        margin-right: 0
    }

    .footer-menu {
        width: 353px;
        float: left
    }
}

@media all and (max-width: 804px) {
    .provider-block .footer-gamblers {
        display: none !important
    }

    .main-footer-logo {
        background-size: 22px auto
    }
}

@media all and (min-width: 805px) {
    .main-producer-list-item {
        max-height: 50px;
        max-width: 140px;
        min-width: 100px;
        margin: 10px
    }

    .footer-gamblers-wr {
        display: none !important
    }

    .footer-gamblers {
        position: absolute;
        right: -120px;
        top: 70px
    }

    .main-footer-right .provider-block {
        float: none;
        position: relative;
        left: 0;
        top: 0;
        margin-right: 20px
    }

    .main-footer-right {
        float: right;
        width: 100%
    }

    .container-fluid.main-producer-wrap {
        background: #272828;
        padding-bottom: 0 !important
    }

    .main-footer-description {
        width: 350px;
        font-size: 10px;
        margin-right: 20px;
        margin-left: 0
    }

    .main-footer-logo {
        text-align: center;
        width: 83px;
        height: 45px;
        background: url("logo-bottom.svg") no-repeat center top;
        margin-left: 0
    }

    .main-footer-left ul li {
        padding: 0 0 0 20px;
        width: 33%;
        border-left: 2px solid #ababab
    }

    .main-footer-left {
        width: 100%;
        display: block;
        margin-bottom: 30px
    }

    .main-footer-menu {
        padding: 20px 10px 25px 0;
        text-align: center
    }

    .main-footer-left ul li:nth-child(3n+1) {
        width: 25%;
        margin-left: 15%
    }

    .main-footer-left ul li:nth-child(3n+3) {
        width: 20%
    }

    .main-footer-right p {
        text-align: center;
        padding-top: 0
    }

    .footer-menu {
        width: 100%;
        display: block;
        margin-bottom: 30px
    }

    .soc-box {
        overflow: hidden;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .soc-box .text {
        color: #8f8f8f;
        font-size: 14px;
        max-width: 150px;
        display: inline-block;
        margin-right: 14px
    }

    .soc-box_app,
    .soc-box_web {
        width: 50%;
        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-bottom: 30px
    }

    .soc-box_link {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: -webkit-gradient(linear, left top, left bottom, from(#e4e3e1), to(#e5bf87));
        background: linear-gradient(to bottom, #e4e3e1 0%, #e5bf87 100%);
        display: inline-block;
        margin-right: 14px;
        position: relative
    }

    .soc-box_link::after {
        position: absolute;
        content: "";
        display: block;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 18px;
        height: 18px
    }

    .telega::after {
        background: url("telega_black.svg") no-repeat center center;
        left: 48%
    }

    .insta::after {
        background: url("insta.svg") no-repeat center center
    }

    .vkontakte::after {
        background: url("vkontakte-black.svg") no-repeat center center;
        background-size: contain
    }

    .twitter::after {
        background: url("x-black.svg") no-repeat center center
    }

    .app_link {
        width: 130px;
        display: inline-block;
        margin-right: 14px
    }

    .app_link img {
        max-width: 100%;
        display: block
    }

    .main-footer-clock {
        display: block
    }
}

@media all and (min-width: 805px)and (max-width: 1027px) {
    .soc-box_app:empty {
        display: none
    }
}

@media all and (min-width: 805px)and (max-width: 1028px) {
    .footer-menu {
        width: 600px;
        margin: 0 auto 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        float: none
    }

    .footer-menu__ul,
    .footer-menu__ul:last-child .footer-menu__ul:nth-child(2) {
        width: 30%
    }

    .footer-menu__ul:last-child {
        border-right: 0
    }
}

@media all and (min-width: 1028px) {
    .main-footer-right p {
        float: none
    }

    .main-footer-logo {
        background: url("logo-bottom.svg") no-repeat center top
    }

    .main-footer-left {
        width: 500px;
        float: left;
        margin-bottom: 0
    }

    .main-footer-menu {
        padding: 14px 10px 25px 1px;
        text-align: left
    }

    .main-footer-left ul li {
        padding: 0 0 0 15px;
        border-left: 2px solid #ababab
    }

    .main-footer-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: right;
        width: 450px
    }

    .soc-box_web {
        width: 450px
    }

    .main-footer-description {
        width: 290px;
        font-size: 10px;
        margin-right: 10px
    }

    .main-footer-right .provider-block {
        float: none;
        position: relative;
        left: 0;
        margin-right: 10px;
        top: 0
    }

    .main-footer-left ul li {
        padding: 0 0 0 20px;
        width: 47%;
        border-left: 2px solid #ababab
    }

    .main-footer-left ul li:nth-child(3n+3) {
        width: 21%;
        border-right: 2px solid #ababab
    }

    .main-footer-left ul li:nth-child(3n+1) {
        width: 27%;
        margin-left: 0
    }

    .main-footer-left ul li:nth-child(3n+3) {
        width: 21%
    }

    .footer-menu__ul:not(:first-child) {
        padding-left: 20px
    }

    .footer-menu {
        width: 500px;
        float: left;
        margin-bottom: 0
    }

    .soc-box_app {
        width: 500px;
        float: left;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .soc-box_web {
        width: 450px;
        float: right;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

@media all and (min-width: 1180px) {
    .main-footer-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: right;
        width: 536px
    }

    .soc-box_web {
        width: 536px
    }

    .main-footer-left ul li {
        padding: 0 0 0 28px;
        border-left: 2px solid #ababab
    }

    .main-footer-description {
        width: 300px;
        font-size: 10px;
        margin-right: 20px
    }

    .main-footer-left {
        width: 560px;
        float: left
    }

    .main-footer-menu {
        padding: 22px 10px 25px 4px
    }

    .main-footer-right .provider-block {
        float: none;
        position: relative;
        left: 0;
        margin-right: 20px;
        top: 0;
        vert-align: top
    }

    .main-footer-right div {
        display: inline-block;
        vertical-align: top
    }

    .main-footer-right p {
        float: left;
        color: #ababab;
        font-size: 10px;
        text-align: center;
        width: 100%
    }

    .main-footer-description {
        width: 350px;
        font-size: 10px;
        margin-right: 20px
    }

    .footer-menu {
        width: 560px;
        float: left
    }

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

.micro-app-messenger-container {
    position: relative;
    display: none
}

.result__item--hover {
    background-color: rgba(78, 68, 43, .8)
}

.page__modal-open .tooltipster--header {
    display: none
}

@media all and (min-width: 1px) {

    .main-top-line__search,
    .main-top-line__help-chat {
        display: none
    }

    .main-top-line__search {
        right: 20px;
        width: 59px;
        height: 36px;
        background: #141414;
        border-radius: 19px;
        margin-top: 5px;
        cursor: pointer
    }

    .has-cashwait .main-top-line__search {
        width: 44px
    }

    .main-top-line__search-placeholder {
        display: none;
        font-size: 14px;
        line-height: 20px;
        color: #565656;
        margin-top: 7px;
        margin-left: 16px;
        text-transform: capitalize
    }

    .header-btn-wrapper {
        position: relative;
        float: left;
        padding: 0;
        margin-left: 4px;
        height: 46px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header-btn-wrapper:before,
    .header-btn-wrapper:after {
        position: absolute;
        content: "";
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 9px;
        height: 9px;
        background: url("star_g.svg") no-repeat center center;
        display: none
    }

    .header-btn-wrapper:before {
        left: 0
    }

    .header-btn-wrapper:after {
        right: 0
    }

    .header-btn-box {
        display: inline-block
    }

    .header-btn-box:first-child {
        margin-right: 6px
    }

    .header-btn {
        color: #fff;
        font-family: "Tahoma Bold", sans-serif;
        -webkit-transition: background .4s;
        transition: background .4s;
        border-radius: 18px;
        height: 31px;
        line-height: 31px;
        padding: 0 6px;
        font-size: 14px;
        letter-spacing: normal;
        white-space: normal;
        cursor: pointer;
        text-decoration: none;
        -webkit-box-shadow: inset 0 0 0 2px #131414, 0 0 0 2px #e8c285;
        box-shadow: inset 0 0 0 2px #131414, 0 0 0 2px #e8c285
    }

    .registration-btn {
        background: #bbfcb4;
        background: -webkit-gradient(linear, left top, left bottom, from(#bbfcb4), color-stop(36%, #21a300), color-stop(63%, #21a300), to(#bbfcb4));
        background: linear-gradient(to bottom, #bbfcb4 0%, #21a300 36%, #21a300 63%, #bbfcb4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbfcb4", endColorstr="#bbfcb4", GradientType=0)
    }

    .registration-btn:hover {
        background: #ccf9b3;
        background: -webkit-gradient(linear, left top, left bottom, from(#ccf9b3), color-stop(36%, #20b200), color-stop(63%, #23bf00), to(#d3f9b3));
        background: linear-gradient(to bottom, #ccf9b3 0%, #20b200 36%, #23bf00 63%, #d3f9b3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccf9b3", endColorstr="#d3f9b3", GradientType=0)
    }

    .login-btn {
        background: #f4ebc4;
        background: -webkit-gradient(linear, left top, left bottom, from(#f4ebc4), color-stop(41%, #d4b044), color-stop(58%, #d4b044), to(#f0df83));
        background: linear-gradient(to bottom, #f4ebc4 0%, #d4b044 41%, #d4b044 58%, #f0df83 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4ebc4", endColorstr="#f0df83", GradientType=0)
    }

    .login-btn:hover {
        background: #fcf5cc;
        background: -webkit-gradient(linear, left top, left bottom, from(#fcf5cc), color-stop(41%, #e2c24a), color-stop(58%, #e0bf4a), to(#fceb8a));
        background: linear-gradient(to bottom, #fcf5cc 0%, #e2c24a 41%, #e0bf4a 58%, #fceb8a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcf5cc", endColorstr="#fceb8a", GradientType=0)
    }

    .display514 {
        width: auto;
        height: 100%
    }

    .game-page .main-block1 {
        z-index: 888
    }

    .main-block1 {
        z-index: 116;
        position: relative;
        left: 0;
        border-bottom: 1px solid #373737;
        height: 48px;
        width: 100%
    }

    .main-block1 {
        position: fixed;
        top: 0;
        -webkit-transition: top .1s ease-in-out;
        transition: top .1s ease-in-out;
        background-color: #272828
    }

    .main-left-balans {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-image: none !important
    }

    .game-page .main-block1 {
        z-index: 52
    }

    .main-head-background-line {
        width: 100%;
        position: absolute;
        height: 36px;
        top: 47px;
        display: none
    }

    .inner-head-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%;
        margin: 0 auto;
        position: relative
    }

    .inner-head-background-line:before {
        width: 0
    }

    .inner-head-background-line:after {
        width: 0
    }

    .main-header-block {
        height: 47px;
        position: relative;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto
    }

    .has-cashwait .main-logo {
        display: none
    }

    .star1 {
        top: 51px;
        left: -20px;
        display: none
    }

    .star2 {
        top: 51px;
        right: -20px;
        display: none
    }

    .top-star {
        position: absolute;
        display: none !important
    }

    .main-logo {
        float: left;
        width: 90px;
        padding: 5px 4px 4px;
        border-right: 1px solid #373737;
        height: 100%;
        cursor: pointer
    }

    .main-logo .logo {
        width: 69px;
        height: 36px;
        margin: 2px auto 0;
        background: url("logo-m.svg") no-repeat;
        background-size: contain
    }

    .sport-page .main-logo .logo {
        background: url("logo-sport-m.svg") no-repeat
    }

    .main-head-block {
        background: #272828;
        float: left;
        color: #e7c28b;
        text-transform: uppercase;
        width: calc(100% - 90px - 10px);
        height: 47px
    }

    .has-cashwait .main-head-block {
        width: 100%;
        padding: 0 5px
    }

    .popup .main-block1 {
        border-bottom: 1px solid #373737
    }

    .main-top-line-head {
        width: 100%;
        height: 47px
    }

    .main-wrap-button-block {
        float: left;
        min-width: 175px
    }

    .main-notauth-user {
        font-size: 0;
        line-height: 0;
        letter-spacing: -4px;
        white-space: nowrap
    }

    .main-notauth-user .header-login-form {
        float: none;
        display: inline-block;
        font-size: 14px;
        line-height: 1.42857;
        letter-spacing: normal;
        white-space: normal;
        vertical-align: middle
    }

    .main-user-icon {
        position: absolute;
        top: 0;
        left: 0
    }

    .main-enter-button {
        border-radius: 18px;
        margin-top: 1px
    }

    .main-top-line__search-btn {
        position: absolute;
        right: 16px;
        top: -1px;
        height: 20px;
        max-width: 110%
    }

    .main-mobile-menu-icon {
        float: right;
        cursor: pointer;
        padding: 8px 0 0 0;
        width: 25px;
        height: 45px;
        background: url("mini-menu.png") no-repeat center
    }

    .main-notauth-user {
        width: 180px
    }

    .main-wrap-menu {
        float: right;
        display: none
    }

    .main-top-line-head .soc-box_link::after {
        width: 22px;
        height: 22px
    }

    .main-top-line__telegram {
        position: absolute;
        right: 20px;
        margin-top: 9px;
        width: 28px
    }

    .main-top-line__telegram .soc-box_link {
        width: 28px;
        height: 28px;
        background: transparent
    }

    .main-top-line__telegram .soc-box_link.telega::after {
        background: url("telega.svg") no-repeat center center
    }

    .main-top-line__whatsapp {
        position: absolute;
        right: 0;
        margin-top: 9px;
        width: 28px
    }

    .main-top-line__whatsapp .soc-box_link {
        width: 28px;
        height: 28px;
        background: transparent
    }

    .main-top-line__whatsapp .soc-box_link.whatsapp::after {
        background: url("whatsapp.svg") no-repeat center center
    }
}

@media all and (min-width: 350px) {
    .header-btn-box:first-child {
        margin-right: 10px
    }

    .main-wrap-button-block {
        min-width: 196px
    }

    .has-cashwait .main-wrap-button-block {
        min-width: 0;
        margin-left: 0
    }

    .main-notauth-user {
        width: 202px
    }
}

@media all and (min-width: 375px) {
    .header-btn-wrapper {
        margin-left: 14px
    }

    .registration-btn,
    .login-btn {
        padding: 0 14px
    }

    .main-wrap-button-block {
        min-width: 211px
    }

    .search-title {
        display: none;
        color: #e4c893;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        text-transform: initial
    }
}

@media all and (min-width: 390px) {
    .has-cashwait .main-logo {
        display: block;
        width: 36px;
        height: 100%;
        position: static;
        padding: 5px 0 4px 5px;
        border: none
    }

    .has-cashwait .main-logo .logo {
        background: url("logo-m.svg") no-repeat;
        width: 36px;
        height: 36px;
        margin: 2px auto 0;
        background-size: contain
    }

    .has-cashwait .main-head-block {
        width: calc(100% - 40px - 10px);
        padding: 0;
        margin-left: 10px
    }
}

@media all and (min-width: 430px) {
    .main-wrap-button-block {
        min-width: 283px
    }
}

@media all and (min-width: 480px) {
    .main-left-balans {
        background-size: 9px auto;
        background-position: 64px 12px;
        padding: 7px 13px 0 10px;
        margin-left: 0
    }

    .main-header-block {
        padding-left: 0
    }
}

@media all and (min-width: 518px) {
    .header-btn-box:first-child {
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px solid #373737
    }

    .registration-btn,
    .login-btn {
        padding: 0 22px
    }

    .main-header-block {
        padding-left: 20px
    }

    .main-logo {
        width: 85px
    }
}

@media all and (min-width: 574px) {
    .main-login-block {
        padding: 6px 6px 0 7px
    }

    .main-header-block {
        height: 47px;
        position: relative;
        padding-left: 0
    }

    .main-wrap-verticaline {
        padding: 11px 0 0 4px;
        display: block
    }

    .main-enter-button {
        margin-top: 1px
    }

    .display745 {
        display: none
    }

    .main-head-block {
        float: left;
        color: #e7c28b;
        text-transform: uppercase;
        width: calc(100% - 85px);
        margin-left: 0;
        margin-right: 0
    }

    .has-cashwait .main-head-block {
        width: 100%
    }

    .has-cashwait .main-logo {
        display: none
    }

    .main-wrap-button-block {
        float: left;
        min-width: 365px;
        width: initial;
        padding-top: 1px
    }

    .main-logo .logo {
        margin: 0 auto
    }

    .main-top-line__help-chat {
        right: 50px
    }
}

@media all and (min-width: 805px)and (max-width: 1027px) {
    .has-cashwait .main-wrap-button-block {
        padding-left: 85px
    }

    .header-btn-wrapper:before,
    .header-btn-wrapper:after {
        display: none
    }
}

@media all and (min-width: 805px) {
    .main-top-line__help-chat {
        display: block;
        position: absolute;
        right: -20px;
        height: 32px;
        width: 26px;
        margin-top: 7px
    }

    .main-top-line__search {
        display: block;
        position: absolute;
        right: 14px;
        width: 46px
    }

    .has-cashwait .main-top-line__search {
        width: 40px
    }

    .main-top-line__search-btn {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 10px
    }

    .has-cashwait .main-top-line__search-btn {
        right: 7px
    }

    .main-top-line__help-chat-inner {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .header-btn-wrapper {
        padding: 0 20px
    }

    .header-btn-box:first-child {
        padding-right: 10px;
        margin-right: 10px;
        border-right: 0
    }

    .main-logo .logo {
        width: 128px;
        height: 98px;
        background: url("logo_middle.svg") no-repeat;
        background-size: auto
    }

    .sport-page .main-logo .logo {
        background: url("logo-sport_middle.svg") no-repeat
    }

    .main-logo {
        position: absolute;
        padding: 0;
        width: 128px;
        height: 98px;
        border: none
    }

    .has-cashwait .main-login-block {
        padding: 6px 6px 0 5px
    }

    .has-cashwait .main-text-wrap {
        padding: 0 15px 0 40px
    }

    .has-cashwait .main-login-block .main-text-wrap {
        padding-right: 5px
    }

    .has-cashwait .main-status {
        padding: 0 8px 6px 8px
    }

    .has-cashwait .main-logo {
        position: absolute;
        display: block;
        padding-top: 0;
        width: 73px;
        height: 39px
    }

    .has-cashwait .main-logo .logo {
        width: 69px;
        height: 36px;
        margin: 0 auto;
        background: url("logo_middle.svg") no-repeat;
        background-size: contain
    }

    .has-cashwait .sport-page .main-logo .logo {
        background: url("logo-sport-m.svg") no-repeat
    }

    .main-block1 {
        border-bottom: 1px solid #ada496;
        height: 66px;
        width: 100%
    }

    .popup .main-block1 {
        height: 63px
    }

    .main-wrap-verticaline {
        display: none
    }

    .main-left-balans {
        padding: 0 17px 0 5px;
        background-position: 61px 27px
    }

    .main-button-balans {
        top: -1px
    }

    .main-head-background-line {
        display: block
    }

    #gameBox .main-logo {
        position: static
    }

    .star1 {
        display: block
    }

    .star2 {
        display: block
    }

    .display514 {
        display: none
    }

    .display745 {
        display: block
    }

    .main-head-block {
        width: 100%
    }

    .main-wrap-button-block {
        min-width: 603px;
        padding-left: 130px
    }

    .main-top-line__telegram,
    .main-top-line__whatsapp {
        display: none
    }

    .main-mobile-menu-icon {
        display: none
    }

    .main-wrap-menu {
        display: block;
        height: 36px
    }

    .main-menu-top {
        left: 25px
    }
}

@media all and (min-width: 880px) {
    .inner-head-background-line:after {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        right: 17px;
        top: 12px;
        background: url("star_b.svg") no-repeat center
    }

    .inner-head-background-line:before {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        left: 17px;
        top: 12px;
        background: url("star_b.svg") no-repeat center
    }

    .main-top-line__help-chat {
        right: -20px
    }
}

@media all and (max-width: 1027px) {
    .main-head-block .soc-box_web {
        display: none
    }
}

@media all and (min-width: 1028px) {
    .header-btn-wrapper {
        margin-left: 35px
    }

    .registration-btn {
        padding: 0 40px
    }

    .main-logo {
        position: absolute;
        padding: 0;
        width: 158px;
        height: 99px;
        border: none
    }

    .header-btn-wrapper:before,
    .header-btn-wrapper:after {
        display: none
    }

    .main-logo .logo {
        width: 158px;
        height: 99px;
        padding-top: 0;
        background: url("logo.svg") no-repeat 0 0
    }

    .sport-page .main-logo .logo {
        background: url("logo-sport.svg") no-repeat 0 0
    }

    .has-cashwait .main-logo {
        width: 85px;
        padding-top: 0;
        padding-left: 0
    }

    .has-cashwait .main-logo .logo {
        width: 160px;
        height: 100px;
        background: url("logo.svg") no-repeat;
        background-size: auto
    }

    .has-cashwait .sport-page .main-logo {
        padding-left: 0
    }

    .has-cashwait .sport-page .main-logo .logo {
        width: 160px;
        height: 100px;
        margin: 0 auto;
        padding-left: 0;
        background: url("logo-sport.svg") no-repeat
    }

    .main-top-line__search {
        width: 100px;
        right: 114px
    }

    .has-cashwait .main-top-line__search {
        width: 46px
    }

    .main-top-line__search-placeholder {
        display: block
    }

    .has-cashwait .main-top-line__search-placeholder {
        display: none
    }

    .main-login-block {
        padding: 6px 10px 0 10px
    }

    .main-text-wrap {
        padding: 0 15px 0 44px
    }

    .main-login-block .main-text-wrap {
        padding-right: 10px
    }

    .main-status {
        padding: 0 13px 6px 13px
    }

    .display745 {
        display: none
    }

    .display962 {
        display: block
    }

    .main-head-block {
        margin-left: 0
    }

    .has-cashwait .main-head-block {
        margin-left: 0
    }

    .main-top-line__help-chat {
        right: 80px;
        margin-top: 9px
    }

    .main-top-line__telegram {
        right: 50px
    }

    .has-cashwait .main-top-line__telegram {
        right: 43px
    }

    .main-top-line__whatsapp {
        right: 10px
    }

    .main-top-line__telegram,
    .main-top-line__whatsapp {
        display: block;
        margin-top: 11px
    }

    .main-menu-top {
        left: -10px
    }

    .header-btn-wrapper:before,
    .header-btn-wrapper:after {
        display: block
    }

    .main-wrap-button-block {
        padding-left: 160px
    }
}

@media all and (min-width: 1180px) {
    .has-cashwait .main-logo {
        position: absolute;
        padding: 0;
        width: 158px;
        height: 99px;
        border: none
    }

    .has-cashwait .main-logo .logo {
        background-position: 0 0;
        width: 158px;
        height: 99px;
        padding-top: 0
    }

    .main-top-line__search-btn {
        top: 48%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        width: 20px;
        height: 20px;
        right: 16px
    }

    .main-top-line__search {
        right: 120px;
        width: 137px
    }

    .has-cashwait .main-top-line__search {
        width: 137px
    }

    .main-top-line__search-placeholder {
        display: block
    }

    .has-cashwait .main-top-line__search-placeholder {
        display: block
    }

    .main-top-line__help-chat {
        right: 80px
    }

    .main-top-line__telegram {
        right: 40px
    }

    .main-top-line__whatsapp {
        right: 0
    }

    .main-wrap-button-block {
        min-width: 728px
    }

    .main-menu-top {
        left: 0
    }
}

@media all and (min-width: 1270px) {
    .main-header-block {
        width: 1190px
    }
}

.touch .main-enter-button {
    margin-top: 0
}

@media all and (min-width: 1028px) {
    .has-cashwait .main-logo {
        width: 158px
    }

    .has-cashwait .main-balans .main-wrap-star {
        display: none
    }
}

@media all and (max-width: 1180px) {
    .main-head-block .soc-box_web {
        display: none
    }
}

@media all and (min-width: 1180px) {
    .has-cashwait .main-balans .main-wrap-star {
        display: block
    }

    .main-head-block .soc-box_web {
        position: relative;
        float: left;
        margin-left: 170px;
        height: 36px;
        width: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .main-head-block .soc-box_web .soc-box_link {
        width: 24px;
        height: 24px;
        background: #000;
        margin: 0 6px
    }

    .main-head-block .soc-box_web .soc-box_link::after {
        background-size: 100%;
        top: 5px;
        left: 5px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 14px;
        height: 14px
    }

    .main-head-block .soc-box_web .soc-box_link.telega::after {
        background-image: url("telega-gradient.svg");
        left: 4px
    }

    .main-head-block .soc-box_web .soc-box_link.insta::after {
        background-image: url("insta-gradient.svg")
    }

    .main-head-block .soc-box_web .soc-box_link.twitter::after {
        background-image: url("x-transparent.svg")
    }

    .main-head-block .soc-box_web .soc-box_link.vkontakte::after {
        background-image: url("vkontakte-gradient.svg")
    }
}

@media all and (min-width: 574px) {
    .main-login-block {
        display: block
    }
}

@media all and (min-width: 1px) {
    .main-slider {
        height: 162px;
        margin-top: 0;
        position: relative
    }

    .main-right-search-block {
        position: absolute;
        right: 0;
        top: 100px;
        width: 47px;
        background: url("search-right-mobile-wrap.png") no-repeat -6px -15px;
        padding: 10px 0 10px 20px;
        overflow: hidden;
        display: none;
        z-index: 52
    }

    .main-inner-search-block {
        width: 300px
    }

    .right-img-icon-search {
        float: left;
        cursor: pointer
    }

    .wrap-input-right-block {
        width: 273px;
        float: left;
        border-top: 2px solid #f0c788;
        border-bottom: 2px solid #e3e0dc;
        margin-top: 14px;
        background: #000;
        padding: 2px 0
    }

    .input-searct-rihgt {
        float: left;
        background: #000;
        border: NONE;
        display: inline-block;
        padding: 2px 0 4px 18px;
        width: 195px;
        color: #cecece
    }

    .button-search {
        float: right;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border: none;
        color: #000;
        font-family: "Tahoma Regular", sans-serif;
        text-transform: uppercase;
        padding: 3px 19px 3px 13px
    }

    .main-inner-search-block .result {
        display: none;
        list-style: none;
        width: 100%;
        left: 0;
        margin-top: 28px;
        padding: 5px 0;
        background-color: #000;
        border: 1px solid rgba(36, 42, 93, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }

    .main-inner-search-block .result li a,
    .main-inner-search-block .result li.noresult {
        cursor: pointer;
        display: block;
        padding: 3px 10px;
        clear: both;
        font-weight: 400;
        color: #fff;
        white-space: nowrap;
        font-size: 14px
    }

    .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: 115px;
        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.jpeg") repeat-x center 88px;
        z-index: 20;
        position: relative;
        height: 59px;
        overflow: hidden;
        display: none
    }

    .main-silver,
    .main-gold,
    .main-platinum {
        font-family: "Tahoma Bold", sans-serif;
        color: #e0e0e0;
        float: left;
        margin-right: 12px;
        height: 51px;
        position: relative;
        top: 11px
    }

    .main-silver {
        font-family: "Tahoma Bold", sans-serif;
        color: #e0e0e0;
        float: left;
        margin-right: 12px;
        height: 51px;
        position: relative;
        top: 10px
    }

    @-moz-document url-prefix() {

        .main-gold,
        .main-platinum {
            top: 11px
        }

        .main-silver {
            top: 10px
        }

        .main-total {
            padding-top: 5px
        }
    }

    .main-silver p {
        background: url("silver-label.png") no-repeat 11px top;
        height: 11px
    }

    .main-gold p {
        background: url("gold-label.png") no-repeat 11px top;
        height: 11px
    }

    .main-platinum p {
        background: url("platinum-label.png") no-repeat 11px top;
        height: 11px
    }

    .main-total p {
        background: url("jackpot-label.png") no-repeat 11px top;
        height: 16px
    }

    .main-silver ul li,
    .main-gold ul li,
    .main-platinum ul li {
        display: inline-block;
        margin: 0 2px
    }

    .main-silver p,
    .main-gold p,
    .main-platinum p {
        padding: 0 0 0 11px;
        text-transform: uppercase
    }

    .main-silver ul,
    .main-gold ul,
    .main-platinum ul {
        position: relative;
        top: -26px;
        left: 12px;
        padding: 0
    }

    .main-silver-block {
        z-index: 12;
        position: relative;
        display: none;
        height: 55px
    }

    .main-total {
        position: relative;
        float: left;
        font-family: "Tahoma Bold", sans-serif;
        color: #e0e0e0;
        margin-top: -8px
    }

    .main-total__link {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .main-total ul {
        margin-top: -37px;
        margin-left: 14px;
        padding: 0
    }

    .main-total p {
        padding: 0 0 0 11px;
        text-transform: uppercase;
        font-size: 17px
    }

    .main-total ul li {
        display: inline-block;
        margin: 1px 2px 0 2px;
        font-size: 22px
    }

    .main-gold {
        color: #e7c28b
    }

    .main-platinum {
        color: #e7c28b
    }

    .line-main-total {
        position: absolute;
        padding: 4px 0;
        width: 1049px;
        background: url("grey-line.jpeg") repeat-x center;
        left: -1000px;
        top: 28px;
        z-index: -1
    }

    .jackpotDigit {
        position: relative;
        width: 15px
    }

    .jackpotDigit0 {
        left: 1px
    }

    .jackpotDigit1 {
        left: 4px
    }

    .jackpotDigit2 {
        left: 6px
    }

    .jackpotDigit3 {
        left: 11px
    }

    .jackpotDigit4 {
        left: 12px
    }

    .jackpotDigit5 {
        left: 14px
    }

    .jackpotDigit6 {
        left: 20px
    }

    .jackpotDigit7 {
        left: 22px
    }

    .jackpotDigit8 {
        left: 24px
    }

    .jackpotDigit9 {
        left: 30px
    }

    .jackpotDigit10 {
        left: 31px
    }

    .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("owlcarousel/arrow-left.png") no-repeat center center;
        background-size: 24% 72%;
        left: 0
    }

    .arrow-block .right-arrow {
        background: rgba(0, 0, 0, .8) url("owlcarousel/arrow-right.png") no-repeat center center;
        background-size: 24% 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-right-search-block {
        display: block
    }

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

    .main-silver-block {
        z-index: 12;
        position: relative
    }

    .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-right-search-block {
        display: none
    }

    .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.jpeg") repeat-x center 36px;
        margin: 13px auto 0;
        max-width: 1201px;
        display: block
    }

    .main-silver-block {
        z-index: 12;
        position: relative;
        display: block;
        padding-left: 0;
        padding-right: 0
    }

    .main-total {
        float: right;
        font-family: "Tahoma Bold", sans-serif;
        color: #e0e0e0;
        margin-top: -4px;
        padding-top: 5px
    }

    @-moz-document url-prefix() {
        .main-total {
            padding-top: 6px
        }
    }

    .line-main-total {
        display: none
    }

    .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.jpeg") 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-prizfond .timer div>span,
    .main-right-prizfond .timer div>span.minutes:before,
    .main-right-prizfond .timer div>span.hours:after {
        color: #e7c28b
    }

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

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

    .gorizontal-line {
        margin: 10px 0 18px;
        background: url("bottom-line.png") repeat-x center;
        height: 4px;
        border-radius: 2px
    }

    .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-actor-list {
        background: #252f32;
        background: radial-gradient(ellipse at center, #252f32 0%, #253438 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#252f32", endColorstr="#253438", GradientType=1);
        border-right: 1px solid #e7c28b;
        border-left: 1px solid #e7c28b;
        border-bottom: 1px solid #e7c28b;
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
        margin: -5px auto 0;
        width: calc(100% - 8px);
        position: relative;
        z-index: 0
    }

    .main-priz-box {
        width: calc(100% - 8px);
        margin: 0 auto
    }

    .main-priz {
        color: #fff;
        text-align: center;
        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;
        padding: 10px 0;
        width: calc(100% - 4px);
        margin: 0 auto;
        background: #1a1a1a;
        position: relative;
        top: 0;
        height: 78px;
        min-height: 78px
    }

    .main-priz-f {
        text-transform: uppercase;
        font-size: 12px;
        margin-top: 3px;
        text-align: center;
        font-family: "Tahoma Bold", sans-serif
    }

    .main-priz-f--lottery {
        height: 50%
    }

    .main-priz--tour {
        min-height: 96px;
        height: 96px
    }

    .main-priz__fs {
        font-size: 11px;
        font-family: "Tahoma", sans-serif
    }

    .main-priz ul li:first-child {
        margin-bottom: 5px
    }

    .main-left-prizfond .main-priz-f {
        margin-bottom: 2px
    }

    .main-left-prizfond .main-priz-f--lottery {
        height: 50%;
        margin-bottom: 5px
    }

    .main-right-prizfond--lottery {
        height: 100%
    }

    .bonus-time {
        padding: 0
    }

    .main-priz .prise-currency {
        font-size: 12px !important;
        line-height: 18px
    }

    .main-priz-number {
        text-align: center;
        margin: 0;
        padding: 0
    }

    .main-priz-number {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        padding: 0;
        font-size: 0
    }

    .main-priz-number li {
        border: 1px solid #e7c28b;
        padding: 0 1px;
        margin: 0;
        border-radius: 2px;
        font-size: 24px
    }

    .promotions-sidebar .main-priz-number li {
        font-size: 19px
    }

    .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-final-action {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 23px;
        padding: 0
    }

    .main-final-action li {
        position: relative
    }

    .lab2::after,
    .lab3::after {
        content: ":";
        position: absolute;
        top: -3px;
        left: 29px
    }

    .lab1 {
        margin-right: 15px;
        left: -11px
    }

    .lab1:before {
        content: "д";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 25px;
        font-size: 15px;
        left: 1px;
        font-family: "Tahoma Regular", sans-serif;
        color: #fff
    }

    .lab2:before {
        content: "ч";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 25px;
        font-size: 15px;
        left: 11px;
        font-family: "Tahoma Regular", sans-serif;
        color: #fff
    }

    .lab3:before {
        content: "м";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 25px;
        font-size: 15px;
        left: 11px;
        font-family: "Tahoma Regular", sans-serif;
        color: #fff
    }

    .lab4:before {
        content: "с";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 25px;
        font-size: 15px;
        left: 11px;
        font-family: "Tahoma Regular", sans-serif;
        color: #fff
    }

    .bottom-all-news {
        background: url("star-block.png") no-repeat center 0;
        height: 25px;
        margin: 20px auto 0;
        text-align: center;
        font-family: "Tahoma Bold", sans-serif;
        cursor: pointer;
        width: 187px
    }

    .bottom-all-news:hover {
        background: url("star-block-hover.png") no-repeat center 0
    }

    .wrap-news {
        text-align: center;
        border: 2px solid #e7c28b;
        border-radius: 6px
    }

    .lable-news {
        background: url("iron-center.png") repeat-x center 0;
        height: 28px;
        margin-top: -1px;
        position: relative;
        z-index: 2
    }

    .lable-news p {
        color: #e7c28b;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        padding-top: 5px
    }

    .inner-lable-left {
        height: 100%;
        background: url("iron-left.png") no-repeat left center
    }

    .inner-lable-right {
        height: 100%;
        background: url("iron-right.png") no-repeat right center
    }

    .bottom-all-news p {
        font-size: 13px;
        padding-top: 4px;
        text-transform: uppercase
    }

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

    .bonus-time {
        text-align: center;
        position: relative;
        width: 70% !important;
        margin: 0 auto 8px auto;
        padding: 0;
        color: #e7c28b;
        font-size: 0;
        line-height: 0;
        white-space: nowrap
    }

    .bonus-time li {
        display: inline-block;
        position: relative;
        margin: 0 5px
    }

    .bonus-minuts:before {
        content: ":";
        position: absolute;
        top: -1px;
        left: -8px;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 16px;
        line-height: 1.42857;
        color: #e7c28b
    }

    .bonus-minuts:after {
        content: ":";
        position: absolute;
        top: -1px;
        right: -8px;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 16px;
        line-height: 1.42857;
        color: #e7c28b
    }

    .bonus-time .days,
    .bonus-time .hours,
    .bonus-time .minutes,
    .bonus-time .seconds {
        display: block;
        padding: 0 3px;
        margin-bottom: 3px;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 24px;
        line-height: 1
    }

    .bonus-time .days-label,
    .bonus-time .hour-label,
    .bonus-time .minut-label,
    .bonus-time .sec-label {
        display: block;
        font-family: "Tahoma Regular", sans-serif;
        font-size: 11px;
        line-height: 1;
        color: #fff;
        text-align: center
    }

    .clock-block-label {
        color: #fff;
        width: 80%;
        margin: -7px auto 0
    }

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

    .clock-block-label span {
        margin: 0 20px;
        font-size: 13px;
        color: #fff
    }

    .main-action-ac {
        width: 185px;
        margin: 10px auto;
        text-align: center;
        background: url("star-block.png") no-repeat center 0;
        background-size: 80% !important;
        height: 25px;
        cursor: pointer
    }

    .main-action-ac[disabled=true],
    .main-action-ac[disabled=disabled] {
        pointer-events: none
    }

    .timer-end-date {
        line-height: 1;
        color: #fff;
        text-align: center
    }

    .main-action-ac:hover {
        height: 25px;
        background-image: url("star-block-hover.png");
        background-size: 100%
    }

    .promo-info-right .main-action-ac:hover {
        height: 25px;
        background: url("back-more.png") no-repeat center;
        background-size: 100%
    }

    html:not(.touch) .promo-info-right .main-action-ac:hover {
        background: url("star-block-hover.png") no-repeat center 0
    }

    .main-action-ac p {
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 20px;
        color: #000
    }

    .get-lottery-ticket a:hover {
        background: url(star-block-hover.png) no-repeat center -1px
    }

    .all-action {
        position: relative;
        width: 187px;
        margin: 0 auto 20px;
        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.promotions-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%)
    }

    .tournament-sidebar .btn-user-confirmation {
        margin: 0
    }

    .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-image: url("hover-background.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 0;
        -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
    }

    .tournament_link_box {
        display: none
    }

    .tournament_link_box {
        display: none
    }

    .tournament-sidebar .tournament_link_box .link {
        display: inline-block;
        text-decoration: none;
        padding: 10px 16px;
        font-size: 15px;
        white-space: nowrap;
        text-transform: initial;
        text-align: center
    }

    .tournament-sidebar .tournament_link_box .link:hover {
        text-decoration: underline
    }

    .main-current-tournament__desc-wr {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px;
        margin: 0 6px;
        border: 1px solid #e7c28b;
        border-top: none;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        background-color: #1a1a1a;
        text-align: center;
        margin-bottom: 2px
    }

    .main-current-tournament__desc-wr.open .main-current-tournament__short-desc {
        display: none
    }

    .main-current-tournament__desc-wr p {
        margin-bottom: 15px;
        color: #fff
    }

    .main-current-tournament__desc-wr p:last-child {
        margin-bottom: 0
    }

    .main-current-tournament__more-link {
        display: inline-block;
        font-size: 12px;
        line-height: 1;
        color: #e7c28b;
        text-decoration: underline;
        cursor: pointer
    }

    .main-current-tournament__full-desc {
        display: none
    }

    .main-current-tournament__more-link:hover {
        color: #fff
    }
}

@media all and (min-width: 430px) {
    .main-priz--tour {
        height: 78px;
        min-height: 78px
    }
}

@media all and (max-width: 804px) {
    .main-win-now-label {
        margin-top: 15px
    }

    .main-priz-number li {
        font-size: 20px
    }

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

    html.mobile .main-wrap-game-icon .wrapper-disabled-section {
        width: calc(100% + 18px);
        height: calc(100% + 20px);
        top: -4px
    }
}

@media all and (min-width: 805px) {
    .main-priz {
        height: 150px;
        min-height: 150px
    }

    .main-right-prizfond .main-priz-f--lottery {
        height: auto
    }

    .main-left-prizfond .main-priz-f--lottery {
        margin-bottom: 6px;
        height: auto
    }

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

    .bottom-block-tournir p {
        padding-top: 12px;
        font-size: 12px
    }

    .custom-fonts-1 .bottom-block-tournir p {
        font-size: 9px;
        padding-top: 14px
    }

    .custom-fonts-2 .bottom-block-tournir p {
        font-size: 10px
    }

    .tournament_link_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .timer-end {
        text-transform: uppercase;
        font-size: 16px;
        font-family: "Tahoma Bold", sans-serif;
        padding: 20px
    }

    .tournament-sidebar {
        min-height: 370px
    }

    html.mobile .main-wrap-game-icon .wrapper-disabled-section {
        width: calc(100% + 12px);
        height: calc(100% + 28px);
        top: -6px
    }
}

@media all and (min-width: 1028px) {
    .main-right-col-content {
        padding-left: 43px;
        width: 366px
    }

    .main-priz {
        padding: 9px 0 0 0;
        height: 80px;
        min-height: 80px
    }

    .main-priz--lottery {
        height: 80px;
        min-height: 80px
    }

    .main-left-prizfond .main-priz-f {
        text-align: center
    }

    .main-right-prizfond .main-priz-f {
        text-align: left;
        padding-left: 6px
    }

    .main-priz-number {
        text-align: center
    }

    .main-priz-number--lottery {
        text-align: center;
        padding-left: 0
    }

    .main-right-prizfond .main-priz-f--lottery {
        padding-right: 0;
        text-align: center
    }

    .timer-end {
        padding-top: 24px;
        text-transform: uppercase;
        font-size: 16px;
        position: relative;
        top: 2px
    }

    [data-template=tournament-info] .timer-end {
        padding: 0
    }

    .main-right-col-content .timer-end {
        color: #fff;
        text-align: center
    }

    .bottom-block-tournir p {
        padding-top: 8px;
        font-size: 17px
    }

    .custom-fonts-1 .bottom-block-tournir p {
        font-size: 14px;
        padding-top: 10px
    }

    .custom-fonts-2 .bottom-block-tournir p {
        font-size: 15px;
        padding-top: 10px
    }

    .bonus-minuts:before {
        content: ":";
        position: absolute;
        top: -1px;
        color: #e7c28b;
        left: -8px;
        font-size: 16px
    }

    .bonus-minuts:after {
        content: ":";
        position: absolute;
        top: -1px;
        color: #e7c28b;
        right: -8px;
        font-size: 16px
    }

    .disp-tournir {
        display: none
    }

    .nondisp-tournir {
        display: block
    }

    .main-left-prizfond {
        float: left;
        width: 48%;
        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-right-prizfond {
        float: right;
        width: 52%;
        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
    }

    .promotions-sidebar .main-priz__left-amount-wr {
        margin-top: 3px
    }

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

    .main-action-ac {
        margin: auto auto 0 auto
    }

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

    .bonus-time {
        margin-top: -5px;
        width: 100% !important
    }

    .clock-block-label {
        width: 93%
    }

    .tournament-sidebar {
        min-height: 302px
    }
}

@media all and (min-width: 1180px) {
    .main-right-col-content {
        padding-left: 20px
    }

    .timer-end {
        text-transform: uppercase;
        font-size: 16px
    }

    [data-template=tournament-info] .timer-end {
        padding: 15px
    }
}

@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(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(arrow-right-h.png) no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar .owl-next:active {
        background: url(arrow-right-h.png) no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar .owl-prev {
        right: 97%;
        background: url(arrow-left.png) no-repeat center center;
        background-size: 100%
    }

    html:not(.touch) .owl-carousel-sidebar .owl-prev:hover {
        background: url(arrow-left-h.png) no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar .owl-prev:active {
        background: url(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 {
        text-align: center;
        width: 100%
    }

    .main-game-list__error {
        display: block;
        font-size: 1.2em;
        color: #7e7e7e;
        margin: 30px 0px
    }

    .main-game-list.noGamesForCurrency {
        min-height: 300px;
        padding-top: 120px;
        color: #fff;
        font-size: 20px
    }

    .game-thumb__jackpot {
        position: absolute;
        left: 2px;
        bottom: 0;
        width: calc(100% - 4px);
        border-bottom: 2px solid rgba(0, 0, 0, .5)
    }

    .jackpot-label {
        width: 100px;
        height: 16px;
        margin: 0 auto -2px;
        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-transform: uppercase;
        text-align: center
    }

    .main-wrap-game-icon {
        display: inline-block;
        margin: 0 0 9px;
        width: 47%;
        height: 129px;
        position: relative;
        vertical-align: top
    }

    .main-wrap-game-icon.main-wrap-game-icon--disabled .wrapper-disabled-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 100
    }

    .wrapper-disabled-section {
        position: absolute;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 10;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: .86;
        font-size: 12px;
        text-transform: uppercase;
        color: #0a0303;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #d1aa64), to(#ebca79));
        background-image: linear-gradient(0deg, #d1aa64 50%, #ebca79 100%)
    }

    .vertical_center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .main-game-in-tournament_desktop {
        position: absolute;
        background-image: url(game-labels.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 75px;
        height: 75px;
        top: -2px;
        left: -2px;
        z-index: 2
    }

    .main-game-in-top_desktop {
        position: absolute;
        background-image: url(top_popular.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 26px;
        height: 35px;
        top: 0;
        right: 6px;
        z-index: 1
    }

    .main-game-in-top_mobile {
        display: none;
        position: absolute;
        width: 36px;
        height: 47px;
        right: 6px;
        top: 0;
        z-index: 2
    }

    .main-game-in-top_mobile img {
        position: absolute;
        width: 23px;
        margin-left: 7px;
        margin-top: 4px
    }

    .main-game-in-tournament_mobile {
        display: none;
        position: absolute;
        width: 37px;
        height: 45px;
        left: 6px;
        z-index: 2
    }

    .main-game-in-tournament_mobile img {
        position: absolute;
        width: 23px;
        margin-left: 7px;
        margin-top: 4px
    }

    .svg_gradient {
        width: 1px;
        height: 1px
    }

    .main-game-is-new {
        position: absolute;
        background: none;
        width: 34px;
        height: 30px;
        right: 6px;
        top: 0;
        z-index: 1
    }

    .main-game-is-new svg {
        width: 100%;
        height: 100%;
        z-index: -1
    }

    .main-game-is-new p {
        position: absolute;
        top: 6px;
        left: 0;
        width: 100%;
        height: 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 9px;
        color: #fff
    }

    .main-game-real-money {
        position: absolute;
        background: #c0a688;
        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%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c0a688", endColorstr="#d0aa8e", GradientType=0);
        -moz-border-radius-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border: 1px solid #5b564d;
        border-top: 0;
        width: 75px;
        height: 14px;
        left: 50%;
        top: 2px;
        margin-left: -35px;
        padding-top: 3px;
        text-align: center;
        text-transform: uppercase;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 10px;
        line-height: 6px;
        color: #0a0303;
        z-index: 1
    }
}

@media all and (min-width: 1px)and (max-width: 804px) {

    .main-game-in-tournament_desktop,
    .main-game-in-top_desktop {
        display: none
    }

    .main-game-in-tournament_mobile,
    .main-game-in-top_mobile {
        display: block
    }

    .placeholder-games-text {
        position: relative;
        top: 50%;
        -webkit-transform: translate3d(0px, -50%, 0px);
        transform: translate3d(0px, -50%, 0px);
        color: #fff
    }

    .placeholder-games-title {
        font-size: 13px;
        font-weight: 100
    }

    .placeholder-games-time {
        font-size: 23px;
        padding-top: 3px
    }
}

@media all and (min-width: 1px) {
    html [data-hidden=true] {
        display: none
    }
}

@media all and (min-width: 1px) {
    .main-game-wrap {
        position: relative;
        cursor: pointer
    }
}

@media all and (min-width: 1px) {
    .game-item:hover .wrapper-disabled-section {
        width: calc(100% + 36px);
        height: calc(100% + 30px);
        top: -15px;
        left: -18px
    }
}

@media all and (min-width: 1px) {
    .main-game-wrap:hover .hover-block {
        z-index: 10
    }
}

@media all and (min-width: 1px) {
    html:not(.touch) .main-game-wrap:hover .hover-block {
        display: block !important
    }
}

@media all and (min-width: 1px) {

    html.mobile .real-game-mobile,
    html.tablet .real-game-mobile {
        display: block
    }
}

@media all and (min-width: 1px) {
    .hover-block.hover-block--mobile {
        width: calc(100% + 36px);
        height: calc(100% + 30px);
        top: -15px;
        left: -18px;
        -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, .8);
        box-shadow: -10px 10px 10px rgba(0, 0, 0, .8)
    }
}

@media all and (min-width: 1px) {
    .hover-block.hover-block--mobile:hover {
        width: calc(100% + 36px);
        height: calc(100% + 30px);
        top: -15px;
        left: -18px
    }
}

@media all and (min-width: 1px) {
    html.mobile .hover-block.hover-block--mobile {
        width: 183px;
        height: 126px;
        left: -8px;
        top: -5px
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .game-block-stars {
        float: initial;
        position: absolute;
        bottom: 0;
        right: 4px;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@media all and (min-width: 1px) {
    html.mobile .hover-block--mobile .game-block-stars {
        bottom: -7px;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .game-block-provider {
        width: 100%;
        margin: auto;
        padding: 0 10px;
        color: #fff;
        font-size: 14px;
        font-family: "Tahoma Bold", sans-serif;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media all and (min-width: 1px) {

    html.mobile .hover-block--mobile .game-block-provider,
    html.mobile .hover-block--mobile .game-block-name {
        font-size: 9px
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .real-game {
        height: auto;
        padding: 0;
        margin: auto
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .game-block-name {
        color: #efc688;
        text-transform: uppercase;
        font-size: 14px;
        font-family: "Tahoma Bold", sans-serif;
        margin: auto;
        padding: 0 10px
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .wrapper-img-section__img {
        border-radius: 3px;
        -webkit-filter: brightness(0.3);
        filter: brightness(0.3);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .inner-hover-block {
        border-radius: 3px;
        overflow: hidden;
        border: 1px solid #eec687;
        -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);
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .wrap-demo-block--auth {
        display: block;
        margin: auto
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .game-button {
        font-size: 14px;
        width: auto;
        padding: 2px 26px 2px 26px;
        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
    }
}

@media all and (min-width: 1px) {
    html.mobile .hover-block--mobile .game-button {
        font-size: 12px
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .wrap-demo-block {
        margin: auto
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .demo-block a {
        font-size: 14px;
        font-family: "Tahoma Bold", sans-serif
    }
}

@media all and (min-width: 1px) {
    html.mobile .hover-block--mobile .demo-block a {
        font-size: 11px
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .demo-block a::before {
        content: "";
        position: absolute;
        height: 1px;
        background: #eec687;
        left: 0;
        bottom: 0;
        width: 30px;
        right: 0;
        margin: auto
    }
}

@media all and (min-width: 1px) {
    html.mobile .demo-block::before {
        left: 8px;
        top: 4px
    }
}

@media all and (min-width: 1px) {
    html.mobile .demo-block::after {
        right: 8px;
        top: 4px
    }
}

@media all and (min-width: 1px) {
    html.mobile .main-wrap-game-icon .wrapper-disabled-section {
        left: -8px;
        border-radius: 3px
    }
}

@media all and (min-width: 1px) {
    .hover-block--mobile .main-wrap-game-icon--disabled {
        z-index: 1
    }
}

@media all and (min-width: 1px) {
    .wrapper-img-section {
        overflow: hidden;
        position: relative;
        height: 105px;
        background-size: cover;
        background-position: center center;
        border: 2px solid #c5af8f;
        border-radius: 5px;
        transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media all and (min-width: 1px) {
    .wrapper-img-section__wrap-2 {
        overflow: hidden;
        position: relative;
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .wrapper-img-section__img {
        position: absolute;
        left: 50%;
        top: 0;
        z-index: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        min-width: 100%;
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .hover-block {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: url(hover-background.png) no-repeat;
        height: 105px;
        background-size: cover;
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 22px 7px #cdd1b0;
        box-shadow: inset 0 0 22px 7px #cdd1b0;
        transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        z-index: 3
    }
}

@media all and (min-width: 1px) {
    .wrap-for-transition {
        position: relative;
        transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear
    }
}

@media all and (min-width: 1px) {
    html:not(.touch) .main-game-wrap:hover .game-text-block p {
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .real-game {
        display: block;
        height: 100%;
        padding-top: 28px
    }
}

@media all and (min-width: 1px) {
    .real-game:hover {
        text-decoration: none;
        filter: none;
        -webkit-filter: none
    }
}

@media all and (min-width: 1px) {
    .real-game-mobile {
        display: none;
        height: 100%
    }
}

@media all and (min-width: 1px) {
    .inner-hover-block {
        position: relative;
        height: 100%;
        transition: all .3s linear;
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        z-index: 1
    }
}

@media all and (min-width: 1px) {
    .wrap-demo-block {
        width: 69px;
        margin: -46px auto 0
    }
}

@media all and (min-width: 1px) {
    .wrap-demo-block--auth {
        display: none
    }
}

@media all and (min-width: 1px) {
    .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
    }
}

@media all and (min-width: 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
    }
}

@media all and (min-width: 1px) {
    .button-game:hover a {
        text-decoration: none;
        color: #fff
    }
}

@media all and (min-width: 1px) {
    .button-game:hover {
        border: 2px solid #fff;
        -webkit-box-shadow: -2px -2px 30px 0 #fff;
        box-shadow: -2px -2px 30px 0 #fff
    }
}

@media all and (min-width: 1px) {
    .demo-block {
        position: relative;
        width: 69px;
        height: 22px;
        margin: 4px auto 0
    }
}

@media all and (min-width: 1px) {
    .demo-block a {
        color: #e7c28b;
        font-size: 16px;
        display: block;
        position: relative;
        z-index: 11
    }
}

@media all and (min-width: 1px) {
    .demo-block:hover a {
        color: #fff;
        cursor: pointer;
        display: block;
        text-decoration: none
    }
}

@media all and (min-width: 1px) {
    .demo-block::before {
        content: " ";
        position: absolute;
        left: -2px;
        top: 6px;
        height: 10px;
        width: 10px;
        color: #e7c28b;
        background: url(min-star.svg) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .demo-block::after {
        content: " ";
        position: absolute;
        right: -1px;
        top: 6px;
        height: 10px;
        width: 10px;
        color: #e7c28b;
        background: url(min-star.svg) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .demo-block:hover::before {
        background: url(min-star.svg) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .demo-block:hover::after {
        background: url(min-star.svg) no-repeat center
    }
}

@media all and (min-width: 1px) {
    .game-text-block {
        overflow: hidden
    }
}

@media all and (min-width: 1px) {
    .inner-game-text {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        padding: 4px 0 1px 0;
        font-size: 10px;
        overflow: hidden;
        text-align: left;
        line-height: 1.2;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

@media all and (min-width: 1px) {
    .game-block-stars {
        float: right
    }
}

@media all and (min-width: 1px) {
    .inner-heart-right {
        float: right;
        padding: 6px;
        width: 24px;
        top: -6px;
        position: relative
    }
}

@media all and (min-width: 1px) {
    .heart-hover {
        display: none
    }
}

@media all and (min-width: 350px) {
    .main-wrap-game-icon {
        display: inline-block;
        margin: 0 0 9px;
        width: 164px;
        height: 129px;
        position: relative
    }

    .hover-block {
        position: absolute;
        top: 0;
        left: 0;
        background: url(hover-background.png) no-repeat;
        height: 105px;
        background-size: cover;
        border-radius: 5px
    }

    .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: 375px) {
    .main-wrap-game-icon {
        margin: 0 3px 9px
    }
}

@media all and (min-width: 430px) {
    .main-wrap-game-icon {
        margin: 0 14px 9px
    }
}

@media all and (min-width: 574px) {
    .main-wrap-game-icon {
        display: inline-block;
        margin: 0 2px;
        margin-bottom: 9px;
        width: 164px;
        height: 131px;
        position: relative
    }

    .hover-block {
        height: 105px
    }

    .inner-game-text {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        padding-top: 4px;
        font-size: 11px
    }
}

@media all and (min-width: 805px) {
    .wrapper-disabled-section {
        font-size: 14px
    }

    .wrap-demo-block {
        width: 69px;
        margin: -69px auto 0
    }

    .wrap-demo-block--auth {
        display: block
    }

    .inner-heart-right {
        float: right;
        padding: 6px;
        width: initial;
        top: -2px;
        position: relative
    }

    .real-game {
        display: block;
        height: 100%;
        padding-top: 40px
    }

    .main-left-col {
        background: none;
        padding-bottom: 57px
    }

    .main-wrap-game-icon {
        display: inline-block;
        margin-bottom: 0;
        width: 218px;
        height: 190px
    }

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

    .wrapper-img-section {
        position: relative;
        height: 145px;
        background-size: cover;
        background-position: center center
    }

    .placeholder-games-text {
        position: relative;
        top: 50%;
        -webkit-transform: translate3d(0px, -50%, 0px);
        transform: translate3d(0px, -50%, 0px);
        color: #fff
    }

    .placeholder-games-title {
        font-size: 15px;
        font-weight: 100
    }

    .placeholder-games-time {
        font-size: 30px;
        padding-top: 5px
    }

    .hover-block {
        height: 145px;
        border-radius: 5px
    }

    .game-text-block {
        height: 40px;
        overflow: hidden
    }

    .inner-game-text {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        text-transform: uppercase;
        padding-top: 6px;
        font-size: 14px;
        line-height: 1.2;
        white-space: normal
    }

    html.mobile .hover-block.hover-block--mobile {
        width: 230px;
        height: 172px
    }

    html.mobile .hover-block--mobile .game-block-stars {
        bottom: 0
    }
}

@media all and (min-width: 1028px) {
    .main-wrap-game-icon {
        margin: 0 9px
    }
}

@media all and (min-width: 1180px) {
    .main-wrap-game-icon {
        margin-right: 4px;
        margin-left: 4px
    }
}

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

    .green-button {
        background: #bbfcb4;
        background: -webkit-gradient(linear, left top, left bottom, from(#bbfcb4), color-stop(36%, #21a300), color-stop(63%, #21a300), to(#bbfcb4));
        background: linear-gradient(to bottom, #bbfcb4 0%, #21a300 36%, #21a300 63%, #bbfcb4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbfcb4", endColorstr="#bbfcb4", GradientType=0);
        -webkit-transition: background .4s;
        transition: background .4s
    }

    .green-button:hover {
        background: #ccf9b3;
        background: -webkit-gradient(linear, left top, left bottom, from(#ccf9b3), color-stop(36%, #20b200), color-stop(63%, #23bf00), to(#d3f9b3));
        background: linear-gradient(to bottom, #ccf9b3 0%, #20b200 36%, #23bf00 63%, #d3f9b3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccf9b3", endColorstr="#d3f9b3", GradientType=0);
        color: #fff;
        text-decoration: none
    }

    .green-button:focus {
        color: #fff;
        text-decoration: none
    }

    .green-button--padding {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 4px
    }

    .green-button--vertical-align {
        vertical-align: middle;
        display: table-cell
    }

    .purple-button {
        background: #4f0e48;
        background: -webkit-gradient(linear, left top, left bottom, from(#4F0E48), color-stop(36%, #73177F), color-stop(63%, #73177F), to(#4F0E48));
        background: linear-gradient(to bottom, #4F0E48 0%, #73177F 36%, #73177F 63%, #4F0E48 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4F0E48", endColorstr="#4F0E48", GradientType=0);
        -webkit-transition: opacity .4s linear;
        transition: opacity .4s linear;
        padding: 3px;
        line-height: 12px;
        font-size: 11px;
        color: #fff
    }

    .purple-button:hover {
        background: #4f0e48;
        background: -webkit-gradient(linear, left top, left bottom, from(#560F4E), color-stop(36%, #7A2A7F), color-stop(63%, #7A2A7F), to(#560F4E));
        background: linear-gradient(to bottom, #560F4E 0%, #7A2A7F 36%, #7A2A7F 63%, #560F4E 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4F0E48", endColorstr="#4F0E48", GradientType=0);
        opacity: .9;
        text-decoration: none;
        color: #fff
    }

    .purple-button:visited,
    .purple-button:active,
    .purple-button:link {
        text-decoration: none;
        color: #fff
    }

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

    .btn-user-confirmation--сonfirm {
        background: none;
        -webkit-box-shadow: 0 0 5px 0 #f0c98b inset;
        box-shadow: 0 0 5px 0 #f0c98b inset;
        color: #fff;
        cursor: default
    }

    .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) {
    .purple-button {
        padding: 2px;
        line-height: 13px;
        font-size: 12px
    }

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

@media all and (min-width: 805px)and (max-width: 1028px) {
    .main-left-balans {
        margin-right: 0
    }

    .main-button-balans {
        margin-left: 10px;
        margin-right: 10px
    }

    .main-but-wrap {
        width: 80px
    }

    .main-deposit {
        font-size: 12px
    }

    .main-deposit.green-button {
        padding-top: 6px
    }

    .purple-button {
        font-size: 10px
    }
}

@media(max-width: 805px)and (min-width: 1px) {
    .tournament_link_box--confirmation {
        display: block;
        text-align: center
    }

    .btn-user-confirmation {
        margin: 0
    }
}

.c-hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 35px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
    float: right;
    margin: 4px 0 0 0
}

.c-hamburger:focus {
    outline: none
}

.c-hamburger span {
    display: block;
    position: absolute;
    top: 19px;
    right: 0px;
    height: 2px;
    background: #e7c28b;
    width: 24px
}

.c-hamburger span::before,
.c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e7c28b;
    content: ""
}

.c-hamburger span::before {
    top: -7px
}

.c-hamburger span::after {
    bottom: -7px
}

.c-hamburger--htla {
    background-color: transparent
}

.c-hamburger--htla span {
    -webkit-transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.c-hamburger--htla span::before {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: transform .3s, width .3s, top .3s;
    -webkit-transition: width .3s, top .3s, -webkit-transform .3s;
    transition: width .3s, top .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, top .3s;
    transition: transform .3s, width .3s, top .3s, -webkit-transform .3s
}

.c-hamburger--htla span::after {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: transform .3s, width .3s, bottom .3s;
    -webkit-transition: width .3s, bottom .3s, -webkit-transform .3s;
    transition: width .3s, bottom .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, bottom .3s;
    transition: transform .3s, width .3s, bottom .3s, -webkit-transform .3s
}

.mobile-menu--opened .c-hamburger--htla span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-menu--opened .c-hamburger--htla span::before,
.mobile-menu--opened .c-hamburger--htla span::after {
    width: 50%
}

.mobile-menu--opened .c-hamburger--htla span::before {
    top: 0;
    -webkit-transform: translateX(19.5px) translateY(1px) rotate(45deg);
    -ms-transform: translateX(19.5px) translateY(1px) rotate(45deg);
    transform: translateX(19.5px) translateY(1px) rotate(45deg)
}

.mobile-menu--opened .c-hamburger--htla span::after {
    bottom: 0;
    -webkit-transform: translateX(19.5px) translateY(-1px) rotate(-45deg);
    -ms-transform: translateX(19.5px) translateY(-1px) rotate(-45deg);
    transform: translateX(19.5px) translateY(-1px) rotate(-45deg)
}

.c-hamburger--htra {
    background-color: transparent
}

.c-hamburger--htra span {
    -webkit-transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.c-hamburger--htra span::before {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: transform .3s, width .3s, top .3s;
    -webkit-transition: width .3s, top .3s, -webkit-transform .3s;
    transition: width .3s, top .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, top .3s;
    transition: transform .3s, width .3s, top .3s, -webkit-transform .3s
}

.c-hamburger--htra span::after {
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: transform .3s, width .3s, bottom .3s;
    -webkit-transition: width .3s, bottom .3s, -webkit-transform .3s;
    transition: width .3s, bottom .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, bottom .3s;
    transition: transform .3s, width .3s, bottom .3s, -webkit-transform .3s
}

.mobile-menu--opened .c-hamburger--htra span {
    background-color: transparent;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-menu--opened .c-hamburger--htra span::before,
.mobile-menu--opened .c-hamburger--htra span::after {
    width: 100%;
    left: 0
}

.mobile-menu--opened .c-hamburger--htra span::before {
    top: 0;
    -webkit-transform: translateX(10px) translateY(-8px) rotate(45deg);
    -ms-transform: translateX(10px) translateY(-8px) rotate(45deg);
    transform: translateX(10px) translateY(-8px) rotate(45deg)
}

.mobile-menu--opened .c-hamburger--htra span::after {
    bottom: 0;
    -webkit-transform: translateX(10px) translateY(9px) rotate(-45deg);
    -ms-transform: translateX(10px) translateY(9px) rotate(-45deg);
    transform: translateX(10px) translateY(9px) rotate(-45deg)
}

@media all and (min-width: 574px) {
    .c-hamburger {
        margin-right: 0
    }
}

@media all and (min-width: 805px) {
    .c-hamburger {
        display: none
    }
}

#owl-giftpage.owl-carousel,
#owl-eventpage.owl-carousel,
#owl-bonuspage.owl-carousel,
.slider-item-list--promo.owl-carousel,
.slider-item-list--content.owl-carousel {
    margin: 0 auto;
    width: 100%
}

#owl-giftpage.owl-carousel .owl-item .owl-carousel-item,
#owl-eventpage.owl-carousel .owl-item .owl-carousel-item,
#owl-bonuspage.owl-carousel .owl-item .owl-carousel-item,
.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
}

#owl-giftpage.owl-carousel .owl-item .item-slide-deposit,
#owl-eventpage.owl-carousel .owl-item .item-slide-deposit,
#owl-bonuspage.owl-carousel .owl-item .item-slide-deposit,
.slider-item-list--promo.owl-carousel .owl-item .item-slide-deposit,
.slider-item-list--content.owl-carousel .owl-item .item-slide-deposit {
    -webkit-transform: perspective(1px) scale(0.9);
    transform: perspective(1px) scale(0.9);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    backface-visibility: hidden
}

#owl-giftpage.owl-carousel .owl-item .star-item .bottom-block-for-deposit,
#owl-eventpage.owl-carousel .owl-item .star-item .bottom-block-for-deposit,
#owl-bonuspage.owl-carousel .owl-item .star-item .bottom-block-for-deposit,
.slider-item-list--promo.owl-carousel .owl-item .star-item .bottom-block-for-deposit,
.slider-item-list--content.owl-carousel .owl-item .star-item .bottom-block-for-deposit {
    margin-top: -70px
}

#owl-giftpage.owl-carousel .owl-item .bottom-block-for-deposit table,
#owl-eventpage.owl-carousel .owl-item .bottom-block-for-deposit table,
#owl-bonuspage.owl-carousel .owl-item .bottom-block-for-deposit table,
.slider-item-list--promo.owl-carousel .owl-item .bottom-block-for-deposit table,
.slider-item-list--content.owl-carousel .owl-item .bottom-block-for-deposit table {
    margin-bottom: 40px
}

#owl-giftpage.owl-carousel .owl-item .bottom-block-for-deposit table tr td,
#owl-eventpage.owl-carousel .owl-item .bottom-block-for-deposit table tr td,
#owl-bonuspage.owl-carousel .owl-item .bottom-block-for-deposit table tr td,
.slider-item-list--promo.owl-carousel .owl-item .bottom-block-for-deposit table tr td,
.slider-item-list--content.owl-carousel .owl-item .bottom-block-for-deposit table tr td {
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 14px
}

#owl-giftpage.owl-carousel .owl-item .bottom-block-for-deposit .start-500,
#owl-eventpage.owl-carousel .owl-item .bottom-block-for-deposit .start-500,
#owl-bonuspage.owl-carousel .owl-item .bottom-block-for-deposit .start-500,
.slider-item-list--promo.owl-carousel .owl-item .bottom-block-for-deposit .start-500,
.slider-item-list--content.owl-carousel .owl-item .bottom-block-for-deposit .start-500 {
    -webkit-transition: color .4s;
    transition: color .4s
}

#owl-giftpage.owl-carousel .owl-item .bottom-block-for-deposit .down-button,
#owl-eventpage.owl-carousel .owl-item .bottom-block-for-deposit .down-button,
#owl-bonuspage.owl-carousel .owl-item .bottom-block-for-deposit .down-button,
.slider-item-list--promo.owl-carousel .owl-item .bottom-block-for-deposit .down-button,
.slider-item-list--content.owl-carousel .owl-item .bottom-block-for-deposit .down-button {
    -webkit-transition: color .4s;
    transition: color .4s
}

#owl-giftpage.owl-carousel .owl-dots,
#owl-eventpage.owl-carousel .owl-dots,
#owl-bonuspage.owl-carousel .owl-dots,
.slider-item-list--promo.owl-carousel .owl-dots,
.slider-item-list--content.owl-carousel .owl-dots {
    position: relative;
    left: 0;
    margin: 0 auto
}

#owl-giftpage.owl-carousel .owl-nav,
#owl-eventpage.owl-carousel .owl-nav,
#owl-bonuspage.owl-carousel .owl-nav,
.slider-item-list--promo.owl-carousel .owl-nav,
.slider-item-list--content.owl-carousel .owl-nav {
    margin-top: 0;
    position: relative
}

#owl-giftpage.owl-carousel .owl-nav .owl-prev,
#owl-giftpage.owl-carousel .owl-nav .owl-next,
#owl-eventpage.owl-carousel .owl-nav .owl-prev,
#owl-eventpage.owl-carousel .owl-nav .owl-next,
#owl-bonuspage.owl-carousel .owl-nav .owl-prev,
#owl-bonuspage.owl-carousel .owl-nav .owl-next,
.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
}

#owl-giftpage.owl-carousel .owl-nav .owl-prev,
#owl-eventpage.owl-carousel .owl-nav .owl-prev,
#owl-bonuspage.owl-carousel .owl-nav .owl-prev,
.slider-item-list--promo.owl-carousel .owl-nav .owl-prev,
.slider-item-list--content.owl-carousel .owl-nav .owl-prev {
    left: -5%;
    background: url("owlcarousel/arrow-left-act.png") no-repeat center center !important
}

#owl-giftpage.owl-carousel .owl-nav .owl-next,
#owl-eventpage.owl-carousel .owl-nav .owl-next,
#owl-bonuspage.owl-carousel .owl-nav .owl-next,
.slider-item-list--promo.owl-carousel .owl-nav .owl-next,
.slider-item-list--content.owl-carousel .owl-nav .owl-next {
    right: -5%;
    background: url("owlcarousel/arrow-right-act.png") no-repeat center center !important
}

#owl-giftpage.owl-carousel .owl-dots .owl-dot span,
#owl-eventpage.owl-carousel .owl-dots .owl-dot span,
#owl-bonuspage.owl-carousel .owl-dots .owl-dot span,
.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
}

#owl-giftpage.owl-carousel .owl-dots .owl-dot.active span,
#owl-giftpage.owl-carousel .owl-dots .owl-dot:hover span,
#owl-eventpage.owl-carousel .owl-dots .owl-dot.active span,
#owl-eventpage.owl-carousel .owl-dots .owl-dot:hover span,
#owl-bonuspage.owl-carousel .owl-dots .owl-dot.active span,
#owl-bonuspage.owl-carousel .owl-dots .owl-dot:hover span,
.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)
}

#owl-giftpage .owl-stage {
    margin: 0 auto
}

#owl-bonuspage.owl-carousel .owl-dots {
    width: 90%
}

#owl-bonuspage.owl-carousel .owl-dots .owl-dot span {
    margin: 5px 11px !important
}

#owl-eventpage.owl-carousel .owl-stage {
    margin: 0 auto
}

@media all and (max-width: 499px) {

    #owl-giftpage.owl-carousel .owl-nav .owl-prev,
    #owl-eventpage.owl-carousel .owl-nav .owl-prev,
    #owl-bonuspage.owl-carousel .owl-nav .owl-prev {
        left: 0
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-next,
    #owl-eventpage.owl-carousel .owl-nav .owl-next,
    #owl-bonuspage.owl-carousel .owl-nav .owl-next {
        right: 0
    }
}

@media all and (min-width: 500px) {

    #owl-giftpage.owl-carousel .owl-dots,
    #owl-eventpage.owl-carousel .owl-dots,
    #owl-bonuspage.owl-carousel .owl-dots {
        left: 0;
        width: 50%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-prev,
    #owl-eventpage.owl-carousel .owl-nav .owl-prev,
    #owl-bonuspage.owl-carousel .owl-nav .owl-prev {
        left: 10%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-next,
    #owl-eventpage.owl-carousel .owl-nav .owl-next,
    #owl-bonuspage.owl-carousel .owl-nav .owl-next {
        right: 10%
    }
}

@media all and (min-width: 600px) {

    #owl-giftpage.owl-carousel .owl-dots,
    #owl-eventpage.owl-carousel .owl-dots,
    #owl-bonuspage.owl-carousel .owl-dots {
        left: 0;
        width: 50%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-prev,
    #owl-eventpage.owl-carousel .owl-nav .owl-prev,
    #owl-bonuspage.owl-carousel .owl-nav .owl-prev {
        left: 17%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-next,
    #owl-eventpage.owl-carousel .owl-nav .owl-next,
    #owl-bonuspage.owl-carousel .owl-nav .owl-next {
        right: 17%
    }
}

@media all and (min-width: 701px) {

    #owl-giftpage.owl-carousel .owl-dots,
    #owl-eventpage.owl-carousel .owl-dots,
    #owl-bonuspage.owl-carousel .owl-dots {
        left: 0;
        width: 30%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-prev,
    #owl-eventpage.owl-carousel .owl-nav .owl-prev,
    #owl-bonuspage.owl-carousel .owl-nav .owl-prev {
        left: 25%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-next,
    #owl-eventpage.owl-carousel .owl-nav .owl-next,
    #owl-bonuspage.owl-carousel .owl-nav .owl-next {
        right: 25%
    }
}

@media all and (min-width: 805px) {

    #owl-giftpage.owl-carousel .owl-dots,
    #owl-eventpage.owl-carousel .owl-dots,
    #owl-bonuspage.owl-carousel .owl-dots {
        left: 0;
        width: 26%
    }

    #owl-giftpage.owl-carousel .owl-nav,
    #owl-eventpage.owl-carousel .owl-nav,
    #owl-bonuspage.owl-carousel .owl-nav {
        top: -2%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-prev,
    #owl-eventpage.owl-carousel .owl-nav .owl-prev,
    #owl-bonuspage.owl-carousel .owl-nav .owl-prev {
        left: 31%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-next,
    #owl-eventpage.owl-carousel .owl-nav .owl-next,
    #owl-bonuspage.owl-carousel .owl-nav .owl-next {
        right: 31%
    }

    #owl-giftpage.owl-carousel .owl-item:hover .item-slide-deposit,
    #owl-eventpage.owl-carousel .owl-item:hover .item-slide-deposit,
    #owl-bonuspage.owl-carousel .owl-item:hover .item-slide-deposit {
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px)
    }

    #owl-giftpage.owl-carousel .owl-item:hover .bottom-block-for-deposit,
    #owl-eventpage.owl-carousel .owl-item:hover .bottom-block-for-deposit,
    #owl-bonuspage.owl-carousel .owl-item:hover .bottom-block-for-deposit {
        background: #27576d
    }

    #owl-giftpage.owl-carousel .owl-item:hover .bottom-block-for-deposit table tr td,
    #owl-eventpage.owl-carousel .owl-item:hover .bottom-block-for-deposit table tr td,
    #owl-bonuspage.owl-carousel .owl-item:hover .bottom-block-for-deposit table tr td {
        color: #e2bf8c !important
    }

    #owl-giftpage.owl-carousel .owl-item:hover .bottom-block-for-deposit .start-500,
    #owl-eventpage.owl-carousel .owl-item:hover .bottom-block-for-deposit .start-500,
    #owl-bonuspage.owl-carousel .owl-item:hover .bottom-block-for-deposit .start-500 {
        color: #e2bf8c !important
    }

    #owl-giftpage.owl-carousel .owl-item:hover .bottom-block-for-deposit .down-button,
    #owl-eventpage.owl-carousel .owl-item:hover .bottom-block-for-deposit .down-button,
    #owl-bonuspage.owl-carousel .owl-item:hover .bottom-block-for-deposit .down-button {
        color: #273d4a
    }

    #owl-giftpage.owl-carousel .owl-item:hover .img-deposit img,
    #owl-eventpage.owl-carousel .owl-item:hover .img-deposit img,
    #owl-bonuspage.owl-carousel .owl-item:hover .img-deposit img {
        -webkit-filter: brightness(140%);
        filter: brightness(140%)
    }
}

@media all and (min-width: 1028px) {

    #owl-giftpage.owl-carousel .owl-dots,
    #owl-eventpage.owl-carousel .owl-dots,
    #owl-bonuspage.owl-carousel .owl-dots {
        top: 100%;
        left: 0;
        width: 20%
    }

    #owl-giftpage.owl-carousel .owl-nav,
    #owl-eventpage.owl-carousel .owl-nav,
    #owl-bonuspage.owl-carousel .owl-nav {
        top: -2%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-prev,
    #owl-eventpage.owl-carousel .owl-nav .owl-prev,
    #owl-bonuspage.owl-carousel .owl-nav .owl-prev {
        left: 35%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-next,
    #owl-eventpage.owl-carousel .owl-nav .owl-next,
    #owl-bonuspage.owl-carousel .owl-nav .owl-next {
        right: 35%
    }
}

@media all and (min-width: 1px)and (max-width: 805px) {

    #owl-giftpage.owl-carousel .owl-item .item-slide-deposit,
    #owl-eventpage.owl-carousel .owl-item .item-slide-deposit,
    #owl-bonuspage.owl-carousel .owl-item .item-slide-deposit {
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px)
    }

    #owl-giftpage.owl-carousel .owl-item .bottom-block-for-deposit,
    #owl-eventpage.owl-carousel .owl-item .bottom-block-for-deposit,
    #owl-bonuspage.owl-carousel .owl-item .bottom-block-for-deposit {
        background: #27576d
    }

    #owl-giftpage.owl-carousel .owl-item .img-deposit img,
    #owl-eventpage.owl-carousel .owl-item .img-deposit img,
    #owl-bonuspage.owl-carousel .owl-item .img-deposit img {
        -webkit-filter: brightness(140%);
        filter: brightness(140%)
    }

    .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 {
    margin-bottom: 50px;
    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("owlcarousel/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 {
    opacity: 0;
    height: 120px;
    -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("owlcarousel/btn.png") no-repeat center top;
    background-size: 100%;
    width: 100%
}

#owl-promopage .owl-item .item-btn .btn-1 {
    opacity: 0
}

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

    .bottom-block-for-deposit.bottom-block-for-deposit-gift {
        margin-top: -120px
    }

    .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("owlcarousel/arrow-right-act.png") no-repeat center center !important
    }

    #owl-promopage.owl-carousel .owl-nav .owl-next {
        left: -10%;
        background: url("owlcarousel/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) {
    #owl-bonuspage {
        height: 100%
    }

    #owl-bonuspage .owl-stage {
        margin: 0 auto
    }

    #owl-bonuspage .owl-stage-outer {
        height: 105%
    }

    #owl-bonuspage .owl-carousel-item {
        max-width: 320px
    }

    #owl-bonuspage .item-slide-deposit {
        margin-bottom: 32px;
        height: auto
    }

    #owl-bonuspage .bottom-block-for-deposit {
        margin-top: -67px
    }

    #owl-bonuspage .bottom-block-for-deposit tr td:nth-child(2) {
        width: 39%
    }
}

@media all and (min-width: 1028px) {
    #owl-bonuspage .owl-carousel-item {
        max-width: 345px
    }
}

@media all and (min-width: 1px) {
    #owl-eventpage.owl-carousel {
        height: 100%
    }

    #owl-eventpage.owl-carousel .owl-stage-outer {
        height: 105%
    }

    #owl-eventpage.owl-carousel .owl-carousel-item {
        max-width: 320px
    }

    #owl-eventpage.owl-carousel .item-slide-deposit {
        margin-bottom: 32px;
        height: auto
    }

    #owl-eventpage.owl-carousel .bottom-block-for-deposit {
        margin-top: -67px
    }
}

@media all and (min-width: 1px) {
    #owl-giftpage.owl-carousel {
        height: 100%
    }

    #owl-giftpage.owl-carousel .owl-stage-outer {
        height: 105%
    }

    #owl-giftpage.owl-carousel .owl-carousel-item {
        max-width: 320px
    }

    #owl-giftpage.owl-carousel .item-slide-deposit {
        height: auto
    }

    #owl-giftpage.owl-carousel .owl-dots {
        left: 2%;
        width: 90%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-prev {
        left: -6%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-next {
        right: -6%
    }

    #owl-giftpage.owl-carousel .bottom-block-for-deposit {
        margin-top: -107px;
        width: 85%
    }

    #owl-giftpage.owl-carousel .bottom-block-for-deposit table {
        margin-top: 40px;
        margin-bottom: 40px
    }

    #owl-giftpage.owl-carousel .bottom-block-for-deposit .start-500,
    #owl-giftpage.owl-carousel .bottom-block-for-deposit .bonus-kod {
        display: none
    }
}

@media all and (min-width: 400px) {
    #owl-giftpage.owl-carousel .owl-dots {
        left: 0;
        width: 72%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-prev {
        left: 5%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-next {
        right: 5%
    }
}

@media all and (min-width: 701px) {
    #owl-giftpage.owl-carousel .owl-dots {
        left: 0;
        width: 30%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-prev {
        left: 30%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-next {
        right: 30%
    }
}

@media all and (min-width: 1028px) {
    #owl-giftpage.owl-carousel .bottom-block-for-deposit {
        margin-top: -115px
    }

    #owl-giftpage.owl-carousel .owl-carousel-item {
        max-width: 345px
    }

    #owl-giftpage.owl-carousel .owl-dots {
        left: 0;
        width: 20%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-prev {
        left: 35%
    }

    #owl-giftpage.owl-carousel .owl-nav .owl-next {
        right: 35%
    }
}

.slider-item-block .down-button {
    margin-top: 20px;
    padding: 2px 0
}

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

.notice--img {
    padding: 10px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.notice--img .close {
    top: 0;
    position: absolute;
    right: 10px
}

.notice--img .notice__img {
    display: block;
    width: 120px;
    height: 80px
}

.notice--img .notice__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 40px
}

.notice--img .notice__title {
    font-size: 14px;
    color: #e7c28b
}

.notice--img .btn-user-confirmation {
    margin: 0
}

.notice--img .notice__text {
    margin: 5px 0
}

.notice--img .notice__new {
    position: absolute;
    background: #e1bf8c;
    color: #000;
    text-transform: uppercase;
    left: 0;
    top: 0;
    width: 60px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-top-left-radius: 12px;
    font-weight: 900
}

@media all and (max-width: 804px) {
    .notice--img .notice__content {
        padding-left: 10px
    }
}

@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,
    .promo-info-left-text,
    .status-description-right {
        padding: 0 13px
    }

    .black-block2 {
        margin: 0 -15px !important;
        padding: 10px 10px;
        text-align: center
    }

    .black-block2 .black-block2-inner {
        min-height: 47px
    }

    .shadow-line-block {
        display: none
    }

    hr.shadow-line {
        display: none
    }

    hr.shadow-line-mobile {
        height: 3px;
        margin: 20px 0;
        opacity: .4;
        border: 0;
        -webkit-box-shadow: 0 0 15px #fff;
        box-shadow: 0 0 15px #fff
    }

    .promo-info-left p {
        margin-top: -10px;
        margin-bottom: 10px
    }

    .promo-info-left ul {
        margin-left: 5px;
        margin-bottom: 20px
    }

    .promo-info-right {
        width: 90%;
        margin: 0 auto
    }

    .promo-info-right .status-qwo-pic {
        display: block;
        max-width: 100%;
        margin: 0 auto 10px
    }

    .promo-info-right .link-block {
        margin: 0 auto
    }

    .promo-info-right .link-block p {
        text-align: center;
        display: block;
        margin: 0 auto 10px
    }

    .promo-info-right .increase-status-link {
        padding-top: 5px;
        display: block;
        width: 185px;
        height: 25px;
        text-align: center;
        color: #000;
        font-family: "Tahoma Bold", sans-serif;
        background: url("back-more.png") no-repeat center;
        background-size: 100% !important;
        margin: 0 auto;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 12px
    }

    @-moz-document url-prefix() {
        .promo-info-right .increase-status-link {
            padding-top: 4px
        }
    }

    .promo-info-right .increase-status-link:hover {
        background-position-y: center
    }

    .status-rox-title {
        margin: 35px -90px 0 !important;
        padding: 7px 0 !important
    }

    .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: 65px;
        left: 71px;
        top: calc(50% - 75px);
        left: calc(50% - 64px)
    }

    .status-description-left .status-pic .status-pic-regular {
        top: 65px;
        left: 30px;
        top: calc(50% - 75px);
        left: calc(50% - 105px)
    }

    .status-description-left .status-pic .status-pic-grand {
        top: 55px;
        left: 20px;
        top: calc(50% - 80px);
        left: calc(50% - 115px)
    }

    .status-description-left .status-pic .status-pic-premium {
        top: 30px;
        left: 66px;
        top: calc(50% - 105px);
        left: calc(50% - 74px)
    }

    .status-description-left .status-pic .status-pic-vip {
        top: 20px;
        left: 81px;
        top: calc(50% - 115px);
        left: calc(50% - 54px)
    }

    .status-description-left .status-pic .status-pic-elite {
        top: 24px;
        left: 59px;
        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: 85px;
        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) {
    hr.shadow-line-mobile {
        width: 100%
    }

    .promo-info-right .status-qwo-pic {
        float: left;
        width: 50%;
        margin-right: 4%
    }

    .promo-info-right .link-block {
        float: right;
        width: 46%;
        padding-top: 0
    }

    .promo-info-right .link-block p {
        text-align: left
    }

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

    .promo-info-left-text,
    .status-description-right {
        padding: 0
    }

    .status-short-desc {
        padding: 0;
        text-align: center
    }

    .black-block2 {
        padding: 18px 100px
    }

    .shadow-line-block {
        display: block;
        height: 225px !important;
        width: 3px;
        opacity: .4;
        border: 0;
        -webkit-box-shadow: 0 0 15px #fff;
        box-shadow: 0 0 15px #fff;
        margin-right: 25px;
        float: left
    }

    hr.shadow-line {
        display: block;
        height: 3px;
        margin-top: 0 !important;
        opacity: .4;
        border: 0;
        -webkit-box-shadow: 0 0 15px #fff;
        box-shadow: 0 0 15px #fff
    }

    hr.shadow-line-mobile {
        display: none
    }

    .promo-info-left {
        width: 50%;
        float: left;
        padding-top: 8px
    }

    .promo-info-left p {
        padding-top: 7px
    }

    .promo-info-right {
        width: 50%;
        float: right;
        padding-top: 8px;
        margin-bottom: 30px
    }

    .promo-info-right .status-qwo-pic {
        float: left;
        width: 90%;
        margin-right: 0
    }

    .promo-info-right .link-block {
        float: left;
        width: 100%;
        padding-top: 5px;
        padding-left: 35px;
        margin-top: -80px
    }

    .promo-info-right .increase-status-link {
        padding-top: 4px;
        display: block;
        width: 185px;
        height: 25px;
        text-align: center;
        color: #000;
        font-family: "Tahoma Bold", sans-serif;
        background: url("back-more.png") no-repeat center;
        background-size: 100% !important;
        margin-top: 15px;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 12px
    }
}

@media all and (min-width: 1028px) {
    .shadow-line-block {
        margin-right: 0
    }

    .promo-info {
        margin-left: 60px;
        margin-right: 60px
    }

    .promo-info-left {
        width: 400px;
        padding-right: 40px
    }

    .promo-info-left p {
        padding-top: 7px
    }

    .promo-info-right {
        width: 400px
    }

    .promo-info-right .status-qwo-pic {
        padding-left: 85px;
        width: 99%
    }

    .promo-info-right .link-block {
        padding-left: 85px
    }
}

@media all and (min-width: 1180px) {
    .promo-info-right {
        width: 50%
    }

    .promo-info-right .status-qwo-pic {
        width: 87%
    }

    .promo-info,
    .status-description {
        margin: 0 73px 35px
    }

    .status-description-left {
        float: left;
        width: 33%;
        padding-left: 0
    }

    .status-description-left .status-pic {
        position: relative;
        width: 270px;
        height: 270px;
        background: url("status_layer.png") no-repeat center;
        background-size: 100%
    }

    .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 {
        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) {
    .black-block2 {
        margin: 0 -15px !important;
        padding: 18px 27%;
        text-align: center
    }

    .black-block2 .black-block2-inner {
        min-height: 47px
    }

    .shadow-line-block {
        height: 130px !important;
        width: 3px;
        opacity: .4;
        border: 0;
        -webkit-box-shadow: 0 0 15px #fff;
        box-shadow: 0 0 15px #fff;
        margin-right: 25px;
        float: left
    }

    hr.shadow-line {
        height: 3px;
        margin-top: 0 !important;
        opacity: .4;
        border: 0;
        -webkit-box-shadow: 0 0 15px #fff;
        box-shadow: 0 0 15px #fff
    }

    .promo-info-left {
        width: 42%;
        float: left;
        padding-left: 5px
    }

    .promo-info-left p {
        padding-top: 7px
    }

    .promo-info-left {
        padding-right: 40px
    }

    .promo-info-left p {
        padding-top: 7px
    }

    .promo-info-right {
        width: 58%;
        float: right;
        padding-top: 8px;
        padding-left: 22px;
        margin-bottom: 30px
    }

    .promo-info-right .status-qwo-pic {
        float: left;
        width: 54%;
        margin-right: 20px;
        padding-left: 0
    }

    .promo-info-right .link-block {
        float: right;
        width: 37%;
        padding-top: 5px;
        padding-left: 0;
        margin-top: 0
    }

    .promo-info-right .increase-status-link {
        margin-left: 0;
        padding-top: 5px;
        display: block;
        width: 185px;
        height: 25px;
        text-align: center;
        color: #000;
        font-family: "Tahoma Bold", sans-serif;
        background: url("back-more.png") no-repeat center;
        background-size: 100%;
        margin-top: 24px;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 12px
    }

    .status-rox-title {
        margin: 35px -90px 0 !important;
        padding: 7px 0 !important
    }

    .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) {
    .prizovoy-block .table-wrapper-1 table tbody tr td {
        padding: 10px 10px
    }

    .timer div>span {
        font-size: 18px
    }

    .final-of-tournament {
        width: 100%
    }

    .final-prize {
        width: 50%
    }

    .timer div>span.minutes:before,
    .timer div>span.hours:after {
        font-size: 16px;
        color: #fff
    }

    .prizovoy-block .table-wrapper-1 table {
        width: 48%;
        vertical-align: top
    }

    .prizovoy-block .table-wrapper-1 {
        text-align: center
    }

    .time-left-block {
        width: 49%;
        float: left
    }

    .prize {
        float: right;
        width: 50%;
        background-image: none
    }

    [data-template=tournament-schedule] .timer-end {
        font-size: 18px;
        top: 0;
        padding: 13px 0 2px;
        text-transform: capitalize;
        color: #e7c28b
    }

    [data-template=tournament-schedule] .timer-end-date {
        font-size: 17px;
        color: #e7c28b
    }

    [data-template=tournament-info] .prize .timer-end {
        font-size: 20px;
        top: 0;
        padding: 13px 0 2px
    }

    [data-template=tournament-info] .prize .timer-end-date {
        font-size: 16px
    }

    .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 {
        background: url(clock.png) no-repeat 11px 11px;
        width: 100%
    }

    .time-left-block.large {
        padding: 15px 0 0 54px
    }

    .final-prize {
        width: 100%
    }

    .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: 374px;
        max-width: calc(100% - 200px)
    }

    #contentBox div[data-template=tournament-info] .lottery-time-block {
        width: 200px;
        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
    }

    #contentBox div[data-template=tournament-info] .lottery-name-img {
        border-radius: 8px
    }

    #contentBox div[data-template=tournament-info] .final-prize {
        width: 100%
    }

    #contentBox div[data-template=tournament-info] .final-of-tournament {
        font-size: 29px !important;
        width: 100%;
        padding: 5px 0 0 0
    }

    #contentBox div[data-template=tournament-info] .timer div>span.minutes:before,
    #contentBox div[data-template=tournament-info] .timer div>span.hours:after {
        color: #fff;
        font-size: 18px
    }

    #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 .table-wrapper-1 table {
        margin-top: 10px;
        width: 49%
    }

    #contentBox div[data-template=tournament-prize] .prizovoy-block .table-wrapper-1 {
        width: 96%;
        margin-left: 2%
    }

    #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-prize] .prizovoy-block .table-wrapper-1 table thead tr th {
        padding-bottom: 8px
    }

    #contentBox div[data-template=tournament-prize] .prizovoy-block .table-wrapper-1 table tbody tr td {
        border: 1px solid #816e53;
        font-size: 15px;
        border-left: none;
        border-right: none;
        padding: 4px 35px
    }

    #contentBox div[data-template=tournament-rules] .text-rules {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        padding: 0 13px 25px
    }

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

    [data-template=tournament-info] .prize .timer-end {
        padding: 0 0 2px 0
    }

    [data-template=tournament-schedule] .timer-end {
        font-size: 24px;
        margin: 0;
        padding: 0
    }

    [data-template=tournament-schedule] .timer-end-date {
        font-size: 20px
    }
}

@media all and (min-width: 730px) {
    .priz-left-table {
        width: auto
    }
}

@media all and (min-width: 805px) {
    #contentBox div[data-template=tournament-info] {
        margin-bottom: 30px
    }

    #contentBox div[data-template=tournament-info] .lottery-time-block {
        color: #e7c28b;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        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] .final-prize {
        float: right;
        width: 60%;
        margin-top: -62px
    }

    #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] .priz-left-table {
        width: 300px
    }

    #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-wrapper-1 {
        text-align: unset
    }

    #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 {
        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-rules] .text-rules {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2
    }

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

    [data-template=tournament-sidebar] .timer-end {
        color: #e7c28b;
        padding: 10px 0 3px
    }

    [data-template=tournament-sidebar] .timer-end-date {
        color: #e7c28b;
        font-size: 16px
    }
}

@media all and (min-width: 805px)and (max-width: 1027px) {
    #contentBox div[data-template=tournament-info] .time-left-block {
        background: url(clock.png) no-repeat 36px 20px;
        background-size: 12%;
        padding: 20px 0 12px 87px;
        width: 50%;
        float: left
    }

    #contentBox div[data-template=tournament-info] .lottery-time-block {
        border-top-right-radius: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    #contentBox div[data-template=tournament-info] .pad {
        display: block;
        clear: none
    }

    #contentBox div[data-template=tournament-info] .prize {
        padding: 10px;
        float: right;
        width: 48%;
        height: initial;
        text-align: center;
        position: static;
        top: initial;
        border-left: 1px solid #fff;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-bottom: 0
    }

    #contentBox div[data-template=tournament-info] .timer-end {
        padding: 10px 0 2px
    }
}

@media all and (min-width: 1028px) {
    #contentBox div[data-template=tournament-info] {
        margin-bottom: 0 !important
    }

    #contentBox div[data-template=tournament-info] .lottery-time-block {
        width: 284px;
        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] .lottery-time-block {
        float: left;
        width: 32%;
        display: inline-block
    }

    #contentBox div[data-template=tournament-info] .prize {
        width: 100%;
        top: 0;
        margin: 0 0 10px 0
    }

    #contentBox div[data-template=tournament-info] .prize .timer-end {
        font-size: 28px;
        margin-top: 2px
    }

    #contentBox div[data-template=tournament-info] .prize .timer-end-date {
        font-size: 24px;
        margin-bottom: 10px
    }

    #contentBox div[data-template=tournament-info] .timer div>span {
        font-size: 33px
    }

    #contentBox div[data-template=tournament-info] .final-prize {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px
    }

    #contentBox div[data-template=tournament-info] .time-left-block {
        width: 100%;
        font-size: 15px;
        text-align: left;
        padding-left: 76px;
        background-size: 18%;
        background: url(clock.png) no-repeat 28px 3px
    }

    #contentBox div[data-template=tournament-info] .wrap-two-block {
        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-rules] .text-rules__monolit {
        display: inline-block
    }

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

    [data-template=tournament-sidebar] .timer-end {
        padding: 15px 0 3px
    }

    [data-template=tournament-sidebar] .timer-end-date {
        color: #e7c28b
    }
}

@media all and (min-width: 1180px) {
    #contentBox div[data-template=tournament-info] .final-prize {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media all and (min-width: 1px) {
    .lottery-img-wrap {
        position: relative;
        margin-bottom: -15px
    }

    div[data-template=tournament-info] .lottery-img-wrap {
        position: relative;
        margin-bottom: 0
    }

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

    div[data-template=tournament-info] .lottery-img-wrap {
        position: relative;
        margin-bottom: 0
    }

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

@media(min-width: 1px) {

    .profileblock.my_deposit .main-context,
    .profileblock.my_cashout .main-context {
        padding: 15px
    }
}

@media all and (min-width: 805px) {

    .profileblock.my_deposit,
    .profileblock.my_cashout {
        background: #272828;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }

    .profileblock.my_deposit .main-context,
    .profileblock.my_cashout .main-context {
        background: url("profile/cashbox-bg.png") top center no-repeat
    }

    .profileblock.my_balance .owl-item {
        margin-top: 0
    }
}

.my_cashout .main-inner-popupInPopup {
    padding: 60px 90px;
    width: 568px
}

.my_cashout .main-inner-popupInPopup .btn-4 {
    margin: 60px auto 0;
    width: 240px;
    display: block;
    font-size: 18px;
    color: #6f5f46 !important
}

.my_cashout .main-inner-popupInPopup p {
    font-size: 16px;
    color: #d6b68e
}

@media(max-width: 804px) {
    .my_cashout .inner-points-block .openMiniBoxClose {
        display: none
    }

    .my_cashout .main-inner-popupInPopup.minibox {
        padding: 0 30px 30px;
        width: auto
    }

    .my_cashout .inner-inpop {
        padding-bottom: 40px
    }

    .my_cashout .main-inner-popupInPopup .btn-4 {
        margin: 40px auto 0
    }
}

.cashout-card-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: 482px;
    margin: 0 auto;
    padding: 0
}

@media(max-width: 768px) {
    .cashout-card-verification-list {
        max-width: none
    }
}

.cashout-card-verification-list input[type=file] {
    display: none
}

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

.cashout-card-verification-item+.cashout-card-verification-item {
    margin-top: 20px
}

.cashout-card-verification-card {
    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
}

.cashout-card-verification-card: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
}

.cashout-card-verification-btn {
    cursor: pointer;
    color: #f0c788;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
    letter-spacing: .03em;
    text-decoration: underline
}

.cashout-card-verification-btn:hover,
.cashout-card-verification-btn:focus {
    color: #f0c788;
    text-decoration: none
}

html:not(.touch) .cashout-card-verification-btn:hover,
html:not(.touch) .cashout-card-verification-btn:focus {
    -webkit-filter: none;
    filter: none
}

.cashout-card-verification-upload-file {
    color: #f0c788;
    font-size: 12px;
    line-height: 1.2em;
    letter-spacing: .03em;
    width: 100%;
    margin-top: 10px
}

.cashout-wagering-list {
    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: 0
}

.cashout-notification .cashout-wagering-list {
    margin-top: 15px
}

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

.cashout-wagering-item+.cashout-wagering-item {
    margin-top: 10px
}

.cashout-wagering-item:before {
    content: "";
    width: 22px;
    height: 22px;
    background: no-repeat center
}

.cashout-wagering-item.casino:before {
    background-image: url("casino.svg")
}

.cashout-wagering-item.sport:before {
    background-image: url("ball_icon_light.svg")
}

.cashout-wagering-field {
    width: 55px;
    margin: 0 15px 0 5px;
    text-align: right
}

.cashout-commission-btn {
    border: 1px solid;
    border-radius: 16px;
    font-size: 14px;
    line-height: 14px;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    width: 158px;
    height: 32px;
    padding: .375em 1em;
    white-space: nowrap
}

.cashout-commission-btn+.cashout-commission-btn {
    margin-left: 1.425em
}

@media(max-width: 504px) {
    .cashout-commission-btn+.cashout-commission-btn {
        margin-top: 1.425em;
        margin-left: 0
    }
}

.cashout-commission-btn--gold {
    border-color: #000;
    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: #000
}

.cashout-commission-btn--gold:hover {
    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%)
}

.cashout-commission-btn--transparent {
    border-color: #efc688;
    background: transparent;
    color: #f0c788
}

.cashout-commission-btn--transparent:hover {
    color: #fff
}

@media(max-width: 504px) {
    .cashout-commission-btn {
        width: 100%
    }

    .cashout-commission-btn+.cashout-commission-btn {
        margin-top: 1em
    }
}

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

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

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 .gorec-big-img {
    display: block;
    margin: 0 auto;
    margin-top: -1px
}

.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 .condition-list {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 20px;
    text-align: left
}

.wrapper-block .imagex3 {
    margin-bottom: 15px
}

.wrapper-block .imagex3 a {
    margin-right: 1%;
    text-decoration: none;
    -webkit-transition: filter linear .5s;
    -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 {
    filter: brightness(120%);
    -webkit-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
}

.table-halloween {
    width: 100%
}

.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-fullsize .gorec-big-img {
        margin-top: 0
    }

    .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-fullsize .gorec-big-img {
        margin-top: 0
    }

    .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 (max-width: 573px) {
    .main-popup-block table.table--gorec thead tr th {
        font-size: 10px
    }

    .wrapper-block table.table--gorec tbody tr td {
        font-size: 10px
    }
}

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

.wrapper-block-fullsize .fortunium-big-img {
    display: block;
    margin: 0 auto;
    margin-top: -26px
}

@media all and (min-width: 1px)and (max-width: 805px) {
    .wrapper-block-fullsize .fortunium-big-img {
        margin-top: -18px
    }
}

@media all and (min-width: 1px) {
    #lastGame {
        display: none
    }
}

@media all and (min-width: 805px) {
    #lastGame {
        display: block;
        position: fixed;
        left: -80px;
        top: 100px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 126px;
        padding: 0 10px;
        border: 1px solid #e7c28b;
        z-index: 54;
        background-color: rgba(0, 0, 0, .65);
        -webkit-transition: left ease-out .7s;
        transition: left ease-out .7s;
        -moz-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px;
        -moz-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
        border-left-width: 0
    }

    #lastGame .main-wrap-game-icon {
        height: 70px;
        width: 103px;
        left: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
        -webkit-transition: left ease-out .25s;
        transition: left ease-out .25s
    }

    #lastGame .game-text-block {
        display: none
    }

    #lastGame .natural-game {
        width: 85px;
        height: 27px;
        padding: 0;
        line-height: 23px;
        display: none
    }

    #lastGame .real-game {
        padding-top: 10px;
        text-align: center
    }

    #lastGame .wrap-demo-block {
        margin: -32px auto 0;
        display: none
    }

    #lastGame .demo-block a {
        text-align: center
    }

    #lastGame .gorizontal-line {
        height: 1px;
        background: #e7c28b;
        margin-bottom: 10px;
        margin-top: 0
    }

    #lastGame .wrapper-img-section {
        height: 70px;
        width: 103px
    }

    #lastGame .hover-block {
        display: block;
        height: 70px;
        width: 103px;
        opacity: .001
    }

    #lastGame .last-game-title {
        color: #e7c28b;
        font-family: "Tahoma Bold", sans-serif;
        font-size: 11px;
        text-transform: uppercase;
        margin: 10px -2px
    }

    #lastGame.not-ready {
        left: -162px
    }

    #lastGame .show-button {
        display: block;
        position: absolute;
        top: calc(50% - 20px);
        left: 100%;
        width: 20px;
        height: 40px;
        background: url("ar-r.png") no-repeat center center;
        background-size: cover;
        z-index: 1000000;
        cursor: pointer
    }

    #lastGame:hover {
        left: 0
    }

    #lastGame:hover .show-button {
        filter: brightness(120%);
        -webkit-filter: brightness(120%)
    }

    #lastGame:hover .main-game-wrap:hover .hover-block {
        opacity: 1
    }
}

@media all and (min-width: 805px)and (max-width: 1285px) {
    #lastGame:hover {
        left: -80px
    }

    #lastGame {
        padding-top: 15px;
        border: 1px solid transparent;
        border-left-width: 0
    }

    #lastGame .last-game-title,
    #lastGame .gorizontal-line,
    #lastGame .show-button {
        display: none
    }

    #lastGame .main-wrap-game-icon:hover {
        position: relative;
        left: 55px
    }
}

.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 !important;
    width: 157px !important;
    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
}

.popup-modal {
    display: block;
    color: #fff;
    text-align: center;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: none
}

@media(max-width: 768px) {
    .popup-modal {
        text-align: left;
        overflow-y: hidden;
        z-index: 100
    }
}

.popup-modal:after {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

@media(max-width: 768px) {
    .popup-modal:after {
        display: none
    }
}

.popup-modal:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

@media(max-width: 768px) {
    .popup-modal:before {
        content: none
    }
}

.popup-modal__wrap {
    display: inline-block;
    vertical-align: middle;
    width: 664px;
    min-width: 350px;
    margin: 2% 25px;
    position: relative;
    z-index: 10
}

@media(max-width: 768px) {
    .popup-modal__wrap {
        background-color: #242424;
        width: 100%;
        height: 100%;
        margin: 0;
        overflow-y: scroll
    }
}

.popup-modal__close {
    cursor: pointer;
    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: 28px;
    height: 28px;
    position: absolute;
    top: 40px;
    right: 40px;
    float: right;
    z-index: 10
}

@media(max-width: 768px) {
    .popup-modal__close {
        top: 20px;
        right: 20px
    }
}

.popup-modal__close:after,
.popup-modal__close:before {
    content: "";
    background-color: #fff;
    position: absolute;
    height: 20px;
    width: 2px;
    -webkit-transition: background-color .15s ease-in;
    transition: background-color .15s ease-in
}

.popup-modal__close:hover,
.popup-modal__close:focus {
    -webkit-filter: none !important;
    filter: none !important
}

.popup-modal__close:hover:after,
.popup-modal__close:hover:before,
.popup-modal__close:focus:after,
.popup-modal__close:focus:before {
    background-color: #f0c788
}

.popup-modal__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup-modal__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.popup-modal-content {
    background-color: #242424;
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, .5);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, .5);
    border: none;
    border-radius: 10px;
    width: 100%;
    padding: 40px 0;
    z-index: 9
}

@media(max-width: 768px) {
    .popup-modal-content {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        padding: 20px 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }
}

@media(max-width: 768px) {
    .popup-modal-content__main {
        overflow-y: scroll;
        padding-bottom: 20px
    }
}

.popup-modal-content__box {
    padding: 0 40px
}

@media(max-width: 768px) {
    .popup-modal-content__box {
        padding: 0 20px
    }
}

.popup-modal-content__box+.popup-modal-content__box {
    border-top: 1px solid #8b8b8b;
    margin-top: 40px;
    padding-top: 20px
}

.popup-modal-content__item {
    margin-top: 20px
}

@media(max-width: 768px) {
    .popup-modal-content__item {
        text-align: center
    }
}

.popup-modal-content__item--controls {
    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
}

@media(max-width: 504px) {
    .popup-modal-content__item--controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.popup-modal-content__title,
.popup-modal-content__sub-title {
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .03em;
    margin: 0
}

.popup-modal-content__title {
    color: #f0c788;
    font-size: 20px;
    padding: 0 40px
}

@media(max-width: 768px) {
    .popup-modal-content__title {
        border-bottom: 1px solid #595959;
        font-size: 16px;
        text-align: center;
        padding: 0 20px 20px
    }
}

.popup-modal-content__sub-title {
    color: #fff;
    font-size: 16px;
    margin-top: 20px
}

.popup-modal-content__text-node {
    color: #fff;
    font-size: 14px;
    line-height: 1.2em;
    margin: 20px 0 0
}

.popup-modal-content__text-node a {
    color: #f0c788;
    text-decoration: underline
}

.popup-modal-content__text-node a:hover,
.popup-modal-content__text-node a:focus {
    color: #f0c788;
    text-decoration: none
}

.popup-modal-content__text-node span {
    color: #f0c788
}

.popup-modal-content__text-node.help,
.popup-modal-content__text-node.gold {
    font-size: 12px;
    line-height: 1.33em
}

.popup-modal-content__text-node.help {
    color: #a1a9b0
}

.popup-modal-content__text-node.gold {
    color: #f0c788
}

.news-list {
    margin: 0 -5px
}

.news-list__inner {
    margin-bottom: 43px
}

.news-list__inner:last-child {
    margin-bottom: 0
}

.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) {
    display: block
}

.news-list__item:last-child {
    margin-bottom: 0 !important
}

.news-list__item--full-desk .news-list__item-short-desk {
    display: none
}

.news-list__item--full-desk .news-list__item-full-desk {
    display: block
}

.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: 574px) {
    .news-list {
        margin: 0 -15px
    }
}

@media(min-width: 805px) {
    .news-list {
        margin: 0 17px
    }

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

.mobile-phone-verify.phone-verify__verification {
    display: none
}

.mobile-phone-verify.phone-verify__confirm {
    display: none
}

.mobile-phone-not-confirm .mobile-phone-verify__status {
    color: #ea6b65
}

.mobile-phone-confirm .mobile-phone-verify__status {
    color: #fff
}

.mobile-phone-confirm .mobile-phone-verify__btn-box,
.mobile-phone-confirm .verify-phone-block__sms-code {
    display: none
}

.mobile-phone-verify__status {
    margin-bottom: 14px;
    margin-top: 4px;
    padding-left: 12px;
    font-size: 13px;
    white-space: nowrap
}

.mobile-phone-verify__status .d-display-none {
    display: inline !important
}

.verify-phone-block__sms-code .mobile-phone-verify__status {
    color: #fff
}

.verify-phone-block-top {
    position: relative;
    display: inline-block;
    width: 100%
}

.verify-phone-block-top .relative-post-label {
    left: -10px
}

.verify-phone-block-top .input-wrap--phone {
    width: 230px;
    margin: 0 auto;
    max-width: none
}

.verify-phone-block-top .input-wrap--phone input {
    padding-left: 35px
}

.verify-phone-input-wrap {
    position: relative;
    max-width: 300px;
    margin: 0 auto
}

.verify-phone-input-wrap .main-tabs-input-class {
    max-width: unset
}

.verify-phone-input-wrap .label-input {
    float: none
}

.verify-phone-block__sms-code {
    position: relative;
    max-width: 230px;
    margin: 0 auto
}

.verify-phone-block__sms-code .main-tabs-input-class {
    max-width: unset;
    width: 100%
}

.verify-phone-block__sms-code .label-input {
    float: none
}

.mobile-phone-verify__btn {
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 14px;
    border-radius: 26px;
    border: 2px solid #000;
    margin: 0 auto;
    display: inline-block;
    padding: 8px 18px;
    font-family: "Tahoma Bold", sans-serif
}

.verify-phone-block-wrap {
    margin-top: 24px
}

.phone-verify-sms-code--resend .phone-verify__confirm-btn--resend {
    display: block;
    padding-top: 20px
}

.phone-verify__confirm-btn--resend {
    display: none
}

.phone-verify__confirm-btn--resend__button {
    font-family: "Tahoma Regular", sans-serif;
    text-transform: uppercase;
    border-radius: 25px;
    margin-top: 13px;
    font-size: 15px;
    font-weight: 400;
    color: #f0c788;
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    border: 1px solid transparent;
    text-decoration: none;
    outline: 0;
    padding: 0 20px;
    -webkit-box-shadow: inset 0 0 0 30px #000;
    box-shadow: inset 0 0 0 30px #000;
    height: 36px;
    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
}

@media all and (max-width: 804px) {
    .verify-phone-block-wrap {
        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%
    }

    .mobile-phone-verify-wrap .mobile-phone-verify__status {
        color: #fff
    }

    .mobile-phone-verify__btn:not(.mobile-phone-verify__btn-verify) {
        border-radius: 25px;
        color: #f0c788;
        text-transform: unset;
        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: 34px;
        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;
        font-size: 13px
    }

    .mobile-phone-verify__btn:not(.mobile-phone-verify__btn-verify):hover {
        color: #fff
    }
}

@media(max-width: 804px)and (min-width: 574px) {
    .mobile-phone-verify__btn {
        font-size: 11px
    }
}

@media(max-width: 573px) {
    .verify-phone-block-top .input-wrap--phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .verify-phone-input-wrap,
    .verify-phone-block__sms-code {
        max-width: 230px
    }

    .verify-phone-input-wrap .label-input,
    .verify-phone-block__sms-code .label-input {
        margin-top: 15px;
        width: 100%;
        text-align: center
    }

    .phone-verify-sms-code--resend .phone-verify__confirm-btn--resend {
        padding-top: 0
    }

    .phone-verify__confirm-btn--resend__button {
        font-size: 12px;
        margin-top: 0;
        text-transform: unset
    }

    .mobile-phone-verify__btn:not(.mobile-phone-verify__btn-verify) {
        font-size: 12px;
        padding: 8px 51px
    }

    .mobile-phone-verify__status:not(.mobile-phone-verify__status-placeholder) {
        position: absolute;
        top: -28px;
        left: 84px;
        font-size: 11px
    }

    .mobile-phone-verify__status:not(.mobile-phone-verify__status-placeholder) .d-display-none {
        display: none !important
    }

    .verify-phone-block-top .mobile-phone-verify__status:not(.mobile-phone-verify__status-placeholder) {
        top: 80px;
        padding: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.prizedropdoublechance .single-ol-list {
    text-align: left;
    padding-left: 27px
}

.prizedropdoublechance .single-ol-list__li {
    padding-left: 20px
}

@media all and (min-width: 1px)and (max-width: 805px) {
    .prizedropdoublechance.wrapper-block {
        width: 100%
    }
}

@media all and (min-width: 805px)and (max-width: 1028px) {
    .prizedropdoublechance.wrapper-block .date-list {
        width: 74%
    }
}

@media all and (min-width: 1028px) {
    .prizedropdoublechance.wrapper-block .date-list {
        width: 57%
    }
}

@media all and (min-width: 1180px) {
    .prizedropdoublechance.wrapper-block .date-list {
        width: 49%
    }
}

@media all and (min-width: 1270px) {
    .prizedropdoublechance.wrapper-block .date-list {
        width: 45%
    }
}

@media all and (min-width: 574px)and (max-width: 804px) {
    .prizedropdoublechance.wrapper-block .date-list {
        width: 46%
    }
}

@media all and (min-width: 351px)and (max-width: 573px) {
    .prizedropdoublechance.wrapper-block .date-list {
        width: 68%
    }
}

@media all and (min-width: 320px)and (max-width: 350px) {
    .prizedropdoublechance.wrapper-block {
        width: 310px
    }
}

#contentBox .nitrocircustournament .date-list {
    width: 71%;
    padding-left: 0
}

#contentBox .nitrocircustournament .date-list li {
    margin-bottom: 4px;
    padding-left: 15px
}

#contentBox .nitrocircustournament .date-list--mod-1 {
    width: auto
}

#contentBox .nitrocircustournament .date-list--mod-2 li {
    margin-left: 0
}

#contentBox .nitrocircustournament ul.text-left__ul li {
    text-align: left;
    padding-left: 26px
}

.text-left__ul-wr-centers {
    text-align: center
}

.text-left__ul-wr-centers .text-left__ul {
    display: inline-block;
    text-align: left
}

@media screen and (max-width: 573px) {
    #contentBox .nitrocircustournament .date-list--mod-1 {
        margin: 0 8px
    }
}

#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 .date-list2 .single-ol-list__li {
    padding-left: 32px
}

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

.imagex3-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 14px
}

.imagex3-flex .image-wrapper__flex-item:nth-child(2) {
    margin: 0 8px
}

.imagex3-flex .image-wrapper__flex-item .image-wrapper {
    width: 100%
}

.imagex3-flex .image-wrapper__flex-item img {
    width: 100%;
    border: 1px solid #e1be89
}

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

.accord-block .collapsed {
    background: none;
    border-top: none;
    border-bottom: none;
    text-align: left
}

.closer {
    display: none
}

.accord-block .collapsed {
    width: auto !important;
    background: url(down.png) no-repeat right center !important;
    background-size: 100%
}

.accord-block .collapsed:after {
    background: none
}

.block-statusa .help-popup-block {
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

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

    video.desktop-video {
        display: none
    }

    .tournament-sidebar .more-details {
        display: none;
        font-family: "Tahoma", sans-serif;
        font-size: 12px;
        text-align: right;
        text-transform: uppercase;
        text-decoration: none;
        padding: 10px;
        width: 100%
    }
}

@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: 805px) {
    .tournament-sidebar .more-details {
        display: block
    }

    .owl-carousel-sidebar.tournaments-sidebar .main-actor-result tbody tr:nth-child(n+6) {
        display: none
    }

    .owl-carousel-sidebar.tournaments-sidebar.expanded .main-actor-result tbody tr:nth-child(n+6) {
        display: table-row
    }

    .main-actor-result .more-details {
        display: block;
        width: 100%;
        line-height: 25px;
        height: 25px;
        background: #252f32;
        background: radial-gradient(ellipse at center, #252f32 0%, #253438 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#252f32", endColorstr="#253438", GradientType=1);
        border-radius: 10px;
        color: #e7c28b;
        padding-right: 4%;
        pointer-events: all
    }

    .main-actor-result .more-details:hover {
        cursor: pointer
    }

    .footer-help {
        display: none
    }

    .get-lottery-ticket {
        padding: 35px 0 0
    }
}

@media all and (min-width: 1028px) {
    .main-actor-result .more-details {
        display: block;
        width: 100%;
        line-height: 25px;
        height: 25px;
        background: #252f32;
        background: radial-gradient(ellipse at center, #252f32 0%, #253438 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#252f32", endColorstr="#253438", GradientType=1);
        border-radius: 10px;
        color: #e7c28b;
        padding-right: 4%;
        pointer-events: all
    }

    .main-actor-result .more-details:hover {
        cursor: pointer
    }

    video.desktop-video {
        display: block
    }

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

.label-gradient p.label-gradient-description {
    color: #fff !important;
    font-size: 14px !important;
    font-family: "Tahoma Regular", sans-serif !important;
    text-transform: none !important
}

.help-popup-block ul {
    text-align: left
}

.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 (max-width: 805px) {
    #update_profile {
        margin-top: -40px
    }
}

@media screen and (min-width: 1px) {
    .get-lottery-ticket {
        padding: 42px 0 10px
    }
}

.restore-password-final {
    padding-bottom: 50px
}

.restore-password-final .final-pas {
    margin-bottom: 0
}

@media screen and (min-width: 1px)and (max-width: 805px) {
    .spin-inner.without-stars {
        background-image: url(banners/ROX_ROX_ROX_514.png) !important
    }
}

@supports not (transform: translate(-50%, -50%)) {
    .inner-top-gradient-block__status {
        top: 7%;
        left: 38%
    }
}

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

#livechat-compact-container,
#chat-widget-container {
    opacity: 0
}

.deposit_lock {
    text-align: center;
    padding: 20px 15px
}

.deposit_lock p {
    font-size: 17px
}

.deposit_lock p a {
    color: inherit;
    font-size: 17px
}

.profileBlockLoad {
    text-align: center;
    padding: 15px 0
}

.openMiniBoxClose {
    top: 20px;
    right: -47px
}

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
}

.emptyInfo {
    text-align: center;
    color: #909090;
    font-size: 20px;
    padding: 10px 0
}

.timerPromoLottery .dayblock * {
    display: inline-block
}

.timerPromoLottery div>span.minutes:before,
.timerPromoLottery div>span.minutes:after {
    top: 1px !important
}

.wrap-for-myProfile .timerPromoLottery span.minutes:before {
    top: -2px !important
}

.wrap-for-myProfile .timerPromoLottery span.minutes:after {
    top: -2px !important
}

.wrap-for-myProfile .timerPromoLottery span.hours:before {
    top: -2px !important
}

.wrap-for-myProfile .timerPromoLottery span.hours:after {
    top: -2px !important
}

a[rel=false] {
    cursor: pointer
}

@media(max-width: 480px) {
    .notice {
        width: auto;
        left: 0;
        right: 0 !important;
        margin: 0 15px
    }
}

.gameBox .main-logo {
    margin: 0 auto;
    float: none
}

.game-page .icon-block-in-slider {
    display: none !important
}

@media all and (min-width: 805px) {

    #livechat-compact-container,
    #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
}

html.desktop .platform_desktop_hide,
html.mobile .platform_mobile_hide,
html.safari.mac .platform_safari_mac_hide {
    display: none
}

html .platform_desktop_show,
html .platform_mobile_show,
html .platform_safari_mac_show {
    display: none
}

html.desktop .platform_desktop_show,
html.mobile .platform_mobile_show,
html.safari.mac .platform_safari_mac_show {
    display: block
}

@media all and (min-width: 1px)and (max-width: 805px) {

    .owl-carousel-sidebar.mobile-tornaments-slider,
    .owl-carousel-sidebar.mobile-promotions-slider {
        display: block;
        overflow: hidden
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .turnir-man,
    .owl-carousel-sidebar.mobile-promotions-slider .turnir-man {
        display: none
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .owl-nav .owl-next,
    .owl-carousel-sidebar.mobile-tornaments-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;
        background: aqua;
        position: absolute;
        top: 20%
    }

    .owl-carousel-sidebar.mobile-tornaments-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-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-actor-result,
    .owl-carousel-sidebar.mobile-promotions-slider .main-actor-result {
        display: none
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .main-actor-list,
    .owl-carousel-sidebar.mobile-promotions-slider .main-actor-list {
        border: none;
        background: none
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .main-priz,
    .owl-carousel-sidebar.mobile-promotions-slider .main-priz {
        border: none;
        background: none
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .main-priz .main-left-prizfond,
    .owl-carousel-sidebar.mobile-tornaments-slider .main-priz .main-right-prizfond,
    .owl-carousel-sidebar.mobile-promotions-slider .main-priz .main-left-prizfond,
    .owl-carousel-sidebar.mobile-promotions-slider .main-priz .main-right-prizfond {
        display: inline-block;
        vertical-align: top
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .main-priz .main-left-prizfond,
    .owl-carousel-sidebar.mobile-promotions-slider .main-priz .main-left-prizfond {
        width: 45%
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .main-priz .main-right-prizfond,
    .owl-carousel-sidebar.mobile-promotions-slider .main-priz .main-right-prizfond {
        width: 53%
    }

    .owl-carousel-sidebar.mobile-tornaments-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-promotions-slider .bottom-block-tournir {
        display: none
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .tournir-img,
    .owl-carousel-sidebar.mobile-promotions-slider .tournir-img {
        width: 100%;
        margin: 0 auto;
        background-repeat: no-repeat;
        border: 1px solid #e7c28b;
        border-radius: 5px;
        background-position-x: center !important;
        background-size: cover
    }

    .owl-carousel-sidebar.mobile-lottery-slider {
        display: block
    }

    .owl-carousel-sidebar.mobile-lottery-slider .owl-nav .owl-next,
    .owl-carousel-sidebar.mobile-lottery-slider .owl-nav .owl-prev {
        width: 20px;
        height: 40px;
        position: absolute;
        top: 35%;
        top: calc(50% - 62px)
    }

    .owl-carousel-sidebar.mobile-lottery-slider .owl-nav .owl-next {
        right: 5%;
        background: url("mob-slider-right.png") no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar.mobile-lottery-slider .owl-nav .owl-prev {
        left: 5%;
        background: url("mob-slider-left.png") no-repeat center center;
        background-size: 100%
    }

    .owl-carousel-sidebar.mobile-lottery-slider .main-actor-result {
        display: none
    }

    .owl-carousel-sidebar.mobile-lottery-slider .main-actor-list {
        border: none;
        background: none
    }

    .owl-carousel-sidebar.mobile-lottery-slider .main-priz {
        border: none;
        background: none
    }

    .owl-carousel-sidebar.mobile-lottery-slider .main-priz .main-left-prizfond,
    .owl-carousel-sidebar.mobile-lottery-slider .main-priz .main-right-prizfond {
        display: inline-block;
        vertical-align: top
    }

    .owl-carousel-sidebar.mobile-lottery-slider .main-priz .main-right-prizfond {
        width: 53%
    }

    .owl-carousel-sidebar.mobile-lottery-slider .main-priz .main-left-prizfond {
        width: 45%
    }

    .owl-carousel-sidebar.mobile-lottery-slider .main-icon-tour {
        display: inline-block;
        width: 70%;
        padding: 1px;
        border: none
    }

    .owl-carousel-sidebar.mobile-lottery-slider .main-icon-tour img {
        width: 100%;
        margin: 0 auto;
        background-repeat: no-repeat;
        border: 1px solid #e7c28b;
        border-radius: 5px;
        background-position-x: center !important;
        background-size: cover
    }

    .owl-carousel-sidebar.mobile-lottery-slider .bottom-block-tournir {
        display: none
    }
}

@media all and (min-width: 805px) {
    .mobile-sliders-on-main-page {
        display: none
    }

    .mobile-tornaments-slider {
        display: none !important
    }

    .mobile-lottery-slider {
        display: none !important
    }

    .owl-carousel-sidebar.mobile-tornaments-slider .turnir-man {
        display: none
    }
}

.boxNotification {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, .6);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.boxNotification .cnblock {
    position: fixed;
    background: #eee;
    border: 2px solid #d1d1d1;
    border-radius: 15px;
    padding: 10px 15px;
    width: 240px
}

.boxNotification .cnblock img {
    display: table;
    width: 80px;
    margin: 0 auto 15px
}

.boxNotification .cnblock p {
    color: #000;
    font-size: 15px
}

.boxNotification .cnblock .close {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 15px;
    background-image: url("close2.png");
    background-color: #eee;
    background-size: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    overflow: hidden;
    z-index: 11;
    cursor: pointer;
    opacity: 1
}

.boxNotification .instagramNotRecomend {
    left: 50%;
    margin-left: -135px;
    top: -400px;
    width: 270px;
    display: none !important
}

.boxNotification .instagramNotRecomend p {
    text-align: center
}

.boxNotification .instagramNotRecomend button {
    width: 100%;
    border: 0;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    color: #fff
}

.boxNotification .safari {
    bottom: -225px;
    left: 50%;
    margin-left: -124px
}

.boxNotification .safari:after {
    content: "";
    background: #eee;
    position: absolute;
    width: 34px;
    height: 34px;
    bottom: -15px;
    left: 50%;
    margin-left: -12px;
    -ms-transform: scaleX(0.9) rotate(45deg);
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    -webkit-box-shadow: .2em .2em 0 #d1d1d1;
    box-shadow: .2em .2em 0 #d1d1d1
}

.boxNotification .fromVK {
    bottom: -225px;
    right: 16px;
    border-bottom-right-radius: 0
}

.boxNotification .fromVK:after {
    content: "";
    background: #eee;
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: -5px;
    right: 0;
    -ms-transform: scaleX(0.9) rotate(45deg);
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    -webkit-box-shadow: .2em .2em 0 #d1d1d1;
    box-shadow: .2em .2em 0 #d1d1d1
}

.boxNotification .chrome {
    top: -250px;
    right: 5px;
    border-top-right-radius: 0px
}

.boxNotification .chrome .close {
    left: 0
}

.boxNotification .chrome:after {
    content: "";
    background: #eee;
    position: absolute;
    width: 34px;
    height: 34px;
    top: -16px;
    right: 3px;
    margin-left: -12px;
    -ms-transform: scaleX(0.9) rotate(45deg);
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    -webkit-box-shadow: -2px -2px 0 #d1d1d1;
    box-shadow: -2px -2px 0 #d1d1d1
}

.transition,
.transition::before,
.transition::after {
    -webkit-transition: .3s;
    transition: .3s
}

.transition:hover .transition:hover::before,
.transition:hover::after {
    -webkit-transition: .4s;
    transition: .4s
}

.modal-container-rox.new-modal.currency-eur .currency-content.eur {
    display: inline !important
}

.modal-container-rox.new-modal.currency-eur .currency-content.default:not(.eur) {
    display: none !important
}

.modal-container-rox.new-modal.currency-usd .currency-content.usd {
    display: inline !important
}

.modal-container-rox.new-modal.currency-usd .currency-content.default:not(.usd) {
    display: none !important
}

.modal-container-rox.new-modal.currency-rub .currency-content.rub {
    display: inline !important
}

.modal-container-rox.new-modal.currency-rub .currency-content.default:not(.rub) {
    display: none !important
}

.modal-container-rox.new-modal.currency-kzt .currency-content.kzt {
    display: inline !important
}

.modal-container-rox.new-modal.currency-kzt .currency-content.default:not(.kzt) {
    display: none !important
}

.modal-container-rox.new-modal.currency-sek .currency-content.sek {
    display: inline !important
}

.modal-container-rox.new-modal.currency-sek .currency-content.default:not(.sek) {
    display: none !important
}

.modal-container-rox.new-modal.currency-nok .currency-content.nok {
    display: inline !important
}

.modal-container-rox.new-modal.currency-nok .currency-content.default:not(.nok) {
    display: none !important
}

.modal-container-rox.new-modal.currency-pln .currency-content.pln {
    display: inline !important
}

.modal-container-rox.new-modal.currency-pln .currency-content.default:not(.pln) {
    display: none !important
}

.modal-container-rox.new-modal.currency-try .currency-content.try {
    display: inline !important
}

.modal-container-rox.new-modal.currency-try .currency-content.default:not(.try) {
    display: none !important
}

.modal-container-rox.new-modal.currency-aud .currency-content.aud {
    display: inline !important
}

.modal-container-rox.new-modal.currency-aud .currency-content.default:not(.aud) {
    display: none !important
}

.modal-container-rox.new-modal.currency-btc .currency-content.btc {
    display: inline !important
}

.modal-container-rox.new-modal.currency-btc .currency-content.default:not(.btc) {
    display: none !important
}

.modal-container-rox.new-modal.currency-cad .currency-content.cad {
    display: inline !important
}

.modal-container-rox.new-modal.currency-cad .currency-content.default:not(.cad) {
    display: none !important
}

.modal-container-rox.new-modal.currency-uah .currency-content.uah {
    display: inline !important
}

.modal-container-rox.new-modal.currency-uah .currency-content.default:not(.uah) {
    display: none !important
}

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

.navigation__buttons {
    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-bottom: 20px;
    padding-top: 20px
}

.navigation__buttons:last-child {
    margin-bottom: 0
}

.navigation__btn {
    min-width: 100px;
    padding: 7px 10px 9px;
    border-radius: 3px;
    margin-right: 9px;
    border: 1px solid #e9c890;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(227, 194, 141, 0.96)), color-stop(49%, rgba(169, 163, 154, 0.96)), color-stop(73%, rgba(186, 181, 173, 0.96)), to(rgba(223, 220, 216, 0.96)));
    background: linear-gradient(to top, rgba(227, 194, 141, 0.96) 0%, rgba(169, 163, 154, 0.96) 49%, rgba(186, 181, 173, 0.96) 73%, rgba(223, 220, 216, 0.96) 100%);
    font-size: 14px;
    line-height: 1;
    color: #000;
    text-align: center;
    cursor: pointer
}

.navigation__btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 194, 141, 0.96)), color-stop(49%, rgba(169, 163, 154, 0.96)), color-stop(73%, rgba(186, 181, 173, 0.96)), to(rgba(223, 220, 216, 0.96)));
    background: linear-gradient(to bottom, rgba(227, 194, 141, 0.96) 0%, rgba(169, 163, 154, 0.96) 49%, rgba(186, 181, 173, 0.96) 73%, rgba(223, 220, 216, 0.96) 100%)
}

.navigation__btn.disabled {
    border-color: #b8b8b8;
    background: -webkit-gradient(linear, left bottom, left top, from(#b4b4b4), color-stop(49%, #a2a2a2), color-stop(73%, #a7a7a7), to(#d4d4d4));
    background: linear-gradient(0deg, #b4b4b4 0%, #a2a2a2 49%, #a7a7a7 73%, #d4d4d4 100%);
    pointer-events: none
}

.navigation__btn.invisible {
    visibility: hidden
}

.navigation__btn:last-child {
    margin-right: 0
}

.navigation__btn-mob-text {
    display: none
}

.navigation__pagin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 28px 0 19px
}

.navigation__pagin-item {
    margin-right: 25px;
    font-size: 14px;
    line-height: 1;
    color: #e1c392;
    text-decoration: underline;
    cursor: pointer
}

.navigation__pagin-item:last-child {
    margin-right: 0
}

.navigation__pagin-item.active {
    color: #fff;
    text-decoration: none;
    pointer-events: none
}

.navigation__info {
    font-size: 13px;
    line-height: 1;
    color: #acacac;
    text-align: center
}

.navigation__info-cur,
.navigation__info-all {
    display: inline-block
}

@media(min-width: 805px)and (max-width: 1027px) {
    .navigation__btn--no-tablet {
        display: none
    }
}

@media(max-width: 804px) {
    .navigation__btn--no-mobile {
        display: none
    }

    .navigation__btn--mobile {
        position: relative;
        min-width: 154px;
        padding: 7px 10px 8px;
        margin: 10px 20px;
        border: none;
        background-image: none;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase
    }

    .navigation__btn-mob-img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%
    }

    .navigation__btn--mobile.disabled {
        border: none;
        background-image: url("mobile-disabled-bg-btn.png")
    }

    .navigation__btn--mobile:last-child {
        margin-right: 0
    }

    .navigation__btn-desk-text {
        display: none
    }

    .navigation__btn-mob-text {
        display: block;
        position: relative;
        z-index: 1
    }

    .navigation__pagin {
        display: none
    }

    .navigation__info {
        display: none
    }
}

@media(min-width: 805px) {
    .navigation__btn-mob-img {
        display: none
    }
}

.d-desktop-game-inline {
    display: inline
}

.d-desktop-game-inline-block {
    display: inline-block
}

.d-desktop-game-block {
    display: block
}

.d-desktop-game-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.d-mobile-game-inline,
.d-mobile-game-inline-block,
.d-mobile-game-block,
.d-mobile-game-flex {
    display: none
}

.windows.phone .d-desktop-game-inline,
.windows.phone .d-desktop-game-inline-block,
.windows.phone .d-desktop-game-block,
.windows.phone .d-desktop-game-flex,
.android .d-desktop-game-inline,
.android .d-desktop-game-inline-block,
.android .d-desktop-game-block,
.android .d-desktop-game-flex,
.ios.iphone .d-desktop-game-inline,
.ios.iphone .d-desktop-game-inline-block,
.ios.iphone .d-desktop-game-block,
.ios.iphone .d-desktop-game-flex,
.ios.ipad .d-desktop-game-inline,
.ios.ipad .d-desktop-game-inline-block,
.ios.ipad .d-desktop-game-block,
.ios.ipad .d-desktop-game-flex {
    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
}

.windows.phone .d-mobile-game-inline-block,
.android .d-mobile-game-inline-block,
.ios.iphone .d-mobile-game-inline-block,
.ios.ipad .d-mobile-game-inline-block {
    display: inline-block
}

.windows.phone .d-mobile-game-block,
.android .d-mobile-game-block,
.ios.iphone .d-mobile-game-block,
.ios.ipad .d-mobile-game-block {
    display: block
}

.windows.phone .d-mobile-game-flex,
.android .d-mobile-game-flex,
.ios.iphone .d-mobile-game-flex,
.ios.ipad .d-mobile-game-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.promotions {
    padding: 0 5px
}

.promotions__banner {
    width: 100%;
    margin-bottom: 40px;
    display: none
}

@media(max-width: 804px) {
    .promotions {
        margin: 0 -15px
    }

    .promotions__banner {
        margin-bottom: 0;
        display: none
    }
}

.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-4 {
    display: inline-block;
    width: 100%;
    height: 36px;
    border-radius: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#b6b5b6));
    background: linear-gradient(to bottom, #cecece, #b6b5b6);
    font-size: 15px;
    line-height: 36px;
    color: #000 !important;
    text-decoration: none !important;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: .2s all linear;
    transition: .2s all linear
}

.btn-4:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#b8b6b7));
    background: linear-gradient(to bottom, #d9d9d9, #b8b6b7)
}

@media(max-width: 804px) {
    .btn-4 {
        font-size: 12px;
        height: 30px;
        line-height: 30px
    }
}

.btn-3--block {
    min-width: 100%
}

.btn-4 {
    overflow: hidden;
    display: inline-block;
    height: 40px;
    padding: 2px;
    border-radius: 20px;
    background: #f0c788;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0c788), to(#e5e3e3));
    background: linear-gradient(to bottom, #f0c788 0%, #e5e3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0c788", endColorstr="#e5e3e3", GradientType=0);
    cursor: pointer
}

.btn-4:hover {
    filter: brightness(120%);
    -webkit-filter: brightness(120%)
}

.btn-4--green .btn-4__inner {
    background: #d6d6d6;
    background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d6), color-stop(10%, #d1d1d1), color-stop(50%, #515151), color-stop(81%, #939393), to(#b6b6b6));
    background: linear-gradient(to bottom, #d6d6d6 0%, #d1d1d1 10%, #515151 50%, #939393 81%, #b6b6b6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d6d6d6", endColorstr="#b6b6b6", GradientType=0)
}

.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: #bbfda7;
    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%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbfda7", endColorstr="#a1f088", GradientType=0);
    font-family: "Tahoma Bold", sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap
}

table.activity-history {
    border: none;
    border-radius: 0 0 20px 20px;
    width: 100%;
    margin: 0 auto
}

@media(max-width: 1179px) {
    table.activity-history {
        padding: 30px 0
    }
}

.activity-history__browser {
    margin: 0 auto
}

@media(max-width: 490px) {
    table.activity-history tbody td:before {
        width: 40%
    }
}

@media(max-width: 804px) {
    table.activity-history tbody tr td {
        font-size: 12px
    }
}

@media(min-width: 805px) {
    table.activity-history tbody tr {
        margin-bottom: 25px
    }
}

@media(max-width: 1179px) {
    table.activity-history tbody tr {
        border: 1px solid #b9ac92 !important;
        border-radius: 10px !important;
        margin: 0 14px
    }

    table.activity-history tbody tr+tr {
        margin-top: 30px
    }

    table.activity-history tbody tr td:first-child {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent
    }

    table.activity-history tbody tr td:last-child {
        border-bottom: none
    }

    .activity-history__flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .activity-history__status {
        text-transform: uppercase
    }

    .activity-history__status:before {
        display: none !important
    }
}

@media(min-width: 1180px) {
    .activity-history {
        margin-top: 0 !important
    }

    table.activity-history tbody tr {
        margin-bottom: 0
    }

    .activity-history th {
        border-bottom: none !important;
        text-align: center
    }

    .activity-history thead tr {
        background: #1e1f20
    }

    .activity-history th:first-child,
    table.activity-history tbody tr td:first-child {
        padding-left: 80px
    }

    .activity-history th,
    table.activity-history tbody tr td {
        border-right: none !important
    }

    .activity-history th:last-child,
    table.activity-history tbody tr td:last-child {
        padding-right: 80px
    }
}

.new-modal {
    overflow-x: hidden;
    position: fixed;
    overflow-y: scroll;
    display: block;
    left: 0;
    top: 0;
    z-index: 1000;
    height: 100%;
    width: 100%;
    padding: 30px 0
}

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

@media(max-width: 804px) {
    .new-modal {
        padding: 0
    }
}

.new-modal .red-error {
    position: absolute;
    left: 0;
    top: auto;
    bottom: -24px;
    width: 100%
}

.new-modal--error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-modal[data-modal=search] {
    padding-top: 83px
}

@media all and (max-width: 804px) {
    .new-modal[data-modal=search] {
        padding-top: 0
    }
}

.new-modal__inner {
    position: relative;
    width: 612px;
    -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;
    margin: 0 auto;
    border: 2px solid #f0c788;
    border-radius: 20px;
    background-color: #272828
}

@media(max-width: 804px) {
    .new-modal__inner {
        width: 100%;
        min-height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 20px;
        border: none;
        border-radius: 0
    }
}

@media(min-width: 804px) {
    .new-modal__inner {
        min-width: 300px;
        max-width: 612px;
        width: -webkit-fit-content;
        width: fit-content;
        width: -moz-fit-content
    }
}

.new-modal__reg-bonus-place {
    position: relative;
    height: 100%;
    padding-left: 110px;
    padding-top: 30px;
    padding-bottom: 60px
}

@media(min-width: 805px) {
    .new-modal__reg-bonus-place {
        padding: 0
    }
}

.new-modal__errors {
    max-width: 526px;
    text-align: center
}

.new-modal__errors .btn-3 {
    width: 150px;
    height: 39px;
    margin-top: 25px
}

.new-modal__title {
    color: #e7c28b;
    text-transform: uppercase;
    font-size: 17px;
    font-family: "Tahoma Bold", sans-serif;
    margin-bottom: 25px
}

.new-modal__text {
    color: #fff;
    font-size: 17px
}

.new-modal__reg-bonus-place-button {
    display: block;
    max-width: 136px;
    height: 36px;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    margin: 0 auto;
    border-radius: 5px;
    margin-bottom: 20px
}

@media(max-width: 804px) {
    .new-modal__reg-bonus-place-button {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        right: 0
    }
}

.new-modal__reg-bonus-place-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    text-align: center
}

@media(max-width: 804px) {
    .new-modal__reg-bonus-place-title {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 30px
    }
}

.new-modal__reg-bonus-description-image-wrap {
    position: relative;
    max-width: 150px;
    margin: 14px auto 20px
}

@media(max-width: 804px) {
    .new-modal__reg-bonus-description-image-wrap {
        position: absolute;
        left: 0;
        top: 20px;
        width: 100px;
        max-width: 100%;
        margin: 0
    }
}

.new-modal__reg-bonus-description-image {
    display: block;
    max-width: 150px;
    opacity: .2
}

@media(max-width: 804px) {
    .new-modal__reg-bonus-description-image {
        max-width: 100%
    }
}

.new-modal__reg-bonus-activated-text-ic {
    display: block;
    margin: 0 auto
}

@media(max-width: 804px) {
    .new-modal__reg-bonus-activated-text-ic {
        width: 22px
    }
}

.new-modal__reg-bonus-activated-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
}

@media(max-width: 804px) {
    .new-modal__reg-bonus-activated-text {
        font-size: 13px;
        line-height: 16px
    }
}

@media(min-width: 804px) {
    .new-modal__inner--auth {
        background-image: url("modals/auth-bg.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }
}

.new-modal__close {
    position: absolute;
    right: -60px;
    top: 0;
    cursor: pointer
}

@media(max-width: 804px) {
    .new-modal__close {
        right: 17px;
        top: 17px
    }
}

@media(min-width: 805px) {
    .new-modal__close {
        top: 20px
    }

    .new-modal__close:hover .new-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)
    }
}

.new-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: 35px;
    height: 35px;
    -webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .38);
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .38);
    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);
    text-align: center
}

@media(max-width: 804px) {
    .new-modal__close-ic-wr {
        width: 20px;
        height: 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 0;
        border-radius: 0;
        background-image: none
    }
}

.new-modal__close-ic {
    width: 18px;
    height: 18px;
    color: #626161
}

@media(max-width: 804px) {
    .new-modal__close-ic {
        width: 14px;
        height: 14px;
        color: #f0c788
    }
}

.new-modal__close-text {
    font-size: 12px;
    line-height: 1;
    color: #9f988b;
    text-align: center
}

@media(max-width: 804px) {
    .new-modal__close-text {
        display: none
    }
}

.new-modal__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -20px 0 25px;
    border-bottom: 1px solid #65615b;
    font-weight: 700
}

@media(max-width: 804px) {
    .new-modal__tabs {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px
    }
}

.new-modal__tabs--signup {
    width: 340px
}

@media(max-width: 804px) {
    .new-modal__tabs--signup {
        width: auto
    }
}

.captcha {
    margin-top: 20px
}

.captcha>div {
    max-width: 1px
}

.new-modal__tabs-content--signin {
    max-width: 340px;
    margin: 0 auto;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(max-width: 804px) {
    .new-modal__tabs-content--signin {
        max-width: 280px
    }
}

.new-modal__tab {
    position: relative;
    padding: 20px 15px;
    font-family: "Tahoma", sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #b89d75;
    text-decoration: none !important;
    cursor: pointer
}

.new-modal__tab:hover,
.new-modal__tab:focus {
    color: #f0c788
}

.new-modal__tab.active {
    color: #f0c788;
    font-weight: bold;
    pointer-events: none
}

.new-modal__tab.active .new-modal__tab-ic {
    opacity: 1
}

.new-modal__tab-ic {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    width: 14px;
    opacity: 0
}

.new-modal__tabs-signin-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.new-modal__tabs-signin-btns:last-child {
    margin-bottom: 0
}

@media(max-width: 804px) {
    .new-modal__tabs-signin-btns {
        display: block;
        text-align: center
    }
}

@media(min-width: 804px) {
    .new-modal__tabs-signin-btns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.new-modal__tabs-signin-btn {
    margin-right: 18px
}

@media(max-width: 804px) {
    .new-modal__tabs-signin-btn {
        width: 100%;
        margin: 0 0 20px
    }
}

@media(min-width: 804px) {
    .new-modal__tabs-signin-btn {
        width: 100%;
        margin: 20px auto
    }
}

.new-modal__tabs-signin-btns-text {
    width: 95%;
    margin: 0 auto;
    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;
    line-height: 2
}

@media(min-width: 804px) {
    .new-modal__tabs-signin-btns-text {
        width: 85%
    }
}

.new-modal__tabs-agreement {
    padding-top: 30px;
    color: #f0c788;
    text-align: center;
    line-height: 1.5
}

.new-modal__tabs-signin-btn-text-link {
    display: inline;
    border-bottom: 1px dashed #f0c788;
    color: #f0c788;
    white-space: nowrap
}

.new-modal__tabs-signin-btn-text-link:last-child {
    margin-bottom: 0
}

.new-modal__tabs-signin-btn-text-link:focus {
    color: #f0c788
}

.new-modal__tabs-signin-btn-text-link:hover {
    color: #f0c788;
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
    text-decoration: none;
    border-color: transparent
}

.new-modal__tabs-signin-text {
    font-size: 14px;
    line-height: 1.3;
    color: #f0c788;
    text-align: center
}

.new-modal__tabs-signin-text a {
    border-bottom: 1px dashed #f0c788;
    color: #f0c788
}

.new-modal__tabs-signin-text a:hover {
    text-decoration: none;
    border-bottom-color: transparent
}

.new-modal__reg-btn {
    display: block;
    width: 100%;
    margin-bottom: 25px
}

.new-modal__reg-form {
    display: grid;
    grid-template-areas: "oauth bonuses" "form  bonuses"
}

.new-modal__reg-form

.soc {
    width: 340px;
    grid-area: oauth
}

@media(max-width: 804px) {
    .new-modal__reg-form {
        grid-template-areas: "oauth" "bonuses" "form";
        width: 280px;
        padding-bottom: 20px;
        margin: 0 auto
    }

    .new-modal__reg-form .soc {
        width: 100%
    }
}

.captcha {
    margin-top: 20px
}

.new-modal__reg-inputs-wrap {
    grid-area: form;
    width: 340px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.new-modal__reg-inputs-wrap .main-tabs-input-class {
    font-family: "Tahoma Bold", sans-serif;
    font-size: 16px;
    color: #b89d75;
    height: 42px;
    border-radius: 21px
}

.new-modal__reg-inputs-wrap .checkbox-new__ch-wr .red-error {
    width: 340px
}

@media(max-width: 804px) {
    .new-modal__reg-inputs-wrap {
        width: 100%
    }

    .new-modal__reg-inputs-wrap .main-tabs-input-class {
        -webkit-box-shadow: inset 0 0 0 30px #272828;
        box-shadow: inset 0 0 0 30px #272828;
        background-color: #272828
    }

    .new-modal__reg-inputs-wrap .checkbox-new__ch-wr .red-error {
        width: 280px
    }
}

.new-modal__content-reg-fields {
    display: grid;
    grid-template-columns: calc(100% - 90px - 5px) 90px;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    margin-bottom: 25px;
    position: relative
}

.new-modal__content-reg-fields:last-child {
    margin-bottom: 0
}

.new-modal__content-reg-fields .new-input {
    grid-column: 1/3;
    min-width: 0
}

.new-modal__content-reg-fields .new-input.new-input--field-country {
    grid-column: 1/2
}

.new-modal__content-reg-fields .new-input.new-input--field-currency {
    grid-column: 2/3
}

@media(max-width: 804px) {
    .new-modal__content-reg-fields {
        margin-bottom: 25px
    }

    .new-modal__content-reg-fields:last-child {
        margin-bottom: 0
    }
}

.new-modal__reg-bonuses {
    grid-area: bonuses;
    width: 150px;
    margin: 10px 0 0 30px
}

.new-modal__reg-bonuses .mCustomScrollBox {
    width: 100%
}

@media(max-width: 804px) {
    .new-modal__reg-bonuses {
        width: auto;
        margin: 0
    }
}

@media(max-width: 804px) {
    .new-modal__reg-bonuses-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.new-modal__reg-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) {
    .new-modal__reg-bonuses-title {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
        text-align: center
    }
}

.new-modal__reg-bonus {
    position: relative;
    padding-bottom: 60px
}

.new-modal__reg-bonus:last-child {
    margin-bottom: 0
}

@media(max-width: 804px) {
    .new-modal__reg-bonus {
        position: static;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 45%;
        padding-bottom: 15px
    }
}

.new-modal__border-place {
    position: absolute;
    left: -10px;
    top: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    z-index: 70;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .2s;
    transition: .2s
}

.new-modal__bonus-button {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc(100% - 20px);
    z-index: 97;
    height: 36px;
    min-width: auto;
    font-size: 14px;
    font-weight: 700
}

.new-modal__reg-bonus--no-relative {
    position: static
}

.new-modal__reg-bonus-img {
    position: relative;
    z-index: 16;
    width: 100%
}

.new-modal__reg-bonus-inner {
    position: relative
}

@media(max-width: 804px) {
    .new-modal__reg-bonus-inner {
        cursor: pointer
    }
}

@media(min-width: 805px) {
    .new-modal__reg-bonus-inner:hover .new-modal__reg-bonus-img {
        z-index: 66;
        opacity: .3
    }

    .new-modal__reg-bonus-inner:hover .new-modal__border-place {
        opacity: 1;
        pointer-events: auto
    }
}

@media(min-width: 805px) {
    .new-modal__reg-bonus-description {
        overflow: hidden;
        position: absolute;
        top: 26px;
        right: 0;
        bottom: 0;
        z-index: 100;
        width: 218px;
        border-bottom-right-radius: 20px;
        color: #f0c788
    }

    .new-modal__reg-bonus-description .new-modal__reg-bonus-show-all {
        display: none
    }
}

@media(max-width: 804px) {
    .new-modal__reg-bonus-description {
        width: 100%;
        color: #f0c788;
        background: #272828
    }

    .new-modal__reg-bonus-description .mCSB_container {
        padding-left: 110px;
        padding-top: 30px;
        padding-bottom: 60px
    }

    .new-modal__reg-bonus-description:after {
        content: " ";
        display: block
    }
}

.new-modal__bonuscode-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px;
    margin-bottom: 25px
}

.new-modal__bonuscode-block .visible {
    width: 100%
}

.new-modal__bonuscode-block .visible .new-modal__bonuscode-block-link {
    display: none
}

.new-modal__bonuscode-block .visible .new-modal__bonuscode-block-input {
    display: block
}

.new-modal__bonuscode-block-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
}

.new-modal__bonuscode-block-link:hover {
    border-bottom: 1px dashed rgba(240, 199, 136, 0)
}

.new-modal__bonuscode-block-input {
    display: none
}

.new-modal__input-image {
    position: relative
}

.new-modal__input-image input {
    padding-left: 47px
}

.new-modal__input-image:after {
    content: " ";
    display: block;
    position: absolute
}

.new-modal__input-image.image-promo:after {
    background-image: url(registr/registr-promocode.svg);
    width: 13px;
    height: 17px;
    left: 19px;
    top: 12px
}

.new-modal__input-image.image-email:after {
    background-image: url(registr/registr-password.svg);
    width: 12px;
    height: 14px;
    left: 19px;
    top: 14px
}

.new-modal__input-image.image-password:after {
    background-image: url(registr/registr-email.svg);
    width: 12px;
    height: 14px;
    left: 19px;
    top: 14px
}

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

@media(min-width: 804px) {
    .new-input .placeholder {
        background: transparent
    }
}

.new-input .new-input__field::-webkit-input-placeholder {
    font-weight: 700
}

.new-input .new-input__field::-moz-placeholder {
    font-weight: 700
}

.new-input .new-input__field:-ms-input-placeholder {
    font-weight: 700
}

.new-input .new-input__field::-ms-input-placeholder {
    font-weight: 700
}

.new-input .new-input__field::placeholder {
    font-weight: 700
}

.new-input.textin .placeholder,
.new-input.focus .placeholder {
    top: -10px
}

@media(min-width: 804px) {

    .new-input.textin .placeholder,
    .new-input.focus .placeholder {
        display: none
    }
}

.new-input__field.email {
    background-image: url(registr/registr-password.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 20px 10px;
    padding-left: 50px
}

.new-modal__reg-bonus-conditions {
    font-size: 11px;
    padding-left: 21px;
    margin-bottom: 15px;
    padding-right: 10px
}

@media(max-width: 804px) {
    .new-modal__reg-bonus-conditions {
        overflow: hidden;
        height: 90px;
        position: relative
    }

    .new-modal__reg-bonus-conditions.expanded {
        overflow: auto;
        height: auto;
        padding-bottom: 33px
    }

    .new-modal__reg-bonus-conditions.expanded .new-modal__reg-bonus-show-all:after {
        display: none
    }

    .new-modal__reg-bonus-conditions.expanded .new-modal__reg-bonus-show-text {
        display: none
    }

    .new-modal__reg-bonus-conditions.expanded .new-modal__reg-bonus-close-text {
        display: inline
    }

    .new-modal__reg-bonus-conditions.expanded .new-modal__reg-bonus-close-text:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media(max-width: 804px) {
    .new-modal__reg-bonus-show-all {
        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)
    }

    .new-modal__reg-bonus-show-all:after {
        content: " ";
        display: block;
        height: 1px;
        width: calc(100% - 84px);
        background-color: #bd9c6f;
        position: absolute;
        right: 0;
        bottom: 6px;
        z-index: 6
    }
}

@media(max-width: 804px) {

    .new-modal__reg-bonus-show-text,
    .new-modal__reg-bonus-close-text {
        font-size: 11px
    }

    .new-modal__reg-bonus-show-text:after,
    .new-modal__reg-bonus-close-text:after {
        content: " ";
        display: inline-block;
        background-image: url("arrow-down.svg");
        width: 14px;
        height: 7px;
        margin-left: 6px
    }
}

.new-modal__reg-bonus-close-text {
    display: none
}

.new-modal__reg-bonus-condition {
    list-style: none;
    position: relative;
    margin-bottom: 10px
}

.new-modal__reg-bonus-condition: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
}

.new-modal__reg-bonus-condition:last-child {
    margin-bottom: 0
}

.new-modal__inner--blank-profile {
    max-width: 612px;
    font-family: "Tahoma", sans-serif
}

.new-modal__inner--blank-profile .new-input {
    max-width: 340px;
    margin: 0 auto
}

.new-modal__inner--blank-profile .new-input .placeholder {
    left: 10px
}

.new-modal__inner--blank-profile .new-input--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new-modal__inner--blank-profile .left-post {
    text-transform: uppercase;
    font-weight: 400
}

.new-modal__inner--blank-profile .mobile-phone-wrap input {
    padding-left: 35px;
    width: 100%;
    max-width: initial
}

.new-modal__inner--blank-profile .btn_box {
    padding-top: 35px;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    text-align: center
}

.new-modal__inner--blank-profile .btn_box .btn-3 {
    width: 100%
}

.new-modal__inner--blank-profile .label-input {
    padding-left: 17px
}

.new-modal__inner--blank-profile .select-sex li label {
    margin: 0 auto
}

.new-modal__inner--blank-profile .select-sex li .check {
    top: 0
}

.new-modal__inner--blank-profile .select-wr--block {
    display: inline-block;
    width: 100%
}

.new-modal__inner--search {
    padding: 0;
    width: 452px;
    height: 739px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #f0c788
}

@media all and (max-width: 804px) {
    .new-modal__inner--search {
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: initial
    }
}

@media all and (max-width: 804px)and (orientation: landscape) {
    .new-modal__inner--search {
        height: auto
    }
}

.mobile-phone-wrap__arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 10%;
    height: 100%;
    cursor: pointer
}

.mobile-phone-wrap__arrow:after {
    content: "";
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 50%;
    width: 8px;
    height: 4px;
    margin-top: -1px;
    background-image: url("balance-arr.png");
    background-repeat: no-repeat;
    background-size: 8px 4px;
    background-position: center center
}

.ptop25 {
    padding-top: 25px
}

.modal_title {
    font-size: 16px;
    font-weight: bold;
    color: #f0c788;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 25px
}

@media(max-width: 805px) {
    .modal_title {
        border-bottom: 2px solid #333;
        padding-bottom: 10px
    }

    .new-modal__inner--blank-profile {
        max-width: 100%
    }

    .new-modal__inner--blank-profile .label-input {
        width: 100%
    }
}

.new-modal__content--bday .label-input {
    float: none
}

.new-modal__content--bday .calendar__container {
    position: relative
}

.login-step-one__form-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.new-modal__reg-form .login-step-one__form-type {
    margin-top: 10px
}

.login-step-one__form-type__btn {
    font-family: "Tahoma Bold", sans-serif;
    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;
    overflow: hidden;
    min-width: 140px;
    width: 50%;
    height: 36px;
    padding: 2px;
    border-radius: 20px 0 0 20px;
    border: 2px solid #f0c788;
    font-weight: 700;
    color: #f0c788;
    background: transparent;
    cursor: pointer;
    white-space: nowrap
}

.login-step-one__form-type__btn.active {
    color: #6f5f46;
    border: unset;
    background: #f0c788;
    background: -webkit-gradient(linear, left top, left bottom, from(#fae9ce), to(#f0c788));
    background: linear-gradient(top, #fae9ce 0%, #f0c788 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fae9ce", endColorstr="#f0c788", GradientType=0)
}

.login-step-one__form-type__btn.right {
    border-radius: 0 20px 20px 0
}

.login-step-one__form-type__btn:hover {
    filter: brightness(120%);
    -webkit-filter: brightness(120%)
}

.new-input__hide-pass {
    position: absolute;
    right: 17px;
    top: 50%;
    -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__pass-wrapper {
    height: 42px;
    width: 42px;
    position: absolute;
    right: 0;
    top: 0
}

.new-modal__tabs-signin-btns-text-divide {
    color: #ffe5bc;
    font-weight: 700;
    font-size: 16px
}

.new-modal__tabs-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 310px;
    margin: 0 auto
}

@media(min-width: 805px) {
    .new-modal__tabs-inner {
        max-width: 365px
    }
}

.login-step-one__phone.input-wrap--phone {
    max-width: 100%;
    margin-bottom: 20px
}

.main-tabs-input-class--login-step-one {
    height: 42px;
    max-width: 100%;
    background: unset;
    margin-bottom: 0 !important;
    padding-left: 120px;
    color: #b89d75;
    font-size: 14px;
    border: none;
    font-family: "Tahoma Bold", sans-serif
}

@media(max-width: 804px) {
    .main-tabs-input-class--login-step-one {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #f0c788;
        background: transparent
    }
}

.input-flag__arrow {
    display: block;
    width: 15px;
    height: 15px;
    background-image: url("arrow-down.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

.mobile-phone-wrap__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
}

.new-modal__content__title {
    position: relative;
    top: 30px;
    text-align: center;
    font-family: "Tahoma Bold";
    color: #b89d75;
    font-size: 16px;
    margin-bottom: 44px
}

@media(min-width: 804px) {
    .new-modal__content__title {
        top: 0;
        margin-bottom: 14px
    }
}

.new-modal__content__form-title {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    line-height: 24px
}

.new-modal__content__form-title.mb4 {
    margin-bottom: 40px
}

@media(min-width: 804px) {
    .new-modal__content__form-title {
        max-width: 336px
    }
}

@media(max-width: 804px) {

    .new-modal__content__form.new-modal__content__form--restore,
    .new-modal__content__form.new-modal__content__form--reactivation {
        margin: 0 auto;
        max-width: 280px
    }
}

.new-modal__content__form .new-input {
    margin-bottom: 35px
}

.new-modal__content__btn-wrap {
    max-width: 280px;
    width: 100%;
    margin: 0 auto
}

@media(min-width: 805px) {
    .new-modal__content__btn-wrap {
        min-width: 336px
    }
}

.new-modal__content__extra {
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.new-modal__content--restore-password .new-modal__link {
    margin-top: 20px
}

.new-modal__content--restore-password .new-modal__content__btn-wrap {
    margin-top: 35px
}

.new-modal__content--restore-password .selectBox-label {
    color: #b89d75 !important
}

.new-modal__link {
    text-align: center
}

.modal-container-rox {
    z-index: 270000;
    position: relative
}

.bonuscode-tooltip {
    position: absolute;
    top: 50%;
    right: 7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px
}

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

.bonuscode-tooltip__button:hover+.bonuscode-tooltip__content {
    pointer-events: visible;
    opacity: 1
}

.bonuscode-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) {
    .bonuscode-tooltip__content {
        width: 280px
    }
}

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

.soc {
    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;
    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: 25px
    }
}

.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: 25px;
    color: #fff;
    max-width: 100%
}

.new-input:last-child {
    margin-bottom: 0
}

@media(max-width: 804px) {
    .new-input {
        margin-bottom: 20px
    }

    .new-input:last-child {
        margin-bottom: 0
    }
}

.new-input--unlock {
    text-align: center;
    margin-top: 40px
}

.new-input__field,
.calendar__input {
    width: 100%;
    padding: 0 16px;
    background-color: #272828;
    border: 2px solid #f0c788;
    border-radius: 21px;
    font-family: "Tahoma Regular", sans-serif;
    font-size: 16px;
    line-height: 38px;
    color: #fff
}

.new-modal__inner--blank-profile .new-input__field,
.new-modal__inner--blank-profile .calendar__input {
    background-color: #272828
}

.new-input__field::-webkit-input-placeholder,
.new-input__field::-moz-placeholder,
.new-input__field:-ms-input-placeholder,
.new-input__field:-moz-placeholder,
.calendar__input::-webkit-input-placeholder,
.calendar__input::-moz-placeholder,
.calendar__input:-ms-input-placeholder,
.calendar__input:-moz-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
}

@media(max-width: 804px) {

    .new-input__field,
    .calendar__input {
        border-color: #f0c788
    }
}

.new-input__field--padding-right {
    padding-right: 40px
}

.calendar__pseudo-text {
    font-family: "Tahoma", sans-serif;
    color: #b89d75;
    font-weight: bold
}

.new-modal__content--restore-password .mobile-phone-wrap .main-tabs-input-class {
    max-width: 336px
}

.checkbox-new {
    margin-bottom: 32px
}

.checkbox-new:last-child {
    margin-bottom: 0
}

.checkbox-new__title {
    margin-bottom: 22px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1
}

.checkbox-new__title:last-child {
    margin-bottom: 0
}

.checkbox-new__item {
    position: relative;
    min-height: 19px;
    padding: 2px 0 0 55px;
    margin-bottom: 25px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px
}

.checkbox-new__item:last-child {
    margin-bottom: 0
}

@media(max-width: 804px) {
    .checkbox-new__item.error-box {
        padding-bottom: 20px
    }
}

.checkbox-new__item--privacy-policy {
    padding-bottom: 20px
}

.checkbox-new__ch-wr {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 22px;
    padding: 5px;
    cursor: pointer
}

.checkbox-new__ch-wr .red-error {
    position: relative;
    -webkit-transform: translate3d(-6px, 0, 0);
    transform: translate3d(-6px, 0, 0);
    font-weight: normal;
    line-height: 1.42857;
    letter-spacing: normal;
    text-align: center
}

.checkbox-new__ch-wr .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
}

.checkbox-new__ch-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #f0c788;
    border-radius: 21px
}

.error-box .checkbox-new__ch-bg {
    border-color: #cf3f3f
}

.checkbox-new__ch-wr--relative .checkbox-new__pseudo-block {
    cursor: pointer
}

.checkbox-new__ch {
    display: none
}

.checkbox-new__ch:checked~.checkbox-new__pseudo-block {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 1
}

.checkbox-new__pseudo-block {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fae9ce), to(#f0c788));
    background-image: linear-gradient(to bottom, #fae9ce, #f0c788);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: .5
}

.error-box .checkbox-new__pseudo-block {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cf3f3f), to(#cf3f3f));
    background-image: linear-gradient(to bottom, #cf3f3f, #cf3f3f)
}

.checkbox-new__label {
    position: relative;
    z-index: 10;
    display: inline;
    min-height: 21px;
    font-size: 14px;
    line-height: 1.29;
    color: #f0c788;
    letter-spacing: -0.1px;
    text-decoration: none
}

.checkbox-new__label a {
    color: #f0c788;
    text-decoration: underline;
    cursor: pointer
}

.checkbox-new__label--str {
    border-bottom: none;
    cursor: default
}

.checkbox-new__label--no-decoration {
    text-decoration: none
}

.checkbox-new__label--wr {
    width: 45px;
    padding-left: 0
}

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

.main-popup-block .table-1 .timer-end {
    position: static
}

.main-popup-block .table-1 .timer>div {
    margin: 0
}

@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: 479px) {
    .main-popup-block .table-1 .timer-end {
        font-size: 11px
    }
}

@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 {
    padding: 15px
}

.password-change__group {
    margin-bottom: 15px
}

.password-change__form {
    text-align: center
}

.password-change__form input {
    width: 100%;
    max-width: none
}

.password-change__form .new-input__pass-wrapper {
    height: 36px;
    width: 50px;
    right: 15px
}

.password-change__submit.keep-data {
    width: auto;
    padding: 0 20px
}

.documentUpload {
    width: 265px;
    margin: 0 auto
}

.documentUpload .keep-data {
    float: left;
    height: 28px;
    font-size: 13px;
    margin: 15px 0
}

.documentUpload select {
    position: relative
}

.profile-documents__uploadWidth {
    width: 135px
}

.documentUpload__cols {
    margin: 15px 0 0
}

.documentUpload__cols:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both
}

.documentUpload__col {
    text-align: center
}

@media all and (min-width: 805px) {
    .documentUpload {
        width: auto
    }

    .documentUpload .keep-data {
        width: 134px
    }

    .documentUpload__cols {
        margin-right: -45px;
        margin-bottom: 15px
    }

    .documentUpload__col {
        float: left;
        width: 50%;
        text-align: left
    }

    .documentUpload__col:last-child {
        text-align: right
    }
}

.profile-documents__item {
    min-height: 20px;
    margin-bottom: 10px
}

.profile-documents__itemStatus {
    opacity: .5
}

.profile-documents__itemRemove {
    position: relative;
    display: inline-block;
    background: url("close-slim.png") no-repeat center 4px;
    width: 20px;
    height: 20px;
    border-radius: 22px;
    border: 1px solid #fff;
    top: 1px;
    left: 5px;
    cursor: pointer
}

.profile-documents__itemRemoveMobile {
    display: none
}

@media(max-width: 804px) {
    .profile-documents__itemRemoveMobile {
        display: inline-block
    }
}

.profile-documents__itemRemoveDesktop {
    display: none
}

@media(min-width: 805px) {
    .profile-documents__itemRemoveDesktop {
        display: inline-block
    }
}

.profile-documents__itemDescription {
    padding-left: 0;
    -webkit-transition: padding-left ease 150ms;
    transition: padding-left ease 150ms
}

@media(min-width: 805px) {
    .profile-documents__item:hover .profile-documents__itemDescription {
        padding-left: 10px
    }
}

@media(min-width: 805px) {
    .profile-documents__description {
        min-height: 180px
    }
}

@media(min-width: 1028px) {
    .profile-documents__description {
        min-height: 140px
    }
}

@media(min-width: 805px)and (max-width: 1027px) {
    .profile-documents__description-fix {
        min-height: 161px
    }
}

@media(max-width: 804px) {
    .profile-documents__group {
        margin-bottom: 45px
    }

    html .documentUpload {
        width: auto;
        margin: 0
    }
}

.profile-documents__list,
.profile-documents__moreInfo,
.documentUpload,
.profile-documents__tip {
    margin-bottom: 20px
}

.profile-documents__block p {
    margin-bottom: 15px
}

.documentUpload button {
    margin: 5px 0 !important
}

.nonfiles {
    font-size: 14px;
    color: #fff
}

.profile-documents__group-asked-tip,
.profile-documents__group-asked h4 {
    color: #e63c44
}

.profile-documents__group-asked-tip {
    display: none
}

.profile-documents__group-asked .profile-documents__group-asked-tip {
    display: unset;
    position: absolute;
    top: -7px;
    font-size-adjust: .5
}

.main-inner-popupInPopup {
    width: 548px;
    position: absolute;
    height: auto;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    background: #272828;
    z-index: 9;
    border: 2px solid #e7c28b;
    border-radius: 30px;
    padding: 20px
}

.profile-documents__moreInfo .main-inner-popupInPopup {
    top: -325px
}

.profile-documents__moreInfo .openMiniBox {
    cursor: pointer
}

@media(max-width: 804px) {
    .main-inner-popupInPopup.minibox {
        width: 100%;
        position: relative !important;
        top: auto;
        padding: 0;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none
    }

    .profile-documents__group-asked .profile-documents__group-asked-tip {
        top: -18px
    }
}

@media(max-width: 804px) {
    .selected-document__block {
        width: 50%
    }
}

.selected-document__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.document-name-verification {
    margin-bottom: 0 !important
}

.profile-documents__itemRemove.hidden {
    position: initial
}

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

@media(max-width: 804px) {
    .captcha--singnin 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--singnup 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
}

@media(max-width: 804px) {
    .captcha--singnup 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
    }
}

.input-block--capcha {
    position: relative
}

@media(max-width: 804px) {
    .input-block--capcha {
        width: 280px
    }
}

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

@media(max-width: 804px) {
    .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] {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.captcha--restore-password iframe[src*=fallback] {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

textarea.g-recaptcha-response {
    color: #000;
    font-size: 10px
}

.new-input .captcha+.red-error {
    position: relative;
    top: -13px
}

.touch.ios:not(.ipad) body>div[style*="transition: visibility 0s linear 0.3s"],
.touch.android.mobile body>div[style*="transition: visibility 0s linear 0.3s"] {
    z-index: -1
}

.touch.ios:not(.ipad) body>div[style*="transition: visibility 0s linear 0s"],
.touch.android.mobile body>div[style*="transition: visibility 0s linear 0s"] {
    overflow: auto;
    top: 0 !important;
    left: 50% !important;
    -webkit-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important;
    transform: translate(-50%) !important;
    width: 100% !important;
    height: 100vh;
    z-index: 1000000;
    position: fixed !important;
    background: transparent !important;
    border: none !important
}

.touch.ios:not(.ipad) body>div[style*="transition: visibility 0s linear 0s"]>div:first-child,
.touch.android.mobile body>div[style*="transition: visibility 0s linear 0s"]>div:first-child {
    background-color: transparent !important
}

.touch.ios:not(.ipad) body>div[style*="transition: visibility 0s linear 0s"]>div:last-child,
.touch.android.mobile body>div[style*="transition: visibility 0s linear 0s"]>div:last-child {
    margin: auto
}

.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 {
    padding: 0 20px;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px
}

.sportlobby-page .main-game-list .sportlobby-section__label {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 16px;
    color: #f0c788;
    text-transform: uppercase;
    text-align: left
}

.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: 574px) {
    .sportlobby-page .main-game-list .sportlobby-section {
        width: 514px
    }
}

@media(min-width: 805px) {
    .sportlobby-page .main-game-list .sportlobby-section {
        width: 700px
    }

    .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 {
        width: 940px
    }

    .sportlobby-page .main-game-list .sportlobby-section__tournament-item--dark {
        width: 160px;
        height: 160px;
        margin: 0 5px 10px
    }
}

@media(min-width: 1180px) {
    .sportlobby-page .main-game-list .sportlobby-section {
        width: 960px
    }
}

#sport_top_matches_widget {
    margin-left: -8px;
    margin-right: -8px;
    min-height: 290px;
    max-height: 320px
}

#bettech {
    font-family: "Montserrat", sans-serif
}

@media all and (max-width: 804px) {
    #betslip-container-element {
        z-index: 120 !important
    }
}

.verification-phone {
    font-family: "Tahoma", sans-serif;
    padding: 10px
}

.verification-phone p {
    color: #cba976;
    font-size: 16px;
    text-align: center
}

.verification-phone p.red-error {
    color: #fff
}

@media(min-width: 804px) {
    .verification-phone .inner-points-block .openMiniBoxClose {
        right: -50px
    }
}

.verification-phone .verification-phone-btn {
    text-transform: none
}

.my_profile input[type=text].verification-phone__code-input {
    display: block;
    width: 100%;
    margin: 30px auto 40px auto;
    text-align: center;
    letter-spacing: 6px;
    font-size: 16px
}

.my_profile .verification-phone__code-input-area {
    width: 100%;
    margin: 0 auto
}

@media(min-width: 804px) {
    .my_profile .verification-phone__code-input-area {
        width: 300px
    }
}

.my_profile .verification-phone .keep-data.verification-phone-btn {
    margin: 30px auto 0
}

.my_profile .verification-phone-btn-title {
    padding: 0 10px
}

.verification-phone__btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.verification-phone__btn-box .verification-phone-btn {
    background: #efc384;
    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);
    border: 0;
    color: #535353;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 36px
}

.verification-phone__btn-box .verification-phone-btn:hover {
    color: #000
}

.verification-phone__btn-box .verification-phone-btn:disabled {
    color: #535353
}

@media all and (max-width: 805px) {
    .my_profile .profile-verification__phone {
        border-radius: 5px;
        background: #363636;
        background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#222222));
        background: linear-gradient(to bottom, #363636 0%, #222 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363636", endColorstr="#222222", GradientType=0);
        margin-top: 30px
    }

    .my_profile .profile-verification__phone .inner-inpop {
        background: none;
        padding: 0
    }

    .my_profile .profile-verification__phone .subMinibox-normalpos .inner-points-block .close-block__ic {
        top: 0;
        left: 0
    }

    .my_profile .profile-verification__phone .verification-phone {
        padding: 30px
    }

    .my_profile .profile-verification__phone .verification-phone__btn-box .verification-phone-btn {
        color: #000;
        margin-bottom: 0
    }

    .my_profile .profile-verification__phone .close-block__ic {
        color: #e7c28b
    }
}

@media(min-width: 804px) {
    .verification-upload-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .verification-block-modal {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media(max-width: 804px) {
    .upload_block {
        margin-left: 10px
    }

    .profile-documents__group-asked {
        top: -7px
    }

    .profile-documents__group {
        position: relative;
        margin-left: 15px
    }
}

.red-error-upload {
    text-align: center
}

.user-multisessions {
    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: 16px
}

.user-multisessions .label-input {
    padding: 0;
    font-size: 15px
}

.user-multisessions .label-input .left-post {
    font-size: 15px
}

.user-multisessions .onoffswitch {
    width: 34px;
    height: 18px
}

.user-multisessions .onoffswitch__label {
    border: 1px solid #f0c788;
    background: #000
}

.user-multisessions .onoffswitch__label::before,
.user-multisessions .onoffswitch__label::after {
    content: ""
}

.user-multisessions .onoffswitch__label .onoffswitch__circle {
    width: 10px;
    height: 10px;
    left: 3px;
    background: unset !important;
    border: 1px solid #f0c788
}

.user-multisessions .onoffswitch__checkbox:checked+.onoffswitch__label {
    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%)
}

.user-multisessions .onoffswitch__checkbox:checked+.onoffswitch__label .onoffswitch__circle {
    left: calc(100% - 14px);
    background: unset !important;
    border-color: #000
}

.main-context>.user-multisessions {
    display: none
}

@media screen and (max-width: 1180px) {
    .main-context>.user-multisessions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        margin: 30px 14px 0
    }

    .main-context>.user-multisessions .label-input .left-post {
        font-weight: 900
    }
}

.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 {
    white-space: nowrap
}

.subscribes-block__item .label-input,
.autologin-block__item .label-input {
    display: inline-block;
    top: 2px;
    left: 8px;
    padding: 0;
    float: none;
    white-space: normal
}

.subscribes-block__item .left-post,
.autologin-block__item .left-post {
    display: inline-block;
    width: 300px;
    text-align: left
}

.subscribes-block__item--disabled .onoffswitch,
.autologin-block__item--disabled .onoffswitch {
    opacity: .5
}

.subscribes-block__item--disabled .onoffswitch__label,
.autologin-block__item--disabled .onoffswitch__label {
    pointer-events: none
}

.subscribes-block__item--disabled .label-input,
.autologin-block__item--disabled .label-input {
    opacity: .5
}

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

.balance-bonuses-wrapper {
    display: none;
    background-color: #171717;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001
}

@media all and (min-width: 805px) {
    .balance-bonuses-wrapper {
        background: #272828;
        border: 2px solid #e7c28b;
        border-radius: 30px;
        width: 468px;
        height: 436px;
        margin: auto;
        position: absolute;
        top: -50px
    }
}

.balance-bonuses {
    position: relative;
    height: 100%
}

.balance-bonuses__close {
    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%;
    cursor: pointer;
    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: 9px;
    right: 10px;
    z-index: 10
}

@media all and (max-width: 804px) {
    .balance-bonuses__close {
        background: transparent;
        color: #f0c788;
        top: 14px;
        right: 30px;
        width: 24px;
        height: 24px
    }

    .balance-bonuses__close .close-block__ic {
        width: 16px;
        height: 16px
    }
}

.balance-bonuses .owl-item {
    width: 100%
}

.balance-bonuses .owl-item,
.balance-bonuses .owl-stage,
.balance-bonuses .owl-stage-outer,
.balance-bonuses .owl-carousel-bonus {
    height: 100%
}

.balance-bonuses .owl-nav {
    line-height: 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;
    width: calc(100% - 110px);
    margin: 0 auto;
    position: absolute;
    top: 64px;
    left: 0;
    right: 0
}

.balance-bonuses .owl-nav [class*=owl-] {
    background: url("left-bonus-slider.png");
    cursor: pointer;
    width: 20px;
    height: 37px;
    margin: 0;
    position: relative;
    opacity: .8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.balance-bonuses .owl-nav [class*=owl-]:hover,
.balance-bonuses .owl-nav [class*=owl-]:focus {
    background: url("left-bonus-slider.png");
    opacity: 1
}

.balance-bonuses .owl-nav [class*=owl-].disabled {
    cursor: default;
    pointer-events: none;
    opacity: .4
}

.balance-bonuses .owl-nav .owl-next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.balance-bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-width: 100%
}

.balance-bonus__box--main {
    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-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto
}

.balance-bonus__title {
    display: block;
    color: #e7c28b;
    font-size: 16px;
    font-family: "Tahoma Bold", sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0
}

@media all and (min-width: 805px) {
    .balance-bonus__title {
        max-width: 350px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding: 15px 0
    }
}

.balance-bonus__status {
    -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;
    padding: 15px 0;
    width: 100%
}

@media all and (max-width: 804px) {
    .balance-bonus__status {
        -webkit-box-shadow: 0 -1px 15px 2px rgba(231, 194, 139, .5) inset;
        box-shadow: 0 -1px 15px 2px rgba(231, 194, 139, .5) inset
    }
}

.balance-bonus__btn {
    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%);
    border: 2px solid #000;
    border-radius: 16px;
    color: #000;
    font-size: 14px;
    line-height: 1em;
    text-transform: uppercase;
    width: 100%;
    max-width: 150px;
    height: 32px;
    padding: 6px 0
}

.balance-bonus__btn:hover,
.balance-bonus__btn:focus {
    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%)
}

.balance-bonus__btn--back {
    display: none;
    border: 1px solid #f0c788;
    background: #171717;
    color: #f0c788
}

.balance-bonus__btn--back:hover,
.balance-bonus__btn--back:focus {
    background: #171717;
    color: #fff
}

@media all and (min-width: 805px) {

    .balance-bonus__btn--back:hover,
    .balance-bonus__btn--back:focus {
        background: #272828
    }
}

@media all and (min-width: 805px) {
    .balance-bonus__btn--back {
        background: #272828
    }
}

.balance-bonus-info {
    height: 100%;
    overflow-y: inherit
}

.balance-bonus-info__item {
    border-bottom: 1px solid #4d6366;
    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;
    gap: 15px;
    padding: 12px 24px
}

@media all and (max-width: 804px) {
    .balance-bonus-info__item {
        border-bottom-color: #3c3c3c
    }
}

.balance-bonus-info__field {
    color: #e7c28b;
    -ms-flex-preferred-size: max-content;
    flex-basis: max-content;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.balance-bonus-info__value {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 min-content;
    flex: 1 0 min-content;
    text-align: right
}

.balance-bonus-cancel {
    display: none;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 24px 24px 0;
    position: relative
}

.balance-bonus-cancel__wrapper {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.balance-bonus-cancel__title,
.balance-bonus-cancel__item {
    font-size: 16px;
    line-height: 1.4em
}

.balance-bonus-cancel__list {
    margin-top: 25px
}

.balance-bonus-cancel__item+.balance-bonus-cancel__item {
    margin-top: 8px
}

.balance-bonus-cancel__field {
    color: #f0c788
}

.balance-bonus-cancel__value {
    font-family: "Tahoma Bold", sans-serif
}

.balance-bonus-controls {
    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: 15px;
    padding: 20px 0
}

.promo-bonus-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 14px;
    line-height: 1em
}

.promo-bonus-progress__box--main {
    width: 100%;
    max-width: 130px;
    min-width: 115px
}

@media all and (max-width: 385px) {
    .promo-bonus-progress__box--main {
        max-width: 95px
    }
}

.promo-bonus-progress__box--percents {
    position: relative;
    top: 4px;
    margin-left: 6px
}

.promo-bonus-progress__count {
    text-align: left;
    letter-spacing: .025px;
    width: 100%;
    margin-bottom: 5px
}

.promo-bonus-progress__maxValue {
    opacity: .6
}

.promo-bonus-progress__bar {
    background: #000;
    border-radius: 10px;
    width: 100%;
    height: 4px;
    position: relative
}

.promo-bonus-progress__success {
    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: 10px;
    position: absolute;
    height: 4px;
    left: 0;
    top: 0
}

.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__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";
    font-size: 16px;
    color: #fff
}

.instructionapp__title-block {
    width: 100%;
    min-height: 340px;
    max-height: 366px;
    background: url("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";
    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("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("accept_arrow.svg") no-repeat center center;
    width: 14px;
    height: 10px;
    margin: 0 auto
}

.final-step {
    padding-top: 80px;
    margin-top: 40px;
    background: url("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("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
    }
}

.page-faq {
    font-size: 16px;
    font-family: "Tahoma", sans-serif;
    color: #fff;
    overflow: hidden;
    padding: 82px 15px 0 15px
}

.page-faq .title-box {
    width: 100%;
    padding: 40px
}

.page-faq .title-box .title {
    font-family: "Tahoma Regular", sans-serif;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #f0c788;
    margin: 0
}

.page-faq__search-block {
    width: 100%;
    margin-bottom: 20px
}

.page-faq__search-block .search-input {
    font-family: "Tahoma Regular", sans-serif;
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.page-faq__search-block .search-input input {
    position: relative;
    background: #141414;
    border-radius: 20px;
    border: 1px solid #f0c788;
    width: 100%;
    font-size: 16px;
    color: #fff;
    padding: 12px 50px 4px 20px
}

.page-faq__search-block .search-input::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("loupe.svg") no-repeat center center;
    background-size: 90%
}

.page-faq__search-block .search-input::before {
    content: "Поиск";
    position: absolute;
    display: block;
    width: 30px;
    height: 12px;
    left: 22px;
    top: 10px;
    font-family: "Tahoma", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #b1b1b1;
    z-index: 10;
    pointer-events: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.page-faq__search-block .search-input.active::before {
    font-size: 10px;
    top: 2px
}

.search-result-error {
    width: 100%;
    max-width: 900px;
    padding-top: 20px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: all .4s;
    transition: all .4s;
    display: none
}

.search-result-error .search-request,
.search-result-error .search-result,
.search-result-error .search-error {
    overflow-wrap: break-word;
    width: 100%;
    text-align: center;
    font-family: "Tahoma Regular", sans-serif;
    font-weight: 400;
    font-size: 16px
}

.search-result-error .search-request {
    color: #f0c788
}

.search-result-error .search-error {
    color: #fff
}

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

.page-faq__tabs .tab-link {
    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
}

.page-faq__tabs .tab-link.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
}

.page-faq__tabs-content {
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.page-faq__tabs-content ul {
    list-style-type: none;
    padding: 0
}

.accord-content .accord-item__highlighted,
.accord-content-box li .accord-item__highlighted,
.accord-subtitle .accord-item__highlighted {
    color: #f0c788
}

.tab-box {
    display: none;
    text-align: left !important
}

.tab-box.active {
    display: block
}

.tab-box a {
    color: #f0c788
}

.tab-box a:hover {
    text-decoration: underline
}

ul.page-faq__accord {
    list-style-type: none;
    padding: 0
}

ul.page-faq__accord li ul {
    list-style-type: none
}

.page-faq__accord {
    font-family: "Tahoma Regular", sans-serif
}

.page-faq__accord .accord-item {
    position: relative;
    font-family: "Tahoma Regular", sans-serif
}

.page-faq__accord .accord-item::after,
.page-faq__accord .accord-item::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
}

.page-faq__accord .accord-item::after {
    right: 17px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page-faq__accord .accord-item::before {
    right: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.page-faq__accord .accord-item.active::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.page-faq__accord .accord-item.active::before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.page-faq__accord .accord-item.active .accord-content-box {
    max-height: -webkit-min-content;
    max-height: -moz-min-content;
    max-height: min-content;
    padding-bottom: 40px
}

.page-faq__accord .accord-title {
    font-family: "Tahoma Regular", sans-serif;
    background: #3d3d3d;
    border-radius: 10px;
    min-height: 40px;
    line-height: 38px;
    color: #f0c788;
    padding: 0 20px;
    margin-bottom: 22px;
    cursor: pointer
}

.page-faq__accord .accord-content-box {
    max-height: 0;
    overflow: hidden
}

.page-faq__accord .accord-subtitle {
    font-family: "Tahoma Regular", sans-serif;
    line-height: 40px
}

.page-faq__accord .accord-content {
    font-family: "Tahoma Regular", sans-serif;
    margin-bottom: 16px;
    line-height: 24px;
    padding-left: 20px;
    color: #bebfbf
}

.accord-item__highlighted {
    color: #f0c788
}

@media(max-width: 1200px) {
    .page-faq__tabs .tab-link {
        width: 22%;
        padding: 0;
        margin: 6px
    }
}

@media(max-width: 804px) {
    .page-faq__search-block {
        margin-bottom: 34px
    }

    .page-faq__tabs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .page-faq__tabs .tab-link {
        width: 32%;
        margin: 6px 0
    }

    .page-faq {
        padding-top: 47px
    }

    .page-faq .title-box {
        padding: 25px 0
    }

    .page-faq .title-box .title {
        font-size: 18px
    }
}

@media(max-width: 640px) {
    .page-faq__tabs .tab-link {
        width: 49%;
        font-size: 11px
    }

    .page-faq__accord .accord-content-box,
    .page-faq__accord .accord-title,
    .page-faq__accord .accord-subtitle {
        font-size: 14px;
        line-height: 21px
    }

    .page-faq__accord .accord-title {
        padding: 9px 30px 9px 10px
    }
}

.modal-upload-files-limit,
.modal-mail-confirmation,
.modal-mail-not-exists {
    position: fixed;
    display: block;
    top: 97px;
    left: 0;
    right: 0;
    width: 453px;
    min-height: 355px;
    z-index: 1000;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #242424;
    -webkit-box-shadow: 0px 10px 12px rgba(0, 0, 0, .4);
    box-shadow: 0px 10px 12px rgba(0, 0, 0, .4);
    border-radius: 10px
}

.modal-upload-files-limit {
    min-height: 355px
}

.modal-mail-confirmation {
    min-height: 316px
}

.modal-mail-not-exists {
    min-height: 316px
}

@media screen and (max-height: 700px) {
    .modal-upload-files-limit {
        top: calc((100% - 355px) / 2)
    }

    .modal-mail-confirmation {
        top: calc((100% - 316px) / 2)
    }

    .modal-mail-not-exists {
        top: calc((100% - 316px) / 2)
    }
}

.modal-upload-files-limit__header,
.modal-mail-confirmation__header,
.modal-mail-not-exists__header {
    position: relative;
    margin: 45px auto 34px;
    width: 360px;
    height: 22px;
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #f0c788
}

.modal-upload-files-limit__logo {
    height: 55px;
    margin-bottom: 36px;
    background-image: url(modals/limit.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.modal-mail-confirmation__logo,
.modal-mail-not-exists__logo {
    height: 56px;
    background-image: url(modals/email.png);
    background-position: center center;
    background-size: 56px;
    background-repeat: no-repeat
}

.modal-upload-files-limit__content,
.modal-mail-confirmation__content,
.modal-mail-not-exists__content {
    margin: 36px auto 40px;
    max-width: 360px
}

.modal-mail-confirmation__title,
.modal-mail-not-exists__title {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #f0c788;
    padding-bottom: 16px
}

.modal-upload-files-limit__text,
.modal-mail-confirmation__text {
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin-bottom: 24px
}

.modal-upload-files-limit__content .btn,
.modal-mail-confirmation__content .btn,
.modal-mail-not-exists__content .btn {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 78px;
    gap: 10px;
    max-width: 360px;
    height: 36px;
    font-family: "Tahoma", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(24%, #E5C18B), color-stop(50%, #ACA498), color-stop(95%, #D6CDC3), to(#EFC788));
    background: linear-gradient(0deg, #E5C18B 24%, #ACA498 50%, #D6CDC3 95%, #EFC788 100%);
    border-radius: 100px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.modal-upload-files-limit__text a,
.modal-mail-confirmation__text a {
    color: #f0c788;
    text-decoration: underline
}

.modal__close-btn {
    position: absolute;
    font-size: 14.32px;
    padding: 0;
    color: #fff;
    right: 0;
    margin: auto;
    outline: none;
    border: transparent;
    background: transparent;
    cursor: auto
}

.modal__close-btn:hover {
    color: #fff;
    text-decoration: none
}

.modal__close-btn:before {
    content: "✕"
}

@media all and (max-width: 574px) {

    .modal-upload-files-limit__header,
    .modal-mail-confirmation__header,
    .modal-mail-not-exists__header,
    .modal-upload-files-limit__content,
    .modal-mail-confirmation__content,
    .modal-mail-not-exists__content {
        width: 90% !important
    }

    .modal-upload-files-limit,
    .modal-mail-confirmation,
    .modal-mail-not-exists {
        max-width: 453px;
        width: 90%
    }

    .modal-upload-files-limit__text,
    .modal-mail-confirmation__title {
        width: 100%
    }

    .modal-upload-files-limit__content .btn {
        width: 100% !important
    }
}

.modal__user-status-upgrade {
    width: 502px;
    position: relative;
    margin: 45px auto
}

@media(min-width: 1px)and (max-width: 804px) {
    .modal__user-status-upgrade {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.user-status-upgrade {
    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-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e7c28b;
    background: linear-gradient(135deg, black 40%, #a9915c 100%);
    border-radius: 10px;
    width: 452px;
    padding: 38px 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 57;
    cursor: pointer
}

@media(min-width: 1px)and (max-width: 804px) {
    .user-status-upgrade {
        background: none;
        border: none;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.user-status-upgrade__cong {
    font-size: 23px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.3px
}

.user-status-upgrade__image {
    margin: 18px 0px
}

.user-status-upgrade__title {
    text-align: center;
    font-family: "Tahoma Regular", sans-serif;
    font-size: 18px;
    line-height: 1.3;
    color: #fff
}

.user-status-upgrade__status-name {
    font-size: 23px;
    display: inline-block;
    margin-top: 16px;
    font-family: "Tahoma Regular", sans-serif;
    line-height: 1;
    color: #e7c28b;
    text-transform: uppercase
}

@media(min-width: 1px)and (max-width: 804px) {
    .close-block-mobile {
        position: absolute;
        top: -24px;
        right: 30px;
        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;
        cursor: pointer
    }
}

.game-checkbox__title {
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    margin: 0 15px 0 10px
}

.game-checkbox__label {
    margin: 0
}

.game-checkbox__input {
    display: none
}

.game-checkbox__input+.game-checkbox__label,
.game-checkbox__input+.game-checkbox__label::after,
.game-checkbox__input+.game-checkbox__label::before {
    -webkit-transition: all .3s;
    transition: all .3s
}

.game-checkbox__input+.game-checkbox__label {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 18px;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #f0c788;
    background-color: transparent
}

.game-checkbox__input:checked+.game-checkbox__label {
    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%)
}

.game-checkbox__input+.game-checkbox__label::after {
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 1px solid #f0c788
}

.game-checkbox__input:checked+.game-checkbox__label::after {
    left: 19px;
    border: 1px solid #000;
    background-color: transparent
}

.game-checkbox__input+.game-checkbox__label::before {
    display: block;
    content: "";
    position: absolute;
    top: 18px;
    right: 10px;
    color: #000;
    font-size: 19px
}

.game-checkbox__input:checked+.game-checkbox__label::before {
    content: "";
    left: 16px;
    right: auto
}

.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: grid;
    grid-template-areas: "img title favorite" "img provider favorite";
    grid-template-columns: 106px 1fr 80px;
    grid-template-rows: auto 1fr;
    margin-bottom: 15px
}

.game-page-game-list__game-item:last-child {
    margin-bottom: 0
}

.game-page-game-list__game-item:hover {
    text-decoration: none
}

.game-page-game-list__game-item:hover,
.game-page-game-list__game-item:focus {
    color: #23527c;
    text-decoration: none
}

.game-page-game-list__game-img {
    width: 94px;
    height: 63px;
    grid-area: img;
    border-radius: 5px
}

.game-page-game-list__game-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #f0c788;
    grid-area: title;
    padding-right: 10px
}

.game-page-game-list__game-provider {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #b1b1b1;
    grid-area: provider;
    margin-top: 5px;
    padding-right: 10px
}

.game-page-game-list__game-favorite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    align-self: start;
    grid-area: favorite
}

.game-page-game-list__game-favorite-toggle {
    font-weight: 400;
    font-size: 10px;
    letter-spacing: .02em;
    color: #b1b1b1;
    cursor: pointer
}

.game-page-game-list__game-favorite-icon--active .game-page-game-list__game-favorite-img {
    display: none
}

.game-page-game-list__game-favorite-icon--active .game-page-game-list__game-favorite-img--hover {
    display: block;
    cursor: pointer
}

.game-page-game-list__game-favorite-img {
    display: block;
    cursor: pointer
}

.game-page-game-list__game-favorite-img--hover {
    display: none
}

.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__login {
    margin-right: 34px;
    text-transform: uppercase
}

@media(max-width: 1028px) {
    .game-header__login {
        margin-right: 10px
    }
}

.game-header__registration {
    margin: 0 17px 0 20px;
    text-transform: uppercase
}

@media(max-width: 1028px) {
    .game-header__registration {
        margin-right: 10px;
        margin-left: 10px
    }
}

.game-header__login:hover,
.game-header__registration:hover {
    color: #fff;
    text-decoration: none;
    -webkit-filter: none;
    filter: none
}

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

@media(min-width: 1028px) {
    .game-header__demo--login {
        margin-left: auto
    }
}

.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 {
    font-size: 16px;
    color: #f0c788
}

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

@media(max-width: 804px) {
    .game-page .main-priz--tour {
        height: 150px;
        min-height: 150px
    }
}

.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 .form_search {
    margin-top: 18px;
    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 .result-wr {
    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 .result {
    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 .game-page-game-list {
    margin-top: 20px
}

.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 {
    display: block;
    width: 100%;
    padding-left: 20px;
    margin-top: 6px;
    margin-bottom: 18px;
    line-height: 22px;
    font-family: "Tahoma Regular", sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    text-align: left;
    color: #e7c28b
}

.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 {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 18px;
    min-width: 18px;
    height: 18px;
    content: "";
    background-image: url("search.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.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__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: contain;
    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-jackpot {
    color: #fff;
    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-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 {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px
}

.search__results_tabs-content .tab-content .provider-content .game-item {
    margin: 0;
    width: 154px;
    height: 116px
}

.search__results_tabs-content .tab-content .provider-content .game-item .wrapper-img-section {
    height: 102px
}

.search__results_tabs-content .tab-content .provider-content .game-item .hover-block>.inner-hover-block {
    text-align: center
}

.search__results_tabs-content .tab-content .provider-content .game-item .hover-block>.inner-hover-block .inner-heart-right {
    width: 24px
}

.search__results_tabs-content .tab-content .provider-content .game-item .main-game-wrap>.game-block-stars .inner-heart-right {
    width: 14px;
    height: 1em;
    padding: 2px
}

.search__results_tabs-content .tab-content .provider-content .game-item .main-game-wrap>.game-text-block {
    height: auto
}

.search__results_tabs-content .tab-content .provider-content .game-item .main-game-wrap>.game-text-block .inner-game-text {
    color: #f0c788;
    font-size: 10px;
    font-weight: 700;
    line-height: 10px
}

.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-top: 7px;
        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 {
        padding: 0 14px
    }

    .search__results_tabs-content .tab-content .provider-content .game-item {
        width: 154px;
        height: 116px
    }

    .search__results_tabs-content .tab-content .provider-content .game-item .wrapper-img-section {
        height: 102px
    }

    .search__results_tabs-content .tab-content .search__results_no-results {
        margin-top: 7px
    }
}

.onoffswitch {
    display: inline-block;
    width: 50px;
    height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top
}

.onoffswitch__checkbox {
    display: none
}

.onoffswitch__label {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    background: transparent;
    border: 2px solid #f0c788;
    border-radius: 55px;
    border-bottom: 2px solid rgba(255, 255, 255, .9);
    -webkit-transition: background .6s ease, -webkit-filter .2s linear;
    transition: background .6s ease, -webkit-filter .2s linear;
    transition: filter .2s linear, background .6s ease;
    transition: filter .2s linear, background .6s ease, -webkit-filter .2s linear
}

.onoffswitch__label:before {
    content: "Нет";
    position: absolute;
    color: #acacac;
    top: 1px;
    right: 6px;
    font-size: 12px;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 17px
}

.onoffswitch__label:after {
    content: "Да";
    position: absolute;
    top: 1px;
    left: 12px;
    color: #e7c28b;
    font-size: 12px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 17px
}

.onoffswitch__label:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.onoffswitch__circle {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 2px;
    top: 3px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#d0d0d0), to(#e4e5e5)) !important;
    background: linear-gradient(to top, #d0d0d0, #e4e5e5) !important;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.onoffswitch__checkbox:checked+.onoffswitch__label:before {
    opacity: 0;
    right: 12px
}

.onoffswitch__checkbox:checked+.onoffswitch__label:after {
    opacity: 1;
    left: 6px
}

.onoffswitch__checkbox:checked+.onoffswitch__label .onoffswitch__circle {
    left: calc(100% - 16px);
    background: -webkit-gradient(linear, left bottom, left top, from(#e9c289), to(#dfe2e4)) !important;
    background: linear-gradient(to top, #e9c289, #dfe2e4) !important
}

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